@charset "Shift_JIS";

body {
text-align:center;/*IE6.0*/   
margin: 0px;
   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(../../babow-css/base-css-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{
 text-align:left;
  clear:left;  
  width: 800px;
	margin-top:20px;
   background:  url(base-css-images/container2.jpg) repeat-y;
}
/*-------- メインコンテンツ-------*/
 #main-content {
	width:700px;

}

#midashi{
	text-align:left;
	width:700px;
	padding:0;
}

#midashi h1{
	font-size:16px;
	border-bottom:3px solid silver;
	color:gray;
	margin-left:60px;
}

.main-box{
	width:700px;
}

.main-boxin{
	margin:0 0 0 60px;
}

.big-box{
	float:left;
	text-align:left;
	width:200px;
	margin:0;
	padding:0;
}

.big-boxin{
	margin:0;
	padding:10px;
}

.big-box h2{
	font-size:16px;
	margin:0;
	padding:0;
	border-bottom:1px solid silver;
}

.big-box ul{
	list-style:none;
	margin:0;
	padding:0;
}
 
.big-box li{
   font-size:12px;
   margin: 8px 0 8px 0;
   padding:0;
   width: 100px;
}


.small-box{
	text-align:left;
	width:200px;
}

.small-boxin{
	margin:0;
	padding:10px;
}

.small-box h2{
	font-size:16px;
	margin:0;
	padding:0;
	border-bottom:1px solid silver;

}

.small-box ul{
	list-style:none;
	margin:0;
	padding:0;
}
 
.small-box li{
   font-size:12px;
   margin: 8px 0 8px 0;
   padding:0;
   width: 100px;
}

/*縦2段組*/
.double-box{
	float:left;
}




/*フッター*/
#footer {
	clear:left;
	width:800px;
	height:100px;
	text-align:center;
	background: url(../../babow-css/base-css-images/footer.jpg) no-repeat;
}

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