@charset "utf-8";
/* CSS Document */

/*汎用style*/
a{
	font-weight: bold;
	text-decoration: underline;
	color: #900;
}
a:hover{
	xbackground-color: #0FF;
/*	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	transition: 0.35s;		*/
}
::selection {
    background: #F90; /*背景色*/
    color: #fff; /*文字色*/
}
::-moz-selection {
    background: #F90; /*背景色*/
    color: #fff; /*文字色*/
}
::-webkit-selection {
    background: #F90; /*背景色*/
    color: #fff; /*文字色*/
}

body{
	color: #660000;
	font-family: "ヒラギノゴシック Pro W3", "Hiragino Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", serif;
	font-size: 10pt;
	line-height: 1.75;	
	xbackground: url(../img/bg_body.jpg) no-repeat center top;
	background-color: #330000;
	min-width: 938px;
	xborder: 1px solid #FF0;	
}
div.wrapperbody{
	/*width: 1286px;*/
	width: 100%;
	height: auto;
	margin: 0px auto;
	position: relative;
	background: url(../img/bg_body.jpg) no-repeat center top;
	min-width: 938px;
	xborder: 1px solid #0CF;
}
div.wrapper{
	width: 100%;
	height: auto;
	margin: 0px auto !important;
	background: url(../img/bg_wrapper.png) repeat-y center top;
	position: relative;
	xborder: 1px solid #F00;
}
header{
	width: 100%;
	height: 267px;
	margin:  0 auto;
	background: url(../img/bg_navbox.jpg) repeat-x center top;
	position: relative;
}
div#header_inner{
	width: 988px;
	height: 193px;
	margin: 0px auto;
	position: relative;	
	background: url(../img/topics/h2.jpg) no-repeat center top;
	xxxborder: 5px solid #039;
	margin-top: 1px;
	
}
div#header_inner h2{
	display: none;
}
div#header_inner div.logo_sega{
	text-indent: -9999px;
	
}
div#header_inner div.logo_boatrace{
			text-indent: -9999px;
		
	
}
.cl{
	float:none;
	clear:both;
	}

/*ページごとのh2 CSSシグネチャ*/
body#topics div#header_inner{
	background: url(../img/topics/h2.jpg) no-repeat center top;
}
body#game div#header_inner{
	background: url(../img/game/h2.jpg) no-repeat center top;
}
body#program div#header_inner{
	background: url(../img/program/h2.jpg) no-repeat center top;
}
body#location div#header_inner{
	background: url(../img/location/h2.jpg) no-repeat center top;
}
body#chobatsu div#header_inner{
	background: url(../img/chobatsu/h2.jpg) no-repeat center top;
}
body#dotnet div#header_inner{
	background: url(../img/dotnet/h2.jpg) no-repeat center top;
}
body#sp div#header_inner{
	background: url(../img/sp/h2.jpg) no-repeat center top;
}


/*h1のimgリンク領域は表示、テキストは非表示*/
h1#logo_title{
	width: 365px;
	height: 80px;
	margin: 0 auto;
	xbackground: #00F;
	xtext-indent: -9999px;
	opacity: 0; !important;
	alpha: 0%;/*IE向け*/
	color: #000;
}

div.backtohome{
	width: 177px;
	height: 34px;
	position: absolute;
	top: 0px;
	left: 15px;
	background: url(../img/nav_home.png) no-repeat left -34px;
	text-indent: -9999px;
}
div.backtohome a{
	display: block;
	width: 177px;
	height: 34px;	
	background: url(../img/nav_home.png) no-repeat left top;
}
a.backtohomelogo{
	width: 399px;
	height: 103px;
	position: absolute;
	top: 80px;
	left: 41px;
	text-indent: -9999px;
}

.padding_topx{
	padding-top:48px;
	}

/*-----------------gNaviStart-----------------*/
nav{
	width: 938px;
	height: 72px;
	margin: 0 auto;
	padding-top: 1px;
	xborder: 1px solid #FFF000;
	padding-left:30px;
}
nav ul li{

	width: 187px;
	height: 74px;
	text-indent: -9999px;
	float: left;
	position:relative; /*add*/
	border-left:none;	 /*add*/
	
}
nav ul li a{

	width: 187px;
	height: 73px;
	display: block;

}
li#gNav001{
	background: url(../img/gNav001.jpg) no-repeat left top;
	background-position: 0 -74px;		
}
li#gNav001 a{
	background: url(../img/gNav001.jpg) no-repeat left top;
}
body#topics li#gNav001 a{
	background-position: 0 -74px;	
}
li#gNav002{
	background: url(../img/gNav002.jpg) no-repeat left top;
	background-position: 0 -74px;		
}
li#gNav002 a{
	background: url(../img/gNav002.jpg) no-repeat left top;
}
body#game li#gNav002 a{
	background-position: 0 -74px;	
}
li#gNav003{
	background: url(../img/gNav003.jpg) no-repeat left top;
	background-position: 0 -74px;		
}
li#gNav003 a{
	background: url(../img/gNav003.jpg) no-repeat left top;
}
body#card li#gNav003 a{
	background-position: 0 -74px;	
}
li#gNav004{
	background: url(../img/gNav004.jpg) no-repeat left top;
	background-position: 0 -74px;		
}
li#gNav004 a{
	background: url(../img/gNav004.jpg) no-repeat left top;
}
xli#gNav004 a:hover{
	opacity:1;
}
body#location li#gNav004 a{
	background-position: 0 -74px;	
}
li#gNav005{
	background: url(../img/gNav005.jpg) no-repeat left top;
	background-position: 0 -74px;		
}
li#gNav005 a{
	background: url(../img/gNav005.jpg) no-repeat left top;
}
body#ranking li#gNav005 a{
	background-position: 0 -74px;	
}
li#gNav006{
	background: url(../img/gNav006.jpg) no-repeat left top;
	background-position: 0 -74px;		
}
li#gNav006 a{
	background: url(../img/gNav006.jpg) no-repeat left top;
}
body#labo li#gNav006 a{
	background-position: 0 -74px;	
}
li#gNav007{
	background: url(../img/gNav007.jpg) no-repeat left top;
	background-position: 0 -74px;		
}
li#gNav007 a{
	background: url(../img/gNav007.jpg) no-repeat left top;
}
body#sp li#gNav007 a{
	background-position: 0 -74px;	
}
/*-------該当ページ表示時のボタン反転-------*/


/*-------gNaviドロップダウンSTART-------*/
nav ul li ul {
	position:absolute;
	visibility:hidden;
	opacity:0;
	z-index:9999;
	xborder: 1px solid #F00;
	z-index: 500 !important;		
}

nav ul li:hover ul {
	visibility:visible;
	opacity:1;
	xbox-shadow: 0px 0px 5px 5px #adfbff;
	z-index: 500 !important;	
	ｘtop: 0px;
}

nav ul li ul li {
	width:194px;
	height: 20px !important;
	font-size: 9pt !important;
	xmargin:-5px 0 0;
	float:none;
	text-indent: 2px;
	line-height: 20px;
	padding: 5px;
	background-color:#fffcd2;	
	background: rgba(255, 252, 210, 0.95) !important;
	opacity: 0.95 !important;
}

nav ul li ul li a {
	width:194px;
	height: 20px !important;	
	background-image: none !important;
	font-weight: normal;
	text-decoration: none;
	font-size: 9pt !important;
	z-index: 500 !important;		
}
/*jQにて第二階層のlink先が#か判定しこの部分に.arrowを付加*/
.arrow{
		background: url(../img/icon/li_title.png) no-repeat right center !important;
		z-index: 500 !important;		
}
/*左側に表示する場合*/
.arrowleft{
		background: url(../img/icon/li_title_left.png) no-repeat left center !important;
		text-indent: 2em;	
		z-index: 500 !important;		
}
nav ul li ul li a:hover{
	display: block !important;
	background-color:#FC3 !important;
	opacity: 1 !important;
	z-index: 500 !important;		
}
nav ul li:hover ul li {
	margin-top:0;
	z-index: 500 !important;	
}

nav ul li ul li ul {
	top:0;
	left:204px;
	z-index: 500 !important;
}

nav ul li ul li ul.dd-left {
	top:0;
	left:-204px;
	z-index: 500 !important;	
}

nav ul li:hover ul li ul {
	visibility:hidden;
	opacity:0;
	z-index: 500 !important;	
}

nav ul li:hover ul li:hover ul {
	visibility:visible;
	opacity:1;
	z-index: 500 !important;	
}

nav ul li:hover ul li ul li {
	width:194px;
}

nav ul li:hover ul li ul.dd-left li {
	left:0px;
	z-index: 500 !important;	
}

nav ul li:hover ul li:hover ul li {
	width:194px;
	z-index: 500 !important;	
}
/*IE対応*/
nav ul li:hover ul li:hover ul li {
	left: 30px\9 !important; /* IE8 */	
  *left: 30px;  /*IE7 */
  _left: 30px;  /*IE6 */
	z-index: 500\9 !important;	 /* IE8 */		
}

nav ul li ul li ul.dd-left {
	left: -234px\9 !important; /* IE8 */	
  *left: -234pxpx;  /*IE7 */
  _left: -234pxpx;  /*IE6 */
	z-index: 500\9 !important; /* IE8 */		
}
nav ul li:hover ul.dd-left li:hover ul li {
	left: -394px\9 !important;	 /* IE8 */
	z-index: 500\9 !important;	 /* IE8 */	
}

/*-------gNaviドロップダウンEND-------*/

/*comingsoon*/
span.comingsoon{
	width: 155px;
	height: 75px;
/*	width: 144px;
	height: 47px;*/
	display:block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/comingsoon.png) no-repeat left top;
	z-index: 5;
	text-indent: -9999px;
}
span.new{
	width: 50px;
	height: 30px;
	display:block;
	position: absolute;
	top: 48px;
	left: 80px;
	background: url(../img/new.png) no-repeat left top;
	z-index: 5;
	text-indent: -9999px;
}

/*-----------------gNaviEnd-----------------*/

/*-------------------------メイン領域Start-------------------------*/
article{
	width: 988px;
	height: auto;
	margin: 0px auto;
	xpadding-bottom: 25px;
	position: relative;
}
div#pankuzu{
	width: 958px;
	height: 48px;
	margin: 0px auto;
	background: url(../img/bg_pankuzulist.png) repeat-x left top;
	color: #FFF;
	font-size: 11pt;
	font-weight: bold;
	text-indent: 25px;
	padding-top: 10px;
}
section.main{
	width: 988px;
	height: auto;
	margin: 0px auto;
	background: url(../img/bg_main.png) repeat-y center top;
	padding-bottom: 25px;
	
}
div.mainbottom{
	width: 988px;
	height: 98px;
	background: url(../img/bg_mainbottom.png) no-repeat center bottom;
}

/*-------------メインコンテンツウィンドウStart-------------*/
div.win{
	width: 	916px;
	height: auto;
	margin: 0 auto;
}

/*ページの上へボタン*/
div#btn_pagetop{
	width:  168px;
	height: 63px;
	margin: 0 auto;
	background: url(../img/btn_pagetop.png) no-repeat center top;
	background-position: 0 -63px;		
	text-indent: -9999px;
}
div#btn_pagetop a{
	display: block;
	width:  168px;
	height: 63px;
	background: url(../img/btn_pagetop.png) no-repeat center top;
}

/*winmiddle中身*/
div.winparent{
	width: 	916px;
	height: auto;
	margin: 0px auto;	
	background: url(../img/bg_winparent.png) repeat-y top left;
}
div.winparent h3{
	width: 	916px;
	height: 54px;
	background: url(../img/h3.jpg) no-repeat center top;
	margin: 0px auto 15px;
	text-indent: 265px;
	font-size:17pt;
	xfont-weight: bold;
	padding-top: 6px;
	color: #FFF;
}
div.winchildbottom{
	width:  916px;
	height: 6px;
	position: bottom;
	background:  url(../img/bg_winchildbottom.jpg) no-repeat center bottom;
}
/*▼subとmainをしばりclearfixを機能*/
div.sub_main_box{
}
div#submenubox{
	width: 200px;
	height: auto;
	color: #FFF;
	margin-left: 16px;
	float: left;
}
div#mainbox{
	width: 624px;
	height: auto;
	margin-right: 28px;
	margin-bottom: 25px;	
	float: right;
}
/*情報枠不要の場合。*/
div#main_nonbox{
	width: 624px;
	height: auto;
	padding-right: 45px;
	margin-bottom: 25px;	
	float: right;
}

/*各コンテンツ枠*/
div.contentwin_top{
	width: 624px;
	height: 36px;
	margin: 0px auto;
	background: url(../img/contentwin_top.jpg) no-repeat center top;
}
div.contentwin_middle{
	width: 624px;
	height: auto;
	margin: 0px auto;	
	background: url(../img/contentwin_middle.jpg) repeat-y center top;
}	
div.contentwin_bottom{
	width: 624px;
	height: 30px;
	margin: 0px auto;	
	background: url(../img/contentwin_bottom.jpg) no-repeat center bottom;
}	

/*各コンテンツに中見出しがあった場合(div.contentwin_topと差替)*/
div#mainbox h4{
	width: 624px;
	height: 52px !important;
	margin: 0px auto;
	background: url(../img/h4.jpg) no-repeat center top;
	font-size: 14pt;
	font-weight: bold;
	color: #FFF;
	text-indent: 45px;
	padding-top: 14px;
	clear: both;
}


/*submenu*/
div#submenubox ul li{
	background: url(../img/icon/point.png) no-repeat left 5px;
	text-indent: 1.85em;
	font-size: 12px;
	margin-bottom: 2px;
	margin-left: 4px;
	xline-height: 1.5;
}
div#submenubox ul li a{
	font-weight: normal;
	text-decoration: underline;
	color: #FFF;
}

div#submenubox ul li a:hover{
	color: #900;	
	background-color: #FC6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;		
}

div#submenubox ul li.lititle{
	margin-top: 14px;
	background: url(../img/icon/li_title.png) no-repeat left center;
	margin-left: 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FC9;
}

div#submenubox ul li.lititle:first-child{
	margin-top: 0px;
}
div.infobox{
	width: 548px;
	height: auto;
	margin: 0px auto;
	padding-top: 12px;
	xborder: 1px solid #00C;
}

div.infobox a:hover{
	background-color: #F30;
	color: #FFF;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	transition: 0.35s;		
}


/*---------infobox中身　小見出し------*/
div#mainbox h5{
	width: 548px;
	height: 50px;
	margin: 0px auto;
	background: url(../img/h5.jpg) no-repeat center top;
	font-size: 12pt;
	font-weight: bold;
	color: #FFF;
	text-indent: 20px;
	padding-top: 2px;
	xborder:1px solid #036;
	clear: both;
}

/*---------infobox中身　本文------*/
.date{
	text-align: right;
}
.clearboth{
	clear: both;
}
.displayB{
	display: block;
}
.bold{
	font-weight: bold;
}
.font7pt{
	font-size: 7pt;
}
.font8pt{
	font-size: 8pt;
}
.font9pt{
	font-size: 9pt;
}
.font12pt{
	font-size: 12pt;
}
.font13pt{
	font-size: 13pt;
}
.font14pt{
	font-size: 14pt;
}
.font15pt{
	font-size: 15pt;
}
.font16pt{
	font-size: 16pt;
}
.font17pt{
	font-size: 17pt;
}
.border{
	border: 1px solid #003;
}
.center{
	text-align: center !important;
	margin: 0px auto;
}
.red{
	color: #F00 !important;
}
.underline{
	text-decoration: underline;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.paddingT10{
	padding-top: 10px;
}
.paddingB10{
	padding-bottom: 10px;
}
.marginR15{
	margin-right: 15px;
}
.marginL15{
	margin-left: 15px;	
}
.marginB15{
	margin-bottom: 15px;	
}
.marginB25{
	margin-bottom: 25px;
}
.marginT25{
	margin-top: 25px;
}
.paddingT25{
	padding-top: 25px;
}
.marginR25{
	margin-right: 25px;
}
.marginL25{
	margin-left: 25px;
}
.marginB45{
	margin-bottom: 45px;
}
.marginT45{
	margin-top: 45px;
}
.paddingT45{
	padding-top: 45px;
}
.padding15{
	padding: 15px;
}
p.p_right{
	float: right;
	width: 260px;
	xborder: 1px solid #F00;
}
p.p_left{
	float: left;
	width: 260px;
	xborder: 1px solid #F00;
}
p.p_right_labo{
	float: right;
	width: 290px;
	xborder: 1px solid #F00;
}
/*クリアウィンドウ*/
div.win_description{
	width: 548px;
	height: 147px;
	background: url(../img/bg_info_description.jpg) no-repeat center top;
}

h5.description{
	width: 520px;
	height: 53px;
	text-indent: -9999px !important;
}

div.win_description p{
	width: 300px;
	margin-left: 20px;
	margin-top: -8px;
	xborder: 1px solid #000;
	float:left;
}

span.arrow_down{
	display: block;
	width: 48px;
	height: 37px;
	background: url(../img/arrow_down.png) no-repeat center top;
	margin: 0px auto 20px;
}
/*クリアウィンドウハーフ*/
div.win_description_s{
	width: 267px;
	height: 149px;
	background: url(../img/bg_info_description_s.jpg) no-repeat center top;
	position: relative;
}

h5.description_s{
	width: 227px !important;
	/*height: 80px;*/
	height: 45px !important;
	background: url(../img/h5_desription_s.png) no-repeat 5px 13px !important;
	position: relative;
	text-indent: 45px !important;
	padding-top:26px!important;
	color: #036 !important;
	font-weight: normal !important;
}
h5.description_s span{
	display: block;
	width: 46px;
	height: 52px;
	position: absolute;
	top: 13px;
	left: -7px;
	z-index: 5;
	text-indent: -9999px;
}
div.win_description_s p{
	width: 232px;
	height: 55px;
	margin: 0px auto;
	xborder: 1px solid #F00;
	line-height: 1.7;
	font-size: 90%;
}

h5.description_s span#gem01{
	background: url(../img/gem01.png) no-repeat left top!important;	
	xborder: 1px solid #F00;
}
h5.description_s span#gem02{
	background: url(../img/gem02.png) no-repeat left top!important;	
}
h5.description_s span#gem03{
	background: url(../img/gem03.png) no-repeat left top!important;	
}
h5.description_s span#gem04{
	background: url(../img/gem04.png) no-repeat left top!important;	
}
h5.description_s span#gem05{
	background: url(../img/gem05.png) no-repeat left top!important;	
}
h5.description_s span#gem06{
	background: url(../img/gem06.png) no-repeat left top!important;	
}
h5.description_s span#gem07{
	background: url(../img/gem07.png) no-repeat left top!important;	
}
/*クリアウィンドウカード*/
div.win_description_card{
	width: 267px;
	height: 421px;
	background: url(../img/bg_info_description_card.jpg) no-repeat center top;
}
div.win_description_card p{
	width: 232px;
	height: 55px;
	margin: 0px auto;
	xborder: 1px solid #F00;
	line-height: 1.5;
	font-size: 90%;
}
div.win_description_card img{/*カード部分*/
	width: 200px;
	height: 282px;
	margin: -10px auto 0px;
	xborder: 1px solid #F00;
	display: block;
	box-shadow: 0px 0px 5px 5px #4bd9ff;		
}
/*クリアウィンドウラージ*/
div.win_description_l{
	width: 548px;
	height: 273px;
	background: url(../img/bg_info_description_l.jpg) no-repeat center top;
	xborder: 1px solid #F00;
}
div.win_description_l p{/*基本1カラム全て使う。*/
	width: 508px;
	margin: -5px auto 10px;
	xborder: 1px solid #000;
}

ul.peralist li{
	font-weight: bold;
	text-indent: 1.5em;
	background: url(../img/icon/point.png) no-repeat left center;
}

/*---------infobox中身　本文注意書き------*/
ul.attention{
	margin-bottom: 15px;
}
ul.attention li{
	background: url(../img/icon/attention.png) no-repeat left top;
	text-indent: 2em;
	font-size: 90%;
	margin-bottom: 3px;
	color: #C00;
}
/*-------------メインコンテンツウィンドウEnd-----------*/



/*-----------------------メイン領域End-----------------------*/

/*-----------------------footerSTART-----------------------*/
footer{
	width: 100%;
	height: 115px;
	background: url(../img/bg_footer.jpg) repeat-x center top;
	margin-top: 25px;
	color: #FFF;	
}

footer div#footer_inner{
	width: 938px;
	height: 115px;
	margin: 0px auto;
}
footer div.logo_boatrace{
	width: 168px;
	height: 27px;
	background: url(../img/logo_boatrace.png) no-repeat center bottom;
	margin-right: 15px;	
	margin-top: 40px;
}
footer div.logo_boatrace a{
	display: block;
	width: 168px;
	height: 27px;
	background: url(../img/logo_boatrace.png) no-repeat center bottom;
	text-indent: -9999px;
}
footer div.logo_sega{
	width: 92px;
	height: 30px;
	background: url(../img/segalogo.png) no-repeat center bottom;
	text-indent: -9999px;
	margin: 35px auto 0px;
}
footer div.logo_sega a{
	display: block;
	width: 92px;
	height: 30px;
}
p#boatrace small{
	width: 855px;
	height: 17px;
	background:url(../img/c_boatrace.png) no-repeat left top;
	text-indent: -9999px;
	margin-top: 0px;
}
/*SNSbox*/
div.footer02{
	width: 938px;
	height: 45px;
	margin: 0px auto;
	padding-bottom: 20px;
	xbackground-color: #000;
	xborder: 1px solid #9F0;
}
#footer_inner a{
	color: #F90;
}
#footer_inner a:hover{
	color: #FFF;
	-webkit-transition:1s;
	-moz-transition: 1s;
	transition: 1s;	
}
p.footerinner{
	font-size: 9pt;
	color: #CCC;
	float: left;
	margin-top: 10px;
}
p small{
	float: right;
	margin-top: -2px;	
	color: #CCC;	
}

.footerattention{
	margin-top: 15px;  
	font-size: 95%;
	line-height: 1.5;	
}

/*------------sns-----------*/
div.sns{
	width: 500px;
	height: 35px;
	clear: both;	
	padding-top: 10px;
	xborder: 1px solid #FFF;
}

div.twitter{
	width: 100px;
	height: 30px;
	xdisplay:block;
	float: left;	
	margin-right: 25px;	
	/*position: absolute;
	top: 8px;
	left: 112px;
		top: 67px;
	left: 890px;
	z-index: 10;*/
	xborder: 1px solid #F00;
}

div.fb-like{
	width: 100px;
	height: 30px;
	xdisplay:block;
	float: left;
	margin-right: 20px;	
	/*position: absolute;
	top: 7px;
	left: 227px;
	top: 67px;
	left: 1011px;
	z-index: 10;*/
	xborder: 1px solid #F00;
}

x.linebtn{
	width: 100px;
	height: 30px;
	display: block;
	float: left;
	margin-left: 115px;
	/*position: absolute;
	top: 67px;
	left: 766px;
	top: 8px;
	left: -5px;
	xborder: 1px solid #F00;
	z-index: 3;*/
	background-size: contain;
	xborder: 1px solid #F00;			
}