@charset "UTF-8";

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
a { color: #39C; }
a:visited {
	color: #39C;
	text-decoration: none;
}
a:hover {
	color: #FC3;
	text-decoration: underline;
}
a:active { color: #FFF; }

body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #000000;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #FFFFFF;
	font-size:11px;
	line-height:18px;
	background-image: url(images/father/bg.gif);
	background-repeat: repeat-x;
}
#container  {
	width: 990px;
	margin: 0 auto;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-image: url(images/father/mainframe_bg.jpg);
	background-repeat: repeat-y;
}
#frame_top {
	width: 990px;
	height: 86px;
}
#frame_left {
	float: left;
	width: 50px;
	background-image: url(images/father/mainframe_bg.jpg);
	background-position: left;
	display: inline;
	background-repeat: repeat-x;
}
#frame_right {
	float: right;
	width: 50px;
	background-image: url(images/father/mainframe_bg.jpg);
	background-position: left;
	display: inline;
	background-repeat: repeat-y;
}
#frame_bottom {
	clear: both;
	width: 990px;
	height: 90px;
}
#mainContent_top {
	background-image: url(../images/father/bg_head.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 890px;
	display: inline;
}
#head { width: 890px; }
#head_img {
	width: 370px;
	height: 264px;
	float: left;
	display: inline;
}
#head .lef {
	width: 520px;
	font-size: 14px;
	line-height: 20px;
}
#moon {
	background-image: url(../images/father/bg_moon.gif);
	background-repeat: no-repeat;
	height: 165px;
	width: 890px;
	clear: both;
}
#sp {
	background-image: url(../images/father/bg_sp.gif);
	height: 401px;
	width: 890px;
}
#item {
	background-image: url(../images/father/bg_item.gif);
	height: 410px;
	width: 890px;
	background-repeat: no-repeat;
}
#attension {
	width: 890px;
	font-size: 10px;
	line-height: 16px;
}
#banner {
	width: 890px;
	text-align: center;
	height: 100px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#foot {
	width: 890px;
	text-align: center;
	padding-top: 10px;
	line-height: 20px;
}
.lef {
	float: left;
	display: inline;
}
.t40 { padding-top: 40px; }
.t30 { padding-top: 30px; }
.t5 { padding-top: 12px; }
.l30 { padding-left: 30px; }
.cart_btn { margin-top: 10px; }
.att {
	font-size: 10px;
	line-height: 14px;
}
.clear { clear: both; }
.price {
	font-size: 14px;
	font-weight: bold;
}
.cart {
	text-align: center;
	width: 210px;
	float: left;
	display: block;
}
#hazzy {
	width: 240px;
	float: left;
	display: block;
	text-align: center;
}
#sp .txt {
	display: inline;
	float: left;
	width: 410px;
	padding-left: 30px;
}
#sp .cart {
	text-align: center;
	float: left;
	width: 210px;
	padding-top: 35px;
}
#sp .cart .price {
	font-size: 18px;
	font-weight: bold;
}
#item .txt {
	line-height: 14px;
	margin-right: 6px;
	margin-left: 6px;
}
.b5 { padding-bottom: 5px; }
.r16box {
	float: left;
	height: 312px;
	width: 210px;
	margin-right: 16px;
	display: block;
}
.r17box {
	float: left;
	height: 312px;
	width: 210px;
	margin-right: 17px;
	display: block;
}
.r16_endbox {
	height: 312px;
	width: 209px;
	display: block;
	float: left;
}
.itm_l16 { padding-left: 16px; }
.itm_l17 { padding-left: 17px; }
#mainContent {
	background-image: url(../images/father/mainframe_bg.jpg);
	background-repeat: repeat-y;
	float: none;
	width: 940px;
	clear: both;
	padding-left: 50px;
}


div.list-box{
	width:220px;
	height:180px;
        float:left;
}

div.list-box p.img{
	width:180px;
float:left;
}

div.list-box div.txt{
	width:200px;
	float:left;	
}

div.product-list-box{
	width:890px;	
}

/*----------------------------------------
 __clear_Style
----------------------------------------*/

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

.hide {
	margin: 0;
	padding: 0;
	display: none;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	}

.clearfix {
	display: inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */