@charset "utf-8";

/* *********************************************************
common.css
サイト全体で共有するCSS
********************************************************* */
/* リセット＋文字サイズ統一
 * Modify YUI Reset CSS, YUI Fonts CSS (v3.2.0)
 *     Copyright (c) 2008, Yahoo! Inc. All rights reserved. 
 *     http://developer.yahoo.com/yui/license.html 
 * html5doctor.com Reset Stylesheet (v1.6.1)
 *     Author: Richard Clark - http://richclarkdesign.com 
========================================================= */
section,article,aside,hgroup,header,footer,nav,menu,figure,figcaption,summary { display: block; }
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; outline:0;} section,article,aside,hgroup,header,footer,nav,menu,figure,figcaption,summary { display: block; } body { font-size: small; font-family: sans-serif; font-family : 'ＭＳ Ｐゴシック',sans-serif\9; /* IE8以下 */ line-height: 1.5; word-break: break-all; word-wrap: break-word; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; } th,caption { font-weight: normal; text-align: left; } th,td { vertical-align: top; } button,input,textarea,select { font-size: 99%; } code,kbd,pre,samp { font-size: 100%; font-family: monospace; } img,object,param { border: 0; outline: none; vertical-align: bottom; } img { -ms-interpolation-mode:bicubic; /*IE7*/ } input, select { vertical-align: middle; } ol,ul { list-style: none; } a { text-decoration: underline; } abbr,acronym { border: 0; font-variant:normal; } address,cite,code,dfn,em,var { font-style: normal; } ins { text-decoration: none; } del { text-decoration: line-through; } hr { display: none; } blockquote, q { quotes:none; } blockquote:before,blockquote:after,q:before,q:after { content: ""; content:none; } strong{ font-weight: bold; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } small { font-size: 100%; }

/* デザイン
========================================================= */
body { background: #fff url(../img/bg_body.gif) center top; color: #010101; }
a { color: #067bf4; text-decoration: underline; }
a:hover, a:focus { color: #00c0ff; text-decoration: none; }
.wrapper, .wrapper-img { width: 100%; }
.wrapper { background: url(../img/bg_wrapper.gif) repeat-x center top; }
.wrapper-img { background: url(../img/bg_wrapper-img.jpg) no-repeat 50% 40px; }

/* #header：ヘッダー
========================================================= */
#header { width: 800px; height: 40px; overflow: hidden; margin: 0 auto; }

/* #gNav：ロゴ＋グローバルメニュー
========================================================= */
#gNav {
	position: relative;
	width: 802px;
	margin: 0 auto;
}
#gNav p { text-align: right; }
/* ヘッダー告知画像 */
#gNav p.ad {
	position: absolute;
	width: 450px;
	height: 70px;
	left: 45px;
	top: 30px;
}
#gNav ul {
	padding: 0 10px; border: 1px solid #fff;
	background: #010101 url(../img/bg_pagebody.jpg) no-repeat 0 0;
}
#gNav li {
	float: left;
	width: 130px;
	height: 80px;
	overflow: hidden;
}
#gNav li a {
	display: block;
	background-image: url(../img/nav_gnav.jpg);
	background-repeat: no-repeat;
	width: 130px;
	padding-top: 80px;
}
/* game */
#gNav-game a {
	background-position: 0 0;
	/* 新着 background-position: 0 -240px; */
}
#gNav-game a:hover, #gNav-game a:focus {
	background-position: 0 -80px;
	/* 新着 background-position: 0 -320px; */
}
/* news */
#gNav-news a {
	background-position: -130px 0;
/* 	background-position: -130px -240px; */
}
#gNav-news a:hover, #gNav-news a:focus {
	background-position: -130px -80px;
	/* background-position: -130px -320px; */
}
#pg-news #gNav-news a {
	background-position: -130px -160px;
	/* background-position: -130px -400px; */
}
/* movie */
#gNav-movie a {
	background-position: -260px 0; 
/*  background-position: -260px -240px; */
}
#gNav-movie a:hover, #gNav-movie a:focus {
	background-position: -260px -80px; 
/* 	background-position: -260px -320px; */
}
#pg-movie #gNav-movie a {
	background-position: -260px -160px;
/* 	background-position: -260px -400px; */
}
/* goods */
#gNav-goods a {
	background-position: -390px 0;
/* 	background-position: -390px -240px;  */
}
#gNav-goods a:hover, #gNav-goods a:focus {
	background-position: -390px -80px;
/* 	background-position: -390px -320px;  */
}

#pg-goods #gNav-goods a {
	background-position: -390px -160px; 
/* 	background-position: -390px -400px; */
}
/* special */
#gNav-special a {
	background-position: -520px 0;
/* 	background-position: -520px -240px; */
}
#gNav-special a:hover, #gNav-special a:focus {
	background-position: -520px -80px;
/* 	background-position: -520px -320px; */
}
#pg-special #gNav-special a {
	background-position: -520px -160px;
/* 	background-position: -520px -400px; */
}
/* spec */
#gNav-spec a {
	  background-position: -650px 0;
/*	 background-position: -650px -240px; */
}
#gNav-spec a:hover, #gNav-spec a:focus {
	background-position: -650px -80px;
/*		background-position: -650px -320px; */
}
#pg-spec #gNav-spec a {
	background-position: -650px -160px;
/*		background-position: -650px -400px; */
}

/* #pageBody：コンテンツエリア
========================================================= */
#pageBody {
	width: 740px;
	margin: 0 auto;
	padding: 25px 30px;
	border: 1px solid #fff;
	border-top: 0;
	background: #010101 url(../img/bg_pagebody.jpg) no-repeat 0 -80px;
	color: #fff;
}

/* .pageMain：メインコンテンツ
========================================================= */
.pageMain {
	padding-bottom: 30px;
	border-bottom: 1px solid #0e0f10;
}
.pageMain a { color: #00c0ff; }
.pageMain a:hover, .pageMain a:focus {
	background: #00c0ff;
	color: #010101;
	_background: transparent; /* IE6 */
	_color: #00c0ff; /* IE6 */
}
.pageMain h1, .pageMain .heading { margin-bottom: 25px; }

/* #gNavText：グローバルメニュー(テキスト)
========================================================= */
#gNavText {
	padding: 30px 0 15px;
	border-top: 1px solid #333638;
	font-size: 93%;
	text-align: center;
}
#gNavText li {
	display: -moz-inline-box; /* Fx2 */
	display: inline-block;
	*display: inline; /* IE7以下 */
	*zoom: 1; /* IE7以下 */
	padding: 0 .4em;
}
#gNavText a { color: #fff; }
#gNavText a:hover, #gNavText a:focus { color: #00c0ff; }

/* #footer：フッター
========================================================= */
#footer { width: 800px; margin: 0 auto; padding-bottom: 20px; }
#footer ul { padding: 10px 0; }
#footer .company { width: 170px; float: left; }
#footer .company img { margin-right: 10px; }
#footer .link { width: 620px; float: right; text-align: right; }
#footer .link img { margin-top: 11px; margin-left: 5px; }
#footer li { display: inline; }
#footer p { clear: both; text-align: center; }
#footer small { font-size: 93%; text-shadow: 0 0 1px rgba(1,1,1,1.0); }

/* 汎用class
========================================================= */
.txtCenter { text-align: center; }
.txtRight { text-align: right; }
.txtBr15 { padding-bottom: 1.5em; }
.txtBr25 { padding-bottom: 2.5em; }

/* .clearfix：floatを解除
--------------------------------------------------------- */
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
@media print {
	.clearfix:after { height: 1px; margin-bottom: -1px; visibility: hidden; }
}
/* .news：ニュース一覧
--------------------------------------------------------- */
.news { margin-bottom: 1.5em; }
.news th {
	padding: .4em .8em .4em 0;
	color: #95a2a8;
	white-space: nowrap;
}
.news td { padding: .4em 0; }
.new th { color: #ff6600; }
.new td a { font-weight: bold; }
.news td em {
	font-weight: bold; 
	color: #ff6600;
}

/* .shortcutLink：ページ内リンク
--------------------------------------------------------- */
.shortcutLink {
	margin-bottom: 25px;
	padding: 0 2px;
	line-height: 1;
}
.shortcutLink li { display: inline; }
.shortcutLink li:before { content: "/ "; }
.shortcutLink li:first-child:before { content: ""; }
.shortcutLink em {
	color: #ff6600;
	font-size: 93%;
	font-weight: bold;
}
/* .thumbnailList：サムネイル一覧
--------------------------------------------------------- */
.top .section { margin-bottom: 20px; }
.top .section h2 {
	margin-bottom: 0.5em;
	font-size: 131%;
	font-weight: bold;
}
.top .section h2:first-letter { color: #00b3ff; }
.thumbnailList li {
	display: -moz-inline-box; /* Fx2 */
	display: inline-block;
	*display: inline; /* IE7以下 */
	*zoom: 1; /* IE7以下 */
	font-size: 93%;
	line-height: 1.3;
	vertical-align: top;
}
.thumbnailList a {
	text-decoration: none;
	/* CSS3 transition */
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.thumbnailList a:hover, .thumbnailList a:focus {
	background: transparent;
	color: #fff;
}
.thumbnailList a img {
	margin-bottom: 5px;
	vertical-align: top;
	opacity: .95;
	filter: alpha(opacity=95); /* IE7以下 */
}
.thumbnailList a:hover img, .thumbnailList a:focus img {
	opacity: 1;
	filter: alpha(opacity=100); /* IE7以下 */
}
.thumbnailList em {
	color: #ff6600;
	font-weight: bold;
}