@charset "Shift_JIS";

body {
text-align:center;/*IE6.0*/   
margin: 0;
   padding: 0;
   background: white;
   font-family: sans-serif,Arial,Helvetica;
}

.large {
	font-size:15px;
}

.small{
	font-size:12px;
}

.x-small{
	font-size:10px;
}

a:link,a:visited {
	color: #777;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: aqua;
	text-decoration: none;
}
	
#container {
   width: 800px;
   margin: 0 auto;
   padding: 0;
   background: #fff url(../direction-images/container.jpg) repeat-y;
}   


#header {
   position:relative;

   margin:0;
   padding:0;
   width: 800px;
   height:124px;
   text-align:left;		/*bodyのIE6対策をここで修正*/
}
  
#header #logo {
   height: 80px;
   margin:0 0 0 20px;

}
#header #sitemap p{
	position:absolute;
	top: 10px;
	right:40px;
	font-size:12px;
}
#header #sitemap a{
	text-decoration:underline;
	color:#0000FF;
}

#header-navi  li {
	list-style: none;
	margin: 0; 
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	height: 24px;
}
	
#header-navi li a{
	text-decoration: none;
	display:block;
	padding: 0;
	height: 24px;
	background-image: url(../../babow-css/base-css-images/header-navi2.jpg) ;
	background-repeat: no-repeat;
}

#navi-lineup	 { width:110px;}
#navi-home	{ width:104px;}
#navi-feature  { width:120px;}
#navi-rental	 { width:108px;}
#navi-usage     { width:110px;}
#navi-studio     { width:146px;}

#navi-lineup    a  { background-position:		0 	0;}
#navi-home    a	 { background-position:	      -110px 	0;}
#navi-feature a  { background-position:	     -214px 	0;}
#navi-rental    a  { background-position:      -334px     0;}
#navi-usage    a  { background-position:     	-442px 	0;}
#navi-studio    a  { background-position: 	-552px 	 0;}

#navi-lineup   a:hover { background-position:		       0 		50%;}
#navi-home    a:hover { background-position:	      	-110px 		50%;}
#navi-feature a:hover { background-position:	   	-214px 		50%;}
#navi-rental    a:hover { background-position:     	  -334px 	50%;}
#navi-usage    a:hover  { background-position:   	  -442px 	50%;}
#navi-studio    a:hover  { background-position: 	-552px		 50%;}

#navi-lineup.current-page     { background: url(../../babow-css/base-css-images/header-navi2.jpg)      0 100%; }
#navi-home.current-page     { background: url(../../babow-css/base-css-images/header-navi2.jpg)      -110px 100%; }
#navi-feature.current-page     { background: url(../../babow-css/base-css-images/header-navi2.jpg)      -214px 100%; }
#navi-rental.current-page     { background: url(../../babow-css/base-css-images/header-navi2.jpg)      -334px 100%; }
#navi-usage.current-page     { background: url(../../babow-css/base-css-images/header-navi2.jpg)      -442px 100%; }
#navi-studio.current-page     { background: url(../../babow-css/base-css-images/header-navi2.jpg)      -552px 100%; }

/*-------------------------------------------header変更不可-------------------------------------------------------*/

#content{
  clear:left;  
  width: 800px;
   margin-top:0px;
   background:  url(category-images/container.jpg) repeat-y;
}

  



/*---------------------------------------メインコンテンツ 　カテゴリー---------------------------------------------*/
 #main-content {
   float:left;
   width:620px;
   margin-top:20px;
   margin-left:20px;
 }
#main-content h1{
	text-align:left;
	
	font-size:14px;
	color: red;
}
#honbun-1{
	text-align:left;
}


/*-------------------------------------------footer変更不可-------------------------------------------------------*/


#footer {
	clear:left;
	width:800px;
	height:100px;
	text-align:center;
	background: url(../direction-images/footer.jpg) no-repeat;
}

#footer img {
	margin-top:30px;
}