body{
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	font-size:12px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Arial, Helvetica;
	color:#000000;
	word-break:break-all;
}

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */

	#headfull{
		display:show;
	}

	#headhalf{
		display:none;
	}

	#wrapper {
		position: relative;
		width: 100%;
	}
	#wrapper:before {
		content:"";
		display: block;
		padding-top: 30%; /* 高さを幅の30%に固定 */
	}
	#content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: url("../img/topfull.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
}

@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */

	#headfull{
		display:none;
	}

	#headhalf{
		display:show;
	}



	#wrapper {
		position: relative;
		width: 100%;
	}
	#wrapper:before {
		content:"";
		display: block;
		padding-top: 90%; /* 高さを幅の90%に固定 */
	}
	#content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: url("../img/top_half_L.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

}

#container{
	background-color: #ffffff;
	z-index:2;
}

#topimg{
	height: 156px;
	background: url(../img/bg_top.jpg) 0 0 no-repeat;
}

table.menu{
	border-collapse: collapse;
	width: 100%;
}

td.menuhead{
	background: url(../img/navi_bg.gif) 0 0 no-repeat;
	text-align: left;
	height: 44px;
}

td.menuend{
	background: url(../img/navi_edge.gif) 0 0 no-repeat;
	width: 3px;
	height: 44px;
}

a.navi:link{
	font-size:18px;
	color:#67922B;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi:visited{
	font-size:18px;
	color:#67922B;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi:hover{
	font-size:18px;
	color: #507322;
	margin:0;
	padding:  0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:underline;
}

td.menuhead02{
	background: url(../img/navi_bg_02.gif) 0 0 no-repeat;
	text-align: left;
	height: 44px;
}

td.menuend02{
	background: url(../img/navi_edge_02.gif) 0 0 no-repeat;
	width: 3px;
	height: 44px;
}

a.navi02:link{
	font-size:18px;
	color:#3D7966;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi02:visited{
	font-size:18px;
	color:#3D7966;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi02:hover{
	font-size:18px;
	color: #093A2E;
	margin:0;
	padding:  0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:underline;
}

td.menuhead01{
	background: url(../img/navi_bg_01.gif) 0 0 no-repeat;
	text-align: left;
	height: 44px;
}

td.menuend01{
	background: url(../img/navi_edge_01.gif) 0 0 no-repeat;
	width: 3px;
	height: 44px;
}

a.navi01:link{
	font-size:18px;
	color:#4D6A93;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi01:visited{
	font-size:18px;
	color:#4D6A93;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi01:hover{
	font-size:18px;
	color: #142B58;
	margin:0;
	padding:  0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:underline;
}


td.menuhead2{
	background: url(../img/navi_bg2.gif) 0 0 no-repeat;
	text-align: left;
	height: 44px;
}

td.menuend2{
	background: url(../img/navi_edge2.gif) 0 0 no-repeat;
	width: 3px;
	height: 44px;
}

a.navi2:link{
	font-size:18px;
	color:#ED6E07;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi2:visited{
	font-size:18px;
	color:#ED6E07;
	margin:0;
	padding: 0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:none;
}

a.navi2:hover{
	font-size:18px;
	color: #B05205;
	margin:0;
	padding:  0 0 0 20px;
	font-weight:bold;
	display: block;
	text-decoration:underline;
}

a.top:link{
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

a.top:visited{
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

a.top:hover{
	font-size:16px;
	color: #ffffff;
	font-weight:bold;
	text-decoration:underline;
}


p{
	margin: 0;
	padding: 0;
}

p.h1{
	margin: 0;
	padding: 1px 0 0 0;
}

p.h2{
	margin: 0;
	padding: 2px 0 0 0;
}

h2.title{
	margin: 0;
	width: 100%;
	height: 28px;
	background: url(../img/title_line.gif) no-repeat left bottom;
	padding:0 0 0 1px;
	color: #004599;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}


p.h3{
	margin: 0;
	padding: 3px 0 0 0;
}


p.h5{
	margin: 0;
	padding: 5px 0 0 0;
}

p.h10{
	margin: 0;
	padding: 10px 0 0 0;
}

#footer{
	background-color: #88c139;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

img.auto{
	max-width:100%;
	height:auto;
}

div.clr{
	clear: both;
}

.banner{
	padding: 1px;
	float: left;
}

a.opt:hover img	{
    filter: alpha(opacity=80); 
	-moz-opacity:0.80;
	opacity:0.80;
}

.dotline{
	height: 11px;
	background: url(../img/dotline.gif);
}