/* リセット */
* { margin:0; padding:0; }
/* clearfix */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body { width:100%; overflow:scroll;
font-size:12px;
letter-spacing:1px;
margin:0px auto;
line-height:16px;
color:#3F3F3F;}

/* HTMLに対応していないOS対策 */
article, aside, figure, footer, header,hgroup, nav, section { display:block; }



/*ここから実装用CSS*/

/*スマフォの場合、imgは数値指定した数値の倍の解像度で作るとキレイ*/
img{border:0px;}


/*背景で倍の画像を表示する時の参考ソース：
background-image: url(img/tentou_200x200.jpg);
background-size: 100px 100px;
-webkit-background-size: 100px 100px;
-moz-background-size: 100px 100px; 
*/


/*左上文字↓*/
h1{
	font-size:14px;
	width:100%;
	color:#7C7C7C;
	letter-spacing:1px;
	font-weight:normal;
	padding-top:2px;
	padding-left:1px;
	margin:0px auto;
	text-align:left;
	border-bottom:1px solid #999;
	margin-bottom:10px;
	}

/*基本リンクカラー*/
a:link,a:visited,a:active{color:#E62D15;
text-decoration:underline;
			}

a:hover{color:#F63;
		text-decoration:underline;
		}

/*文字設定いろいろ*/

.aka{color:#FF0000;}

.b{
	font-weight:bold;}

.bb{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;}
	

.ss{
	font-size:10px;}
	
.mty{
	font-size:16px;
	font-weight:bold;
	color:#A1BA16;}

.huto-gr{
		color:#494C4C;
		font-weight:bold;
		font-size:12px;
		margin-left:3px;
		}　

a.pc:link,a.pc:visited,a.pc:active{
	color:#636363;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
a.pc:hover{
	color:#7D7D7D;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}

.huto-aomi{
		color:#008063;
		font-weight:bold;
		font-size:15px;
		margin-left:3px;
		}

/*パディングとかマージンとか*/

ol{
	margin-left:30px;
	font-size:11px;
	color:#666;}


/*--コンテンツメニュー--*/

#box{
margin-left:auto;
margin-right:auto;}


/*角丸↓*/
div.kadomaru{
	
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	margin-left:auto;
	margin-right:auto;
	background-color:#D1E684;
	padding:5px;
	margin:8px 2px 8px 2px;
	}

/*角丸白↓*/
div.kadomaru2{
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#FFF;
	padding:3px;
	}


/*文字枠↓*/
div.waku{
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:97%;
	}

/*--フッタ--*/
address{
font-style:normal;
border-top:3px solid #E7CB7D;
font-size:12px;
color:#A2804E;
padding-top:5px;
padding-bottom:5px;
letter-spacing:1px;
text-align:right;
}

a.ad:link,a.ad:visited,a.ad:active{
	color:#A2804E;
	font-size:12px;
	text-decoration:underline;
	}
a.ad:hover{
	color:#EA9A32;
	font-size:12px;
	text-decoration:underline; 
	}


#fd{
	background-color:#EFF487;
	color:#7A7A3C;
	font-size:11px;
	padding:6px;
	}


	
/*サブページタイトル*/


	.list1{
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
		background: -webkit-gradient(linear, left top, left bottom, from(#e7ffe2), to(#baf5bc));
		background: linear-gradient(#e7ffe2, #baf5bc);
		height: 24px;
		margin: 10px 0 5px 0;
		font-size:12px;
	}
	.list1 a{
		color:#1D9B91;

		display: block;
		height: 24px;
		margin: 0;
		padding: 0 0 0 7px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		white-space: nowrap;
		line-height: 24px;
	}
	.list1 a::after{
		content: url(img/styi.gif);
		float:left;
		padding:1px 5px 0 0;
	}

/*サブページタイトル線*/

.hs{border:1px dotted #E8E8E8;}
.ms{border:1px dashed #CED278;}
	

/*設備*/


		.os table{
		border-top:1px solid #CCC;
		border-left:1px solid  #CCC;
		width:100%;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;}	
		
		
		.os th{
		text-align:center;
		width:150px;
		border-right:1px solid #CCC;}

		.os td{
			padding:5px;
			text-align:left;
			border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;}
		
/* アコーディオン */
.list6 dl.acordion{
	margin: 0 10px 0 10px;
	}
	.list6 dt.trigger {
		background: #9bd8ff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9e4ff), to(#62b5ea)); 
		background: #9bd8ff linear-gradient(#b9e4ff, #62b5ea);
		border-radius: 10px;
		text-align: left;
		border: 1px solid #ccc;
		color: #000; 
		margin-bottom: 0;
		padding: 10px;
	}
	.list6 dt.active{
		border-radius: 10px 10px 0 0;
	}
	.list6 dt.trigger span.open-close {
		background: url(point_plus.png) no-repeat right top;
		float: right;
		width: 20px;
		height: 20px;
		text-indent: -9999em;
	}
	.list6 dt.active span.open-close {
		background: url(point_none.png) no-repeat right top;
		float: right;
		width: 20px;
		height: 20px;
	}	
	.list6 dd.acordion_tree{
		padding: 10px;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: #9bd8ff linear-gradient(#fff, #f0f0f0);
		border: 1px solid #ccc;
		border-top: none;
	}







/*お問い合わせ*/


		.oto-f table{
			width:100%;
		border-top:1px solid #787878;
		border-left:1px solid #787878;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;}	
		
		
		.oto-f th{
		font-size:11px;
		background-color:#EEFCCB;
		border-right:1px solid #787878;
		border-bottom:1px solid #787878;
		font-weight:normal;
		text-align:left;
		padding-left:5px;
		padding-top:7px;
		padding-bottom:7px;}
				

		.oto-f td{
		font-size:11px;
		border-right:1px solid #787878;
		border-bottom:1px solid #787878;
		padding-left:5px;
		padding-top:7px;
		padding-bottom:7px;}