@charset "utf-8";
/* CSS Document */

/**************************************************

*	SBF求人 2009/6/7

**************************************************/

/* Common
------------------------------*/
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff url(../img/bg2.jpg) repeat-x;
}
#clear{
	clear:both;
}



/* Link
------------------------------*/
a:link {
	color: #335c85;
	text-decoration: none;
}

a:visited {
	color: #c00;
	text-decoration: none;
}

a:hover {
	color: #c00;
	text-decoration: none;
}

/* header
------------------------------*/
#title{
	width:100%;
	height:20px;
	background-color:#ff9999;
}
#title h1{
	text-align:left;
	padding-left:0px;
	margin: 0px auto;
	width:800px;
	height:20px;
	background-color:#ff9999;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}

#line1{
	background-image:url(../img/obi1.jpg);
	height:10px;
	width:100%
}
#line2{
	background-image:url(../img/obi2.jpg);
	height:10px;
	width:100%
}
/* Layout
------------------------------*/
#wrapper {
	width: 810px;
	margin: 0px auto;
}

#top{
	margin: 0px auto;
	background-image:url(../img/image.jpg);
	background-repeat:no-repeat;
	width:802px;
	height:230px;
}
#contents {
	width: 800px;
	height:100%;
	border:1px 0px solid #ff9900;
	margin-bottom:50px;
}

/* Groval navi
------------------------------*/
#menu{
	width: 100%;
	margin: 0px auto;
	height:70px;
	background-image:url(../img/btn/menu_bg.jpg);
}

#menu ul{
	margin: 0px auto;
	height:70px;
	width:802px;
	}
#menu li{
	float:left;
}
.nodisplay{
	display:none;
	}
#menu ul li.top a {
	display: block;
	width: 160px; 
    height: 35px;
	background-image:url(../img/btn/top.jpg)
	}
#menu ul li.top a:hover{
	background-position: bottom;
	}
	
#menu ul li.treatment a {
	display: block;
	width: 160px; 
    height: 35px;
	background-image:url(../img/btn/treatment.jpg)
	}
#menu ul li.treatment a:hover{
	background-position: bottom;
	}
	
#menu ul li.safety a {
	display: block;
	width: 160px; 
    height: 35px;
	background-image:url(../img/btn/safety.jpg)
	}
#menu ul li.safety a:hover{
	background-position: bottom;
	}
	
#menu ul li.money a {
	display: block;
	width: 160px; 
    height: 35px;
	background-image:url(../img/btn/money.jpg)
	}
#menu ul li.money a:hover{
	background-position: bottom;
	}
	
#menu ul li.qa a {
	display: block;
	width: 161px; 
    height: 35px;
	background-image:url(../img/btn/qa.jpg)
	}
#menu ul li.qa a:hover{
	background-position: bottom;
	}

#menu ul li.inex a {
	display: block;
	width: 200px; 
    height: 35px;
	background-image:url(../img/btn/inex.jpg)
	}
#menu ul li.inex a:hover{
	background-position: bottom;
	}

#menu ul li.sub a {
	display: block;
	width: 200px; 
    height: 35px;
	background-image:url(../img/btn/sub.jpg)
	}
#menu ul li.sub a:hover{
	background-position: bottom;
	}
	
#menu ul li.dor a {
	display: block;
	width: 200px; 
    height: 35px;
	background-image:url(../img/btn/dor.jpg)
	}
#menu ul li.dor a:hover{
	background-position: bottom;
	}
	
#menu ul li.app a {
	display: block;
	width: 201px; 
    height: 35px;
	background-image:url(../img/btn/app.jpg)
	}
#menu ul li.app a:hover{
	background-position: bottom;
	}
	
	
	
	
	
/* Shop List
------------------------------*/
#shoplist h2.osusume{
	background-image:url(../img/obi/recommend.jpg);
	width:100%;
	height:50px;
	margin:5px 0px 5px 10px;
	background-repeat:no-repeat;
}
#shoplist p.cos{
	background-image:url(../img/obi/cos.jpg);
	width:100%;
	height:30px;
	margin:5px 0px 5px 10px;
	background-repeat:no-repeat;
}
#shoplist p.onerank{
	background-image:url(../img/obi/onerank.jpg);
	width:100%;
	height:30px;
	margin:5px 0px 5px 10px;
	background-repeat:no-repeat;
}
#shoplist p.cereb{
	background-image:url(../img/obi/cereb.jpg);
	width:100%;
	height:30px;
	margin:5px 0px 5px 10px;
	background-repeat:no-repeat;
}
#shoplist p.casual{
	background-image:url(../img/obi/casual.jpg);
	width:100%;
	height:30px;
	margin:5px 0px 5px 10px;
	background-repeat:no-repeat;
}
#shoplist{
	width:810px;
	height:100%;
}
#shoplist ul{
	height:200px;
}
#shoplist ul li{
	float:left;
	margin:0px 8px 8px 5px;
}
#shoplist ul li.blank{
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/blank.jpg)
	}
#shoplist ul li.pero a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/pero.jpg)
	}
#shoplist ul li.pero a:hover{
	background-position: bottom;
	}
#shoplist ul li.pero2 a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/pero2.jpg)
	}
#shoplist ul li.pero2 a:hover{
	background-position: bottom;
	}
#shoplist ul li.renai a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/renai.jpg)
	}
#shoplist ul li.renai a:hover{
	background-position: bottom;
	}
#shoplist ul li.bh a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/bh.jpg)
	}
#shoplist ul li.bh a:hover{
	background-position: bottom;
	}
#shoplist ul li.bh2 a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/bh2.jpg)
	}
#shoplist ul li.bh2 a:hover{
	background-position: bottom;
	}
#shoplist ul li.sq a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/sq.jpg)
	}
#shoplist ul li.sq a:hover{
	background-position: bottom;
	}
#shoplist ul li.furin a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/furin.jpg)
	}
#shoplist ul li.furin a:hover{
	background-position: bottom;
	}
#shoplist ul li.kindan a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/kindan.jpg)
	}
#shoplist ul li.kindan a:hover{
	background-position: bottom;
	}
#shoplist ul li.utada a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/utada.jpg)
	}
#shoplist ul li.utada a:hover{
	background-position: bottom;
	}
#shoplist ul li.utada2 a {
	display: block;
	width: 250px; 
    height: 200px;
	background-image:url(../img/banar/utada2.jpg)
	}
#shoplist ul li.utada2 a:hover{
	background-position: bottom;
	}
	

	
/* 必見！インフォメーション
------------------------------*/
#hikken{
	width:810px;
	height:100%;
}
	
#hikken h3{
	background-image:url(../img/obi/hikken.jpg);
	width:100%;
	height:30px;
	margin:5px 0px 5px 10px;
	background-repeat:no-repeat;
}
#hikken ul{
	height:100px;
}
#hikken ul li{
	float:left;
	margin:0px 8px 8px 5px;
}
#hikken ul li.shame a {
	display: block;
	width: 250px; 
    height: 100px;
	background-image:url(../img/banar/shame.jpg);
	}
#hikken ul li.shame a:hover{
	background-position: bottom;
	}
#hikken ul li.mibun a {
	display: block;
	width: 250px; 
    height: 100px;
	background-image:url(../img/banar/mibun.jpg);
	}
#hikken ul li.mibun a:hover{
	background-position: bottom;
	}
#hikken ul li.mobile a {
	display: block;
	width: 250px; 
    height: 100px;
	background-image:url(../img/banar/mobile.jpg);
	}
/*
#hikken ul li.friend a {
	display: block;
	width: 250px; 
    height: 100px;
	background-image:url(../img/banar/friend.jpg);
	}
#hikken ul li.friend a:hover{
	background-position: bottom;
	}

#hikken ul li.money a {
	display: block;
	width: 250px; 
    height: 100px;
	background-image:url(../img/banar/money.jpg);
	}
#hikken ul li.money a:hover{
	background-position: bottom;
	}
------------------------------*/


	
	
	
/* Footer
------------------------------*/
#footer{
	margin:0px auto;
	width:800px;
	clear:both;
}
h4.sm{
	height:15px;
	width:800px;
	background-image:url(../img/footer_sm.jpg);
}
h4.sbf{
	height:15px;
	width:800px;
	background-image:url(../img/footer_sbf.jpg);
}

#footer #sitemenu{
	height:60px;
	width:800px;
}
#footer ul{
margin-bottom:10px;
	font-size:12px;
	clear:both;
}
#footer ul.s1{
	margin:0 auto;
	width:440px;
}
#footer ul.s2{
	margin:0 auto;
	width:430px;
}
#footer ul.s3{
	margin:0 auto;
	width:380px;
}
#footer ul.s4{
	margin:0 auto;
	width:480px;
}
#footer ul.s5{
	margin:0 auto;
	width:230px;
}
#footer  ul li{
	float:left;
}
#footer #sbfgroup{
	height:60px;
}

#add{
	background-image:url(../img/add_bg.jpg);
	height:20px;
	width:100%;
}
address{
	color:#ffffff;
	font-size:13px;
	margin:0 auto;
	width:180px;
}