@charset "UTF-8";

/*======================================
	ゲーム詳細用
=======================================*/

/*======================================
	2カラム
=======================================*/
div#col_main {
	float: right;
	width: 535px;
}
div#col_sub {
	float: left;
	width: 230px;
}


/*======================================
	コンテンツ
=======================================*/
div#col_sub div.mainContent {
	margin: 0 0 0 1em;
}
div.mainContent999 {
	margin-bottom: 1.5em;
}


/*======================================
	基本情報
=======================================*/
dl#gameinfo {
	border-bottom: solid 1px #ccc;
}
dl#gameinfo dt {
	padding: 0.5em 0;
	padding-left: 1em;
	color: #060;
	float: left;
	width: 6em;
	border-top: solid 1px #ccc;
}
dl#gameinfo dd {
	margin-left: 7em;	/* padding + 1em */
	border-top: solid 1px #ccc;
	padding: 0.5em 0;
}

/* タイトル情報 */
table#titleinfo {
	border-collapse: collapse;
}
table#titleinfo td {
	border: solid 1px #ccc;
	padding: 3px 1em;
}
table#titleinfo th {
	background-color: #eee;
	text-align: center;
	border: solid 1px #ccc;
	padding: 3px 1em;
}


/*======================================
	関連ゲーム
=======================================*/
div.relatedItemBox {
}

/* コメント */
div.relatedItemBox p.comment {
	background-color: #eee;
	margin-bottom: 1em;
	padding: 0.2em 1em;
	font-weight: bold;
	border-bottom: dotted 1px #999;
}

/* タイトル */
div.relatedItemBox p.title img.hard {
	margin-right: 8px;
	vertical-align: middle;
}


/*======================================
	閲覧履歴
=======================================*/
div.itemBox.history {
}
div.itemBox.history p.image {
	float: left;
	width: 100px;
	overflow: hidden;
	text-align: center;
	/*
	background-color:#00f;
	*/
}
div.itemBox.history div.info {
	/*
	float: left;
	*/
	margin-left: 110px;
}

/* コメント */
div.itemBox.history p.comment {
	background-color: #eee;
	margin-bottom: 1em;
	padding: 0.2em 1em;
	font-weight: bold;
	border-bottom: dotted 1px #999;
}

/* タイトル */
div.itemBox.history p.title img.hard {
	margin-right: 8px;
	vertical-align: middle;
}



/*======================================
	アマゾンリンク
=======================================*/
div.amaItemBox {
	border: solid 2px #ccc;
	/*
	background-color: #eee;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	*/
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* コメント */
div.amaItemBox p.comment {
	margin-bottom: 0.5em;
}
div.amaItemBox p.comment img {
	vertical-align: middle;
}
div.amaItemBox p.comment span.comment {
	color: #060;
}

/* 画像 */
div.amaItemBox p.image {
	text-align: center;
}
div.amaItemBox p.image img {
	border: solid 5px #eee;
}
div.amaItemBox p.image a:hover img {
	border-color: #6cf;
}

/* レビュー件数 */
div.amaItemBox p.review {
	text-align: center;
}
div.amaItemBox p.review span {
	font-size: 120%;
	font-weight: bold;
	color: #f60;
	margin: 0 0.2em;
}

/* 評価 */
div.amaItemBox p.rating {
	text-align: center;
	margin-bottom: 0.5em;
}

/* 価格 */
div.amaItemBox p.price {
	text-align: center;
}
div.amaItemBox p.price span {
	font-size: 120%;
	font-weight: bold;
	color: #f60;
	margin: 0 0.2em;
}

/* アマゾンへのリンク */
div.amaItemBox p.amalink {
	margin-top: 0.5em;
	text-align: right;
}
div.amaItemBox p.amalink a {
	margin-top: 2em;
	background: url(img/link.gif) no-repeat;
	background-position: 0 center;
	padding-left: 15px;
	font-size: 80%;
}


/*======================================
	関連画像
=======================================*/
/* 画像 */
div#relatedImage p.imageList {
	text-align: center;
}
div#relatedImage p.imageList a img {
	margin-bottom: 3px;
	border: solid 5px #ccc;
}
div#relatedImage p.imageList a:hover img {
	border: solid 5px #6cf;
}



/*======================================
	タブ
=======================================*/
div.tabnavi {
	overflow: hidden;
	width: 535px;
	height: 68px;
	margin-bottom: 1.5em;
	border-bottom: solid 3px #ddd;
}
div.tabnavi ul {
	height: 68px;
}
div.tabnavi ul li {
	overflow: hidden;
	width: 89px;
	height: 68px;
	margin-left: 10px;
	text-align: center;
	float: left;
}
div.tabnavi ul li a {
	display: block;
	width: 89px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	position: relative;
}
div.tabnavi ul li a span {
	display: block;
	text-indent: 0;
	width: 89px;
	font-family: "ＭＳ ゴシック",sans-serif;
	position: absolute;
	bottom: 0;
	font-size: 80%;
	color: #eee;
}
div.tabnavi ul li a:hover span {
	color: #eee;
}
div.tabnavi ul li a:hover span {
	color: #333;
}
div.tabnavi ul li#tab_basic    a { background-image: url(img/gametab_basic.png); }
div.tabnavi ul li#tab_review   a { background-image: url(img/gametab_review.png); }
div.tabnavi ul li#tab_book     a { background-image: url(img/gametab_book.png); }
div.tabnavi ul li#tab_series   a { background-image: url(img/gametab_series.png); }
div.tabnavi ul li#tab_question a { background-image: url(img/gametab_question.png); }
div.tabnavi ul.basic    li#tab_basic    a,
div.tabnavi ul.review   li#tab_review   a,
div.tabnavi ul.book     li#tab_book     a,
div.tabnavi ul.series   li#tab_series   a,
div.tabnavi ul.question li#tab_question a
{
	background-position: 0 -68px;
}
div.tabnavi ul.basic    li#tab_basic    a span,
div.tabnavi ul.review   li#tab_review   a span,
div.tabnavi ul.book     li#tab_book     a span,
div.tabnavi ul.series   li#tab_series   a span,
div.tabnavi ul.question li#tab_question a span
{
	color: #333;
}
div.tabnavi ul li#tab_basic    a:hover,
div.tabnavi ul li#tab_review   a:hover,
div.tabnavi ul li#tab_book     a:hover,
div.tabnavi ul li#tab_series   a:hover,
div.tabnavi ul li#tab_question a:hover
{
	background-position: 0 -68px;
}

/* タブの上のマージンを0にする */
/*
#main_game_earch h3 {
	margin-bottom: 5px;
}
*/

/* h4見出しを消す */
/*
div#game_search_maker h4,
div#game_search_genre h4,
div#game_search_form h4
{
	display: none;
}
#main_game_earch div.content {
	padding: 1em;
}
*/


/* h3見出しを消す */
#page_item_detail h3
{
	display: none;
}

/* h4見出し */
#page_item_detail h4
{
	background-color: #090;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.2em 0.5em;
}



/*======================================
	レビュー一覧
=======================================*/
ul.reviewList {
	margin: 0;
	padding: 0;
}
ul.reviewList li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}


/*======================================
	レビューボックス
=======================================*/
div.reviewBox {
	border: solid 1px #ccc;
	margin-bottom: 1em;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*
	height: 15em;
	*/
	overflow: hidden;
}

/* ヘッダ */
div.reviewBox div.header {
	margin: 0 0 1em;
	padding-bottom: 3px;
	border-bottom: dotted 1px #666;
}
div.reviewBox div.header p.title {
	font-size: 100%;
	font-weight: bold;
}
div.reviewBox div.header p.etc {
	font-size: 100%;
	font-weight: bold;
}
div.reviewBox div.header p.etc span.rating {
	margin-right: 0.5em;
}
div.reviewBox div.header p.etc span.date {
	margin-right: 0.5em;
}
div.reviewBox div.header p.etc span.reviewer {
	color: #060;
}

/* 内容 */
div.reviewBox div.review {
	overflow: hidden;
	padding: 0 1em;
}
div.reviewBox p.image {
	float: left;
	margin-top: 2px;
	margin-right: 1em;
	margin-bottom: 0.5em;
	text-align: center;
}
div.reviewBox p.image img {
	vertical-align: bottom;
}
div.reviewBox p.image span.subtitle {
	color: #060;
}

/* フッタ */
div.reviewBox p.vote {
	margin: 1em 0 0;
	padding-top: 3px;
	border-top: dotted 1px #666;
	text-align: right;
}
div.reviewBox p.vote span.helpful_num {
	font-size: 120%;
	font-weight: bold;
	color: #f60;
}
div.reviewBox p.vote span.total_num {
	font-size: 90%;
}

/* ゲームタイトル */
div.reviewBox div.game {
	background-color: #eee;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.reviewBox div.game a {
	/*
	color: #fff;
	*/
}



/*======================================
	攻略本ボックス
=======================================*/
div.amazonBookBox {
	border: solid 1px #ccc;
	margin-bottom: 1em;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

/* 画像 */
div.amazonBookBox p.image {
	float: left;
	width: 180px;
	overflow: hidden;
	text-align: center;
	/*
	background-color:#00f;
	*/
}
div.amazonBookBox p.image a img {
	border: solid 5px #eee;
}
div.amazonBookBox p.image a:hover img {
	border: solid 5px #6cf;
}

/* 画像以外 */
div.amazonBookBox div.info {
	margin-left: 190px;
}
div.amazonBookBox p.title {
	margin-bottom: 0.5em;
}
div.amazonBookBox p.maker,
div.amazonBookBox p.price,
div.amazonBookBox p.review
{
	margin-bottom: 0.2em;
}
div.amazonBookBox p.price span {
	font-size: 130%;
	font-weight: bold;
	color: #096;
	margin-right: 3px;
}
div.amazonBookBox p.link {
	margin-top: 2em;
	background: url(img/link.gif) no-repeat;
	background-position: 0 center;
	padding-left: 15px;
	font-size: 80%;
}


/*======================================
	質問する
=======================================*/
p.questionLink a {
	border: 3px solid #690;
	background-color: #cec;
	margin-bottom: 1em;
	text-align: center;
	padding: 1em;
	display: block;
}
p.questionLink a:hover {
	border-color: #f60;
}