@charset "Shift_JIS";

/*--------main.css-----------*/

*{
  padding:0;
  margin:0;
}

body{
color : #333;
background-color : #fff;
font-size : 0.9em;
*font-size:x-small;
_font-size:x-small;
}

hr{
	display : none;
}

/*----layout-------*/

#wrapper{
        width:830px;
        
 
}

#main_menu{
       margin:0;
	   padding:0;
       width:150px;
	   height:600px;
	   background-color:#FFFFFF;
	   float:left;
	   

}
#mainmenu{
      width:150px;
	  height:600px;
	  float:left;
	  background-color:#FFFFFF;
	  


}


#top_main{
       width:680px;
	   margin-left:0px;
	   float:right;
	   background-color:#ffe500;


}

#topbox{
      width:680px;
	  height:165px;
	  background-color:#ffe500;

}


#centerbox{
        width:680px;
		height:180px;
        background-color:#a9202a;
	
		
}

#bottombox{
       clear:both;
	   width:680px;
	   height:215px;
}



/*--------mainmenu-----------------------------*/

#menu li{
        width:150px;
		height:72px;
        text-indent:-9999px;
}

#menu li a{
            display:block;
			width:150px;
			height:72px; 

        
}

#menus li{
         width:150px;
		 height:44px;
		 text-indent:-9999px;
}

#menus li a{
         display:block;
		 width:150px;
		 height:44px;
}

#btn0{
         background-image:url(img/staff_btn.gif);
		 position:relative;
}

#btn1{
          background-image:url(img/work_btn.gif);
          position:relative;
}

#btn2{
          background-image:url(img/ad_btn.gif);
          position:relative;
}

#btn3{
          background-image:url(img/fuc_btn.gif);
          position:relative;
}

#btn4{
          background-image:url(img/pub_btn.gif);
          position:relative;
}

#btn5{
          background-image:url(img/event_btn.gif);
          position:relative;
}

#btn6{
          background-image:url(img/nobvelty_btn.gif);
          position:relative;
		  
}

#btn7{
          background-image:url(img/model_btn.gif);
          position:relative;
}

#btn8{
          background-image:url(img/original_btn.gif);  
          position:relative;
}

#btn9{
          background-image:url(img/doc_btn.gif);
          position:relative;
}

#btn10{
          background-image:url(img/other_btn.gif);
          position:relative;
}

#btn0 a:hover{
          background-image:url(img/staff_on_btn.gif);
		  position:relative;  
}

#btn1 a:hover{
          background-image:url(img/work_btn_on.gif);
          position:relative;
          position:relative;
          
}

#btn2 a:hover{
          background-image:url(img/ad_btn_on.gif);
          position:relative;
}

#btn3 a:hover{
          background-image:url(img/fuc_btn_on.gif);
          position:relative;
}

#btn4 a:hover{
          background-image:url(img/pub_on_btn.gif);
          position:relative;
}

#btn5 a:hover{
         background-image:url(img/event_on_btn.gif);
         position:relative;
}

#btn6 a:hover{
          background-image:url(img/novelty_btn_on.gif);
          position:relative;
}

#btn7 a:hover{
          background-image:url(img/model_btn_on.gif);
          position:relative;
}

#btn8 a:hover{
          background-image:url(img/original_btn_on.gif);
          position:relative;
}

#btn9 a:hover{
          background-image:url(img/doc_btn_on.gif);
          position:relative;
}

#btn10 a:hover{
          background-image:url(img/other_btn_on.gif);
          position:relative;
}
/*------------contents----------------------*/
/**html body #logo{
   width:170px;
   float:left;
   margin:20px;
}*/

#logo{
   width:170px;
   float:left;
   margin:50px 0 0 30px;
}


#topdoc{
      /* width:350px;*/
	   color:#FFFFFF;
	   float:right; 
	  margin:75px 10px 0 -30px;
	  
	  font-size:12pt;
}

#topdoc .style2 {font-size: 18px;}

#topdoc .style3{letter-spacing:0.5px;}

/*----------------------navi---------------------*/
#navi2{
    padding:0;
	margin:0;
	clear:both;
	width:680px;
	height:20px;
	background-color:#a9202a;
}

#navi2 li{
      float:left;
	  width:125px;
	  height:20px;
	  text-indent:-9999px;
}

#navi2 li a{
       width:125px;
	   height:20px;
	   display:block;
}


#navi2 li#navi01{
background:url(img/submenubtn.gif) 0  0 no-repeat;
}
#navi2 li#navi02{
background:url(img/submenubtn.gif) 0 -20px no-repeat;
}
#navi2 li#navi03{
background:url(img/submenubtn.gif) 0 -40px no-repeat; 
}
#navi2 li#navi04{
background:url(img/submenubtn.gif) 0 -60px no-repeat;
}

#navi2 li#navi05{
background:url(img/submenubtn.gif) 0 -80px no-repeat;
border-right:#999999 solid 2px;
}

#navi2 li#navi01 a:hover{
background:url(img/submenubtn.gif) -125px 0 no-repeat;
}
#navi2 li#navi02 a:hover{
background:url(img/submenubtn.gif) -125px -20px no-repeat;

}
#navi2 li#navi03 a:hover{
background:url(img/submenubtn.gif) -125px -40px no-repeat;
}
#navi2 li#navi04 a:hover{
background:url(img/submenubtn.gif) -125px -60px no-repeat;
}

#navi2 li#navi05 a:hover{
background:url(img/submenubtn.gif) -125px -80px no-repeat;
}

/*-----------------contents‘±‚«---------------------*/
#textbox{
      /*width:200px;*/
      padding:30px 0 0 10px;

}
textarea{
       background-color:#ffffff;
       margin:0;
       padding:0;
       height:42px; 
       font-size:12px;
}

*:first-child+html textarea{
        height:40px;
        font-size :12px;
}
#linkarea{
     width:360px;
     /*height:100px;*/
      letter-spacing:0;
     font-size:14px;
     padding:5px 0 5px 5px;
     margin:10px 0 5px 10px;
     background-color:#ffffff;
     filter:alpha(opacity=75); /*IE*/
    -moz-opacity:0.75; /*FF*/
    opacity:0.75;
    
}
#linkarea p{
 
    font-size:12px;
}
*:first-child+html #linkarea{
     font-size:1.5em;
}

#linkarea h5{
   font-size:10px;
}

#footer{
    width:680px;
	height:20px;
	float:right;

	background-color:#ffe500;
}
#footer p{
    font-size:0.8em;
    text-align:right;
	margin:5px;
}
*:first-child+html #footer p{
     font-size:1.2em;
}
/*-----------other----------------*/

ul{
  list-style:none;

}

img{
  border:none;
}

a{
text-decoration:none;
}