@charset "utf-8";

/* ===================================================
 Common Layout
=====================================================*/
/* header
=====================================================*/
#header h1{
	background: url(../img/sp_head_title.png) no-repeat;
	background-size: 320px 55px;
	width: 320px;
	height: 0;
	padding-top: 55px;
	overflow: hidden;
	margin: 0 auto 17px auto;
}

#header .address{
  background: url(../img/sp_head_address.png) no-repeat 0 0;
	background-size: 320px 14px;
	width: 320px;
  height: 0;
  padding-top: 14px;
  overflow: hidden;
	margin: 0 auto 5px auto;
}

#header .tel{
  background: url(../img/sp_head_tel.png) no-repeat 0 0;
	background-size: 320px 11px;
	width: 320px;
  height: 0px;
  padding-top: 11px;
  overflow: hidden;
	margin: 0 auto 14px auto;
}

/*global navi
-----------------------------------------------------*/
#header .globalNavi{
	margin-bottom: 20px;
}

#footNavi{
	margin : 20px 0;
}

.globalNavi a{
	margin: 0 auto;
	height: 0;
	padding-top: 35px;
	display: block;
	overflow: hidden;
	background: url(../img/sp_globalnavi.png) no-repeat;
	background-size: 122px 200px;
	width: 122px;
}

.globalNavi li{
	background: #23ac38;
	margin-bottom: 1px;
}

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

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

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

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

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

.globalNavi .Nav02,
.globalNavi .Nav03,
.globalNavi .Nav04,
.globalNavi .Nav05{
	width: 50%; float: left; 
}

.globalNavi .Nav02,
.globalNavi .Nav04{
	background: #23ac38 url(../img/sp_globalnavi_bar.png) repeat-y 100% 0;
}


/* top block
=====================================================*/
#mainContent01{
	padding: 0 10px;
  text-align: left;
}

/* main visual
-----------------------------------------------------*/
#mainVisual{
	width: 100%;
  margin:0 auto 20px auto;
  text-align: left;
}

#mvPrev{
	display: none;
}

#mvNext{
	display: none;
}

.swipeshow {
	display: none;
}
/* #Instructions
-----------------------------------------------------*/
#Instructions{
	padding: 0 10px;
}

#InstructionsInner{
	background: #fff;
	border: #d9d5c2 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 0 10px;
}

#InstructionsInner li{
	font-size: 1.4em;
	line-height: 1.55;
	margin: 10px 0;
	padding-left: 45px;
		background: url("../img/icon01@2x.png") no-repeat 0 0;
		background-size: 100px 700px;
}

#InstructionsInner strong{
	color: #23ac38;
}

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

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

/* top bottom block
-----------------------------------------------------*/
#bottomText{
	font-size: 1.2em;
	line-height: 1.66;
	margin: 0 auto 25px auto;
}

/*Time*/
#Time{
	background: #fff;
	border: #d9d5c2 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;
}

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

#timeInner{
	padding: 10px;
}

#timeInner .Img01,
#timeInner .Img02{
	margin-bottom: 15px;
}

#timeInner .Img01 img,
#timeInner .telNo img{
	width: 100%;
	height: auto;
}

#timeInner .Img02 img{
	width: 30%;
	height: auto;
}

/*Map*/
#Map{
	background: #fff;
	border: #d9d5c2 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;
}


#mapInner{
	padding: 10px;
}


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

#mapInner .Img01 img{
	width: 100%;
	height: auto;
}

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

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

/*Consultation*/
#Consultation{
	background: #fff;
	border: #d9d5c2 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;
}

#consultationInner{
	padding: 10px;
}

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

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

/*Imformation*/
#Information{
	background: #fff;
	border: #d9d5c2 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;
}

#InformationInner{
	padding: 10px;
}

#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{
	padding: 0 10px;
	margin-top: 20px;
	text-align: left;
}

/* main block
-----------------------------------------------------*/
.mainBlock01{
	background: #fff;
	border: #d9d5c2 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;
}

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

.Wrap02{
	margin: 10px 10px 20px 10px;
}

.Wrap03{
	margin: 10px;
}

.Wrap04{
	margin: 10px 10px 20px 10px;
}

/* headline
-----------------------------------------------------*/
.Hd01{
	font-size: 2em;
	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.4em;
	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.6em;
	line-height: 1.44;
	color: #ff6600;
	font-weight: normal;
	margin-bottom: 3px;
}


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

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

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

.tAlignC{
	text-align: center;
}

.floatR01,
.floatR02{
	margin: 10px 0;
	text-align: center;
}

.floatR01 img,
.floatR02 img{
	width: 100%;
	height: auto;
}

/* image
-----------------------------------------------------*/
.mcImg01{
	width: 100%;
	height: auto;
}

.sphideImg{
	display: none;
}

/* 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{
}

.Instructions li{
	font-size: 1.4em;
	line-height: 1.55;
	margin: 10px 0;
	padding-left: 45px;
	background: url("../img/icon01@2x.png") no-repeat 0 0;
	background-size: 100px 700px;
}

.Instructions strong{
	color: #23ac38;
}

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

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

.timeImg01{
	margin-bottom: 15px;
}

.timeImg02{
}

.timeImg01 img{
	width: 100%;
	height: auto;
}

.timeImg02 img{
	width: 30%;
	height: auto;
}

/*info block*/
.infoWrap{
}

.infoBlock01{
	width: 240px;
	margin: 0 auto 20px auto;
}

.infoBlock02{
	width: 240px;
	margin: 0 auto 20px auto;
}

.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.6em;
	line-height: 1.6;
	margin-bottom: 10px;
}

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

.acTel img{
	width: 100%;
	height: auto;
}

.acMap{
	padding: 15px 10px 15px 10px;
}

.acMap iframe{
	width: 100%;
	height: 250px;
}

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

/*consultation
-----------------------------------------------------*/
.Anchor{
	padding-bottom: 10px;
}

.Anchor img{
	width: 70px;
	height: 70px;
}

.Anchor li{
	float: left;
	width: 70px;
	margin: 0 5px;
}

/*2 column block*/
.consultBlock01 .blockLeft{
}

.consultBlock01 .blockRight{
}

.consultBlock02{
}

.consultBlock02 .blockLeft{
	text-align: center;
	margin-bottom: 20px;
}

.consultBlock02 .blockRight{
}


/* page top
=====================================================*/
.pageTop{
	width: 100%;
	margin-bottom: 20px;
}

.pageTop p{
	font-size: 1.4em;
	line-height: 1;
	text-align: right;
}

.pageTop img{
	display: none;
}

.pageTop a:after{
	content:"↑ページトップへ";
}

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

#footer img{
	width: 86%;
	height: auto;
}

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