@charset "shift_jis";

/*
html {
width: 100%;
overflow: hidden;
}
*/


body {
	background-attachment: scroll;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #3FCFFF;
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 960px;
	background-image: url(../images/portal_body_bg4.jpg);
}


#container {
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#main {
	padding: 0px;
	height: 630px;
	/*↓あそんでわかるメンテ時の高さ*/
	/*height: 700px;*/
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;

}

#top_line {
	width: auto;
	padding: 0px;
	height: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../images/topLine_bg.jpg);
	overflow: hidden;
}


#mainArea {
	width: 960px;
	padding: 0px;
	/*↓あそんでわかるメンテ時の高さ*/
	/*height: 670px;*/
	height: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
}

#titleArea {
	width: 960px;
	padding: 0px;
	height: 85px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
}

#rogoArea {
	width: 375px;
	height: 85px;
	padding: 0px;
	margin-top: 0px;
	text-align: left;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/sh3_rogo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#catchArea {
	width: 585px;
	height: 85px;
	padding: 0px;
	margin-top: 0px;
	text-align: left;
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	background-attachment: scroll;
	background-image: url(../images/sh3_catch.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#contentsArea {
	width: 960px;
	padding: 0px;
	height: 420px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
}

#contentsArea_left {
	width: 570px;
	height: 420px;
	padding: 0px;
	margin-top: 0px;
	overflow: hidden;
	text-align: left;
	float: left;
}

#contentsArea_right {
	width: 380px;
	height: 420px;
	padding: 0px;
	margin-top: 0px;
	overflow: hidden;
	text-align: left;
	float: right;
}


/*-----あそんでわかるスタホ3-----*/
#contents01 {
	width: 570px;
	height: 275px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}


#contents01 h3,
#contents01 h3 a,
#contents01 h3 a:hover
{
	width: 570px;
	height: 275px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn01,
#c_btn01 a
{
	background-position: 0 0;
	background-image: url(../images/contents_1.jpg);
}

#c_btn01 a:hover
{
	background-position: 0 -275px;
	background-image: url(../images/contents_1.jpg);
}

/*-----メンテ中対応-----*/

#c_btn01_stop,
#c_btn01_stop a,
#c_btn01_stop a:hover
{
	background-position: 0 0;
	background-image: url(../images/contents_1_stop.jpg);
}




/*-----ＳＨ3公式サイト-----*/
#contents04 {
	width: 570px;
	height: 135px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}

#contents04 h3,
#contents04 h3 a,
#contents04 h3 a:hover
{
	width: 570px;
	height: 135px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn04,
#c_btn04 a
{
	background-position: 0 0;
	background-image: url(../images/contents_4.jpg);
}

#c_btn04 a:hover
{
	background-position: 0 -135px;
	background-image: url(../images/contents_4.jpg);
}

/*-----ＳＨ3ムービー-----*/
#contents02 {
	width: 380px;
	height: 140px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}

#contents02 h3,
#contents02 h3 a,
#contents02 h3 a:hover
{
	width: 380px;
	height: 140px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn02,
#c_btn02 a
{
	background-position: 0 0;
	background-image: url(../images/contents_2.jpg);
}

#c_btn02 a:hover
{
	background-position: 0 -140px;
	background-image: url(../images/contents_2.jpg);
}


/*-----はじめてのメダルゲーム-----*/
#contents03 {
	width: 380px;
	height: 125px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}

#contents03 h3,
#contents03 h3 a,
#contents03 h3 a:hover
{
	width: 380px;
	height: 125px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn03,
#c_btn03 a
{
	background-position: 0 0;
	background-image: url(../images/contents_3.jpg);
}

#c_btn03 a:hover
{
	background-position: 0 -125px;
	background-image: url(../images/contents_3.jpg);
}



/*-----引継ぎについて-----*/
#contents05 {
	width: 380px;
	height: 63px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}

#contents05 h3,
#contents05 h3 a,
#contents05 h3 a:hover
{
	width: 380px;
	height: 63px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn05,
#c_btn05 a
{
	background-position: 0 0;
	background-image: url(../images/contents_5.jpg);
}

#c_btn05 a:hover
{
	background-position: 0 -63px;
	background-image: url(../images/contents_5.jpg);
}


/*-----設置店舗情報-----*/
#contents06 {
	width: 380px;
	height: 62px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}

#contents06 h3,
#contents06 h3 a,
#contents06 h3 a:hover
{
	width: 380px;
	height: 62px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn06,
#c_btn06 a
{
	background-position: 0 0;
	background-image: url(../images/contents_6.jpg);
}

#c_btn06 a:hover
{
	background-position: 0 -62px;
	background-image: url(../images/contents_6.jpg);
}



/*-----【臨時対応】ＳＨ3ムービー（右下へ）-----*/
#contents07 {
	width: 380px;
	height: 135px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	text-align: left;
}

#contents07 h3,
#contents07 h3 a,
#contents07 h3 a:hover
{
	width: 380px;
	height: 135px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn07,
#c_btn07 a
{
	background-position: 0 0;
	background-image: url(../images/contents_7.jpg);
}

#c_btn07 a:hover
{
	background-position: 0 -135px;
	background-image: url(../images/contents_7.jpg);
}


/*-----【臨時対応】twitter ウィジェット（右上へ）-----*/
#contents_w {
	width: 380px;
	height: 275px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	background-attachment: scroll;
	background-image: url(../images/widgets_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}






#footer {
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #FFF;
	overflow: hidden;
}

#under_line1 {
	width: auto;
	padding: 0px;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../images/underLine_bg2.png);
}

#under_line2 {
	width: auto;
	padding: 0px;
	height: 370px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center top;
	overflow: hidden;
	background-image: url(../images/underLine_bg1.jpg);
}

#under_line2_in {
	width: 920px;
	padding: 0px;
	height: 190px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
}

#under_line2_in_left {
	width: 570px;
	padding: 0px;
	height: 170px;
	text-align: left;
	float: left;
}

#under_line2_in_right {
	width: 330px;
	padding: 0px;
	height: 170px;
	text-align: left;
	float: right;
}


/*-----News-----*/
#news_title
{
	width: 330px;
	height: 30px;
	margin: 0px;

}

#news_title_left
{
	width: 300px;
	height: 30px;
	text-indent: -9999px;
	margin: 0px;
	background-attachment: scroll;
	background-image: url(../images/news_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

/*--RSSアイコン--*/

#news_title_right {
	width: 23px;
	height: 30px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	overflow: hidden;
	float: right;
}




#news_area {
	width: 330px;
	height: 120px;
	padding: 0px;
	text-align: left;
	overflow-y: scroll;
	background-color: #05176E;	
/*	scrollbar-track-color: #624728;/*バーの部分*/
/*	scrollbar-face-color: #493316;/*メインの部分*/
/*	scrollbar-arrow-color: #FC9;/*▼▲*/
/*	scrollbar-3dlight-color: #29160D;/*外側の左と上*/
/*	scrollbar-highlight-color: #B98A52;/*内側の左と上*/
/*	scrollbar-shadow-color: #B98A52;/*内側の右と下*/
/*	scrollbar-darkshadow-color: #29160D;/*外側の右と下*/

}


#news_area dl {
	width: 300px;
}

#news_area dl dt {
	font-size: 13px;
	width: 280px;
	color: #FF0;
	margin-left: 10px;
	line-height: 15px;
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 2px;
	font-weight: bold;
	padding-bottom: 0px;
}

#news_area dl dd {
	font-size: 13px;
	line-height: 18px;
	padding-left: 0px;
	width: 280px;
	height: auto;
	margin-left: 10px;
	padding-top: 6px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FF0;
}

/*----更新情報のロールオーバー----*/

#news_area dd a:link,
#news_area dd a:visited{
	color: #FFF;
}


#news_area dd a:hover {
	color: #9FF;
	text-decoration: none;
}



/*---------SH2 SHprリンク---------*/

#legacy_title_box {
	width: 570px;
	height: 85px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	/*border-bottom-width: 1px;*/
	/*border-bottom-style: solid;*/
	/*border-bottom-color: #FFF;*/
}

#legacy_title {
	width: 570px;
	height: 60px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
}

#legacy_title ul {
	width: 570px;
	height: 60px;
	padding: 0px;
	text-align: left;
}

#legacy_title li,
#legacy_title li a,
#legacy_title li a:hover
{
	width: 260px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	padding: 0px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px;
}


#c_sh2,
#c_sh2 a
{
	background-position: 0 0;
	background-image: url(../images/contents_sh2_2.jpg);
}

#c_sh2 a:hover
{
	background-position: 0 -60px;
	background-image: url(../images/contents_sh2_2.jpg);
}

#c_shPRr,
#c_shPRr a
{
	background-position: 0 0;
	background-image: url(../images/contents_shPRr_2.jpg);
}

#c_shPRr a:hover
{
	background-position: 0 -60px;
	background-image: url(../images/contents_shPRr_2.jpg);
}



/*---------セガロゴ・コピーライト---------*/

#copy_box {
	width: 570px;
	height: 55px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}


#segarogo {
	width: 110px;
	height: 50px;
	margin-top: 0px;
	text-align: left;
	padding: 0px;
	float: left;
}

#copyright {
	width: 430px;
	height: 50px;
	margin-top: 0px;
	text-align: left;
	float: right;
	padding-top: 2px;
}


.wordsize_copy {
	font-size: 11px;
	line-height: 15px;
}

#entrance_box {
	width: 570px;
	height: 30px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}



/*-----シェアボタン-----*/
#sub_btn_box {
	width: 960px;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
}

#share_box {
	width: 330px;
	height: 30px;
	margin-top: 0px;
	text-align: left;
	padding-top: 5px;
	overflow: hidden;
	float: right;
}

#share_title {
	width: 110px;
	height: 30px;
	text-align: left;
	float: left;
	padding-top: 5px;
}

#facebook {
	width: 130px;
	height: 30px;
	text-align: left;
	float: left;
	padding-top: 6px;
}

#twitter {
	width: 70px;
	height: 30px;
	text-align: left;
	float: left;
	padding-top: 6px;
}

/*-----RSSアイコン-----*/
#news_under_box {
	width: 330px;
	height: 50px;
	margin-top: 5px;
	text-align: left;
	overflow: hidden;
}


#rss_box {
	width: 23px;
	height: 30px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	overflow: hidden;
	padding-top: 9px;
	float: right;
}


/*----------最下段バナー----------*/
#under_bnr_box {
	width: 920px;
	padding: 0px;
	height: 54px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
}

#under_bnr_box ul {
	width: 760px;
	height: 54px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#under_bnr_box li {
	width: 168px;
	height: 52px;
	text-align: left;
	float: left;
	border: 1px solid #FFF;
}










/*-----イベント情報スペース-----*/
#eventArea {
	width: 960px;
	padding: 0px;
	height: 70px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
}

#eventArea_in {
	width: 740px;
	padding: 0px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
}

/*-----【臨時対応版】イベント情報スペース-----*/
#eventArea_0724 {
	width: 960px;
	padding: 0px;
	height: 70px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
}

#eventArea_in_0724 {
	width: 380px;
	padding: 0px;
	height: 70px;
	text-align: left;
	overflow: hidden;
	float: right;
}

/*-----はじめてのメダルゲーム-----*/
#contents08 {
	width: 380px;
	height: 70px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
	float: right;
}

#contents08 h3,
#contents08 h3 a,
#contents08 h3 a:hover
{
	width: 380px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}


#c_btn08,
#c_btn08 a
{
	background-position: 0 0;
	background-image: url(../images/contents_8.jpg);
}

#c_btn08 a:hover
{
	background-position: 0 -70px;
	background-image: url(../images/contents_8.jpg);
}








#socialbtn_box {
	width: 900px;
	padding: 0px;
	height: 65px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*Flashプレイヤーの情報*/
#player_box {
	width: 500px;
	padding: 0px;
	height: 60px;
	margin-top: 0px;
	text-align: left;
}

#player_box_left {
	width: 140px;
	height: 50px;
	margin-top: 0px;
	text-align: left;
	float: left;
	padding-top: 10px;
}

#player_box_right {
	width: 360px;
	height: 49px;
	margin-top: 0px;
	text-align: left;
	float: right;
	font-size: 10px;
	line-height: 16px;
	color: #FFF;
	padding-top: 12px;
}

/*----------あそんでわかる一時休止のお知らせ----------*/
#information_box {
	width: 958px;
	padding: 0px;
	height: 55px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #F00;
	border: 1px solid #FFF;
	overflow: hidden;
}

#information_box_in {
	width: 870px;
	padding: 0px;
	height: 45px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #FFF;
}

#information_box_left {
	width: 135px;
	padding: 0px;
	height: 45px;
	text-align: left;
	float: left;
}

#information_box_right {
	width: 715px;
	padding: 0px;
	height: 45px;
	text-align: left;
	float: right;
}

.info_image{
	float: left;
	width: 24px;
	height: 24px;

}

.info_name{
	font-size: 18px;
	line-height: 24px;
	padding-top: 2px;
	float: left;
	padding-left: 10px;
	font-weight: bold;
}

#information_box_right p {
	font-size: 14px;
	line-height: 20px;
	padding-top: 3px;
	font-weight:bold;

}

#oshirase {
	height: 33px;
	width: 120px;
	margin-top: 10px;
	margin-left: 10px;
}




#sub_btn_box p {
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
}





/*-----------文字のロールオーバー-----------*/

#under_line1 p a:link,
#under_line2 p a:link {
	color: #FFF;
	/*font-weight: bold;*/
	text-decoration: none;
}

#under_line1 p a:visited,
#under_line2 p a:visited {
	color: #FFF;
	/*font-weight: bold;*/
	text-decoration: none;
}

#under_line1 p a:hover,
#under_line2 p a:hover {
	color: #FFF;
	/*font-weight: bold;*/
	text-decoration: underline;
}