@charset "UTF-8";

@import url(gnavi.css);

/* CSS Document */
/* CSS Document */
/************* MODULE ****************/
/* basic class */
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.t_center{text-align:center;}
.t_right{text-align:right;}

/* clearfix */
.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: block;
}
.clearfix {
	>display: inline-block;
}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt38{margin-top:38px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}

.ml0{margin-left:0px;}
.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml17{margin-left:17px;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}

.mr0{margin-right:0px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr55{margin-right:55px;}
.mr60{margin-right:60px;}
.mr65{margin-right:65px;}
.mr70{margin-right:70px;}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}
.pt65{padding-top:65px;}
.pt70{padding-top:70px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb55{padding-bottom:55px;}
.pb60{padding-bottom:60px;}
.pb65{padding-bottom:65px;}
.pb70{padding-bottom:70px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl55{padding-left:55px;}
.pl60{padding-left:60px;}
.pl65{padding-left:65px;}
.pl70{padding-left:70px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pr55{padding-right:55px;}
.pr60{padding-right:60px;}
.pr65{padding-right:65px;}
.pr70{padding-right:70px;}



/************* BASE **************/
*{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:15px;

	scrollbar-arrow-color:#336666;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-highlight-color :#ccc;
	scrollbar-shadow-color:#ccc;
	scrollbar-track-color:#fff;
}

body{
color:#333333;
line-break: strict;
}

div,dt,dd,p,dd a{
	font-size:12px;
	font-weight:normal;
}

div{
	margin:auto;
}
ul{
	list-style:none;
}
li{
	display:inline;
}
img{
	border:none;
}
h3 span,
h4 span{
	display:none;
}

a{
/*	color:#e21e2a;*/
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#810081;
}


/************* layout **************/

#wrapper{
	width:980px;
}
#headerArea{
	background:url(../images/line.gif) no-repeat left bottom;
	padding:10px 0px;
}

#headerArea .ghj {
 text-align:right;
 margin:0 0 1px 0;
}

#leftArea{
	width:148px;
	float:left;
	margin-top:20px;
}
#mainArea{
	float:left;
	width:400px;
	margin-left:15px;
	margin-bottom:40px;
}
#rightArea{
	width:400px;
	float:right;
	margin-bottom:40px;
}
#bottomArea{
	clear:both;
	padding:20px 35px;
	background:url(../images/banner/bg_footbanner.gif) no-repeat;
	height:194px;
}
#footerArea{
	border-top:1px solid #dfdfdf;
	margin-top:26px;
	padding-top:15px;
	padding-bottom:20px;
	color:#666666;
	width:980px;
}
#footerAreaMobileCopy{
	margin-top:10px;
	padding-top:15px;
	color:#666666;
	width:980px;
}
.mainHeight{
	height:606px;
}

/********** pankuzu **********/
.pankuzu {
 position:relative;
 top:5px;
 height:18px;
 font-size:11px;
}

.pankuzu img{
 position:relative;
 top:3px;
 padding-right:5px;
}

.pankuzu a{
 font-size:11px;
 color:#0000ff;
 position:relative;
 top:1px;
 padding-right:10px;
}

/* pankuzu for update */
.pankuzuup {
 position:relative;
 margin:8px auto;
 font-size:11px;
}

.pankuzuup img{
 position:relative;
 top:3px;
 padding-right:5px;
}

.pankuzuup a{
 font-size:11px;
 color:#0000ff;
 position:relative;
 top:1px;
 padding-right:10px;
}

h2{
 margin:0;
}

/************** header AREA *****************/
#gnaviArea{
	margin:8px 0px;
}

/****** pageTop ******/
.pageTop{
	text-align:right;
	clear:both;
	margin:0 0 20px 0;
}

/*** TEXT LINK ***/
/*#saleCalender .calenderDays a,
#siteUpdate a,#siteUpdateScroll a,
#topNews a,#News a{
	color:#333333;
}
#saleCalender .calenderDays a:hover,
#siteUpdate a:hover,#siteUpdateScroll a:hover,
#topNews a:hover,#News a:hover{
	color:#e21e2a;
}*/
/************** LEFT AREA *****************/
/* navigation */
#mainNavi{
	background:url(../images/menu2/bg_menu.gif) no-repeat left top;
}
#mainNavi ul{
	width:70px;
}
#mainNavi li{
	display:block;
	height:65px;
}
#mainNavi .fl li{
	padding-left:2px;
	margin-top:0px;
	margin-bottom:5px;
	#margin-bottom:3px;
}
#mainNavi .fr li{
	margin-left:-1px;
	#margin-left:-1px;
	_margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;
	#margin-bottom:3px;
}
/*#mainNavi li{
	display:block;
	margin-bottom:5px;
	#margin-bottom:2px;
}*/

/* calender */
#saleCalender{
	background:url(../images/bg_table_calendar.gif) repeat-y;
	width:148px;
}
#saleCalender ul{
	margin:7px 10px 0 12px;
}
#saleCalender ul li{
	margin-right:2px;
	cursor:pointer;
}
#saleCalender ul li.last{
	margin-right:0px;
}
#saleCalender .calenderDays,
#saleCalender .calenderDays dl{
	width:148px;
}
#saleCalender .calenderDays{
	background:url(../images/bg_table_calendar.gif) repeat-y;
}
#saleCalender dt{
	background:url(../images/mark_calendar.gif) no-repeat 10px 14px;
	font-weight:bold;
	color:#656565;
	padding:10px 10px 5px 22px;
}
#saleCalender dl dd{
	border-bottom:1px solid #efefef;
	padding:25px 10px 15px 10px;
	font-size:11px;
}
#saleCalender dl dd a{
	font-size:11px;
}
#saleCalender dl dd.hobby{
	background:url(../images/calendar/icon_hobby.gif) no-repeat 10px 5px;
}
#saleCalender dl dd.gs{
	background:url(../images/calendar/icon_gs.gif) no-repeat 10px  5px;
}

#saleCalender dl dd.card{
	background:url(../images/calendar/icon_card.gif) no-repeat 10px  5px;
}

#saleCalender dl dd.book{
	background:url(../images/calendar/icon_book.gif) no-repeat 10px  5px;
}

#saleCalender dl dd.mm{
	background:url(../images/calendar/icon_mm.gif) no-repeat 10px  5px;
}

#saleCalender .calenderDays #prev,
#saleCalender .calenderDays #next{
	display:none;
}

/************** 400px ITEM AREA *****************/
/* 400px listData */
.mainListData{
}
.mainListData dl{
	background:url(../images/line_dot.gif) no-repeat bottom;
	padding:5px 10px;
}
.mainListData dl.gr{
	background-color:#f9f9f9;
}
.mainListData dl.last{
	background-image:none;
}
.mainListData dl dt{
	margin-right:8px;
}
.mainListData .linkTitle{
	margin:4px 0px;
	line-height:15px;
}
.mainListData .linkTitle img{
	margin-left:3px;
}
.mainListData dd span{
	font-size:10px;
	line-height:12px;
}

/* title more button */
.title{
	position:relative;
}
.title .moreIcon{
	position:absolute;
	top:5px;
	right:0px;
}
.konamiStile{
	margin:9px 5px 0px 0px;
	_margin-right:10px;
}

/************** RIGHT AREA *****************/
/* mainSearchArea */
#mainSearchArea{
	background:url(../images/search/bg_search.gif) no-repeat;
	width:400px;
	height:70px;
	margin-top:11px;
}
#mainSearchArea table{
	padding-top:13px;
	#margin-top:14px;
	margin-left:30px;
	height:44px;
}
#mainSearchArea table td{
	height:22px;
	vertical-align:middle;
	text-align:left;
}
#mainSearchArea .serchTitle{
	vertical-align:top;
	padding-right:7px;
	padding-top:17px;
}
#mainSearchArea .textSerch{
	width:210px;
}
#mainSearchArea .searchBtn{
	padding-top:2px;
}
select{
	width:202px;
	margin:2px 0px 2px 2px;
	font-size:12px;
	padding-left:-2px;
}
.textSerch input{
	width:197px;
	border:none 0px;
	margin-left:5px;
	margin-top:2px;
	/*padding-top:2px;
	#padding-top:0px;*/
	font-size:12px;
}

/**** search result ****/
div.asResults {
	position:absolute;
	top:130px;
	z-index:1000;
	border:1px solid #dfdfdf;
	background:#ffffff;
	width:200px;
	margin-left:3px;
}
div.asResultsBottom{
	position:absolute;
	z-index:1000;
	border:1px solid #dfdfdf;
	background:#ffffff;
	width:198px;
	left:-2px;
	top:22px;
	text-align:left;
}
div.asResults ul.asResultsList,
div.asResultsBottom ul.asResultsList{
	background:#ffffff;
}
div.asResults ul.asResultsList  li,
div.asResultsBottom ul.asResultsBottomList li{
	padding:0 3px 5px 3px;
	display:block;
	border-bottom:1px solid #dfdfdf;
	cursor:pointer;
	margin-top:5px;
	line-height:1.2em;
}
div.asResults ul.asResultsList  li em,
div.asResultsBottom ul.asResultsBottomList em{
	font-style:normal;
	font-weight:bold;
}

/* copy */
.chatchCopy{
	margin:0 0 0 2px;
	_margin-top:0px;
}

/* online */
#onlineshopwide{
	float:left;
	width:816px;
}
#onlineshopwide .titleOnlineshopWide{
	background:url(../images/style/title_konamistyleWide.gif) no-repeat;
	height:35px;
	margin-top:5px;
	width:816px;
}
.style_banner_wide{
	padding:15px 0px 0px 670px;
}

.titleOnlineshop{
	background:url(../images/style/title_konamistyle.gif) no-repeat;
	height:35px;
	margin-top:7px;
	width:400px;
}
#onlineShopList,
.onlineShop{
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:10px 10px 0px;
}
.onlineShop dl{
	float:left;
	width:126px;
}
.onlineShop dl dt{
	text-align:center;
}
.onlineShop dl dd{
	padding:3px 2px;
	width:120px;
}
.onlineShop dl dd a{
	font-size:10px;
}
.shopingList{
	background:url(../../images/bg_konamistyle.gif) no-repeat top left;
	height:25px;
	_height:29px;
	padding:4px 4px 0px 4px;
	width:400px;
}

#before,#popular,#ranking{
	display:none;
}

.linkTitle{
	display:block;
}

.shopingList li{
	margin-right:2px;
	cursor:pointer;
}
.shopingList li.last{
	margin-right:0px;
}
.shopItemList{
	overflow:scroll;
	overflow-x:hidden;
	height:144px;
	margin-top:5px;
}
.shopItemList dt{

}
.shopItemList dt.rank1{
	background:url(../images/style/icon_rank1.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank2{
	background:url(../images/style/icon_rank2.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank3{
	background:url(../images/style/icon_rank3.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank4{
	background:url(../images/style/icon_rank4.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank5{
	background:url(../images/style/icon_rank5.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank6{
	background:url(../images/style/icon_rank6.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank7{
	background:url(../images/style/icon_rank7.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank8{
	background:url(../images/style/icon_rank8.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank9{
	background:url(../images/style/icon_rank9.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dt.rank10{
	background:url(../images/style/icon_rank10.gif) no-repeat left center;
	padding-left:25px;	
}
.shopItemList dd{
	width:245px;
	padding-top:2px;
}



.titleNews,
.titleEvent,
.titleCampaign,
.titleUpdate{
	height:28px;
	margin:16px 0px 13px 0px;
}

/* news */
.titleNews{
	background:url(../images/news/title_news.gif) no-repeat;

}
#topNews{
	height:450px;
	overflow:scroll;
	overflow-x:hidden;
}
#topNews dl{
	padding:10px 10px 10px 7px;
}
#topNews dd{
	width:275px;
}

#News{
	height:400px;
	overflow:scroll;
	overflow-x:hidden;
}
#News dl{
	padding:10px 10px 10px 7px;
}
#News dd{
	width:275px;
}

.news{
	width:400px;
	float:right;
	margin-left:14px;
}



/************** CENTER AREA *****************/

/* siteUpdate */
.titleUpdate{
	background:url(../images/update/title_siteupdate.gif) no-repeat;
/*	margin-top:11px;*/
	margin-top:16px;
}
#siteUpdate dd{
	width:320px;
	margin-top:8px;
}
#siteUpdate .date{
	background:url(../../images/mark_date.gif) no-repeat 10px center;
	font-weight:bold;
	padding-left:20px;
	margin:23px 0px 15px 0px;
}


/* siteUpdateScroll */
#siteUpdateScroll{
	height:400px;
	overflow:scroll;
	overflow-x:hidden;
}

#siteUpdateScroll dd{
	width:300px;
	margin-top:8px;
}
#siteUpdateScroll .date{
	background:url(../../images/mark_date.gif) no-repeat 10px center;
	font-weight:bold;
	padding-left:20px;
	margin:0px 0px 15px 0px;
}


.update{
	width:400px;
	float:left;
}


/************** BOTTOM AREA *****************/
#gloupContents,
#memberContetns{
	width:300px;
	
	background:url(../images/banner/footbanner_dot_line.gif) no-repeat left top;
	padding-left:40px;
}
#memberContetns,
#mobileContents{
	padding-right:40px;
}
.titleGloup,
.titleMember,
.titleMobile{
	background:url(../images/banner/title_servise.gif) no-repeat;
	height:24px;
	width:300px;
}
.titleMember{
	background:url(../images/banner/title_member.gif) no-repeat;
}
.titleMobile{
	background:url(../images/banner/title_mobile.gif) no-repeat;
	width:60px;
}

/**** bottomSerach *****/
.bottomSerachOver{
	margin-top:13px;
	position:relative;
	z-index:5;
}
#bottomSearch{
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	padding-bottom:30px;
	margin-top:-4px;
}
.bottomSerchTop{
	border-bottom:1px solid #dfdfdf;
	background:url(../images/footer/foot_search_bg.gif) no-repeat 707px 7px;
}
.bottomSerchTop .fl{
	position:relative;
	z-index:8;
	left:-1px;
}
#bottomSearch .botomSearcText,
#bottomSearch .botomSearchBtn{
	margin-top:5px;
	margin-right:5px;
}
#bottomSearch .botomSearcText{
	background:url(../images/footer/img_search.gif) no-repeat 3px center;
	_background-position:7px 6px;
	width:200px;
	text-align:right;
	height:22px;
	margin-top:6px;
	position:relative;
}
#bottomSearch .botomSearcText input{
	margin-top:3px;
	padding-top:2px;
	#padding-top:0px;
	margin-right:3px;
	width:180px;
	#width:175px;
	border:none 0px;
	font-size:12px;
}
#bottomSearch .botomSearchBtn{
	margin-top:8px;
}

#bottomSearch dl{
	margin: 22px 14px 0 0;
}
#bottomSearch dt{
	padding-bottom:12px;
}
#bottomSearch dd{
	background:url(../images/footer/mark_footnavi.gif) no-repeat left 3px;
	#background:url(../images/footer/mark_footnavi.gif) no-repeat left 6px;
	padding-left:9px;
	padding-top:0px;
	padding-bottom:5px;
	border-top:1px solid #ffffff;
}
#bottomSearch dd a{
	color:#666666;
	font-size:10px;
	line-height:13px;
}

#bottomSearch .bottomGame{
	margin-left:33px;
	_margin-left:18px;
}

.bottomGame,
.bottomCard,
.bottomMobile,
.bottomArcade,
.bottomOnline,
.bottomBook,
.bottomMovie,
.bottomHobbyOver{
	width:125px;
}

/************** FOOTER AREA *****************/

#footerArea ul{
	margin-bottom:3px;
}
#footerArea ul li{
	background:url(../images/mark_arrow_foot.gif) no-repeat left 5px;
	#background:url(../images/mark_arrow_foot.gif) no-repeat left 4px;
	padding-left:10px;
	margin-right:8px;
	border-top:1px solid #ffffff;
}
#footerArea ul li a{
	/*color:#333333;*/
	font-size:11px;
}





.titleUpdate p {
 display:block;
 position:relative;
 top:5px;
 left:110px;
 font-size:9pt;
}
.titleNews p {
 display:block;
 position:relative;
 top:6px;
 left:70px;
 font-size:9pt;
}
.titleNews p a,
.titleUpdate p a {
 font-size:9pt;
 color:blue;
 margin:2pt;
}