@charset "utf-8";

/* ===================================================================
CSS information

 file name  :shared.css
 style info :ヘッダー・フッターなどのページ共有スタイル
=================================================================== */
#pageTop {
	background: #fff;
}


/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */
#header {
	z-index: 100;
	height: 170px;	
}

#header .h_inner {
	width: 982px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}


/* ロゴ
========================================================== */
.h_inner h1 {
	position: absolute;
	top: 40px;
	left: 5px;
}

	.h_inner h1 a {
		display: block;
		text-indent: -9999px;
		background: url(../images/shared/logo.png) no-repeat 0 0;
		width: 253px;
		height: 41px;
	}


/* ヘッダーナビゲーション
========================================================== */
ul#hNavi {
	position: absolute;
	top: 0;
	right: 1px;
}

	ul#hNavi li {
		float: left;
	}


/* グローバルナビゲーション
========================================================== */
ul#gNavi {
	position: absolute;
	top: 95px;
	left: 3px;
}

	ul#gNavi li {
		float: left;
	}


/* -----------------------------------------------------------
	フッター
----------------------------------------------------------- */
#footer {
	background: #000;
}

/* フッターバナーエリア
========================================================== */
#footer .f_bnr_area {
	background: url(../images/shared/bg_footer.gif) repeat 0 0;
	border-top: 2px solid #555555;
	border-bottom: 1px solid #555555;
}

.f_bnr_area_inner {
	width: 970px;
	margin: 0 auto;
	padding: 15px 0 7px;
	position: relative;	
}

.f_bnr_area_inner p.btn_pageTop {
	position: absolute;
	right: 0;
	top: -30px;
	width: 132px;
	height: 26px;
}

.f_bnr_area_inner ul.bnr_S {
	overflow-y: hidden;
	float: right;
	padding-bottom: 8px;
	width: 970px;
}

	.f_bnr_area_inner ul.bnr_S li.list {
		float: left;
		padding-right: 16px;
	}

	.f_bnr_area_inner ul.bnr_S li.last-child,
	.f_bnr_area_inner ul.bnr_S li:last-child {
		padding-right: 0;
	}
	
.f_bnr_area_inner ul.social {
	overflow-y: hidden;
	position: absolute;
	top: -26px;
	left: 0;
	width: 400px;
}

	.f_bnr_area_inner ul.social li {
		float: left;
		padding-right: 20px;
		width: 100px;
	}

	.f_bnr_area_inner ul.social li:last-child {
		padding-right: 0;
	}



/* フッターナビエリア
========================================================== */
#footer .fNavi_area {
	width: 970px;
	margin: 0 auto;
	padding: 10px 0;
	overflow-y: hidden;
}

.fNavi_area ul {
	overflow: hidden;
	padding-bottom: 10px;
}

	.fNavi_area ul li {
		float: left;
		padding-right: 20px;
	}

	.fNavi_area ul li a:link    {color: #fff;text-decoration: none;}
	.fNavi_area ul li a:visited {color: #fff;text-decoration: none;}
	.fNavi_area ul li a:hover   {color: #fff;text-decoration: underline;}
	.fNavi_area ul li a:active  {color: #fff;text-decoration: underline;}

.fNavi_area p.copyright {
	color: #fff;
}


/* -----------------------------------------------------------
	コンテンツヘッダー
----------------------------------------------------------- */
#contentsHeader {
	background: url(../images/shared/bg_header.gif) repeat 0 0;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #222222;
}

/* パンくず
========================================================== */
.topicPath {
	background: #000;
	clear: both;
	padding: 5px 0;
	border-bottom: 1px solid #2f2f2f;
}

.topicPath ul {
	width: 940px;
	margin: 0 auto;
	overflow-y: hidden;
}

	.topicPath ul li {
		float: left;
		color: #fff;
		padding-right: 7px;
	}

	.topicPath ul li a:link    {color: #fff;text-decoration: underline;}
	.topicPath ul li a:visited {color: #fff;text-decoration: underline;}
	.topicPath ul li a:hover   {color: #fff;text-decoration: none;}
	.topicPath ul li a:active  {color: #fff;text-decoration: none;}



/* -----------------------------------------------------------
	コンテンツ
----------------------------------------------------------- */
#contents {
	clear: both;
	width: 970px;
	margin: 0 auto;
	padding: 20px 0 100px;
	overflow-y: hidden;
}

/* 950pxの場合は、innerを用いて対応（#contentsは残す）*/
#contents_inner {
	padding: 0 10px;
}

/* 910pxの場合は、innerの中にinnerを用いて対応（#contentsは残す）*/
.contents_inner_inner {
	padding: 0 20px;
}

/* 左カラム
========================================================== */
#left {
	width: 250px;
	float: left;
}


/* 検索部分 */
#left #main {
	background: url(../images/shared/bg_l_main.gif) no-repeat bottom;/*紫背景の指定*/
	padding: 0 0 15px 0;
}

#left #main p.l_main_top {
	background: url(../images/shared/bg_l_main_top.gif) no-repeat 0 0;/*紫背景上部の指定*/
	height: 23px;
	padding: 8px 11px;
}

#left #main .sub {
	background: url(../images/shared/bg_l_sub.gif) no-repeat bottom;/*白背景の指定*/
	width: 225px;
	margin: 0 auto;
	padding-bottom: 6px;
}

	#left #main .sub p.l_sub_top {
		background: url(../images/shared/bg_l_sub_top.gif) no-repeat 0 0;/*白背景上部の指定*/
		text-indent: -9999px;
		height: 9px;
	}

#left #main .sub .sub_inner{
	padding: 0 7px 0 8px;
}

#left #main .sub .sub_inner .searchArea {
	padding-bottom: 10px;
}

	#left #main .sub .sub_inner .searchArea input#keyword {
		height: 23px;
		width: 150px;
	}
	
	#left #main .sub .sub_inner .searchArea input.submit {
		background: url(../images/shared/btn_search.gif) no-repeat 0 0;
		border: 0;
		width: 50px;
		height: 27px;
		vertical-align: bottom;
	}

#left #main .sub .sub_inner ul {
	padding: 0 2px;
}

	#left #main .sub .sub_inner ul li {
	}

	#left #main .sub .sub_inner ul li.btn_short a {
		display: block;
		background: url(../images/shared/btn_l_short.gif) no-repeat 0 0;
		width: 205px;
		height: 20px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		padding: 5px 0;
		font-size: 110%;
	}

	#left #main .sub .sub_inner ul li.btn_short a:hover {background: url(../images/shared/btn_l_short.gif) no-repeat 0 -30px;}
	#left #main .sub .sub_inner ul li.btn_short a.on    {background: url(../images/shared/btn_l_short.gif) no-repeat 0 -30px;}

	#left #main .sub .sub_inner ul li.btn_long a {
		display: block;
		background: url(../images/shared/btn_l_long.gif) no-repeat 0 0;
		width: 205px;
		height: 19px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		padding: 10px 0;
		font-size: 110%;
	}

	#left #main .sub .sub_inner ul li.btn_long a:hover {background: url(../images/shared/btn_l_long.gif) no-repeat 0 -39px;}
	#left #main .sub .sub_inner ul li.btn_long a.on    {background: url(../images/shared/btn_l_long.gif) no-repeat 0 -39px;}

#left #main .btn_develop a {
	display: block;
	background: url(../images/game/btn_develop.png) no-repeat 0 0;
	width: 230px;
	height: 39px;
	text-indent: -9999px;
}
#left #main .btn_develop a:hover,
#left #main .btn_develop a.on {
	background: url(../images/game/btn_develop.png) no-repeat 0 -39px;
}



/* 右カラム
========================================================== */
#right {
	width: 705px;
	float: right;
}

#right h6 {
	padding: 0 0 10px;
}

/* 角丸エリア */
div.area_round {
	background: url(../images/shared/bg_r_round.gif) no-repeat bottom;
	clear: both;
	width: 705px;
	padding-bottom: 20px;
}

div.area_round_inner {
	width: 686px;
	margin: 0 auto;
}

	div.area_round_inner h3 {
		position: relative;
		height: 39px;
		clear: both;
	}
	
		ul.h3Navi {
			position: absolute;
			right: 6px;
			top: 5px;
		}
		
			ul.h3Navi li {
				float: left;
			}

div.area_round_inner dl.news {
	clear: both;
	border-bottom: 1px dotted #c1dbed;
	overflow-y: hidden;
	padding: 10px;
}

	div.area_round_inner dl.news dt {
		float: left;
		width: 36px;
	}
	
	div.area_round_inner dl.news dd {
		float: right;
		width: 620px;
	}




/* 各商品エリア */
div.eachProduct {
	background: url(../images/shared/bg_eachProduct.gif) no-repeat bottom;
	width: 345px;
	float: left;
	margin: 0 0 15px 15px;
	min-height: 222px;
}

div.eachProduct p {
	background: url(../images/shared/bg_eachProduct_top.gif) no-repeat 0 0;
	padding: 11px 10px 4px;
}

	div.eachProduct p img {
		padding: 0 5px 0 0;
	}

div.eachProduct dl {
	padding: 0 1px;
}

	div.eachProduct dl dt {
		border-bottom: 1px solid #dbdbdb;
		border-top: 1px solid #dbdbdb;
	}

	div.eachProduct dl dd {
		padding: 5px 15px;
	}
	
a:hover .eachProduct {
	background: url(../images/shared/bg_eachProduct_hover.gif) no-repeat bottom;
	cursor:pointer;
}

a:hover .eachProduct p {
	background: url(../images/shared/bg_eachProduct_top_hover.gif) no-repeat 0 0;
}

/* 各商品エリア - 検索後 */
div.eachProduct_result {
	margin: 0 0 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
	overflow-y: hidden;
	clear: both;
}

div.eachProduct_result_inner {	
	overflow-y: hidden;
	padding-bottom: 10px;
	position: relative;
}

div.eachProduct_result_inner p.cero {
	position: absolute;
	right: 0;
	top: 15px;
}

div.eachProduct_result_inner div.wrap_package {
	width: 140px;
	height: 125px;
	float: left;
}

	div.eachProduct_result_inner div.package {
		width: 140px;
		height: 125px;
		text-align: center;
		overflow: hidden;
		display: table-cell;
		vertical-align: middle;
	}

	/* IE 7 */
    *:first-child+html div.wrap div.eachProduct_result_inner div.package {
        display: inline;
        zoom: 1;
    }
 
    /*\*//*/
    * html div.eachProduct_result_inner div.package {
        display: inline-block;
    }
    /**/
    
    	
div.eachProduct_result_inner div.detail {
	float: right;
	width: 555px;
}

div.eachProduct_result_inner div.detail p.icon {
	padding-bottom: 8px;
}

div.eachProduct_result_inner div.detail dl {
	padding-bottom: 15px;
}

	div.eachProduct_result_inner div.detail dl dt {
		line-height: 1.3;
		padding-bottom: 7px;
		width: 510px;
	}

	div.eachProduct_result_inner div.detail dl dd {
	}

div.eachProduct_result table {
	background: #f1f9fc;
	border: 1px solid #d7ebf2;
	width: 100%;
	padding: 10px 15px;
	clear: both;
}

	div.eachProduct_result table th {
		font-weight: normal;
		width: 90px;
		padding: 3px;
	}

		div.eachProduct_result table th.short {
			width: 50px;
		}
	
	div.eachProduct_result table td {
		padding: 3px;
	}


/* 検索結果 */
div.search_result {
	background: #dbecf3;
	padding: 12px;
	margin: 0 0 10px;
}

/* ページング */
ul.paging {
    margin: 15px 0;
    text-align: right;
}

ul.paging li {
    display: inline;
}

ul.paging li strong {
    border: 1px solid #dbecf3;
    background: #dbecf3;
    display: inline-block;
    padding: 3px 7px 4px;
}

ul.paging li a {
    border: 1px solid #dddddd;
    display: inline-block;
    padding: 3px 7px 4px;
}