/* CSS Document */

* {margin:0; padding:0;}

body, th, td {
	color: #333;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 12px;
/*	line-height: 1.4;*/
}
a:link, a:visited { color: #333; text-decoration: underline; }
a:active, a:hover { color: #7F0019; }

img{border:0px;}
#wrapper {
	margin:0;
	padding:0;
	width:874px;
	position:absolute;
	left:20;
	top:10;
}
#leftbox {margin:0; padding:0; height:100%; width:200px; /*position:absolute; left:0; top:0;*/}
#mainbox {margin:0; padding:0; height:100%;
top:220;
position:absolute;
left:224;}

.clear{
clear:both;}
.t10{font-size:10px;
line-height:140%;}
.t80{font-size:80%;
line-height:140%;}
.cap01{border-top:#006600 solid 1px;
color:#006600;}

.cap02{
color:#006600;}

#l300{width:350px;
float:left}
#r210{width:210px;
float:right;}

#mainin {
width:630px;
padding-left:20px;
padding-top:15px;}
/* トップページフッター　*/
#footer{
	width:874px;
	height:40px;
	font-size:10px;
	text-align:right;
	position:absolute;
	left:20;
	top:970;
	background-image: url(../img/copyright_image.gif);
	background-repeat: no-repeat;
}



#footer img { border:none; vertical-align: bottom; }
/* ---- .pagetop ---- */
#footer .pagetop {
	float: right;
	margin: 0;
	padding: 9px 0 0 0;
	font-size: 1x; line-height: 1;
}
#footer .pagetop a { display: block; background: url(../img/pagetop_over.gif) no-repeat 0 0; }
#footer .pagetop a:hover { background-color: #fff; } /* IE6 */
#footer .pagetop a:hover img { visibility: hidden; }

/* コンテンツページフッター　*/
#footer2{
	width:874px;
	height:40px;
	font-size:10px;
	text-align:right;
	position:absolute;
	left:20;
	top:880;
	background-image: url(../img/copyright_image.gif);
	background-repeat: no-repeat;
}



#footer2 img { border:none; vertical-align: bottom; }
/* ---- .pagetop ---- */
#footer2 .pagetop {
	float: right;
	margin: 0;
	padding: 9px 0 0 0;
	font-size: 1x; line-height: 1;
}
#footer2 .pagetop a { display: block; background: url(../img/pagetop_over.gif) no-repeat 0 0; }
#footer2 .pagetop a:hover { background-color: #fff; } /* IE6 */
#footer2 .pagetop a:hover img { visibility: hidden; }

/* topメニュー */

.cl{
	clear:both;
}

div.topL{
	background:url(../img/top_message.jpg) no-repeat;
	width:650;
	height:151px;
	position:relative;	
}
/*
div.topR{
	float:right;
	background:url(../img/topics.jpg) no-repeat;
	width:234px;
	height:220px;
}
*/
div.topL2{
	float:left;
	background:url(../img/point.jpg) no-repeat;
	width:406px;
	height:250px;
	margin:20px 0 10px;
}

div.topR2{
	float:right;
	background:url(../img/topics.jpg) no-repeat bottom;
	width:234px;
	height:250px;
	margin-top:20px;
}

.btnr{
	margin-top:112px;
	margin-left:12px;
	position:absolute;
}
.btnr2{
	margin-top:44px;
	margin-left:128px;
}
.btnr3{
	margin-top:70px;
	margin-left:130px;
	}
.btnr4{
	margin-top:6px;
	margin-left:310px;
	}


.btnr a,
.btnr2 a,
.btnr3 a,
.btnr4 a{ display: block; }
.btnr a:hover,
.btnr2 a:hover,
.btnr3 a:hover,
.btnr4 a:hover{ background-color: #fff; background:url(../img/btn_on.gif) no-repeat 0 0;} /* IE6 */
.btnr a:hover img,
.btnr2 a:hover img,
.btnr3 a:hover img,
.btnr4 a:hover img{ visibility: hidden; }


/* バナー　*/
div#topbox2 ul, div#topbox2 li { margin: 0; padding: 0; }
div#topbox2 ul li {
	list-style: none;
	float: left;

}
div#topbox2 ul li img {
	border: #E6E6E6 1px solid;
	vertical-align: bottom;
		margin-right:10px;
	}
div#topbox2 ul li img.tit{
	border:none;
}
div#topbox2 ul li img.last{
	margin-right:0px;
}
	
div#topbox2 ul li a { display: block; }
div#topbox2 ul li a:hover img,
div#topbox2 ul li a:active img { border: #7F0019 1px solid; }
/* バナー　*/
div#topbox ul, div#topbox li { margin: 0; padding: 0; }
div#topbox ul li {
	list-style: none;
	float: left;

}
div#topbox ul li img {
	border: #E6E6E6 1px solid;
	vertical-align: bottom;
		margin-right:16px;
	}
div#topbox ul li img.tit{
	border:none;
}
div#topbox ul li img.last{
	margin-right:0px;
}
	
div#topbox ul li a { display: block; }
div#topbox ul li a:hover img,
div#topbox ul li a:active img { border: #7F0019 1px solid; }
/**/


h1 {
margin:10px 0 0 0;
padding-left:0px;
border-bottom:#006600 solid 1px;
width:650px;}


h2 {
font-size:100%;
font-weight:bold;
color:#006666;
margin-bottom:1em;}

h3 {
font-size:90%;
font-weight:bold;
color:#006666;
margin-bottom:1em;}


#mainin p {
padding-top:10px;
font-size:80%;
line-height:140%;}

.main_text {margin:10px 0; border:0px dotted #999; font-size:0.9em;}

div#content-nav{
float:left;
width:200px;
margin-top:20px;
}



/* 右　メニュー*/
div#content-nav ul,
div#content-nav li{
list-style:none;
padding:0px;
margin:0px;
}

div#content-nav ul{
padding:0px;
margin:0px;
} 

div#content-nav li{
width:200px;
} 

div#content-nav li a{
display:block;
text-indent:-9999px;
height:30px;
background-image:url(../img/contents_menu.gif);
background-repeat:no-repeat;
width:200px;
margin:0;}

/* 通常 */
#nav01 a{ background-position:-200px 0px; }
#nav02 a{ background-position:-200px -30px;}
#nav03 a{ background-position:-200px -60px; }
#nav04 a{ background-position:-200px -90px; }
#nav05 a{ background-position:-200px -120px; }
#nav06 a{ background-position:-200px -150px; }
#nav07 a{ background-position:-200px -180px; }
#nav08 a{ background-position:-200px -210px; }
#nav09 a{ background-position:-200px -240px; }
#nav10 a{ background-position:-200px -270px; }
#nav11 a{ background-position:-200px -300px; }


/* オンマウス */
#nav01 a:hover{ background-position:0 0px; }
#nav02 a:hover{ background-position:0 -30px;}
#nav03 a:hover{ background-position:0 -60px; }
#nav04 a:hover{ background-position:0 -90px; }
#nav05 a:hover{ background-position:0 -120px; }
#nav06 a:hover{ background-position:0 -150px; }
#nav07 a:hover{ background-position:0 -180px; }
#nav08 a:hover{ background-position:0 -210px; }
#nav09 a:hover{ background-position:0 -240px; }
#nav10 a:hover{ background-position:0 -270px; }
#nav11 a:hover{ background-position:0 -300px; }

/* オンマウス */
#nav01 a.act{ background-position:0 0px; }
#nav02 a.act{ background-position:0 -30px;}
#nav03 a.act{ background-position:0 -60px; }
#nav04 a.act{ background-position:0 -90px; }
#nav05 a.act{ background-position:0 -120px; }
#nav06 a.act{ background-position:0 -150px; }
#nav07 a.act{ background-position:0 -180px; }
#nav08 a.act{ background-position:0 -210px; }
#nav09 a.act{ background-position:0 -240px; }
#nav10 a.act{ background-position:0 -270px; }
#nav11 a.act{ background-position:0 -300px; }
