@charset "Shift_JIS";

/*
-----------------------------------------------
Cascading Style Sheets for [GungHo Games]
2007/08/22
----------------------------------------------- */
img, a{
	margin: 0;
	padding: 0;
}

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

/* オンラインショップ各タイトルヘッダーエリア
-------------------------------------------------*/
#headArea {
	position: relative;
	width: 722px;
	margin-bottom:8px;
}

#headArea:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#headArea h1{
margin-bottom:4px;
}

h2{
margin-top:8px;
}


/* 別タイトルへのMenu
-------------------------------------------------*/
#headArea ul#mainMenu{

}

#headArea ul#mainMenu li{
	float:left;
	width:100px;
	height:50px;
	margin-right:3px;
}

#headArea ul#mainMenu li a{
	display:block;
	width:100px;
	height:50px;
	text-indent: -9999px;
}

#headArea ul#mainMenu li.ro a{	background: url(../onlineshop/images/common/menu.gif) 0 -50px no-repeat;}
#headArea ul#mainMenu li.ro a:hover{	background: url(../onlineshop/images/common/menu.gif) 0 0 no-repeat;}

#headArea ul#mainMenu li.tw a{	background: url(../onlineshop/images/common/menu.gif) -100px -50px no-repeat;}
#headArea ul#mainMenu li.tw a:hover{	background: url(../onlineshop/images/common/menu.gif) -100px 0 no-repeat;}

#headArea ul#mainMenu li.eco a{	background: url(../onlineshop/images/common/menu.gif) -200px -50px no-repeat;}
#headArea ul#mainMenu li.eco a:hover{	background: url(../onlineshop/images/common/menu.gif) -200px 0 no-repeat;}

#headArea ul#mainMenu li.go a{	background: url(../onlineshop/images/common/menu.gif) -300px -50px no-repeat;}
#headArea ul#mainMenu li.go a:hover{	background: url(../onlineshop/images/common/menu.gif) -300px 0 no-repeat;}

/* 初めてのご利用Menu
-------------------------------------------------*/
#headArea ul#beginner {
	position: absolute;
	left:600px;	
}
#headArea ul#beginner li{
	float:left;
	margin-right:3px;
	padding-left:12px;
	font-size:10px;
	background: url(../../common/images/left_menu/arrow_listset.gif) 0 1px no-repeat;
}
/* 商品一覧ボタン群
-------------------------------------------------*/
#lineupMenu{
	width:712px;
}

/* オンラインショップ最新情報
--------------------------------------------------------------------------- */
#topicArea{
	width:;
	height:90px;
	background: url(../onlineshop/images/common/topicsbg.gif) left bottom no-repeat;
}

#topicArea iframe{
	width:710px;
	height:60px;
	margin:3px 0 0 7px;
}

.topicsPage{
	background-color: #fff;
	text-align:left;
}

.topicsPage dl{
	font-size:10px;
}

.topicsPage dl dt{
	float:left;
	width:80px;
	margin-bottom:3px;
	font-weight:bold;
}

.topicsPage dl dd{
	margin-bottom:3px;
}

/* おすすめラインナップ
-------------------------------------------------*/
.recommendArea{

}

.recommendArea .recoArea{
	float:left;
	margin:0 5px;
	width:230px;
	height:250px;
	background: url(../onlineshop/images/common/recobg.gif) left bottom no-repeat;
}

.recommendArea .recoArea a img{
	display:block;
	margin:8px auto;
}

.recommendArea .recoArea p{
	width:200px;
	margin:2px auto;
}

.recommendArea .recoArea p a{	text-decoration: none;}
.recommendArea .recoArea p a:hover{	text-decoration: underline;}

/* 購入準備
-------------------------------------------------*/
.prep{
	float:left;
	margin:10px 5px;
	width:350px;
	height:80px;
	background: url(../onlineshop/images/common/prepbg.gif) left bottom no-repeat;
}
.prep:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.prep p{
	margin:3px 8px;
}


/* 上へ戻る
-------------------------------------------------*/
.goTop{
	width: 710px;
	height:18px;
	margin: 8px 0;
	text-align: right;
	background:url(../onlineshop/images/common/line.gif) bottom no-repeat;
}

/* 他社コピーライト
-------------------------------------------------*/
.shopFooter{
	clear:both;
	margin-top:8px;
	border: 1px #9f3dea solid;
}

.shopFooter .exteriorCopyright{
	margin-top:3px;
	text-align: right;
	font-size:10px;
}

/* オンラインショップニュース（POPUP)
--------------------------------------------------------------------------- */
body#onlineshopNews{
	background: #fff;
}

body#onlineshopNews .newsBox{
	width:430px;
	text-align: left;
}

body#onlineshopNews .newsBox .date{
	text-align: right;
}

body#onlineshopNews .newsBox h1{
	text-align: center;
}

body#onlineshopNews .newsBox h2{
	width:410px;
	margin:8px 10px;
	font-size:14px;
	border-bottom:1px #cb84d7 dotted;
}

body#onlineshopNews .newsBox p{
	width:390px;
	margin:8px 20px;
}

body#onlineshopNews .newsBox .details{
	margin: 0;
	text-align: right;
}

body#onlineshopNews .newsBox .details a{
	padding: 5px 0px 3px 15px;
	background: url(../../common/img/arrow_01.gif) 0px 5px no-repeat;
	text-decoration: none;
	color: #0066cc;
}

body#onlineshopNews .newsBox .closeBtn{
	margin-top:12px;
	padding:4px;
	background: #cb84d7;
	text-align: center;
}

body#onlineshopNews .newsBox .closeBtn a{
	color:#fff;
}