/* CSS Document */

*{
margin:0px;
padding:0px;
}
img{
border:none;
}
html, body{
text-align:center;
background:url(../../common/img/bg_body.jpg) repeat-y center 110px;
color:#666;
}

ol, ul {
    list-style: none outside none;
}


#main_container{
width:980px;
margin:0 auto;
padding:0px;
background:url(http://ogoto-ol.com/common/img/bg_cont.jpg) no-repeat #FFF center top;
}

/*HEADER*/

#header{
height:185px;
width:100%;
margin:0 auto;
background:url(../../common/img/bg_header_side.jpg) repeat-x ;
/*position:relative;*/
}

#header #header_main{
width:980px;
height:185px;
margin:auto;
background:url(../../common/img/bg_header.jpg) no-repeat;
text-align:left;
color:#666;
position:relative;
}


#header #header_main h1{
height:20px;
font-size:10px;
font-weight:normal;
display:block;
position:absolute;
right:0px;
top:5px;
width:190px;
color:#666;
}


#header #header_main h1 a{
color:#99000;
}


#header #header_main #logo{
display:block;
position:absolute;
top:5px;
left:0px;
width:300px;
height:105px;
}
#header #logo img{
width:300px;
height:105px;
}

#header #sub_navi{
width:415px;
position:absolute;
top:90px;
right:10px;
}


#header #sub_navi li{
list-style:none;
float:left;
}
#header #sub_navi li img{
margin:2px;
}
#header #sub_navi ul.opacity a img{ 
    filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=70)"; /* IE8用 */
    opacity: 0.7; /* Opera, Safari用 */
    -khtml-opacity: 0.7;  /* Safari , 他ブラウザ用  */
    -moz-opacity:0.7; /* Firefox , Netscape用 */
	} 

#header #sub_navi ul.opacity a:hover img{ 
    filter:alpha(opacity=100);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=100)"; /* IE8用 */
    opacity: 1 ; /* Opera, Safari用 */
    -khtml-opacity: 1 ;  /* Safari , 他ブラウザ用  */
    -moz-opacity: 1 ; /* Firefox , Netscape用 */
	} 



a{
color:#990000;;
}

a:hover{
color:#990000;
text-decoration:underline;
}
ul,li{
margin:0px;
padding:0px;
}


/*navi*/


#navi_bg{
width:960px;
height:40px;
/display:inline;
position:absolute;
top:135px;
left:8px;
}

div#gnavi {
background-image:url("../../common/img/navi.jpg");
background-repeat:no-repeat;
height:40px;
width:960px;
overflow:hidden;

}
div#gnavi ul {
height:40px;
margin:0;
padding:0;
list-style-type:none;
}
div#gnavi ul li {
float:left;
height:40px;
margin:0;
overflow:hidden;
padding:0;
text-indent:-9999px;
width:96px;
list-style-type:none;
}
div#gnavi ul li#home a, div#gnavi ul li#system a, 
div#gnavi ul li#gals a, div#gnavi ul li#profile a,
div#gnavi ul li#newface a, div#gnavi ul li#event a,
div#gnavi ul li#schedule a, div#gnavi ul li#recruit a, 
div#gnavi ul li#movie a, div#gnavi ul li#ranking a,
div#gnavi ul li#enquete a
/*
div#gnavi ul li#map a, div#gnavi ul li#blog a,div#gnavi ul li#play a,div#gnavi ul li#gravure a, 
*/
{
background-image:url("../../common/img/navi.jpg");
display:block;
height:40px;
text-decoration:none;
list-style-type:none;
border:none;
}


/*normal*/

div#gnavi ul li#home  a {/*1*/
background-position:0 0;
}
div#gnavi ul li#system a {/*2*/
background-position:-96px  0;
}
div#gnavi ul li#gals a {/*3*/
background-position:-192px 0;
}
div#gnavi ul li#newface a {/*4*/
background-position:-288px 0;
}
div#gnavi ul li#schedule a {/*5*/
background-position:-384px 0;
}
div#gnavi ul li#event a {/*6*/
background-position:-480px 0;
}
div#gnavi ul li#movie a {/*11*/
background-position:-576px 0;
}
div#gnavi ul li#ranking a {/*7*/
background-position:-672px 0;
}
div#gnavi ul li#recruit a {/*8*/
background-position:-768px 0;
}
div#gnavi ul li#enquete a {/*9*/
background-position:-864px 0;
}


div#gnavi ul li#blog a {/*10*/
background-position:-774px 0;
}



/*normal hover*/

div#gnavi ul li#home a:hover {/*1*/
background-position:0 -40px;
}
div#gnavi ul li#system a:hover {/*2*/
background-position:-96px  -40px;
}
div#gnavi ul li#gals a:hover {/*3*/
background-position:-192px -40px;
}
div#gnavi ul li#newface a:hover {/*4*/
background-position:-288px -40px;
}

div#gnavi ul li#schedule a:hover {/*5*/
background-position:-384px -40px;
}
div#gnavi ul li#event a:hover {/*6*/
background-position:-480px -40px;
}
div#gnavi ul li#movie a:hover {/*11*/
background-position:-576px -40px;
}
div#gnavi ul li#ranking a:hover {/*7*/
background-position:-672px -40px;
}
div#gnavi ul li#recruit a:hover {/*8*/
background-position:-768px -40px;
}
div#gnavi ul li#enquete a:hover {/*9*/
background-position:-864px -40px;
}



div#gnavi ul li#blog a:hover {/*10*/
background-position:-774px -40px;
}



/*contents hover*/

#home  div#gnavi ul li#home  a {/*1*/
background-position:0 -40px;
}
#system div#gnavi ul li#system a {/*2*/
background-position:-96px  -40px;
}
#gals div#gnavi ul li#gals a {/*3*/
background-position:-192px   -40px;
}
#newface div#gnavi ul li#newface a {/*4*/
background-position:-288px   -40px;
}
#schedule div#gnavi ul li#schedule a {/*5*/
background-position:-384px -40px;
}
#event div#gnavi ul li#event a {/*6*/
background-position:-480px -40px;
}
#movie div#gnavi ul li#movie a {/*11*/
background-position:-576px -40px;
}
#ranking div#gnavi ul li#ranking a {/*7*/
background-position:-672px -40px;
}
#recruit div#gnavi ul li#recruit a {/*8*/
background-position:-768px -40px;
}
#link div#gnavi ul li#enquete a {/*9*/
background-position:-864px -40px;
}


#blog div#gnavi ul li#blog a {/*10*/
background-position:-774px -40px;
}



#wrapper{
width:990px;
clear:both;
padding-bottom:30px;
margin:auto;
position:relative;
/*min-height:650px;
height: auto !important;  
height: 650px; 
background:url(../../common/img/bg_header.jpg) no-repeat;
*/
}


#wrapper h2{/*for title*/
width:960px;
height:56px;
/*text-indent:-10000px;*/
margin:0px auto;
background-repeat:no-repeat;
}




/*MAIN SPACE ------------------------------------------------*/


#main{
width:960px;
margin:0px auto;
text-align:left;
background:url(../../common/img/bg_main.jpg) repeat-y;
border:1px solid #313131;
}

#main .nonebg{
background:none;
}

#bg_image{
background-repeat:no-repeat;
width:944px;
margin:7px 0px 0px 7px;
}

#main .nonebg{
background:none;
}


/*RIGHT SPACE ------------------------------------------------*/

#right_space{
width:320px;
float:left;
}
#right_space div{
margin-bottom:5px;
}




/*FOOTER*/

#footer{
clear:both;
width:100%;
color:#633D2E;
background:url(../../common/img/bg_footer_side.jpg) repeat-x;
position:relative;
}

#footer #footer_main{
clear:both;
width:980px;
height:170px;
color:#633D2E;
background:url(../../common/img/bg_footer.jpg) no-repeat;
margin:0px auto;
padding-top:20px;
}

#footer #footer_main ul{
text-align:left;
}
#footer #footer_main ul li{
display:inline;
font-size:10px;
}

#footer #footer_main address{
font-size:10px;
font-style:normal;
margin-top:10px;
text-align:left;
}
#footer #footer_main address a:link, #footer address a:visited{
color:#333;
}
#footer #footer_main address a:hover{
color:#990000;
text-decoration:underline;
}



#footer #footer_main a:link, #footer a:visited{
text-decoration:none;
color:#000;
}
#footer #footer_main a:hover{
color:#990000;
text-decoration:underline;
}


#footer #footer_main #linkbn{
margin-bottom:10px;
}

























* html .iepngfix {
  _behavior: url(http://ogoto-ol.com/js/iepngfix.htc);
}

.clr{
clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
/* End hide from IE-mac */