/****************************************
		1.Layout 
*****************************************/
#contents{
border: 1px black solid;
min-height:1060px;
background-color:#000000;
}
.background1{
width:700px;height:363px;
background:url("../images/background1.gif");
background-repeat:no-repeat;
background-position:top;
}

.background2{
width:700px;height:203px;
background:url("../images/background2.gif");
background-repeat:no-repeat;
}

.background3{width:700px;height:203px;
background-image:url("../images/background3.gif");
background-repeat:no-repeat;
margin-top:70px;}
/****************************************
		2.Layout-box
*****************************************/
.box1{
width:400px;
float:left;
}

.box2{
width:320px;
float:left;
padding-left:30px;
overflow:auto;
}

.img_box{
width:200px;
margin:0 auto;
}

.in_box{width:384px;margin:0 auto;padding-top:55px;}
.in_box2{width:384px;margin:0 auto;padding-top:122px;}
.in_box3{width:384px;margin:0 auto;padding-top:45px;}
.in_box4{width:384px;margin:0 auto;padding-top:45px;}


.box1 ul.nav{
position:absolute;
padding-top:10px;
height: 38px;
}

.box1 ul.nav li{
float: left;
position: relative;
padding-right:2px;
text-decoration:none;
display: block;
}

.box1 ul.nav1{
position:absolute;
padding-top:10px;
height: 38px;
}

ul.nav1 li{
float: left;
position: relative;
padding-right:79px;
text-decoration:none;
display: block;
}
.box1 ul.nav2{
position:absolute;
padding-top:10px;
height: 38px;
}

ul.nav2 li{
float: left;
position: relative;
padding-right:2px;
text-decoration:none;
display: block;
}


.box1 ul.nav4{
position:absolute;
padding-top:10px;
height: 38px;
}

ul.nav4 li{
float: left;
position: relative;
padding-right:76px;
text-decoration:none;
display: block;
}

#contents li a{text-decoration:none;color:black;}
#contents li a:hover img{
filter: alpha(opacity=70);　/IE対応
-moz-opacity:0.7;
opacity:0.7;
-ms-filter: "alpha(opacity=50)"; /IE8対応
zoom: 1; /* IE（インラインで使うとき）*/
}

.clear{clear: both;}
/****************************************
		3.FONT
*****************************************/
.title{
font-family:arial black;
font-size:20px;
color:white;
padding:3px;
font-weight:bold;
}

.midashi{
font-size:16px;
color:white;
font-family:arial black;
font-weight:900;
padding:5px;

}

.midashi2{
font-size:9px;
border-bottom:1px dashed white;
color:white;
}

.midashi_pre{
border-bottom:1px white dashed;
font-weight:bold;
font-family:arial black;
font-size:16px;
color:white;
margin-top:7px;
}

.box1 p{
font-size:13px;
color:white;
padding:3px;
}

.box2 p{
font-size:11px;
color:white;
padding:3px;
}

.box2 a{ color:#4682b4; text-decoration:none;}
.box2 a:hover{ color: #8bc;}


.box1 a{text-decoration:none;color:black;}
.box1 a:hover
{
opacity:0.7;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

ruby {
ruby-align:left;
ruby-position: above;
}


/* メンバーログイン */
div#sidebar div#member h4 { background:url(/themes/custom/najilabo/sidebar/member_title.gif) no-repeat 0 0;}
div#sidebar div#member div.frame p#regist a { background:url(/themes/custom/najilabo/sidebar/btn_register.gif) no-repeat 0 0; }
div#sidebar div#member div.frame p#regist a:hover { background:url(/themes/custom/najilabo/sidebar/btn_register.gif) no-repeat 1px 1px; }

