@charset "utf-8";



/*--------------------------------------------------------------------
リセット
--------------------------------------------------------------------*/

*{ margin: 0;padding: 0; box-sizing:border-box;}

ul, ol { list-style : none}
img { vertical-align : middle}



/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/
html, body {
	color: #333;
	font-size: 16px;
	line-height:170%;
	margin: 0;
	padding: 0;
}
h1, address, div, blockquote, p, pre, ul, dl, dt, dd, hr {
	color: #333;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
}
ol, li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
}


/* clear
--------------------------------------------------------------------*/
#clear{
	width:0px;
	height:0px;
	clear: both;
}
.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix{
	zoom:100%;/* IE6 */
}


/* link
--------------------------------------------------------------------*/
a{transition-property: all;transition: 0.3s linear;}
a:link{color: #0073a8;}
a:visited{color: #bb5535;}
a:hover{color: #192f60;}
a:active{color: #192f60;}

a:hover img{filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;}
a:hover img.no-opacity{filter: alpha(opacity=100);  -moz-opacity:1;  opacity:1;}



html{ font-size : 16px}

body{
	background-color:#FFF; 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	
/* header
--------------------------------------------------------------------*/
#header{
	 position:relative;
}
#header h1{ display:none;font-size:12px;}

/* menu
----------------------------------------------- */
ul#menu {
	}
ul#menu li{
	float: left; width:25%;
	margin: 0;
	padding: 0;
}
ul#menu li a {
	display: block; border-radius:10px; background-color: #d9e367;
	padding: 15px 0px; margin:20px 10px;
	color: #333; font-size:18px;
	text-align: center; font-weight:bold;
	text-decoration: none;background-repeat:no-repeat; background-position:50% 20px;
}
ul#menu li a:hover, ul#menu li a.current{ background-color: #e17b34;color:#FFF;}
ul#menu li a:before {font-family: FontAwesome; display:block; padding-bottom:7px; font-weight:normal; color: #bb5535; font-size:25px;}
ul#menu li.gnavi01 a:before { content: "\f015";font-size:28px;}
ul#menu li.gnavi02 a:before { content: "\f02d";font-size:28px;}
ul#menu li.gnavi03 a:before { content: "\f21d";}
ul#menu li.gnavi04 a:before { content: "\f0c0";}
ul#menu li.gnavi04 a:hover {opacity:0.8;}

ul#menu li a:hover:before { color:#FFF;}

/* レイアウト
----------------------------------------------- */
.container {
	width:960px; margin:auto;
	}
#left {
	width:220px; float:left;
	}
#content{
	width:720px; float:right;
	}


/* title
----------------------------------------------- */
#title{ padding:0; text-align:center;background-image:url(../images/common/bg_cotton.png);}


/* トップ
----------------------------------------------- */
.section { padding:60px 0px;}


/* パンクズ
----------------------------------------------- */
ol.topic-path {
margin:0; 
padding: 0; text-align:right;
}
ol.topic-path li {
padding-left: 3px;
display: inline; font-size:12px; line-height:100%;
}
ol.topic-path li.first {
padding-left: 20px;
background: url(../images/common/icon_home.png) no-repeat left;
}
ol.topic-path li a {
padding-right: 14px;
background: url(../images/common/topic-path-gray.gif) no-repeat right;
}


/* 見出し
------------------------------------------------------------------ */

.tlDot{
	position:relative; 
    margin: 30px 0px 20px 0px;line-height:150%;color: #fd3303;
    font-size:28px; padding:0px 0px 8px 35px;
    letter-spacing: 2px; border-bottom:8px dotted #F3DDCB;
}
.tlDot:before {
    font-family: FontAwesome;position:absolute; left:0; top:0;
	content: "\f2b4";font-weight:normal;
}
.tlBd{
    margin: 40px 0px 20px 0px;line-height:150%;
    font-size:24px; padding:5px 0px 5px 15px;
    letter-spacing: 2px; border-left:5px solid #fd3303;
}
.tlIcon{
	position:relative; padding-left:22px; margin-bottom:10px;
}
.tlIcon:before {
	color: #ffd700;position:absolute; left:0; top:0;
    font-family: FontAwesome;
	content: "\f069";font-weight:normal;
}
.tlIcon_pink{
	position:relative; padding-left:22px; margin-bottom:10px;
}
.tlIcon_pink:before {
	color: #F69;position:absolute; left:0; top:0;
    font-family: FontAwesome;
	content: "\f069";font-weight:normal;
}


ul.icon { margin-left:10px;}
ul.icon li{ position:relative; padding-left:20px; margin-bottom:5px;}
ul.icon li:before {
    font-family: FontAwesome; position:absolute; left:0; top:0;
	}
ul.icon.navi li:before {
	content: "\f105";color: #999; 
	}
ul.icon.arrow li:before {
	content: "\f138";color: #Fc0;
	}
ul.icon.check li:before {
	content: "\f00c";color: #F90; 
	}
ul.icon.circle li:before {
	content: "\f192";color: #F89874; 
	}
ul.cast {
	list-style: disc;
	margin-left: 20px;
}


/* page
------------------------------------------------------------------ */

.box{background-color:#FFF; padding:20px; 
	border-radius:3px; 
	}
.box.bd{ border:1px solid #ccc; background-color: #FFF;}
.box.gray,.bgGray{ background-color:#f5f5f5;}
.box.pink{ background-color: #FDECEC;}
.bgBeige{ background-color: #F3E7C7;}
.box.blue{ background-color: #e5ffff;}

.photo img{ padding:3px; border:1px solid #CCC; background-color:#FFF; margin-bottom:5px;}
.photo1 {padding: 2px;border: 1px solid #CCCCCC;background-color: #FFF;}


/* ol li
----------------------------------------------- */
/* 半角数字 */
ol.no1{
	padding:0 0 0 20px;
	margin:0;
}
ol.no1 li{
	padding-left:10px;
	list-style-type:decimal;
}


/* Table 
------------------------------------------------------------------ */
.table1  { border-top:1px solid #CCC; border-left:1px solid #CCC;}
.table1 th  {text-align:left;background-color: #d9e367; padding:10px 18px;border-bottom:1px solid #CCC;border-right:1px solid #CCC;}
.table1 td  { padding:10px 12px;border-bottom:1px solid #CCC;border-right:1px solid #CCC; background-color:#FFF;}

.table1.none  { border-left:none; }
.table1.none th  { padding:10px 12px; border-right:none; background-color:transparent;white-space:nowrap;}
.table1.none td  { padding:10px 12px; border-right:none; background-color:transparent;}
.table1.none th .tlIcon{ margin:0;}

.table1.schedule th { width:25%;}
.table1.schedule td{background-color:transparent;}




/* page-top
----------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 20%;
}
#page-top a {
    text-decoration: none;
    background-image:url(../images/common/pagetop.png); background-repeat:no-repeat;
    width: 76px; height:76px; margin-bottom:20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    display: block;
	text-indent: -9877em;
}

/* btn
----------------------------------------------- */	
a.btn {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:15px 10px;
	color:#fff;
	background-color:#C30;
	border-radius:4px;
	margin:0px 9px auto;
	background-image:url(../images/common/left_arrow.png);
	background-repeat:no-repeat;
	background-position: 98% 50%;
	}
a.btn:hover{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: “alpha(opacity=80)”; /* IE 8 */
	}




/* footer
----------------------------------------------- */
#footer{
	 padding:30px 0px; margin-top:50px; border-top:3px solid #FF6634;  
}
#footer a{text-decoration:none;}
#footer .inner{
	width:960px; margin:auto; font-size:13px;
	}
#footer .inner h1{ font-size:22px; color:#bb5535; margin-bottom:10px;}

#copyright { background-color: #d9e367;font-size:11px; text-align:center;padding:10px;}


/* Font ------------------------------------------------------------------ */
.fzSS  { font-size:  70%;}
.fzS   { font-size:  80%;}
.fzM   { font-size: 100%;}
.fzL   { font-size: 140%;}
.fzLL  { font-size: 180%;}
.fzLLL { font-size: 220%;}

.fcOrange { color: #EFB110;}
.fcRed {color: #bb5535;}
.fcGreen { color: #096;}
.fcBrown { color: #960;}
.fcBlue { color: #39C;}
.fcNavy { color: #000080;} 
.fcWhite { color: #FFF;}

.normal { font-weight:normal;}
.bold { font-weight:bold;}

/* Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}

/* Width ------------------------------------------------------------------ */
.w10    { width:10%;}
.w20    { width:20%;}
.w30    { width:30%;}
.w35    { width:35%;}
.w40    { width:40%;}
.w50    { width:50%;}
.w60    { width:60%;}
.w70    { width:70%;}
.w80    { width:80%;}
.w90    { width:90%;}

/* Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0;}
.mt05 { margin-top: 5px ;}
.mt10 { margin-top:10px ;}
.mt15 { margin-top:15px ;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px ;}
.mt30 { margin-top:30px ;}
.mt35 { margin-top:35px ;}
.mt40 { margin-top:40px ;}
.mt45 { margin-top:45px ;}
.mt50 { margin-top:50px ;}
.mr00 { margin-right: 0 ;}
.mr05 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px ;}
.mr45 { margin-right:45px ;}
.mr50 { margin-right:50px ;}
.mb00 { margin-bottom: 0   ;}
.mb05 { margin-bottom: 5px ;}
.mb10 { margin-bottom:10px ;}
.mb15 { margin-bottom:15px ;}
.mb20 { margin-bottom:20px ;}
.mb25 { margin-bottom:25px ;}
.mb30 { margin-bottom:30px ;}
.mb35 { margin-bottom:35px ;}
.mb40 { margin-bottom:40px ;}
.mb45 { margin-bottom:45px ;}
.mb50 { margin-bottom:50px ;}
.ml00 { margin-left: 0  ;}
.ml05 { margin-left: 5px ;}
.ml10 { margin-left:10px ;}
.ml15 { margin-left:15px ;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mg-auto { margin:auto;}

/* Padding ------------------------------------------------------------------ */
.pd00 { padding:0px;}
.pd05 { padding:5px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pd30 { padding:30px;}

.pchidden { display:none;}
.iphidden { display:block;}
.sphidden { display:block;}