@charset "Shift_JIS";

@import "onlineshop.css";	/* 全タイトル共通 */
/*
-----------------------------------------------
Cascading Style Sheets for [GungHo Games]
2009/08/22
----------------------------------------------- */
img, a{
	margin: 0;
	padding: 0;
}

.fright{float:right;}
.fleft{float:left;}
.fclear{clear:both;}

#lineupHead {
	width: 712px;
}

#lineupHead .mainMenu{
	position: relative;
	height: 55px;
	background: url(../onlineshop/images/common/game_menu_bg.jpg);
}

#lineupHead .mainMenu .menuTitle{
	position: absolute;
	left: 0;
	width: 437px;
}

#lineupHead .mainMenu .menuCheck{
	position: absolute;
	right: 0;
	width: 245px;
}

#lineupHead .mainManu img,
#lineupHead .mainManu a{

}

#lineupMenu{

}

#lineupMenu div.menuBox{
	float: left;
	margin-right: 4px;
}

#lineupMenu div.box2size{
	width: 138x;
}

.recommendBox{
	background: url(../onlineshop/images/eco/menu_recomme_btm.gif) no-repeat bottom right;
}

#lineupBox .itemBox {
	width: 710px;
}

#lineupBox .itemBox .itemStatus{
	padding: 8px;
	background: url(../onlineshop/images/eco/eco_item_bg.gif) repeat-y;
}

#lineupBox .itemBox .itemStatus .itemName{
	margin: 4px;
}

#lineupBox .itemBox .itemStatus img.itemImage{
	float: left;
	margin: 4px;
}

#lineupBox .itemBox .itemStatus div.status {
	float: right;
	width: 440px;
	padding-bottom: 10px;
	background: url(../onlineshop/images/eco/eco_item_status_bg.gif) bottom repeat-y;
}

#lineupBox .itemBox .itemStatus div.status span.point{
	color:#f5ded6;
}

#lineupBox .itemBox .itemStatus div.status table{
	border-spacing: 0;
	border-collapse: collapse;
}

#lineupBox .itemBox .itemStatus div.status table p{
	padding: 2px 6px;
}

#lineupBox .itemBox .itemStatus p.comment {
	clear: both;
}

#lineupBox .itemBox .buybtnBox{
	position: relative;
	clear: both;
	height: 41px;
	background: url(../onlineshop/images/eco/eco_item_footer.gif) bottom no-repeat;
}

#lineupBox .itemBox .buybtnBox .buyBtn{
	right:5px;
	bottom: 0;
}


/*
-----------------------------------------------
Cascading style sheets for [GungHo Games]
2010/12/22
----------------------------------------------- */

.bold{font-weight:bold;}

.mt10{margin-top:10px;}


#lineupmenu{
	clear:both;
	background:url(../onlineshop/images/eco_m_foot.gif) no-repeat left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}

#lineupmenu div.menubox{
	float: left;
	margin: 0 0 0 10px;
}

#lineupmenu div.box2size{
	width: 138x;
}

#lineupbox .recommendbox{
	background: url(../onlineshop/images/eco/menu_recomme_btm.gif) no-repeat bottom right;
}
.item_box h3{
	background:no-repeat 0 0;
	width:712px;
	height:66px;
	text-indent:-9999em;	
}
.item_box .itemstatus{
	border-right:3px solid #66cc33;
	border-left:3px solid #66cc33;
	padding:0 15px;
	padding-bottom:1px;
}
*html .item_box .itemstatus{
	margin-right:1px;
}
*:first-child+html .item_box .itemstatus{
	padding-bottom:1%;
}
.item_box .itemstatus h4{
	font-size:16px;
	display:inline;
	margin-right:10px;
}
.item_box .itemstatus .price{
	font-size:12px;
	margin-top:5px;
}
.item_box .itemstatus img.itemimage{
	float:left;
	margin:0 10px 10px 0;
	width:241px;
	display:block;
}
.item_box .itemstatus .status {
	margin-top:10px;
	margin-left:251px;
	background: url(../onlineshop/images/eco/eco_item_status_bg.gif) bottom repeat-y;
}
.item_box .itemstatus div.status dl dt.goods,
.item_box .itemstatus div.status dl dt.item{
	background:no-repeat 0 0;
	text-indent:-9999em;
	height:20px;
	margin:0; padding:0; line-height:1em;
}
.item_box .itemstatus div.status dl dt.goods{
	background:url(../onlineshop/images/eco_g00_h01.gif);
}
.item_box .itemstatus div.status dl dt.item{
	background:url(../onlineshop/images/eco_g00_h02.gif);
}
.item_box .itemstatus div.status dl{
	border-bottom:2px solid #beee8e;
}
.item_box .itemstatus div.status dl dd{
	padding:5px 10px;
	border-right:2px solid #beee8e;
	border-left:2px solid #beee8e;
}
.item_box .itemstatus div.status dd span{
	margin-right:10px;
	border-left:5px solid #66CC33;
	padding-left:5px;
}
#lineupbox .item_box .itemstatus div.status span.point{
	color:#f5ded6;
}
.item_box .itemstatus .comment p{
	clear: both;
	margin:10px 5px;
	line-height:1.3em;
}
.item_box .itemstatus .attention{
	background:#cadbba;
	color:#666;
	padding:5px 10px;
	margin-top:10px;
}
.item_box .itemstatus .attention dt{
	font-weight:bold;
}
.item_box .itemstatus .attention dd{
	margin-left:5px;
	font-size:11px;
}
.item_box .buybtnbox a{
	height: 41px;
	width:210px;
	background: url(../onlineshop/images/common/btn_buy.gif) no-repeat center center;
	display:block;
	text-indent:-9999em;
	bottom:20px; right:15px;
}
.item_box .buybtnbox a:hover{
	height: 41px;
	width:210px;
	background: url(../onlineshop/images/ro_g00_b_on.gif) no-repeat center center;
}
.item_box .buybtnbox .end{
	height:41px;
	width:210px;
	background:url(../onlineshop/images/eco_btn_stop.gif) no-repeat center center;
	display:block;
	text-indent:-9999em;
	bottom:20px; right:15px;
}
.item_box{
	padding-bottom:70px;
	background: url(../onlineshop/images/eco_g00_foot.gif) no-repeat center bottom;
	position:relative;
}

*html .item_box{
	background-position:0px bottom;
}


#lineupHead h1{
	background:url(../onlineshop/images/ro_g_head.gif) no-repeat 0 0;
	width:712px;
	height:46px;
	text-indent:-9999em;
}
#lineupHead h2{
	background:url(../onlineshop/images/eco_g_main_img.jpg) no-repeat 0 0;
	width:712px;
	height:171px;
	text-indent:-9999em;
}




.btn_box{
	position:relative;
	text-align:right;
}
.btn_box a{
	position:absolute;
	top:-60px; right:20px;
}
.item_box{
	zoom:1;
}
*{zoom:1;}



.button_box{
	margin:25px auto 0;
	width:480px;
}

.button_box .leftbox{
	width:210px;
	float:left;
}
.button_box .rightbox{
	width:210px;
	margin-left:60px;
	float:left;
}
.button_box .txt{
	color:#666;
	margin-bottom:5px;
	text-align:center;
	background:#e1f6cd;
	font-weight:bold;
	padding:5px;
}