@charset "shift-jis";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,div,p,fieldset,hr { margin:0; padding:0; }
body {
	background:#ffffff;
	color:#000000;
	font-size:12px;
	line-height:120%;
	margin: 0;
	padding: 0;
}

img {border:none;}

.content a:link { color:#FF6600; }
.content a:visited { color:#FF6600; }
.content a:hover { color:#FF9900; }
.content a:active { color:#FF6600; }

.clear_both { clear:both; }


.content {
	width: 960px;
	margin:0 0 0 0px;
	background-color:#000000;
}


#hokuto_main {
	width: 800px;
	margin:0 0 0 80px;
	background-color:#000000;
}



.headerComment{
}
.noindent { text-indent:0; }


.y1930 {
	position:relative;
	background:url(http://image.b-ch.com/feat/feat_hokutonoken/y1930_bg_fix.jpg) left top no-repeat;
	width:800px;
	height:402px;
}
.y1930 h2{
	position: absolute;
	width:242px;
	height:116px;
	left:66px;
	top:40px;
	text-indent:-9999px;
}
.y1930 h3{
	position: absolute;
	width:672px;
	height:37px;
	left:67px;
	top:10px;
	text-indent:-9999px;
}
.y1930 p.txt1{
	position: absolute;
	width:250px;
	left:65px;
	top:160px;
	color:#160060;
	line-height:110%;
}
.y1930 a.link1{
	position: absolute;
	display:block;
	width:227px;
	height:36px;
	left:67px;
	top:336px;
}
.y1930 dl.chara1 {
}
.y1930 dl.chara1 dt {
	position: absolute;
	width:139px;
	height:24px;
	left:480px;
	top:201px;
	text-indent:-9999px;
}
.y1930 dl.chara1 dd {
	position: absolute;
	width:250px;
	left:478px;
	top:225px;
	color:#ffffff;
	font-size:10px;
}
.y1930 dl.chara2 {
}
.y1930 dl.chara2 dt {
	position: absolute;
	width:109px;
	height:24px;
	left:537px;
	top:284px;
	text-indent:-9999px;
}
.y1930 dl.chara2 dd {
	position: absolute;
	width:213px;
	left:510px;
	top:312px;
	color:#ffffff;
	text-align:right;
	font-size:10px;
	line-height:130%;
}


.y199x {
	background:#000000;
	padding:0 0 0 50px;
}

.content1 {
	position:relative;
	width:700px;
	height:361px;
	background:url(http://image.b-ch.com/feat/feat_hokutonoken/content1_bg.jpg) left top no-repeat;
}
.content1 h2{
	position: absolute;
	width:242px;
	height:116px;
	left:18px;
	top:53px;
	text-indent:-9999px;
}
.content1 h3{
	position: absolute;
	width:672px;
	height:37px;
	left:18px;
	top:14px;
	text-indent:-9999px;
}
.content1 p.txt1{
	position: absolute;
	width:220px;
	left:20px;
	top:170px;
	color:#fce8ab;
	line-height: 1.2em;
}
.content1 dl.chara1 {
}
.content1 dl.chara1 dt {
	position: absolute;
	width:139px;
	height:24px;
	left:514px;
	top:82px;
	text-indent:-9999px;
}
.content1 dl.chara1 dd {
	position: absolute;
	width:170px;
	left:519px;
	top:141px;
	color:#ffffff;
	font-size:10px;
}
.content1 dl.chara2 {
}
.content1 dl.chara2 dt {
	position: absolute;
	width:135px;
	height:24px;
	left:515px;
	top:217px;
	text-indent:-9999px;
}
.content1 dl.chara2 dd {
	position: absolute;
	width:194px;
	left:494px;
	top:245px;
	color:#ffffff;
	font-size:10px;
}
.content1 a.link1{
	position: absolute;
	display:block;
	width:208px;
	height:34px;
	left:474px;
	top:306px;
}


.content2 {
	position:relative;
	width:700px;
	height:353px;
	background:url(http://image.b-ch.com/feat/feat_hokutonoken/content2_bg.jpg) left top no-repeat;
}
.content2 dl.chara1 {
}
.content2 dl.chara1 dt {
	position: absolute;
	width:139px;
	height:24px;
	left:51px;
	top:213px;
	text-indent:-9999px;
}
.content2 dl.chara1 dd {
	position: absolute;
	width:199px;
	left:29px;
	top:240px;
	color:#ffffff;
	font-size:10px;
}
.content2 dl.chara2 {
}
.content2 dl.chara2 dt {
	position: absolute;
	width:135px;
	height:24px;
	left:508px;
	top:214px;
	text-indent:-9999px;
}
.content2 dl.chara2 dd {
	position: absolute;
	width:204px;
	left:474px;
	top:240px;
	color:#ffffff;
	font-size:10px;
}
.content2 a.link1{
	position: absolute;
	display:block;
	width:208px;
	height:34px;
	left:24px;
	top:300px;
}
.content2 a.link2{
	position: absolute;
	display:block;
	width:208px;
	height:34px;
	left:472px;
	top:300px;
}


.content3 {
	position:relative;
	width:700px;
	height:407px;
	background:url(http://image.b-ch.com/feat/feat_hokutonoken/content3_bg.jpg) left top no-repeat;
}
.content3 dl.chara1 {
}
.content3 dl.chara1 dt {
	position: absolute;
	width:139px;
	height:24px;
	left:513px;
	top:19px;
	text-indent:-9999px;
}
.content3 dl.chara1 dd {
	position: absolute;
	width:199px;
	left:487px;
	top:48px;
	color:#ffffff;
	font-size:10px;
}
.content3 a.link1{
	position: absolute;
	display:block;
	width:208px;
	height:34px;
	left:37px;
	top:348px;
}
.content3 a.link2{
	position: absolute;
	display:block;
	width:208px;
	height:34px;
	left:247px;
	top:348px;
}
.content3 a.link3{
	position: absolute;
	display:block;
	width:208px;
	height:34px;
	left:457px;
	top:348px;
}

h2.txt1 {
	margin:25px 0 10px 0;
	padding:0;
}

.box_btnl , .box_btnr {
	background:#272c75;
	padding:0 0px 4px 0px;
	width:700px;
	margin:0 0 13px 0;
}

.content3c {
	background:#d1bf8f;
}


.box_btnl .box , .box_btnr .box{
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	border-left:2px solid #ae812f;
	border-right:2px solid #ae812f;
	border-bottom:2px solid #ae812f;
	margin:0 4px 0 4px;
	background:#000000;
}

.box_btnl .box dl{
	width:460px;
}
.box_btnl .box dl dt{
}
.box_btnl .box dl dd{
	color:#ffffff;
	padding:5px 10px 5px 15px;
	line-height:140%;
}
.box_btnr .box dl{
	width:461px;
}
.box_btnr .box dl dd{
	color:#ffffff;
	padding:5px 10px 5px 15px;
	line-height:140%;
}


.box_btnl .box_l{
	float:left;
	width:228px;
}
.box_btnl .box_l img{
	display:block;
	border:none;
}
.box_btnl .box_r{
	float:right;
	width:460px;
}

.box_btnr .box_l{
	float:left;
	width:461px;
}
.box_btnr .box_r img{
	display:block;
	border:none;
}
.box_btnr .box_r{
	float:right;
	width:227px;
}

.btn1 {
	float:left;
	width:350px;
}
.btn2 {
	float:right;
	width:350px;
	text-align:right;
	margin:0 50px 0 0;
}
.btn3 {
	clear:both;
	padding:15px 50px 10px 0;
	text-align:center;
}
.btn1 img ,.btn2 img ,.btn3 img {
	border:none;
}

.pagetop {
	text-align:right;
	padding:0px 50px 20px 0;
}
.pagetop a {
	color:#ffffff;
}


/********FOOTER**********/
.copy {font-size: 16px;vertical-align:middle; }

#hokuto_footer{
clear:both;
padding-top:10px;
padding-bottom:10px;
background:#000000;
color:#FFFFFF;
font-size:10px;
text-align:left;
}

#hokuto_footerLogo{
	margin-top:10px;
}

#hokuto_upd-area {

color:#ffffff;

font-size: 12px;

width: 950px;

_width: 960px;

height: 17px;

_height: 20px;
margin: 0;

padding-top: 3px;

padding-right: 10px;

text-align:
right;

background:#5e5e5e;
}
*html #hokuto_upd-area {width: 960px;}