@charset "utf-8";
/* 基本タグの定義 */
body {
	margin: 0;
	padding: 0;
	background: #99FF66;
	color: #000 }
h1,h2,h3,h4,p,ul,ol {
	margin-top: 0;
	padding-top: 0 }
h1 {
	text-align: center }
h3 {
	font-size: 1em;
	border-color: #690;
	border-style: solid;
	border-width: 0 0 1px 5px;
	padding: 5px }
h4 {
	margin-bottom: 0.25em;
	font-size: 0.875em }	
p {
	font-size: 0.875em;
	line-height: 1.3em }
ul, ol {
	font-size: 0.875em }
li {
	line-height: 1.2em;
	margin-bottom: 0.3em }
ul ul, ol ol, ul ol, ol ul {
	font-size: 1em }
table {
	border-collapse: collapse }
/* ページの構成 */
#wrapper {
	width: 650px;
	background: #FFF;
	margin-left: auto;
	margin-right: auto }
#wrapper-inner {
	padding: 12px 25px }

#header {
	color: #009900;
	margin:0 0 #1em ;
	width:100%;}
#header td {
	font-size: 0.875em;
	padding: 0 5px }

#menu-main {
	background: #009900;
	padding: 5px;
	text-align: center;
	font-size: 0.875em;
	color:#FFF;
	font-weight: bold }
#menu-main a:link{
  color : white;
  text-decoration : none }
#menu-main a:visited {
  color : white;
  text-decoration : none }
#menu-main a:hover {
  color : yellow;
  text-decoration : underline }
#menu-main a:active{
  color : white;
  text-decoration : none }

#contents {
	margin: 1em 0 }

#footer {
	border-top: 2px solid #CCC;
	padding: 5px }
#footer h4 {
	color: #C00;
	margin: 0 }
#footer table.hyo td, #footer table.hyo th {
	border: none }

#copyright {
	margin-top: 1em;
	font-size: 0.75em }

/* 部分的装飾の定義 */
a.top{
	font-weight: bold;
	color: green }
table.hyo td, table.hyo th {
	border: 1px #CCC solid;
	font-size: 0.875em;
	/*padding: 5px 10px;*/
	line-height: 1.3em;
	vertical-align: top }
table.hyo td td, table.hyo td th {
	border: none;
	padding: 1px 3px !important;
	font-size: 0.9em }

table.menu td, table.hyo th {
	border: 0px #CCC solid;
	font-size: 0.9em;
	padding: 5px 0px;
	line-height: 1.3em;
	vertical-align: top }
table.hyo td td, table.hyo td th {
	border: none;
	padding: 1px 3px !important;
	font-size: 1.0em }

.end-parag {
	margin-bottom: 2em }
.no-margin {
	margin-bottom: 0;
	padding-bottom: 0 }
/* 画像の揃え */
.img_left {
	float: left;
	margin: 0 1em 0.5em 0 }
.img_right {
	float: right;
	margin: 0 0 0.5em 1em }
/* フォント装飾 */
.smaller {
	font-size: 0.9em }
.larger {
	font-size: 1.2em }
.monospace {
	font-family: "ＭＳ ゴシック", "Osaka－等幅" !important }
.notice {
	color: #C00 }
	
	
/*entry/form.html----------------------------------------*/

#tab{
	margin:0;
	padding:0;
	}
#tab li{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
	}
a.none,
a.jutaku,
a.kazai{
	width:190px;
	height:175px;
	display:block;
	}

a.none{background:url(img/btn_none.png);}
.selected a.none{background:url(img/btn_none_s2.png);}
a.jutaku{background:url(img/btn_jutaku.png);}
.selected a.jutaku{background:url(img/btn_jutaku_s2.png);}
a.kazai{background:url(img/btn_kazai.png);}
.selected a.kazai{background:url(img/btn_kazai_s2.png);}


.radio{
	position:absolute;
	z-index:-1
	}

#tabContents label{
	width:190px;
	height:175px;
	padding:0;
	display:block;
	z-index:1;
	cursor:pointer;
	float:left;
	margin-right:6px;
}

#menu1 label{background:url(img/btn_jutaku.png) top left;}
#menu1 label.RadioSelected{background:url(img/btn_jutaku_s2.png) top left;}
#menu2 label{background:url(img/btn_kazai.png) top left;}
#menu2 label.RadioSelected{background:url(img/btn_kazai_s2.png) top left;}
#menu3 label{background:url(img/btn_jutaku-kazai.png) top left;}
#menu3 label.RadioSelected{background:url(img/btn_jutaku-kazai_s2.png) top left;}
#menu4 label{background:url(img/btn_kazai.png) top left;}
#menu4 label.RadioSelected{background:url(img/btn_kazai_s2.png) top left;}
#menu5 label{background:url(img/btn_jutaku.png) top left;}
#menu5 label.RadioSelected{background:url(img/btn_jutaku_s2.png) top left;}
#menu6 label{background:url(img/btn_ichibu.png) top left;}
#menu6 label.RadioSelected{background:url(img/btn_ichibu_s2.png) top left;}
#menu7 label{background:url(img/btn_jutaku-ichibu.png) top left;}
#menu7 label.RadioSelected{background:url(img/btn_jutaku-ichibu_s2.png) top left;}
#menu8 label{background:url(img/btn_all.png) top left;}
#menu8 label.RadioSelected{background:url(img/btn_all_s2.png) top left;}
#menu9 label{background:url(img/btn_ichibu-kazai.png) top left;}
#menu9 label.RadioSelected{background:url(img/btn_ichibu-kazai_s2.png) top left;}
#menu10 label{background:url(img/btn_jutaku-ichibu.png) top left;}
#menu10 label.RadioSelected{background:url(img/btn_jutaku-ichibu_s2.png) top left;}


	

@media screen
and (max-device-width : 767px) {
	
	body{
		overflow-x:hiden;
		line-height:1.3em;
		}
	
	p{
		}
	
	*{
		max-width:100%;
		box-sizing:border-box;
		}

	ol{
		padding-left:25px;}
	
	#wrapper{
		width:100%;
		}
	#wrapper-inner{
		padding:0;}
	
	#header{
		margin-top:5px;
		width:auto !important;}
		
		#header td:first-child{
			box-shadow: 1px 2px 1px #DDD}

		#header td:nth-child(2),
		#header td:nth-child(3){
			display:none;
			}

	h1{
		width:80%;
		margin:0 auto .5em;}
	
	#contents{
		width:90%;
		margin:1em auto;}
	
	table,
	tbody,
	tr,
	table td,
	table th{
		display:block;
		width:auto !important;}
	
	#header td{
		padding:.5em 0 .5em;
		text-align:center}
		
	#header td:first-child img{
		margin:auto 5%;
		max-width:90%;
		}
	
	
	img, iframe{
		max-width:100%;
		height:auto;
		text-align:left;
		float:none;
		display:block;
		margin:.5em auto;
		
		}
	
input[type="text"],
select{
		width:100% !important;
		}
	
/*#contents table br,*/
table td:empty {
	display:none;}	
		
	blockquote{
		margin: 1em 0;
}


	table.menu td{
		display:table-cell;
}

object#s_m{
	margin: 0 auto;
	display:block;}

	#footer{
		padding:0;
		border:none;
		background:#EFEFEF;
		padding-top:15px;
		}
	
	#footer table{
		width:90% !important;
		margin: 0 auto;}

	#footer table td{
		padding: 10px 0;
}

	
	#footer h4{
		text-align:center;}	
	
	#copyright{
		padding:5px 10px;
		width:auto;
		text-align:center;
		line-height:1.3em;
		background:#9F6;}

/*entry/index.html--------------------------*/

#tabContents label,
#tab li{
	width:33%;
	max-width:175px;
	height:auto;
	margin-right:.5%;
}

#tab li{
	margin-bottom:1em;
}

#tab li:last-child,
#tabContents div span:nth-child(3n) label{
	margin-right:0;
	}

#tabContents label,
#tab li a,
#tabContents label.RadioSelected{
	background-size:contain;
	background-repeat:no-repeat;
	position:relative;
	height:auto;	
	}

#tabContents label:before,
#tab li a:before{
	content:"";
	display:block;
	padding-top:100%;
	}
	

	
/*yakkan------------------------*/

#yakkan-inner{
	height:150px !important;
	}