@charset "utf-8";

/*************汎用指定************************************/
/*フォントサイズ*/
.f10{
	font-size: 10px;
}
.f12{
	font-size: 12px;
}
.f14{
	font-size: 14px;
}
.f16{
	font-size: 16px;
}
/*フォントウェイト*/
.fn{
	font-weight: normal;
}
.fb{
	font-weight: bold;
}
/*Ａタグ色指定*/
.wa a{
	color: #FFF;
}
.ba a{
	color: #000;
}
/*中央揃え*/
.tac{
	text-align: center;
}
/*行送り*/
.lh15{
	line-height: 1.5em;
}
.lh17{
	line-height: 1.7em;
}
.lh20{
	line-height: 2.0em;
}
/*ボトムマージン*/
.b10{
	margin-bottom: 10px;
}
.b20{
	margin-bottom: 20px;
}
.b30{
	margin-bottom: 30px;
}
.b40{
	margin-bottom: 40px;
}
/*トップマージン*/
.t10{
	margin-top: 10px;
}
/*ボーダースタイル*/
.boder-a01 {
	border: 1px solid #CCC;
	padding: 2px;
}


.style1 {font-size: 16px}
.style2 {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}
.style3 {
	font-size: 10px;
	
}
.style4 {
	font-size: 12px;
	font-weight: bold;
}


/*********臨時宣伝枠（ヘーダーとメインの間）******************************/
#commercial {
	width: 950px;
	margin: 0px 0;
	padding: 0;
	
	}


/* +++++++++++++++++++++++++++++ スクロー部 ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* -----------------上段（新築）---------------------------- */
#new-pro {
	width: 520px;
	height: 460px;
	margin: 0 5px 0px 5px;
	padding: 0;
	background-image: url(../img2/center-bg-1.png);
	background-repeat: no-repeat;
	}
	
/* ----------------- 中段 --------------------------------- */	
.promotion {
	width: 520px;
	height: 460px;
	margin: 0 5px 0px 5px;
	padding: 0;
	background-image: url(../img2/center-bg-1.png);
	background-repeat: no-repeat;
	}
	
/* ---------------  下段 ----------------------------------- */	
.promotion2 {
	width: 520px;
	height: 396px;
	margin: 10px 5px 0px 5px;
	padding: 0;
	background-image: url(../img2/center-bg-2.png);
	background-repeat: no-repeat;
	}	
/* ----------  共通ｈ３指定 ------------------------------- */	
#new-pro h3, .promotion h3, .promotion2 h3 {
	width: 520px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0px 0;
	}	
	
/* ----------- コンテンツ枠 ------------------------------- */	
#new-pro .conts, .promotion .conts {
	width: 507px;
	height: 396px;
	margin: 10px 7px 0px 6px;
	padding: 10px 0px 0px 0px;
	color: #003399;
	border-style: solid;
	border-width: 0px;
	border-color: #0b2d8e;
	
	}
.promotion2 .conts2 {
	width: 507px;
	margin: 10px 7px 5px 6px;
	padding: 15px 0px 10px 0px;
	color: #003399;
	border-style: solid;
	border-width: 0px;
	border-color: #0b2d8e;
	}	
/* --------------- スクロー部内デザイン（.conts、.conts2内） ------------- */
.scro1 {
	width: 479px;
	margin: 0 0px 21px 13px;
	padding: 0 0 0 0px;
	text-align: left;
	border-bottom: solid 1px #0b2d8e;
	}
	
.scro2 {
	width: 479px;
	height: 31px;
	margin: 0 0px 3px 13px;
	padding: 6px 0 0 0px;
	color: #33ff00;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-image: url(../img2/search/bg2.gif);
	background-repeat: no-repeat;
	word-break: normal;
	word-wrap: normal;
	}
.scro2 p {
    margin: -1.5em 0 0 0;
	padding: 0 0 0 0;
}		

.salescomments {
	width: 479px;
	overflow: hidden;
	word-break: normal;
	word-wrap: normal;
	}

	

.scro3-0 {
    position: relative;
	width: 484px;
	height: 250px;
	margin: 0 0px 0px 10px;
	padding: 0;
	clear: both;	
	overflow: hidden;
    }

.scro3 {
    position: absolute;
	left: 0px;
	width: 116px;
	height: 250px;
	margin: 0 5px 0px 0px;
	padding: 0;
	//float: left;
	background-image: url(../img2/search/bg.gif);
	background-repeat: no-repeat;
    }
.scro3 .line {
	width: 106px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	height: 2em;
	color: #666666;
	}
.scro3 .sta {
	width: 106px;
	margin: 5px 0px 0px 5px;
	padding: 0.5em 0 0.5em 0;
	border-bottom: solid 1px #cccccc;
	font-size: 16px;
	font-weight: bold;
	height: 2em;
	vertical-align: baseline;
	}			
.scro3 .pic {
	width: 100px;
	margin: 5px 0px 0px 5px;
	padding: 2px;
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	}
.scro3 .walk {
	width: 106px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	text-align: right;
	color: #666666;
	}	
.scro3 .size {
	width: 106px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	text-align: right;
	}
.scro3 .price {
	width: 106px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
    }
.scro3 .salescomments {
	display: none;
    }
.scro-switch-l {
	width: 100px;
	height: 15px;
	margin: 8px 0px 0px 13px;
	padding: 0 0px 0 0px;
	background-repeat: no-repeat;
	float: left;
	clear: both;
	}	
.scro-switch-r {
	width: 100px;
	height: 15px;
	margin: 8px 15px 0px 0px;
	padding: 0;
	float: right;
	}
.scro4 {
	margin: 0;
	padding: 0;
	clear: both;	
	}	
	


/* +++++++++++++++ カタログ部内デザイン（.conts、.conts2内） +++++++++++++++ */
.koma1 {
	width: 479px;
	margin: 0 0px 5px 13px;
	padding: 0 0 0 0px;
	text-align: left;
	border-bottom: solid 1px #0b2d8e;
	}
	
	

.koma3-0 {
	width: 484px;
	height: 140px;
	margin: 0 0px 15px 13px;
	padding: 0;
	clear: both;	
	}
.koma3 {
	width: 116px;
	height: 145px;
	margin: 0 5px 0px 0px;
	padding: 0;
	float: left;
	background-image: url(../img2/catalog-bg.png);
	}
.koma3 a {
	text-decoration: none;
	text-transform: capitalize;
}
.koma3 a:hover {
	color: #FF3300;
	text-decoration: none;
    }
.koma3 a:visited {
	text-decoration: none; }


.koma3 h5 {
	width: 106px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	height: 1.5em;
	color: #666666;
	border-bottom: solid 1px #cccccc;
	text-decoration: none;
	
	}	
	
.koma3 .pic {
	width: 100px;
	margin: 5px 0px 0px 5px;
	padding: 2px;
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	display: block;	
	}

.koma3 p {
	width: 106px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	color: #666666;
	text-decoration: none;	
	}		

.koma4 {
	margin: 0;
	padding: 0;
	clear: both;	
	}	
	




#gototop {
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	font-size: 0.75em;
	text-align: right;
	border: 0;
	clear: both;	
	}
	
/**********************************************************************/


#surprise {
	width: 520px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.75em;
	text-align: right;
	border: 0;
	clear: both;	
	}