/*###################################################
//基本構造
###################################################
*/
html{
background:black;
background-image:url("../images/bg2.gif");
background-repeat:repeat-y;
margin:0px;
padding:0px;
/*height:100%;*/
}

body{
margin:0px;
padding:0px;
/*width:100%;
text-align:center;*/
background-image:url("../images/bg.jpg");
background-repeat:repeat-x;
/*height:100%;*/
}

.container{
/*position:absolute;*/
width:950px;
margin:0px;
padding:0px;
border-left: 1px solid  #222222;
border-right: 1px solid  #222222;
}

.head{
width:950px;
height:390px;
margin:0px;
padding:0px;
float:left;
}

.head_flash{
width:950px;
height:345px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

.head_navi{
width:950px;
height:45px;
margin:0px;
padding:0px;
}

.contents{
width:950px;
/*height:100%;*/
text-align:left; 
/*float:left;*/
}

.left{
width:145px;
/*height:100%;*/
margin:0px;
padding:0px;
float:left;
}

.center{
width: 555px;
/*width:615px;*/
/*height:100%;*/
margin:0px;
padding:0px;
float:left;
}
/*最新ニュース////////////////////*/
.center h1.home {
width: 510px;
padding-right: 0px;
}
.center ul {
width: 500px;
margin: 15px auto;
}
.center ul li {
margin-left: 15px;
font-size: 10pt;
line-height: 1.8em;
}

/*おすすめ商品////////////////////*/
.center h2.home {
width: 510px;
padding-right: 0px;
}
.center p {
width: 500px;
margin: 5px auto;
font-size: 10pt;
}

.right{
width:250px;
/*height:100%;*/
margin:0px;
/*margin-left:-60px;*/
padding:0px;
float:left;
}

.foot{
width:950px;
height: 25px;
background-image:url(../images/foot.jpg);
background-repeat:no-repeat;
clear: both;
/*float:left;
bottom:0;*/
}

/*###################################################
//トップページ各要素
###################################################
*/

.left ul{
width:145px;
margin:0px;
padding:0px;
background:#222222;
}

.left li{
width:145px;
margin:0px;
padding:0px;
padding-bottom:1px;
list-style:none;
font-size:1px;
line-height:1px;
}

.left li img{
height:45px;
margin:0px;
padding:0px;
 }

.img2{
width:145px;
height:90px;
margin:0px;
padding:0px;
 }

ul.img2 img{
width:145px;
height:90px;
margin:0px;
padding:0px;
 }

.img3{
width:145px;
height:65px;
margin:0px;
padding:0px;
 }

ul.img3 img{
width:145px;
height:65px;
margin:0px;
padding:0px;
 }

.img4{
width:145px;
height:10px;
margin:0px;
padding:0px;
 }

ul.img4 img{
width:145px;
height:10px;
margin:0px;
padding:0px;
 }

.img5{
width:145px;
height:100px;
margin:0px;
padding:0px;
 }

ul.img5 img{
width:145px;
height:100px;
margin:0px;
padding:0px;
 }
 
.right ul{
width:250px;
margin:0px;
padding:0px;
}

.right li{
width:250px;
margin:0px;
padding:0px;
list-style:none;
font-size:1px;
line-height:1px;
}

.right li img{
margin:0px;
padding:0px;
border_bottom:1px solid #222222;
}

.news{
width:505px;
margin-top:15px;
margin-left:40px;
margin-bottom:10px;
}

/*###################################################
//ページ中身
###################################################
*/
.in_head{
width:950px;
height:135px;
margin:0px;
padding:0px;
float:left;
}

.in_head_flash{
width:950px;
height:90px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

.in_head_navi{
width:950px;
height:45px;
margin:0px;
padding:0px;
}


.in_center{
width:805px;
height:100%;
margin:0px;
padding:0px;
float:left;
}

ul.blog_dx{
width:250px;
height:90px;
margin:0px;
padding:0px;
}

ul.blog_dx li{
width:125px;
height:90px;
float:left;
font-size:12px;
line-height:18px;
text-indent: -9999px;
margin:0px;
padding:0px;
}

ul.blog_dx a{
display:block;
}

a.goto_dx{
width:125px;
height:90px;
background-image:url(http://www.hokuto-no-ken.jp/contents/images/button_dx.jpg);
}
a:hover.goto_dx{
width:125px;
height:90px;
background-position:-125px 0px;
}

a.goto_blog{
width:125px;
height:90px;
background-image:url(http://www.hokuto-no-ken.jp/contents/images/button_blog.jpg);
}
a:hover.goto_blog{
width:125px;
height:90px;
background-position:-125px 0px;
}

.button_7project{
margin-left:2px;
height:200px;
margin-bottom:10px;
clear:both;
}

.button_toki{
margin-left:2px;
height:190px;
clear:both;
float:left;
}

.button_toki2{
margin-top:5px;
margin-left:3px;
height:155px;
clear:both;
}

.button_kekkonshiki{
margin-left:2px;
height:150px;
padding-top:3px;
padding-left:1px;
margin-bottom:10px;
clear:both;
}

.button_districted{
margin-left:2px;
height:80px;
padding-top:3px;
padding-left:2px;
margin-bottom:10px;
clear:both;
}

.button_gotoyahoo{
width:540px;
height:120px;
padding-top:3px;
margin-left:4px;
margin-bottom:10px;
clear:both;
}