/*/==========================================================//
 FileName       : top_page.css
 Author         : PicoPico_Hammer
 Editor         : NetBeans [http://netbeans.org/]
 Comment        : Black Chaser - トップページ用 Style Sheet
//==========================================================/*/


/*/-------------------------//
 ☆ トップ画像
//-------------------------/*/
#TopPage_Image, #TopPage_Image_NS /* NS: "No Script" */
{
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 720px;
	height: 478px;
}

/*/-------------------------//
 ☆ イベント告知
//-------------------------/*/
#TopPage_Event,
#TopPage_Customkey,
#TopPage_Limited
{
	margin-bottom: 24px;
}

#TopPage_Event a img,
#TopPage_Customkey a img,
#TopPage_Limited a img
{
	border: 3px solid #888;
	border-radius: 4px;
}

#TopPage_Event a img:hover,
#TopPage_Customkey a img:hover,
#TopPage_Limited a img:hover
{
	border-color: #7CCC1A;
}

#Event_Text
{
	margin: 8px auto;
}

#Event_Text a
{
	color: #B8FAC8;
	border-bottom: none;
	text-decoration: underline;
}

#Event_Text a:hover
{
	color: #D4A454;
	text-decoration: none;
}


/*/-------------------------//
 ☆ お知らせ
//-------------------------/*/
#History
{
	margin: 12px auto 16px;
	display: block;
}

.history_box
{
	background-color:#F0E3BC;
	color: #111;
	text-align:	left;
	overflow: auto;
	width: 32em;
	min-width: 480px;
	height: 8em;
	margin: 0 auto;
	padding: 0.5em 0.3em 0.5em;
	border: 4px groove #552211;
	border-radius: 3px;
}

.history_box table th
{
	color: #525252;
	font-weight: normal;
	vertical-align:	sub;
	line-height: 1.4em;
	text-align: left;
	font-size: small;
	width:	7.5em;
}

.history_box table tr:hover
{
	text-decoration: underline;
	color: #A06440;
}

.history_box table td
{
	color: #000;
    vertical-align: top;
	line-height: 1.2em;
}

/*/-------------------------//
 ☆ Dealer Shop
//-------------------------/*/
.dealer_link
{
	text-align: center;
	background-color: #101010;
	background-color: rgba(16,16,16,0.9);
	margin: 32px auto 32px;
	padding: 8px 4px 4px;
	border: solid 1px #606060;
	border-radius: 7px;
	width: 640px;
}
.dealer_link::after
{
	content: "_";
	display: block;
	visibility: hidden;
	height: 1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.dealer_link p
{
	line-height: 1.2em;
}

.dealer_list
{
	margin: 8px 10px 8px;
	width: 300px;
	height: 200px;
	float: left;
}

.dealer_list a
{
	text-decoration: underline;
}

.dealer_list a:hover
{
	color: #7CCC1A;
	text-decoration: none;
}

.dealer_name
{
	font-size: 17px;
	font-weight: bold;
}

.dealer_address
{
	font-size: 15px;
	font-weight: bold;
	color: #BCBCBC;
	line-height: 20px;
}


.dealer_banner_00
{
	margin: 6px auto; /* (80px - img_sizeH)/2 */
}
.dealer_banner_01	{margin: 8px auto;}
.dealer_banner_02	{margin: 0px auto;}
.dealer_banner_03	{margin: 0px auto;}
.dealer_banner_04	{margin: 5px auto;}


/*/-------------------------//
 ☆ Link
//-------------------------/*/
.link_area
{
	margin: 4px 0;
	display: inline;
}

.link_area a,
.dealer_link a
{
	margin-bottom: 1px;
	border-style: none;
	display: inline-block;
}

.link_area a:focus
{
	margin-bottom: 0px;
	color: #D4A454;
	border-bottom: 1px solid #AE3313;
	outline: none;
}

.link_area a img
{
	border: 3px solid #888;
	border-radius: 4px;
	padding: 0px;
	margin: 8px 12px 0px;
	background-color: #000;
}

.link_area a img:hover,
.link_area a:hover img
{
	border-color: #7CCC1A;
}