@charset "Shift_JIS";
/* CSS Document */

#claire .clear0{clear:both; line-height:0; height:0; font-size:0;}
#claire .mb5{margin-bottom:5px;}
#claire a{text-decoration:none;}

#claire{
	width:100%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
}

#claire #mainimg{
	background:url(../img/main_bg.jpg) repeat-x;
	width:100%;
	height:504px;
}

#claire #mainimg h1{
	width:950px;
	margin:0 auto;
}

#claire h2{
	width:100%;
	text-align:center;
	background:#5B421E;
	padding:36px 0;
}
#claire p.arw{
	text-align:center;
}

/* point1 */
#claire #wrap1{
	width:100%;
	background:url(../img/arrow.gif) #FFF no-repeat center top;
	padding:50px 0;
	margin-top:-3px;/* for android tablet */
}
/* point beige */
#claire #wrap2,
#claire #wrap4,
#claire #wrap6{
	width:100%;
	background:#CAB588;
	padding:70px 0;
}
/* point white */
#claire #wrap3,
#claire #wrap5,
#claire #wrap7{
	width:100%;
	background:#FFF;
	padding:70px 0;
}

#claire .pointbox{
	width:950px;
	margin:0 auto;
}

#claire .pointbox .flbox{
	float:left;
	width:475px;
}
#claire .pointbox .frbox{
	float:right;
	width:380px;
}

#claire .pointbox h3{
	margin-bottom:50px;
}
#claire .pointbox .txt1{
	line-height:1.8;
	color:#A68B4B;
	padding-left:80px;
}
#claire .pointbox .txt2{
	font-weight:500;
	line-height:1.8;
	color:#FFF;
	padding-left:80px;	
}

/* gallary */
#claire .photoBox{
	width:380px;
	height:264px;
	position:relative;
}
#claire .photoBox li{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#claire .photoBox li.active{
	z-index:10;
}
#claire .thumbBox{
	margin:10px auto 0;
}
#claire .thumbBox li{
	width:14px;
	height:14px;
	display:block;
	float:left;
	padding:0 3px;
	overflow:hidden;
	cursor:pointer;
	background:url(../img/img_thumb_bg.gif) no-repeat 0 0;
}
#claire .thumbBox li.active{
	background:url(../img/img_thumb_bg.gif) no-repeat 0 -14px;
}


/* spec */
#claire #wrap8{
	width:100%;
	background:url(../img/arrow.gif) #EEE no-repeat center top;
	padding:70px 0;
	margin-top:-2px;/* for android tablet */	
}
#claire .specbox{
	width:950px;
	margin:0 auto;
}
#claire .specbox .flbox{
	float:left;
	width:512px;
}
#claire .specbox .frbox{
	float:right;
	width:380px;
}
#claire .specbox h3{
	margin-bottom:30px;
}
#claire .specbox ul.spectxt{
	list-style:square;
	color:#593F1E;
	padding-left:20px;
	margin-bottom:20px;
}
#claire .specbox ul.atntxt{
	list-style:none;
	color:#593F1E;
	font-size:12px;
	margin-bottom:20px;
}


/* ------------------------pagetop,footer------------------------ */


#claire #ftc{
	width:100% !important;
	position:relative;
}
#claire #page_top{
	display:none;
}
#footerArea a{
	text-decoration:underline;
}
#footerArea a:hover{
	text-decoration:none;
}