/* CSS Document */


body{
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#00000;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 13px; /* モダンブラウザ*/
    *font-size: 90%; /* IE 7 文字サイズを固定するにはpxで絶対指定してください 推奨10〜18px*/
    *font: 80%; /* IE 6以下 文字サイズを固定するにはpx程度で絶対指定してください  推奨10〜18px*/
	}

body{
	text-align:center;
	}

.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}






/**レイアウト**/

#bg{
	background:url(img/tpl/bg_con.gif) repeat-y;
	width:795px;
	text-align:left;
	}
#container{
	margin:0 11px 0 10px;
	}

#head{
	background:url(../img/main-01.jpg) no-repeat left;
	width:795;
	height:288px;
	}
#head h1{
	line-height:16px;
	height:16px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	text-indent:10px;
	}
#head h2{
	float:left;
	width:520px;
	margin:24px 0 0 10px;
	}
#head h2 a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	text-decoration:none;
	}
#head h2 a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
#head div#right{
	float:left;
	width:228px;
	}
#head div#right p{
	color:#FFFFFF;
	margin:24px 20px 20px 20px;
	}

#head_menu{
	background:url(../img/bg_head_menu.gif) no-repeat;
	width:775px;
	height:30px;
	}
#head_menu ul{
	list-style-type:none;
	}
#head_menu ul li{
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	float:right;
	width:140px;
	height:30px;
	position:relative;
	}
#head_menu ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	font:14px;
	width:140;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#head_menu ul li a:hover{
	color:#000000;
	}
#head_menu ul li.off{
	overflow:hidden;
	width:140;
	}
#head_menu ul li.off ol.sub{
	left:0px;
	top:-999px;
	}
#head_menu ul ol.sub{
	position:absolute;
	left:0px;
	top:30px;
	width:140px;
	border:1px solid #999999;
	text-align:center;
	list-style-type:none;
	}
#head_menu ul li.on{
	width:140;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}
#head_menu ul ol.sub li{
	float:none;
	width:140;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999999;
	text-align:center;
	float:none;
	filter:alpha(opacity=82); /*IE*/
	-moz-opacity:0.82; /*FF*/
	}
#head_menu ul ol.sub li a{
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#head_menu ul ol.sub li a:hover{
	background-color:#FFCC00;
	color:#000000;
	}

/*レイアウト部分*/
.side_navi{
width: 163px;
font-weight: bold;
float: left;
}

.main_content{
width: 560px;
font-weight: bold;
float: right;
}

/*ヘッダー*/
/*
div#menu {
	padding: 5px;
	background: #245386;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	height: 25px;
}
div#menu ul{
	margin: 0px;
	padding: 0px;
}
div#menu li{
	float: left;
	padding: 0px;
	margin-left: 10px;
	color: #FFFFFF;
	list-style: none;
}
div#menu a{
	color: #FFFFFF;
	text-decoration: none;
}
div#menu a:hover{
color: #000000;
	background: #D7E1EC;
}
*/
div#main {
	margin: 0px;
	border-left: 1px solid #CCCCCC;
	padding: 20px 0px;
	background: #FFFFFF;
	width: 560px;
	float: left;
	border-right: 1px solid #CCCCCC;

}
div#main p {
	margin: 0px 0px 20px 40px;
}
div#main ul {
	margin-left: 60px;
	margin-bottom: 1em;
	margin-right: 30px;
}
div#submenu {
	width: 200px;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px;
	float: left;
}
div#submenu ul{
	margin: 0px 0px 0px 5px;
	list-style: circle;
	padding-left: 2em;
}
div#submenu p{
	margin: 0px 10px 10px;
}

/*test*/

.line01{
	background:url(img/tpl/bg_line01.gif) no-repeat;
	width:778px;
	height:12px;
	clear:left;
	}
		
#contents{
	clear:right;
	padding: 0px 0px 0px 0px;
	}

#contents div.txt{
	
	}
#contents div.txt p{
	line-height:180%;
	margin:0 0 20px 10px;
	}
}

.imgbox {
	margin: 0px 0px 1em 0px;
}
.imgbox img{
	border: 0px;
}
.imgbox_f {
	margin: 0px 0px 1em 0px;
	float: right;
}
.imgbox_f img{
	border: 0px;
}


	
#g_menu{
	float:left;
	width:163px;
	}
#g_menu ul{
	list-style-type:none;
	margin:6px 0 0 0;
	}
#g_menu ul li{
	border:1px solid #999999;
	margin:-1px 1px 0px 1px;
	}
#g_menu ul li a{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	background-color:#D5D5D6;
	color:#000000;
	display:block;
	text-indent:4px;	
	text-decoration:none;
	}
#g_menu ul li a:hover{
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	}



#main{
	float:right;
	margin:10px 0 10px 12px;
	width:780px;
	}
#main h3{
	font-size:25px;
	}

#main h4{
	margin:10px 0 5px 0;
	background:url(img/tpl/bg_list01.gif) no-repeat left;
	text-indent:20px;
	line-height:1.2em;
	font-size:18px;
	vertical-align:top;
	}

/*トップ*/

/*コンテンツ*/

div#contents2 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: #FFFFFF;
	width: 590px;
	float: right;
}
div#contents2 p {
	margin: 0px 0px 20px 5px;
}
div#contents2 ul {
	margin-left: 60px;
	margin-bottom: 1em;
	margin-right: 30px;
}
div#subcontents2 {
	width: 200px;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px;
	float: left;
}
div#subcontents2 ul{
	margin: 0px 0px 0px 5px;
	list-style: circle;
	padding-left: 2em;
}
div#subcontents2 p{
	margin: 0px 10px 10px;
}

strong {
	color: #CC3333;
}



#foot_up{
	clear:both;
	}
#foot{
	background-color:#333333;
	border:solid #336600; border-width:0px 0 3px 0;
	color:#FFFFFF;
	height:40px;
	clear:left;
	text-align:center;
	margin:20px 0 0 0;
	font-size:10px;
	   }
#foot a{
	color:#ffffff;
	text-decoration:none;
	}
#foot a:hover{
	color:#ffffff;
	}
#p-copy{
	text-align:right;
	font-size:11px;
	color:#999999;
	width:780px;
	}
#p-copy a{
	color:#999999;
	font-size:10px;
	text-decoration:none;
	}	
#p-copy a:hover{
	color:#999999;
	}	

		



