@charset "utf-8";

/*--- reset */
html {
	overflow-y: scroll;
	height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img {
	border: 0;
	vertical-align: bottom;
}
li {
	list-style-type: none;
}
p{
   line-height:1.5em;
}
/** IE6・7適用 **/
body {
	*font-size: 80%;
	*text-align: center;
}
/*****clear*****/
.clear {
	clear: both;	
}
/*****clearfix/IE6・7ではafter要素はきかない*****/
.clearfix:after {
   display: block;
   clear: both;
   height: 0;
   line-height: 0;
   content: ".";
   visibility: hidden;
}
/*****clearfix/IE6・7適用*****/
.clearfix { 
	zoom: 1;
}
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
#body {
	background-color:#ffffff;
	color:#515151;
	font-family:小塚ゴシック Pr6N ,小塚ゴシックPro, Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
#content {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-y;
	font-size:13px;
    line-height:2em;
	padding-bottom:20px;
}


a:link {
	color: #4e4e4e;
	text-decoration: none;
}

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

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

a:active {
	text-decoration: none;
	color: #ff3333;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header{
	background-color:#dddddd;
	height:50px;
}
h1{
	width: 847px;
	margin:auto;
}
h1 img{
	margin-top:15px;
}
#apo_bt{
	margin-top:15px;
	float:right;

}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer{
	background-color:#dddddd;
	height:auto;
	text-align:center;
		font-size:13px;
		      line-height:2em;
	padding-bottom:20px;
}
#footer_logo{
	margin:20px auto;
}
#f_apo{
	margin:10px auto;
}
/* -----------------------------------------------------------
	中／上　共通
----------------------------------------------------------- */
#ue_img{
	margin:auto;
	padding-top:15px;
	padding-bottom:10px;
	display:block;
}
#navi   {  
    width: 900px;
	list-style: none;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	margin:auto; 
}  
#navi li{  
    float: left;
}  
#navi li a {  
    display: block;  
    width: 158px;
	height:30px;   
}
#navi01 {
 	background-image:url(../img/bt_left.jpg);
	width:55px;
	height:30px;
}
#navi02 a{
 	background-image:url(../img/top_bt.jpg);
}
#navi03 a{
 	background-image:url(../img/qa_bt.jpg);
}
#navi04 a{
 	background-image:url(../img/voice_bt.jpg);
}
#navi05 a{
 	background-image:url(../img/coupon_bt.jpg);
}
#navi06 a{
 	background-image:url(../img/mens_bt.jpg);
}
#navi07 {
 	background-image:url(../img/bt_right.jpg);
	width:55px;
	height:30px;
}
#navi li a:hover  {  
	background-position: 0 -30px;  
}       
#saratuya{
	width: 850px;
	height:293px;
	margin:auto;
}
#saratuya img{
	width: 260px;
	height:132px;
	float:left;
}
#ad{
	width: 850px;
	height:293px;
	margin:28px auto auto auto;
	padding-bottom:28px;
	display:block;
	clear:both;
}
#ad img,#sns{
	width: 409px;
	height:132px;
	float:left;
}
#sns img{
	width: 80px;
	height:17px;
}
#mens,#sp {
	margin-left:32px;
}
#koutei,#qa{
	margin:auto 35px;
}

#why,#koutei,#best5,
#coupon,#mens{
	margin-bottom:28px;
}
#forte_step{
margin-bottom:40px;
}