/* CSS Document */

#contents{
	width: 800px;
	height: auto;
	background:url(/nol/houou/images/product_info/bg_main.jpg) repeat-y;
}

strong{font-weight: bold;}


#header{
	width: 800px;
	height: 470px;
	background: url(/nol/10th/img/product_info/header.jpg) top center no-repeat;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	padding: 0;
}

#header strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

#lead{
	width: 800px;
	height: 380px;
	margin: 0 auto;
	text-align: center;
	background: url(/nol/10th/img/product_info/lead.jpg) top center no-repeat;
}

.product_box{
	width: 740px;
	height: auto;
	padding: 5px;
	border: solid 2px #757373;
	background: #fff;
	display: block;
	margin: 0 auto;
	text-align: center;
}

h1{
	width: 740px;
	text-align: left;
	padding-top: 20px;
}

h2{
	width: 740px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}


.long{
	width: 740px;
	text-align: left;
	padding-top: 10px;
	margin: 0 auto;
	text-align: center;
}

.short{
	width: 354px;
	text-align: left;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}

.product_half_box{
	width: 720px;
	margin: 0 auto;
	text-align: center;
}

.product_half_box .left_box{
	width: 354px;
	margin: 0 auto;
	text-align: center;
	float: left;
}

.product_half_box .right_box{
	width: 354px;
	margin: 0 auto;
	text-align: center;
	float: right;
}

.text_box{
	width: 330px;
	text-align: left;
	padding: 10px 5px 5px 5px;
	line-height: 1.2;
	min-height: 38px;
	margin: 0 auto;
}

.text_box_long{
	width: 690px;
	text-align: left;
	padding: 5px 5px 5px 0px;
	line-height: 1.2;
	margin: 0 auto;
}


.nomal_bg{
	height: auto;
	background: url(/nol/10th/img/product_info/cont_center.jpg) top left repeat-y;
}

.nomal_bg_long{
	width: 721px;
	margin: 0 auto;
	text-align: center;
	background: url(/nol/10th/img/product_info/cont_center_long.jpg) top left repeat-y;
}


.nomal_bg_all{
	height: auto;
	background: url(/nol/10th/img/product_info/cont_center.jpg) top center;
}

.neko_bg{
	height: 221px;
	padding-top: 60px;
	background: url(/nol/10th/img/product_info/cont_neko_bg.jpg) top center no-repeat;
}
.megane_bg{
	height: 176px;
	background: url(/nol/10th/img/product_info/cont_megane_bg.jpg) top left no-repeat;
}

table.list{
	margin-top: 5px;
}

table.list th{
	width: 96px;
	padding: 5px;
	border: solid 1px #6a6a6a;
}

table.list td{
	padding: 5px;
	border: solid 1px #6a6a6a;
}

.at{
	text-align: left;
}

.td_text_box{
	width: 400px;
	vertical-align: top;
	padding-right: 5px;
}

table.info_box{
	width: 720px;
	margin: 10px auto 0 auto;
	text-align: center;
}
table.info_box th{padding:5px; border: solid 1px #000; width: 10%; text-align: center;}
table.info_box td{padding:5px; border: solid 1px #000; text-align: left; width: 45%;}

.win_bg{ background:#fed2d1;}
.ps3_bg{ background:#a8cbf2;}


/* btn_shop
-------------------------------------------------------------------------------------- */

#btn_shop{
	width: 770px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}

#btn_shop a{
	background: url(/nol/10th/img/product_info/shop.png);
	width: 770px;
	height: 50px;
	display: block;
}

#btn_shop a:hover{
	background: url(/nol/10th/img/product_info/shop.png) 0px -50px;
}

#btn_shop strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* btn_info
-------------------------------------------------------------------------------------- */

.btn_info{
	width: 59px;
	float: left;
	/* border: solid 1px #000; */
	padding: 41px 0 0 0;
	margin-left: 2px;
}

.btn_info a{
	background: url(/nol/10th/img/product_info/btn_info.jpg);
	width: 59px;
	height: 59px;
	display: block;
}

.btn_info a:hover{
	background: url(/nol/10th/img/product_info/btn_info.jpg) 0px -59px;
}

.btn_info strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* garally2
-------------------------------------------------------------------------------------- */

#garally_ss02 { width:721px; height: auto; background:url(/nol/10th/img/product_info/ss01bg.jpg) repeat-x; margin: 0 auto;}
#garally_ss02 .g_cont2{ margin:0px;}
#garally_ss02 .controls{ width:650px; margin:0 auto; margin-top: 10px; background: #f0f0f0; padding: 0 3px 5px 3px;}
#garally_ss02 .controls div{float: left;}
#garally_ss02 .controls a{ width:72px; height: 46px; display: block;}
#garally_ss02 .controls strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

#ss02a a{ background:url(/nol/10th/img/product_info/btn_ss01a.gif) no-repeat;}
#ss02b a{ background:url(/nol/10th/img/product_info/btn_ss01b.gif) no-repeat;}
#ss02c a{ background:url(/nol/10th/img/product_info/btn_ss01c.gif) no-repeat;}
#ss02d a{ background:url(/nol/10th/img/product_info/btn_ss01d.gif) no-repeat;}
#ss02e a{ background:url(/nol/10th/img/product_info/btn_ss01e.gif) no-repeat;}
#ss02f a{ background:url(/nol/10th/img/product_info/btn_ss01f.gif) no-repeat;}
#ss02g a{ background:url(/nol/10th/img/product_info/btn_ss01g.gif) no-repeat;}
#ss02h a{ background:url(/nol/10th/img/product_info/btn_ss01h.gif) no-repeat;}
#ss02i a{ background:url(/nol/10th/img/product_info/btn_ss01i.gif) no-repeat;}
#garally_ss02 .controls a:hover{ background-position : 0 -46px;}


#garally_ss02 div.scroller { width:708px; height: 399px; overflow: hidden; padding-top: 6px; padding-left:1px; margin: 0 auto;}
#garally_ss02 div.scroller div.section { width:708px; height: 399px; overflow:hidden; float:left;margin: 0 auto; }
#garally_ss02 div.scroller div.content { width: 10000px;}




.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}