@charset "utf-8";

/* ===================================================
 Common Layout
=====================================================*/
#wholeWrapper{
  width: 100%;
  min-width: 1070px;
  background: url(../img/head_bg.png) no-repeat center top;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#wholeWrapper{
		background-image: url("../img/head_bg@2x.png");
		background-size: 1040px 150px;
	}
}

/* header
=====================================================*/
#header{
  width: 1040px;
  height: 240px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#header h1{
  position: absolute;
  top: 45px;
  left: 286px;
  background: url(../img/head_title.png) no-repeat 0 0;
  width: 471px;
  height: 0;
  padding-top: 84px;
  overflow: hidden;
}

#header .address{
  position: absolute;
  top: 46px;
  right: 16px;
  background: url(../img/head_address.png) no-repeat 0 0;
  width: 171px;
  height: 0;
  padding-top: 43px;
  overflow: hidden;
}

#header .tel{
  position: absolute;
  top: 101px;
  right: 16px;
  background: url(../img/head_tel.png) no-repeat 0 0;
  width: 180px;
  height: 0;
  padding-top: 30px;
  overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#header h1{
	  background: url(../img/head_title@2x.png) no-repeat 0 0;
	  background-size: 471px 84px;
	}

	#header .address{
	  background: url(../img/head_address@2x.png) no-repeat 0 0;
	  background-size: 171px 43px;
	}

	#header .tel{
	  background: url(../img/head_tel@2x.png) no-repeat 0 0;
	  background-size: 180px 30px;
	}
}

/*global navi
-----------------------------------------------------*/
.globalNavi{
	width: 1000px;
	height: 60px;
	text-align: left;
	padding-top: 21px;
	background: url(../img/globalnavi_bg.png) no-repeat 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	.globalNavi{
		background-image: url("../img/globalnavi_bg@2x.png");
		background-size: 1000px 22px;
	}
}

#header .globalNavi{
	position: absolute;
	top: 156px;
	left: 35px;
}

#footNavi{
	position: relative;
	width: 1000px;
	margin: 54px auto 0 auto;
}

.globalNavi a{
	background: url(../img/globalnavi.jpg) no-repeat 0 0;
	background-size:1000px 96px;
	display: block;
	padding-top:48px;
	overflow: hidden;
	height: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	.globalNavi a{
		background-image: url("../img/globalnavi@2x.jpg");
		background-size: 1000px 96px;
	}
}

.globalNavi li{
	height: 48px;
	position:absolute;
}

.Nav01{
	left: 0;	
	width: 149px;
}

.globalNavi .Nav01 a{
	background-position: 0 0;
}

.globalNavi .Nav01 a:hover,
.globalNavi .Nav01 a.Active{
	background-position: 0 -48px;
}

.Nav02{
	left: 165px;
	width: 149px;
}

.globalNavi .Nav02 a{
	background-position: -166px 0;
}

.globalNavi .Nav02 a:hover,
.globalNavi .Nav02 a.Active{
	background-position: -166px -48px;
}

.Nav03{
	left: 386px;
	width: 138px;
}

.globalNavi .Nav03 a{
	background-position: -386px 0;
}

.globalNavi .Nav03 a:hover,
.globalNavi .Nav03 a.Active{
	background-position: -386px -48px;
}

.Nav04{
	left: 593px;
	width: 155px;
}

.globalNavi .Nav04 a{
	background-position: -593px 0;
}

.globalNavi .Nav04 a:hover,
.globalNavi .Nav04 a.Active{
	background-position: -593px -48px;
}

.Nav05{
	left: 801px;
	width: 176px;
}

.globalNavi .Nav05 a{
	background-position: -801px 0;
}

.globalNavi .Nav05 a:hover,
.globalNavi .Nav05 a.Active{
	background-position: -801px -48px;
}

/* top block
=====================================================*/
#mainContent01{
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

/* main visual
-----------------------------------------------------*/
#mainVisual{
	width: 1070px;
  margin:0 auto 20px auto;
  z-index: 100;
  position: relative;
  text-align: left;
}

#mvPrev{
	position: absolute;
	height: 319px;
	width: 25px;
	background: url(../img/arrow_slide.png) no-repeat 0 0;
	top: 0;
	left: 0;
	cursor: pointer;
}

#mvNext{
	position: absolute;
	height: 319px;
	width: 25px;
	background: url(../img/arrow_slide.png) no-repeat -35px 0;
	top: 0;
	right: 0;
	cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#mvPrev,#mvNext{
		background-image: url("../img/arrow_slide@2x.png");
		background-size: 60px 319px;
	}
}

.swipeshow {
	width: 1000px;
	height: 350px;
	margin: 0 auto;
}

.swipeshow .dots,
.swipeshow .dot-item,
.swipeshow .dot {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background: transparent;
}

.swipeshow .dots {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: -5px;
  text-align: right;
  list-style: none;
  font-size: 0;
}

.swipeshow .dot-item {
  list-style: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}

.swipeshow .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 6px;
  font-size: 0;
  background: #a5a594;
}

.no-touch .dot-item:hover .dot {
	background: #f39900;
}

.swipeshow .dot-item:active .dot,
.swipeshow .dot-item.active .dot {
	background: #f39900;
}

/* #Instructions
-----------------------------------------------------*/
#Instructions{
	position: absolute;
	top: 20px;
	right: 55px;
	z-index: 200;
	width: 550px;
	padding-top: 33px;
	background: url(../img/bg_550_t01.png) no-repeat 0 0;
}

#InstructionsInner{
	height: 247px;
	background: url(../img/bg_550_b01.png) no-repeat  0 100%;
	padding: 0 31px;
}

#InstructionsInner li{
	font-size: 1.4em;
	line-height: 1.55;
	margin-bottom: 24px;
	padding-left: 58px;
	background: url(../img/icon01.png) no-repeat 0 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#InstructionsInner li{
		background-image: url("../img/icon01@2x.png");
		background-size: 100px 700px;
	}
}

#InstructionsInner strong{
	color: #23ac38;
}

#InstructionsInner .Icon02{
	background-position: 0 -180px;
}

#InstructionsInner .Icon03{
	background-position: 3px -375px;
}

/* top bottom block
-----------------------------------------------------*/
#mainColumn{
}

#columnA{
  width: 490px;
  float: left;
}

#columnB{
  width: 490px;
  float: right;
}

#bottomText{
	font-size: 1.2em;
	line-height: 1.66;
	margin-bottom: 25px;
}

/*Time*/
#Time{
	background: url(../img/bg_490_t01.png) no-repeat 0 0;
	padding-top: 14px;
	margin-bottom: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#Time{
		background-image: url("../img/bg_490_t01@2x.png");
		background-size: 490px 50px;
	}
}

#Time h2{
	margin-bottom: 10px;
}

#timeInner{
	background: url(../img/bg_490_b02.png) no-repeat  0 100%;
	min-height: 247px;
	padding: 0 22px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#timeInner{
		background-image: url("../img/bg_490_b02@2x.png");
		background-size: 490px 1000px;
	}
}

#timeInner .Img01{
	float: left;
	width: 320px;
}

#timeInner .telNo{
	clear: both;
}

#timeInner .Img02{
	float: right;
	width: 110px;
}


/*Map*/
#Map{
	background: url(../img/bg_490_t02.png) no-repeat 0 0;
	padding-top: 14px;
	margin-bottom: 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#Map{
		background-image: url("../img/bg_490_t02@2x.png");
		background-size: 490px 50px;
	}
}


#mapInner{
	background: url(../img/bg_490_b01.png) no-repeat  0 100%;
	padding: 0 24px 15px 24px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#mapInner{
		background-image: url("../img/bg_490_b01@2x.png");
		background-size: 490px 1000px;
	}
}


#mapInner .Img01{
	margin-bottom: 17px;
}

#mapInner .Text01{
	line-height: 1.5;
	font-size: 1.4em;
	background: url(../img/icon01.png) no-repeat 0 -584px;
	padding-left: 63px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	.Text01{
		background-image: url("../img/icon01@2x.png");
		background-size: 100px 700px;
	}
}

#mapInner  strong{
	color: #23ac38;
	line-height: 1.7;
}

/*Consultation*/
#Consultation{
	background: url(../img/bg_490_t01.png) no-repeat 0 0;
	padding-top: 14px;
	margin-bottom: 26px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#Consultation{
		background-image: url("../img/bg_490_t01@2x.png");
		background-size: 490px 50px;
	}
}

#consultationInner{
	background: url(../img/bg_490_b01.png) no-repeat  0 100%;
	min-height: 239px;
	padding: 0 22px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#consultationInner{
		background-image: url("../img/bg_490_b01@2x.png");
		background-size: 490px 1000px;
	}
}

#consultationInner h2{
	margin-bottom: 5px;
}

#consultationInner p{
	font-size: 1.6em;
	line-height: 1.625;
	padding:0 10px 15px 18px;
}


/*Imformation*/
#Information{
	background: url(../img/bg_490_t01.png) no-repeat 0 0;
	padding-top: 14px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#Information{
		background-image: url("../img/bg_490_t01@2x.png");
		background-size: 490px 50px;
	}
}

#InformationInner{
	background: url(../img/bg_490_b03.png) no-repeat  0 100%;
	min-height: 68px;
	padding: 0 22px 110px 22px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#InformationInner{
		background-image: url("../img/bg_490_b03@2x.png");
		background-size: 490px 1500px;
	}
}

#InformationInner h2{
	margin-bottom: 9px;
}

#InformationInner dl{
	padding-left: 10px;
}

#InformationInner dt{
  font-size: 1.6em;
  line-height: 1.1;
  color: #cc0000; 
  margin-bottom: 5px;
  display: block;
}

#InformationInner dd{
  font-size: 1.6em;
  line-height: 1.625;
  margin-bottom: 15px;
  padding: 0  20px 0 8px;
}

/* 2nd contents
=====================================================*/
#mainContent02{
  width: 1000px;
  margin: 30px auto 30px auto;
  text-align: left;
  background: url(../img/bg_main01.png) no-repeat 0 0;
  min-height: 1125px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	#mainContent02{
		background-image: url("../img/bg_main01@2x.png");
		background-size: 1000px 1300px;
	}
}

/* main block
-----------------------------------------------------*/
.mainBlock01{
	width: 860px;
	padding-top: 27px;
	margin: 0 auto 30px auto;
	border: #d9d5c2 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(../img/PIE.htc);
	position: relative;
	background: #fff;
}

/* main wrapping block
-----------------------------------------------------*/
.Wrap01{
	margin: 0 39px 11px 39px;
	padding-bottom: 31px;
	background: url(../img/border_dot01.png) repeat-x 0 100%;
}

.Wrap02{
	margin: 0 39px 30px 39px;
}

.Wrap03{
	margin: 0 39px;
}

.Wrap04{
	margin: 0 39px 20px 39px;
}

/* headline
-----------------------------------------------------*/
.Hd01{
	font-size: 2.6em;
	line-height: 1.28;
	color: #23ac38;
	border-bottom: 2px solid #23ac38;
	padding-bottom: 4px;
	font-weight: normal;
	margin-bottom: 24px;
}

.Hd02{
	font-size: 1.4em;
	line-height: 1.85;
	color: #ff6600;
	font-weight: normal;
	margin-bottom: 2px;
}

.Hd03{
	font-size: 1.6em;
	line-height: 1.625;
	color: #ff6600;
	font-weight: normal;
	margin-bottom: 4px;
	padding-bottom: 3px;
	background: url(../img/border_dot01.png) repeat-x 0 100%;
	clear: both;
}

.Hd04{
	font-size: 1.4em;
	line-height: 1.85;
	color: #0099cc;
	font-weight: normal;
	margin: 10px 0 5px 0;
}

.Hd05{
	font-size: 1.8em;
	line-height: 1.44;
	color: #ff6600;
	font-weight: normal;
	margin-bottom: 3px;
}


/* text
-----------------------------------------------------*/
#mainContent02 p{
	font-size: 1.4em;
	line-height: 1.85;
}

#mainContent02 p.Fs14m1{
	font-size: 1.4em;
	margin-bottom: 28px;
}

#mainContent02 p.Fs16{
	font-size: 1.6em;
}

.tAlignC{
	text-align: center;
}

.floatR01{
	float: right;
	margin: 16px 3px 10px 10px;
}

.floatR02{
	float: right;
	margin: 0 0 10px 10px;
}
/* list
-----------------------------------------------------*/
.List01{
	list-style:disc;
	margin-left: 2em;
}

.List01 li{
	font-size: 1.4em;
	line-height: 1.85;
}

/* margin
-----------------------------------------------------*/
.MrgB10{
	margin-bottom: 10px;
}

.MrgB20{
	margin-bottom: 20px;
}

.MrgB25{
	margin-bottom: 25px;
}

.MrgB40{
	margin-bottom: 40px;
}

/*information
-----------------------------------------------------*/
.Instructions{
	margin-left: 8px;
}

.Instructions li{
	font-size: 1.4em;
	line-height: 1.55;
	margin-bottom: 15px;
	padding-left: 58px;
	background: url(../img/icon01.png) no-repeat 0 7px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	.Instructions li{
		background-image: url("../img/icon01@2x.png");
		background-size: 100px 700px;
	}
}

.Instructions strong{
	color: #23ac38;
}

.Instructions .Icon02{
	background-position: 0 -197px;
}

.Instructions .Icon03{
	background-position: 3px -395px;
}

.timeImg01{
	width: 559px;
	float: left;
}

.timeImg02{
	width: 192px;
	float: right;
}

/*info block*/
.infoWrap{
	padding-top: 5px;
}

.infoBlock01{
	width: 240px;
	margin: 0 30px 15px 0;
	float: left;
}

.infoBlock02{
	width: 240px;
	margin: 0 0 25px 0;
	float: left;
}

.infoWrap .Photo{
	margin-bottom: 16px;
}

.infoWrap h3{
	color: #ff6600;
	line-height: 1.714;
	font-size: 1.4em;
}

.infoWrap .Text{
	line-height: 1.714;
	font-size: 1.4em;
}

/*access
-----------------------------------------------------*/
#mainContent02 .acAddress{
	font-size: 1.8em;
	line-height: 2;
	float: left;
}

.acTel{
	float: right;
	margin-top: -4px;
}

.acMap{
	clear: both;
	padding: 23px 0 17px 0;
}

#mainContent02 .acMaptext{
	font-size: 1.8em;
	line-height: 1.44;
}

/*consultation
-----------------------------------------------------*/
.Anchor{
	width: 465px;
	margin: 0 auto 25px auto;
}

.Anchor li{
	float: left;
	width: 105px;
	margin: 0 25px;
}

/*2 column block*/
.consultBlock01 .blockLeft{
	width: 630px;
	float: left;
}

.consultBlock01 .blockRight{
	width: 135px;
	float: right;
}

.consultBlock02{
	margin-bottom: 10px;
}

.consultBlock02 .blockLeft{
	width: 215px;
	float: left;
}

.consultBlock02 .blockRight{
	width: 520px;
	float: right;
}


/* page top
=====================================================*/
.pageTop{
	width: 1000px;
	margin: 0 auto;
	height: 1px;
	position: relative;
}

.pageTop p{
	position: absolute;
	right: -39px;
	top: -124px;
}

.pageTop a{
	display: block;
}

/* footer
=====================================================*/
#footer{
  padding-bottom: 17px;
  text-align: center;
}

/*for IE*/
img.png{
    filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/copyright.png", sizingMethod="scale");
}