@charset "utf-8";
html,body,h1,h2,h3,h4,h5,p,strong,form,input,textarea,img,ul,li,div,small,dl,dt,dd{margin:0; padding:0; line-height:100%; -webkit-text-size-adjust:none}
html,body{height:100%}
body{font-size:80%; position:relative}
header{
	text-align: center;
	padding: 0
}
a{text-decoration:none; color:#000}
h3{font-size:120%}
h4{font-size:120%}

/* margin & padding */
.p0{padding:0px!important}
.p5{padding:5px!important}
.p10{padding:10px!important}
.p15{padding:15px!important}
.p20{padding:20px!important}
.p25{padding:25px!important}
.p30{padding:30px!important}
.p35{padding:35px!important}
.p40{padding:40px!important}
.pt0{padding-top:0!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt25{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt35{padding-top:35px!important}
.pt40{padding-top:40px!important}
.pr0{padding-right:0!important}
.pr5{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr35{padding-right:35px!important}
.pr40{padding-right:40px!important}
.pb0{padding-bottom:0!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb25{padding-bottom:25px!important}
.pb30{padding-bottom:30px!important}
.pb35{padding-bottom:35px!important}
.pb40{padding-bottom:40px!important}
.pl0{padding-left:0!important}
.pl5{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl35{padding-left:35px!important}
.pl40{padding-left:40px!important}
.ptb10{padding:10px 0!important}
.m0{margin:0!important}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt40{margin-top:40px!important}
.mr0{margin-right:0!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr35{margin-right:35px!important}
.mr40{margin-right:40px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.ml0{margin-left:0!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml25{margin-left:25px!important}
.ml30{margin-left:30px!important}
.ml35{margin-left:35px!important}
.ml40{margin-left:40px!important}

/* text */
.textL{text-align:left}
.textR{text-align:right}
.textC{text-align:center}
.font140{font-size:140%!important}
.font135{font-size:135%!important}
.font130{font-size:130%!important}
.font125{font-size:125%!important}
.font120{font-size:120%!important}
.font115{font-size:115%!important}
.font110{font-size:110%!important}
.font105{font-size:105%!important}
.font100{font-size:100%!important}
.font95{font-size:95%!important}
.font90{font-size:90%!important}
.font85{font-size:85%!important}
.font80{font-size:80%!important}
.font75{font-size:75%!important}
.font70{font-size:70%!important}
.font65{font-size:65%!important}
.font60{font-size:60%!important}


/* float */
.floatL{float:left}
.floatR{float:right}
.clearL{clear:left}
.clearR{clear:right}
.clearB{clear:both}

/* line-height */
.lh100{line-height:100%}
.lh110{line-height:110%}
.lh120{line-height:120%}
.lh130{line-height:130%}


/* btn */
a.btnBlock{-webkit-border-radius:5px; padding:15px 0; color:#fff!important; display:block; text-align:center; font-size:110%; font-weight:bold; text-decoration:none; position:relative; display:block}
a.btnBlock2{-webkit-border-radius:5px; padding:15px 0; color:#fff!important; display:block; text-align:center; font-size:110%; font-weight:bold; text-decoration:none; position:relative; display:block}
.arrowR{position:absolute; right:10px; top:50%; margin-top:-5px}

/* title */
.title{color:#fff; font-weight:bold; text-align:center; padding:8px 0}

/* section */
.border{border:solid 3px #E7E7E7; margin-bottom:10px}

/* listNavi & slideDown */
.listNavi li a,
.slideDown li a.linkArea{background:-webkit-gradient(linear,left top,left bottom,from(#fff), color-stop(0.7,#fff), color-stop(0.9,#F0F0EC),to(#F0F0EC)); border:solid 1px #fff; border-bottom:solid 1px #D1D1D1; padding:10px; display:block; position:relative; font-size:90%}
.listNavi li .icon,
.slideDown li .icon{float:left; margin:0 10px 0 0}
.listNavi li p.cap,
.slideDown li p.cap{padding-right:20px}
.listNavi li strong,

/* clear */
#imgWrap ul:after,
#now:after,
.listNavi li a:after,
.slideDown li a:after,
section:after,
.clearfix:after{content:"."; height:0; visibility:hidden; display:block; clear:both; overflow:hidden}



/* オプション機能
-------------------------------------------------------------------------------------------*/

/* iScroll */
#iScroll{height:150px; position:relative}
#iScroll #scrollWrap{position:absolute;z-index:1; top:10px; bottom:10px; left:0; width:100%; overflow:auto}
#iScroll #scroller{position:absolute; z-index:1; -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%}
#iScroll dl{padding-left:10px}
#iScroll dt{padding-bottom:5px; color:#EC7D17}
#iScroll dd{padding-bottom:10px}

/* googlemap */
#map{height:140px; border:solid 1px #ccc}

/* youtube */
.videoContainer{position:relative; padding-bottom:56.25%;padding-top:30px; height:0; overflow: hidden}
.videoContainer iframe{position:absolute; top:0; left:0; width:100%; height:100%}



/* Cauuousel */
#Cauuousel{overflow:hidden}
#imgWrap{overflow:hidden}
#imgWrap ul{display:block}
#imgWrap li{
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#now{text-align:center; display:block; background:#eee; padding:5px 0; border-bottom:solid 1px #ccc}
#now li{color:#fff; font-size:20px; display:inline-block; cursor:pointer}
#now li.active{color:#858585}


/* modal */
#modal{position:fixed; background:#000; height:100%; width:100%; top:0; left:0; z-index:10; display:none}
#modalInner{background:#fff; padding:10px; margin:30px}
#modalImg{width:100%}
#modal p{text-align:center; padding:5px 0}
a#close{background:-webkit-gradient(linear,left top,left bottom,from(#444), color-stop(0.2,#444), color-stop(0.8,#0F0F1E),to(#0F0F1E)); border:solid 1px #0F0F1E; text-shadow:1px 1px 2px #000; -webkit-border-radius:5px; padding:10px 0; color:#fff!important; display:block; text-align:center; font-size:120%; font-weight:bold; text-decoration:none; position:relative; display:block}


/* fadeIn */
#js_fade{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; background-image:url(../images/loading.gif);background-repeat:no-repeat; background-position:50% 50%; z-index:1000}