@charset "UTF-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000000;
}
#contens {
	width:830px;
	height:1000px;
	background-color:#FFFFFF;
	padding:10px;
	margin:0 auto;
	color: #D7C599;
}
.label{
	padding: 7px 5px 5px 10px;
	margin: 0px 0px 10px;
	border-left: 10px solid #98FB98;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9932CC;

}
div.firstbox {
	float: left;
	height: 180px;
	width: 845px;
	margin: 0px 10px 1px 0px;
	font-size: 85%;
	background-color: #FFFFFF;
	border: 0px #999999 solid; /* ボックスの枠の太さと色 */
}
div.firstbox p {
margin-top: 5px;/*文字の上に少しスペースを空ける*/
margin-left: 10px;/*文字の左に少しスペースを空ける*/
margin-bottom:10px;/*文字の下に少しスペースを空ける*/
font-size: 100%;
}

div.firstbox p img{
float:left;/*文字が写真の右側に回り込むように指定*/
margin-top: 10px;/*文字の上に少しスペースを空ける*/
margin-left:10px;/*写真の左にスペース*/
margin-right:20px; /*写真の右にスペース*/
margin-bottom:20px;/*文字の下に少しスペースを空ける*/
border:solid 0px #999999;/*画像に枠を付ける設定,色の変更可*/
}
div.secondbox {
	float: left;
	height: 200px;
	width: 845px;
	margin: 0px 10px 1px 0px;
	font-size: 85%;
	background-color: #F0FFFF;
	border: 0px #999999 solid; /* ボックスの枠の太さと色 */
}
div.secondbox p {
margin-top: 10px;/*文字の上に少しスペースを空ける*/
margin-left: 0px;/*文字の左に少しスペースを空ける*/
margin-bottom:10px;/*文字の下に少しスペースを空ける*/
}
div.secondbox p img{
float:left;/*文字が写真の右側に回り込むように指定*/
margin-top: 10px;/*文字の上に少しスペースを空ける*/
margin-left:10px;/*写真の左にスペース*/
margin-right:20px; /*写真の右にスペース*/
margin-bottom:20px;/*文字の下に少しスペースを空ける*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}
div.thirdbox {
	float: left;
	height: 200px;
	width: 845px;
	margin: 0px 10px 1px 0px;
	font-size: 85%;
	background-color: #F0FFFF;
	border: 0px #999999 solid; /* ボックスの枠の太さと色 */
}
div.thirdbox p {
margin-top: 5px;/*文字の上に少しスペースを空ける*/
margin-left: 0px;/*文字の左に少しスペースを空ける*/
margin-bottom:10px;/*文字の下に少しスペースを空ける*/
}
div.thirdbox p img{
float:right;/*文字が写真の右側に回り込むように指定*/
margin-top: 10px;/*文字の上に少しスペースを空ける*/
margin-left:10px;/*写真の左にスペース*/
margin-right:20px; /*写真の右にスペース*/
margin-bottom:20px;/*文字の下に少しスペースを空ける*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}
div.fourthbox {
	float: left;
	height: 30px;
	width: 845px;
	margin: 0px 0px 0px 0px;
	font-size: 85%;
	background-color: #FFFFFF;
	border: 0px #FFFFFF solid; /* ボックスの枠の太さと色 */
}
div.fourthbox p {
margin-top: 0px;/*文字の上に少しスペースを空ける*/
margin-left: 0px;/*文字の左に少しスペースを空ける*/
margin-bottom:0px;/*文字の下に少しスペースを空ける*/
}
div.fourthbox p img{
float:left;/*文字が写真の右側に回り込むように指定*/
margin-top: 0px;/*文字の上に少しスペースを空ける*/
margin-left:0px;/*写真の左にスペース*/
margin-right:0px; /*写真の右にスペース*/
margin-bottom:0px;/*文字の下に少しスペースを空ける*/
border:solid 0px #999999;/*画像に枠を付ける設定,色の変更可*/
}
div.seventhbox {
	float: left;
	height: 430px;
	width: 845px;
	margin: 1px 10px 1px 0px;
	font-size: 85%;
	background-color: #EBF0F3;
	border: 1px #999999 solid; /* ボックスの枠の太さと色 */
}
div.seventhbox p {
margin-top: 10px;/*文字の上に少しスペースを空ける*/
margin-left: 10px;/*文字の左に少しスペースを空ける*/
margin-bottom:10px;/*文字の下に少しスペースを空ける*/
}
div.seventhbox p img{
float:right;/*文字が写真の右側に回り込むように指定*/
margin-top: 10px;/*文字の上に少しスペースを空ける*/
margin-left:20px;/*写真の左にスペース*/
margin-right:10px; /*写真の右にスペース*/
margin-bottom:20px;/*文字の下に少しスペースを空ける*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}
div.tenthbox {
	float: left;
	height: 150px;
	width: 845px;
	margin: 0px 10px 1px 0px;
	font-size: 85%;
	background-color: #EBF0F3;
	border: 1px #999999 solid; /* ボックスの枠の太さと色 */
}
div.tenthbox p {
margin-top: 5px;/*文字の上に少しスペースを空ける*/
margin-left: 10px;/*文字の左に少しスペースを空ける*/
margin-bottom:10px;/*文字の下に少しスペースを空ける*/
}
div.tenthbox p img{
float:right;/*文字が写真の右側に回り込むように指定*/
margin-top: 10px;/*文字の上に少しスペースを空ける*/
margin-left:10px;/*写真の左にスペース*/
margin-right:20px; /*写真の右にスペース*/
margin-bottom:20px;/*文字の下に少しスペースを空ける*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}
#footer {
	clear:both;
	color: #000000;
}

/* ========MAINCONTENTS CUSTOMIZE======== */
#contens h2 {
   clear:both;
   margin-bottom:8px;
   padding:1px 10px;
   line-height:2.0;
   color:#FFF;
   font-size:15px;
   font-weight:bold;
   background:#99F repeat-x;
}

/* TOPNAVI CUSTOMIZE */
#contens div.topNavi {
   overflow:hidden;
   position:relative;
   margin-left:5px;
   margin-bottom:-10px;
   font-size:80%;
}

* html #contens div.topNavi {
   height:1em;
   overflow:visible;
}

#contens div.topNavi div.topNaviColumn {
	display:inline;
	width:260x;
	float:left;
	margin-left:10px;
	padding:0 0 2em 0;
	font-size:100%;
	color:#00F;
	border-bottom:2px solid #99F;
}

#contens div.topNavi h2.topNaviImg {
   margin:0;
   padding:0;
   background:none;
}

#contens a:link {
	color: #ffffff;
}

#contens a:visited {
	color: #ffffff;
}

#contens a:active {
	color: #ffffff;
}

#contens a:hover{
  color:#FFCC99;
}

#contens div.topNavi div.topNaviColumn p.detail {
   position:absolute;
   bottom:0;
   width:270px;
   text-align:right;
}

#contens div.topNavi div.topNaviColumn p.detail a {
   padding:0 0 0 7px;
}

#contens div.topNavi div.topNaviColumn p.cLeft {
   right:280px;
}

#contens div.topNavi div.topNaviColumn p.cRight {
   right:0;
}
