@charset "utf-8";
/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
}

img {
	border: none;
}

body{
	width:100%;
	font:13px "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	margin:0 auto;
	background-image:url(images/background.jpg);
}

.ie6 body { font-family: Verdana,"ＭＳ Ｐゴシック", sans-serif;}
.ie7 body { font-family: Verdana,  sans-serif;}

/* IE8用にフォントファミリー（MSゴシック）を指定。メイリオ未インストールの場合、フォントサイズが不安定になる問題を回避 */
html>/**/body {font-family /*\**/: Verdana,"ＭＳ Ｐゴシック", sans-serif\9;}


#wrapper{
	width:1006px;
	margin:30px auto 0;
	padding-bottom:50px;
	background-image:url(images/background-white.jpg);
	background-repeat:repeat-y;
	
}
/*========================================

ヘッダー部分
	
========================================*/
#header{
	
	width:100%;
	margin:0 auto;
	height:120px;
	background:#FFFFFF;
	text-align:center;
}

#logo{
	float:left;
	margin:20px 3px 0 ;	
}

h1{
	font-size:9px;
	font-weight:normal;	
	float:left;
	margin-top:20px;
}


#phone{
	float:right;
	margin:10px 5px 10px 40px;
}
#to_top{
	float:right;
	margin:10px 5px;
}
#head_all{
	width:1006px;
	margin:0 auto;
}
 a,a hover{
color:#000000;
text-decoration: none;
}
/*========================================

メイン部分（main_contents）
	
========================================*/

#main{
	width:1006px;
	background-image:url(images/background-white.jpg);
}
#top_title{
	width:1010px;
	margin:0px -3px;
	text-align:center;
	padding-top:20px;
	background-image:url(images/background.jpg);
}
#main-pic{
		
}
#top_contents{
	width:940px;
	padding:30px 33px 10px;
}
.content-box{
	width:938px;
	background-color:#FFF;
	border-left:solid #e3ecf5 1px;
	border-right:solid #e3ecf5 1px;	
	margin:0 auto;
}
.content-boxs{
	width:408px;
	height:340px;
	background-color:#FFF;
	border-left:solid #e3ecf5 1px;
	border-right:solid #e3ecf5 1px;	
	padding:10px;
}
.content-boxs p{
	font-size:90%;
	line-height:1.8em;
}


.content-boxs span{
	font-size:80%;
	line-height:1.8em;
}


.content-box2{
	width:938px;
	background-color:#FFF;
	border-top:solid #e3ecf5 1px;
	border-left:solid #e3ecf5 1px;
	border-right:solid #e3ecf5 1px;	
	margin:0 auto;
}
.content-box2 hr{
	border:none;
	border-top:solid 1px #EAEAEA;
	margin-bottom:10px;
}
.borderline{
	width:100%;
	border-top:solid 1px #EAEAEA;
	margin:0 0 20px 0;
	
}
p.line,p#cam{
	padding:0 32px;
}
p.cam1{
	padding:0 27.5px 20px;
}
.cam1_l{
	float:left;
	margin-left:27.5px;
-webkit-text-size-adjust: none;
}
.cam1_r{
	float:right;
	margin-right:27.5px;

}
p.cam2 ,div.cam2{
	padding:25px 27px 15px;
}
.cam3{
	padding:25px 0;
}
.cam3 img{
	margin-bottom:10px;
}
.cam3 p{
	margin-top:20px;
	line-height:2.0em;
}

h2{
	margin:20px 33px 0;
}


h3{
	padding:20px 27.5px 10px;
}

h4{
	margin:0 30px;
	padding:10px 0	
}
.box-bottom{
	margin:0 50;	
}


.point-area{
	width:880px;
	margin:0 auto;
	background-image:url(images/background-middle.jpg);
	background-repeat:repeat-y;
	}
	
.point-area-top{
	width:880px;
	margin:20px auto 0;
}
.point-area-bottom{
	width:880px;
	margin:0 auto 20px;
}
.point-area ol{
	margin:0 25px;
	padding-bottom:15px;
}

.point-area ol li{
	list-style:none;
	font-size:10px;
	line-height:2.3em;
	padding:0 10px;
	letter-spacing:0.2em;
}


.point-area p#notes{ 
	font-size:11px;
}

/*========================================

メイン部分（sub_contents）
	
========================================*/
#sub_contents,
#sub_contents2
{
	width:1006px;
	background-image:url(images/background-white.jpg);
	padding:20px 0;	
}
.area_title,
.table_list,
.table_detail,
#area_hoku,
#area_nan,
#area_tou,
#area_hoku2,
#area_nan2,
#area_tou2{
	margin:0 53px;
}
.content-box3-tit{
	width:938px;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	background-color:#F9F9F9;
}
.content-box3{
	width:938px;
	background-color:#FFF;
	border-left:solid #e3ecf5 1px;
	border-right:solid #e3ecf5 1px;	
	margin:0 auto;
	padding-bottom:50px;
}

#c-back1{
	float:left;	
	margin-left:58px;
}

#c-back2{
	float:left;	
	margin-left:30px;
}

#c-back_title{
	margin:0 0 10px 53px;
	padding-top:25px;	
}
.line2{
	margin-left:33px;	
}
ul#area1{
	margin:0 0 0 53px;	
}

li.area{
	float:left;
	list-style:url(images/list-01.jpg);
	margin:20px 10px 20px 35px;
}

li.area a{
	color:#3398cc;
}

li.area a:hover{
	text-decoration:none;
}
ul#area2{
	text-align:right;
	margin:0 10px 0 0px;
}
li.area2{
	float:left;
	list-style:url(images/list-02.jpg);
	margin:20px 5px 20px 30px;
}

li.area2 a{
	color:#000;
}

li.area2 a:hover{
	text-decoration:none;
}
.table_list,.table_list td{
	color:#FFFFFF;
	text-align:center;
	border-collapse:collapse;
	font-size:77%;
	padding:3px 0px;
}

.table_detail,.table_detail td {
	border:#eaeaea solid 1px;
	border-collapse:collapse;
	padding:0px;
	background-color:#FFFFFF;
/*	font-size:95%;*/
	
}
.table_detail hr{
	border:none;
	border-top:solid 1px #EAEAEA;
	margin:20px;
	width:90%;
}
table td .name{
	font-weight:bold;
	margin-top:10px;
}

table td .pic{
	width:95px;
	height:60px;
	background-color:#eaeaea;
	margin:5px 19.5px;
	padding:5px;
}
table p.price{
	color:#cc0001;
	font-size:15px;
	padding:10px 0 0;
	font-weight:bold;
}
table.item_name{
/*	width:149px;	*/
}
table.td2{
/*	width:149px;	*/
}
table td.access{
	padding:5px 0px 5px 10px;
	line-height:140%;
/*	width:179px;	*/
}
table td.access span{
	color:#cc0001;
}

table.item_fee{
/*	width:268px;	*/
}


table .entry{
	margin:10px auto;
	text-indent:-9999px;
	background-image:url(images/button-detail.jpg);
	background-repeat:no-repeat;
	width:210px;
	height:30px;
}

table .entry a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

table .entry a:hover{
	background-image:url(images/button-detail.jpg);
	background-repeat:no-repeat;
}


/*========================================

フッター部分
	
========================================*/
#footer{
	width:1000px;
	margin:0 auto;
}
#footer-l{
	float:left;
}

#footer-r{
	float:left;
}
#footer p#CopyRight{
	clear:both;
	font:14px italic;
	text-align:center;
	margin:0 auto;	
}
/****************************************************
↓float解除用「clearfix」↓
****************************************************/
.clearfix:after{/*for modern browser*/
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{zoom:1;/*for IE 5.5-7*/}
/****************************************************
表示処理
****************************************************/
div.active{
        display:block;
}
div.inactive{
        display:none;
}

a:hover .kabe{
	 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
	
}