html, body {
			width: 100%;
			height: 100%;
			margin: 0px;
			padding: 0px;
			text-align: center;
			font-size: 16px;
			font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			letter-spacing: 0.1em;
			line-height: 1.5em;
			color: #333;
			background-color: #3399CC;
			}

img {
     max-width: 99%;
     height: auto;
     }

.contents {
	width: 900px;
	margin: 10px auto;
	text-align: left;
	font-size: 16px;
}





/*GoogleMAPレスポンシブ
-------------------------------------*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}



/*コンテンツ部分
-------------------------------------*/
.main {
	width: 100%;
	background-color: #FFF;
	padding-top: 3px;
	padding-bottom: 20px;
	border-top: 5px #3399CC solid;
}



/*ヘッダ
-------------------------------------*/
#header {
	width: 100%;
	background-color: #FFF;
	border-bottom: 5px #3399CC solid;
	text-align: left;
}

.pc {
	z-index: 9999px;
	position: absolute;
	top: 10px;
	right: 5px;
}


.btn_pc {
	font-size:12px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:6px 10px;
	text-decoration:none;
	letter-spacing: 0.01em;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.btn_pc:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}

.btn_pc:active {
	position:relative;
	top:1px;
}


/*フッタ
-------------------------------------*/
#footer {
	width: 100%;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #FFF;
	padding: 10px 0px;
}



/*フッタメニュー
-------------------------------------*/
.footer_menu {
	width: 100%;
	padding: 20px 0px;
	background-color: #3399CC;
}



/*アコーディオン
-------------------------------------*/
.acordion{
 background:#fff;
 box-shadow: 0 0 10px rgba(0,0,0,0.3);
 border-radius:5px;
 margin: 10px;
}
 
.trigger{
    padding: 10px 10px 10px 15px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #D2EAF4), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #D2EAF4 100%);
    background: linear-gradient(top, #ffffff 0%, #D2EAF4 100%);
    border-radius: 5px;
    font-size: 95%;
}
 
.trigger.active{
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #cfcfcf;
}
 
.acordion_tree{
	padding: 0px 0px 5px 0px;
	text-align: left;
}
 
.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:3px;
    height:11px;
    width:20px;
    background:url(../img/open.png) no-repeat;
    -webkit-background-size:20px 11px;
}
 
.trigger.active .open-close{
    background:url(../img/close.png) no-repeat;
    -webkit-background-size:20px 11px;
}

dd { margin: 10px; }






/*　　　　文字サイズ
-------------------------------------------------*/
.tx11 {font-size: 11px;}
.tx12 {font-size: 12px;}
.tx13 {font-size: 13px;}
.tx14 {font-size: 14px;}
.tx15 {font-size: 15px;}
.tx16 {font-size: 16px;}
.tx17 {font-size: 17px;}
.tx18 {font-size: 18px;}
.tx19 {font-size: 19px;}
.tx20 {font-size: 20px;}
.tx21 {font-size: 21px;}
.tx22 {font-size: 22px;}
.tx23 {font-size: 23px;}
.tx24 {font-size: 24px;}
.tx25 {font-size: 25px;}
.tx26 {font-size: 26px;}
.tx27 {font-size: 27px;}
.tx28 {font-size: 28px;}
.tx29 {font-size: 29px;}
.tx30 {font-size: 30px;}


/*　　　　色
-------------------------------------------------*/
.red {color: #C00;}
.blue {color: #36C;}
.green {color: #396;}
.orange {color: #F60;}





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

.ttl1 {
border-top: 1px solid #42AFBC;
border-right: 1px solid #42AFBC;
border-left: 7px solid #42AFBC;
border-bottom: 1px solid #42AFBC;
padding: 7px 5px 7px 5px;
}

.tx_space {
	margin: 5px 10px 20px 10px;
}
