@charset "UTF-8";

body{
	color:#131313;
	margin:0;
	padding:0; 
	font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	line-height:1.5;
	background-color:#FFFFFF;
}
*:first-child+html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",	Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}
* html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}

h1,h2,h3,h4,h5,h6,p,input,form,ul,ol,li,dl,dt,dd,hr,td,th{
	margin: 0;
	padding: 0;
}


img{ border: none; margin:0; padding:0;}
ul,li{	list-style-type:none; margin:0; padding:0;}
hr{ display:none;}
table{border-collapse:collapse;}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}

pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

em{
	font-style:normal;
	font-weight:bold;
	font-size:1.2em !important;
}



.l_txt{	text-align:left !important;}
.cen_txt{ text-align:center !important;}
.r_txt{ text-align:right !important;}

.font_txt_s{ font-size:10px;}
.font_txt_m{ font-size:12px;}
.font_txt_l{ font-size:14px;}
.nobold{ font-weight:normal !important;}

.col_txt_gray{ color:#333333;}

.pad_all_02em{ margin:0.2em 0}


.pad_head_0{margin-top:0 !important;}
.pad_head_05em{margin-top:0.5em !important;}
.pad_head_1em{margin-top:1em !important;}
.pad_head_2em{margin-top:2em !important;}

.pad_foot_0{margin-bottom:0 !important;}
.pad_foot_05em{margin-bottom:0.5em !important;}
.pad_foot_1em{margin-bottom:1em !important;}
.pad_foot_2em{margin-bottom:2em !important;}

.pad_l_05em{ margin-left:0.5em !important;}
.pad_l_1em{	margin-left:1em !important;}
.pad_l_2em{	margin-left:2em !important;}

.pad_r_05em{margin-right:0.5em !important;}
.pad_r_1em{	margin-right:1em !important;}
.pad_r_2em{	margin-right:2em !important;}





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



/*link
--------------------------------*/
a{color: #131313; text-decoration: underline;}
a:visited{color: #131313; text-decoration: underline;}
a:hover{color: #131313;	text-decoration: underline;}
a:active{color: #131313; text-decoration: underline;}


/*h
--------------------------------*/


/*layout-toppage
--------------------------------*/
#header_top{
	width:100%;
	height:119px;
	text-align:center;
	margin:0 auto;
	background:url(../images/header_uh_bg.jpg) repeat-x;
}

#header_top #gnavi_top{
	width:100%;
	background:url(../images/gnav_bg.jpg) repeat-x;
	text-align:center;
	height:49px;
	overflow:hidden;
}


#gnavi_top ul.navi{
	width:992px;
	margin:0 auto;
}


#gnavi_top ul.navi li{
	float:left;
	display:inline;
	width:110px;
	padding:0;
}

#gnavi_top ul.navi li.last{
	float:left;
	display:inline;
	width:112px!important;
}


#wrapper_top{
	width: 100%;
	background:url(../images/wrapper_t_bg.jpg) repeat top center;
	overflow:hidden;
}


#top_contents{
	width:100%;
	background:url(../images/top_bg.jpg) no-repeat top center;
}

#box_top{
	width:990px;
	margin:0 auto;
	min-height:360px;
	height:auto!important;
	height:400px;
	text-align:center;
	overflow:hidden;
	padding:70px 0 0 0;
}

#top_contents #box_top h2{ padding-top:31px; margin-right:-12px;}

#top_contents #box_top dd{	margin-top:6px; font-weight:bold; font-size:1.0em;}
#top_contents #box_top dl{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/margin-right: 3px;
	line-height: 2em;
	width: 360px;
	height: 360px;
	/zoom: 1;
	margin-top:16px;
}

#top_contents #box_top dl.nopad{ margin-right:0 !important;}

/*トップページ画像配置===========*/
#top_contents #box_top div.newtitle{/*掲載パターンによってここのwidthを変える。*/
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}

#top_contents #box_top dl{
	text-align:center;
}

#top_contents #box_top dl dt a{
	vertical-align:bottom;
}

#top_contents #box_top dl img{
	border:1px solid #FFFFFF;
	max-height:313px;
}

/*--------------------------------*/


/*layout
--------------------------------*/
#header{
	width:100%;
	height:145px;
	text-align:center;
	margin:0 auto;
	background:url(../images/header_uh_bg.jpg) repeat-x;
}

#header #gnavi{
	width:100%;
	background:url(../images/gnav_d_bg.jpg) repeat-x;
	text-align:center;
	height:78px;
	overflow:hidden;
}


#gnavi ul.navi{
	width:992px;
	margin:0 auto;
}


#gnavi ul.navi li{
	float:left;
	display:inline;
	width:110px;
	padding:0;
}

#gnavi ul.navi li.last{
	float:left;
	display:inline;
	width:112px!important;
}

/*機種追加ここから*/
#gnavi_top ul.navi2{
	width:992px;
	margin:0 auto;
}


#gnavi_top ul.navi2 li{
	float:left;
	display:inline;
	width:99px;
	padding:0;
}

#gnavi_top ul.navi2 li.last{
	float:left;
	display:inline;
	width:101px!important;
}

/*機種追加ここまで*/

#wrapper{
	width: 100%;
	background:url(../images/wrapper_d_bg.jpg) repeat top center;
	overflow:hidden;
}


#box_detail{
	width:988px;
	overflow:hidden;
	margin:27px auto 27px  auto;
	padding-bottom:17px;
	border:1px solid #ccc;
	background-color:#FBFBFB;
	-moz-box-shadow: 0 0 4px #CCC, 0 0 12px #CCC, 0	0 5px #CCC;
	-webkit-box-shadow: 0 0 4px #CCC, 0 0 12px #CCC, 0	0 5px #CCC;
	box-shadow: 7px 7px 9px #cccccc;
}


#box_detail #detail_head{
	height:151px;
	padding:0 15px;
	background:url(../images/boxbg_t.jpg) no-repeat top center;
}
#box_detail #detail_head h2{
	width:930px;
	height:35px;
	padding-top:18px;
	padding-left:18px;
	font-size:1.3em;
}

#box_detail #list_head{
	position:relative;
	height:151px;
	padding:0 15px;
	background:url(../images/boxbg_t.jpg) no-repeat top center;
}
#box_detail #list_head h2{
	height:35px;
	padding-top:18px;
	padding-left:18px;
	font-size:1.3em;
}

#box_detail #list_head .pulldown{
	position:absolute;
	font-size:0.9em;
	top:22px;
	right:25px;
}

/*list
--------------------------------*/
#box_detail #list{
	float:left;
	width:960px;
	margin:-80px 15px 0 15px;
	overflow:hidden;
}

*html #box_detail #list{
	float:left;
	width:960px;
	margin:-80px 0 0 8px;
	overflow:hidden;
}

#box_detail #list dl.cat_list{
	width:470px;
	height:200px;
	float:left;
	margin-right:18px;
	margin-bottom:18px;
	background-color:#C5C5C5;
	background-image:url(../images/list_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	position:relative;
}


#box_detail #list dl.nopad{ margin-right:0 !important;}
#box_detail #list dl.even{ margin-right:0 !important;}

#box_detail #list dl.cat_list dt{
	width:146px;
	float:left;
	text-align:center;
	margin-top:20px;
}
#box_detail #list dl.cat_list dt img{
	vertical-align:top;
	max-width:116px;
	max-height:119px;
	min-width:69px;
	border:1px solid #FFFFFF;
}

#box_detail #list dl.cat_list dt span{ display:block;}
#box_detail #list dl.cat_list dt span.bt_detail{
	text-align:center;
	position:absolute;
	bottom:8px;
	left:14px;
}
#box_detail #list dl.cat_list dt span.bt_detail img{ border:none!important; width:119px!important; height:34px!important;}

#box_detail #list dl.cat_list dd{
	width:306px;
	padding:0 8px 0 0;
	float:right;
}

#box_detail #list dl.cat_list dd span{ display:block;}
#box_detail #list dl.cat_list dd span.tit{
	padding:16px 2px 10px 2px;
	font-weight:bold;
}

#box_detail #list dl.cat_list dd span.hard{	margin:0 0 10px 0;}
#box_detail #list dl.cat_list dd p.txt_genre,
#box_detail #list dl.cat_list dd p.txt_release,
#box_detail #list dl.cat_list dd p.txt_price{
	float:left;
	display:inline;
	width:302px;
	font-size:12px;
	padding:1px 4px 1px 0;
}
#box_detail #list dl.cat_list dd p.txt_genre span.th,
#box_detail #list dl.cat_list dd p.txt_release span.th,
#box_detail #list dl.cat_list dd p.txt_price span.th{
	float:left;
	display:inline;
	width:65px;
	font-weight:bold;
}
#box_detail #list dl.cat_list dd p.txt_genre span.td,
#box_detail #list dl.cat_list dd p.txt_release span.td,
#box_detail #list dl.cat_list dd p.txt_price span.td{
	float:left;
	display:inline;
	width:235px;
}

#box_detail #list dl.cat_list dd span.bt_more{
	clear:both;
	text-align:right;
	position:absolute;
	bottom:3px;
	right:8px;
}

*html #box_detail #list dl.cat_list dd span.bt_more{	position:relative:}
#box_detail #list dl.cat_list dd span.bt_more img{ margin-left:2px;}


.SpryHiddenRegion {
   visibility: hidden;
}

.loading{
	display:block;
	width:936px;
	background-color:#FFFFFF;
	border:1px solid #ccc;
	box-shadow: 2px 2px 4px #D5D5D5;
	-moz-box-shadow: 0 0 4px #D5D5D5, 0 0 12px #D5D5D5, 0 0 5px #D5D5D5;
	-webkit-box-shadow: 0 0 4px #D5D5D5, 0 0 12px #D5D5D5, 0 0 5px #D5D5D5;
	margin:5px auto;
	padding:5px 0;
	text-align:center;
}


/*title
--------------------------------*/

#box_detail #detail{
	float:left;
	width:990px;
	margin:-80px 0 0 0;
	overflow:hidden;
}

#box_detail .detail_left{
	float:left;
	display:inline;
	width:170px;
	text-align:center;
	margin-left:15px;
}

#box_detail .detail_left p.jacket img{
	width:160px;
	border:1px solid #666666;
}

#box_detail .detail_left p.btn_link{
	margin:10px 0 0 0;
}

#box_detail .detail_left p.btn_link img{
	padding:5px 0;
}

#box_detail .detail_left .products{
	width:159px;
	background-color:#FFFFFF;
	border:1px solid #ccc;
	box-shadow: 2px 2px 4px #D5D5D5;
	-moz-box-shadow: 0 0 4px #D5D5D5, 0 0 12px #D5D5D5, 0 0 5px #D5D5D5;
	-webkit-box-shadow: 0 0 4px #D5D5D5, 0 0 12px #D5D5D5, 0 0 5px #D5D5D5;
	margin:5px 10px 5px 5px;
}
#box_detail .detail_left .products .productshead{
	background:url(../images/product_head.gif) no-repeat;
	height:32px;
}
#box_detail .detail_left .products dl.productsbody{
	font-size:12px;
	margin:0 2px;
	text-align:left;
	background:url(../images/product_bg.gif) repeat;
	padding:5px;
}

#box_detail .detail_left .products dl.productsbody dt{
	background:url(../images/list.gif) no-repeat left center;
	padding-left:2.2em;
	text-indent:-1em;
	font-weight:bold;
}

#box_detail .detail_left .products dl.productsbody dd{
	padding:0 0 1em 1.2em;
}

#box_detail .detail_right{
	float:right;
	display:inline;
	width:770px;
	margin:0 15px 0 10px;
}

#box_detail .detail_right p.title{
	float:left;
	display:inline;
	width:710px;
	font-size:1.6em;
	font-weight:bold;
}

#box_detail .detail_right p.title span{
	display:block;
	font-size:0.65em!important;
	font-weight:normal!important;


}
#box_detail .detail_right p.cero{
	float:right;
	width:57px;
	vertical-align:middle;
}

#box_detail .detail_right p.txt{
	clear:both;
	padding:10px 0 0 0;
	font-size:0.9em;
}

#box_detail .detail_right p.note{
	background-color:#FEEFEE;
	color:#CC0000;
	font-size:0.75em;
	padding:10px 20px;
	margin:10px 0;
}

#box_detail .detail_right div.screenshot{
	width:741px;
	min-height:203px;
	height:auto!important;
	height:296px;
	background:url(../images/ss_bg.jpg) no-repeat #CCCCCC;
	margin-top:30px;
	padding:14px 14px 0 14px;
}


#box_detail .detail_right div.screenshot ul{
}

#box_detail .detail_right div.screenshot ul li{
	float:left;
	display:inline;
	width:360px;
	padding:0;
}
#box_detail .detail_right div.screenshot ul li.ss01{
	margin:0;
}
#box_detail .detail_right div.screenshot ul li.ss02{
	margin-left:13px;
}

#box_detail .detail_right div.screenshot ul li img{
	border:1px solid #FFFFFF;
}

#box_detail .detail_right div.screenshot_btm{background:url(../images/ssbg_btm.jpg) no-repeat left bottom; height:7px;}
*html #box_detail .detail_right div.screenshot_btm{background:none;}

#box_detail .detail_right p.copy{
	text-align:right;
	color:#999999;
	font-size:85.7%;
	padding-top:8px;
}

/*link
--------------------------------*/
#relatedlink{
	width:990px;
	margin:17px auto 27px  auto;
	border:1px solid #ccc;
	box-shadow: 7px 7px 9px #cccccc;
	-moz-box-shadow: 0 0 4px #CCC, 0 0 12px #CCC, 0	0 5px #CCC;
	-webkit-box-shadow: 0 0 4px #CCC, 0 0 12px #CCC, 0	0 5px #CCC;
	background:url(../images/link_bg.jpg) #FFF no-repeat;
	height:123px;
}

#relatedlink span{
	font-weight:bold;
	font-size:1.1em;
}

#relatedlink .series{
	float:left;
	display:inline;
	width:689px;
	padding:10px 0 10px 15px;
}

#relatedlink .hits{
	float:left;
	display:inline;
	width:256px;
	margin-left:10px;
	padding:10px 15px 10px 0;
}

#relatedlink ul.sbanner{
	float:left;
	background:url(../images/series_bg.jpg) no-repeat;
	width:669px;
	margin-top:8px;
	padding:20px 10px;
}

#relatedlink ul.hbanner{
	float:left;
	background:url(../images/hits_bg.jpg) no-repeat;
	width:256px;
	margin-top:8px;
	padding:9px 20px;
}

*html #relatedlink ul.hbanner{	width:226px; padding:15px 20px;}

#relatedlink ul.sbanner li,
#relatedlink ul.hbanner li{
	float:left;
	display:inline;
	margin-right:9px;
}

#relatedlink ul.sbanner li.last,
#relatedlink ul.hbanner li.last{
	float:left;
	display:inline;
	margin-right:0;
}

#relatedlink ul.sbanner li img{
	width:124px;
	border:1px solid #666666;
}

#relatedlink ul.hbanner li img{
	width:103px;
}
#relatedlink ul.hbanner span{
	display:block;
	margin:5px 0 0 -50px;
}

*html #relatedlink ul.hbanner span{
	display:block;
	margin:3px 0 0 0;
}