@charset "utf-8";
/* ===================== Basic ===================== */
html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;font-size:100%;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
th,td {vertical-align:top;text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
.colOR {color:#2cb9ef;}
/* ===================== Layout ===================== */
.word-break {word-break:break-all;word-wrap:break-word;}
html {background:#fff;font-size:10px;}
body {background:#fff;font-size:120%;font-family:Arial,Helvetica,sans-serif;text-align:left;color:#111;line-height:1.75;}
a {color:#2230b2;}
a:link,a:visited,a:hover {text-decoration:none;}

/*ここから*/
#header{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0a0809), color-stop(0.51, #0a0f0b), color-stop(0.50, #262626), color-stop(0.00, #494949));
background: -webkit-linear-gradient(top, #494949 0%, #262626 50%, #0a0f0b 51%, #0a0809 100%);
background: -moz-linear-gradient(top, #494949 0%, #262626 50%, #0a0f0b 51%, #0a0809 100%);
background: -o-linear-gradient(top, #494949 0%, #262626 50%, #0a0f0b 51%, #0a0809 100%);
background: -ms-linear-gradient(top, #494949 0%, #262626 50%, #0a0f0b 51%, #0a0809 100%);
background: linear-gradient(top, #494949 0%, #262626 50%, #0a0f0b 51%, #0a0809 100%);
height:44px;
	}

#header div.logo {
	float:left;
	margin:7px 0 0 7px;
}

#header div.login {
	float:right;
	margin:7px 7px 0 0;
}

#login {
	background:url(../img/top/bg_login_e.jpg) no-repeat  50% 0 #eeeeee;
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px #d4d6d4;
	/* box shadow */
	-webkit-box-shadow:inset 0 0 5px 1px #999;
	-moz-box-shadow:inset 0 0 5px 1px #999;
	box-shadow:inset 0 0 5px 1px #999;
}
	
#login h1 {
	text-align:center;
	display:block;
	padding-top:20px;
}

#login div.login,
#login div.regist {
	text-align:center;
	/*margin-top:10px;*/
	padding-top:10px;
}
#login div.howto {
	text-align:center;
	margin:5px 0 5px 0;
}

	
/*h1#logo {color:#030d8f;padding:65px 0 2px 0;text-align:center;}*/

/*ここまで*/
p.beginnerLink {text-align:right;margin:0 0 5px 0;}
dl#login {width:100%;text-align:center;margin:0 0 10px 0;}
dl#login dt.caption {margin:0 0 2px 0;}
dl#login dt.caption span {font-weight:600;}
dl#login dd.link {}
p.infomation {background:#f7f7f6;border-top:1px dotted #111;border-bottom:1px dotted #111;margin:0 0 10px 0;padding:6px 0;text-align:left;}
p.infomation a {padding:6px 0;}
p.infomation a:link,p.infomation a:visited,p.infomation a:hover {text-decoration:underline;}
p.infomation strong {font-weight:600;}
dl#iPhoneApri {width:100%;text-align:center;margin:10px 0 15px 0;}
dl#iPhoneApri dt.caption {margin:0 0 2px 0;}
dl#iPhoneApri dt.caption span {font-weight:600;}
dl#iPhoneApri dd.link {}
table.linkList {width:100%;margin:0 0 15px 0;}
table.linkList td {background:url(../img/top/bg_linklist.gif) repeat-x 0 0;width:50%;border-right:2px solid #ccc;text-align:center;}
table.linkList td a {display:block;}
.content {}
.content h2 {color:#fff;font-size:140%;}
.content dl {font-size:120%;}
#news_h2 .h2Wrap {background:url(../img/top/bg_h2_news_bg.gif) repeat-x 0 0;margin:0;}
#news_h2 .h2Wrap h2 {background:url(../img/top/bg_h2_news.gif) no-repeat 0 0;padding:5px 0px 5px 35px;}


/* news */
li a.news {
	position:relative;
	display:block;
	padding:6px 45px 6px 5px;
	border-bottom:1px solid #e2b7b4;
	background:#f9d8d6 url(http://www.dartslive.jp/t/img/arrow_news.gif) no-repeat 98% 50%;
}
li a.news span.new {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:30%;
	right:20px;
	width:35px;
	height:17px;
	background:url(http://www.dartslive.jp/img/icn_news_new_sp.gif) no-repeat 0 50%;
}
li a.news span.date {
	display:block;
	font-size:10px;
}



#newslist {
margin:0 0 0px 0;
}
#newslist ul {
margin:0px 0 0 0;
}
#newslist ul li {
margin:0 0 0px 0;
border-top:solid 1px #e2b7b4;
background:#f9d8d6;
}

#newslist ul li a {
display:block;
padding:10px 16px 10px 8px;
background:url(../img/arrow_news.gif) no-repeat 98% 50%;
}

#newslist ul li.bottom {
	text-align:center;
}

div.other_news{
	background:#e9c0bd url(../img/arrow_news_other.gif) no-repeat 98% 50%;;
	text-align:center;
	padding:5px 0;
	border-bottom:solid 1px #e9c0bd;
}
#forFirst {margin:0px 0 0 0;}
#forFirst .h2Wrap {background:url(../img/top/bg_title_r1.gif) repeat-x 0 0;margin:0;padding:5px 5px;}
#forFirst .h2Wrap h2 {background:url(../img/top/icon_wakaba.png) no-repeat 0 0;padding:0 0 0 30px;}
#forFirst dl {}
#forFirst dl dt {border-bottom:1px solid #abc6d2;}
#forFirst dl dt a {background:#f5f5f5 url(../img/top/bg_link_db.gif) no-repeat top right;display:block;padding:7px 6px;}
#forFirst dl dt#dl2 {/*font-weight:600;*/}
#forFirst dl dt#dl2 a span.catch {color:#ff8000;}
#forFirst dl dt.line2 {}
#forFirst dl dt.line2 a {display:block;line-height:1.1;}
#forFirst dl dt.line2 a span.catch {font-size:80%;color:#111;}
#forFirst dl dd {border-bottom:1px solid #abc6d2;}
#forFirst dl dd a {background:#f5f5f5 url(../img/top/bg_link_db2.gif) no-repeat top right;display:block;padding:6px 6px;}
#forFirst dl dd a span {background:url(../img/top/arrow_b2.png) no-repeat 0 6px;display:block;padding:0 0 0 15px;}
#forFirst .h3Wrap {background:url(../img/top/bg_title_r2.gif) repeat-x 0 0;margin:0;padding:5px 5px;}
#forFirst .h3Wrap h3 {background:url(../img/top/icon_howto.png) no-repeat 0 0;padding:0 0 0 30px;color:#de231e;font-size:140%;}
#get {}
#get .h2Wrap {background:url(../img/top/bg_title_r1.gif) repeat-x 0 0;margin:0 0 10px 0;padding:6px 5px;}
#get .h2Wrap h2 {background:url(../img/top/icon_joy.png) no-repeat 0 0;padding:0 0 0 30px;}
#get dl {margin:0 0 10px 0;line-height:0;font-size:100%;}
#get dl dt {text-align:center;margin:0 0 10px 0;}
#get dl dd {text-align:center;line-height:1.75;}

img.twitter {margin: 0 4px 0 0;}

#get .social {
	width:80%;
	margin:10px auto 10px auto;
	text-align:center;
}
#get p.social-info {
	display:inline-block;
	width:auto;
	margin:0;
	padding:0 10px;
	font-weight:600;
	color:#fff;
	background-color:#0099cc;
	/* radius */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
ul.social-nav {
	display:table;
	width:240px;
	margin:0 auto;
	padding:5px 0 0 4px;
	background:url(http://www.dartslive.jp/common2/img/arrow_tri_u.gif) no-repeat top center;
}
ul.social-nav li {
	/*float:right;display:inline-block;*/
	display:table-cell;
	width:25%;
	text-align:center;
	line-height:0;
}
ul.social-nav li:first-child {
	margin:0;
}

#gd {}
#gd .h2Wrap {background:url(../img/top/bg_title_r1.gif) repeat-x 0 0;margin:0 0 10px 0;padding:6px 5px;}
#gd .h2Wrap h2 {background:url(../img/top/icon_gd.png) no-repeat 0 0;padding:0 0 0 30px;}
#gd .gdwidth {margin:0 auto; padding:0;width:280px; height:178px; background:url(../img/top/gd_bg.gif) no-repeat center 25px;}
#gd dl {margin:0 0 10px 0;line-height:0;font-size:100%;width:262px;}
#gd dl dd {text-align:center;line-height:1.75;}
#gd dl .left{ float:left;margin:13px 0 0 0px;}
#gd dl .rightma{float:right;margin:13px 0 0 0;}
#gd dl .right{ float:right;margin:0;}
.clear{ clear: both;}


#enjoy {}
#enjoy .h2Wrap {background:url(../img/top/bg_title_r1.gif) repeat-x 0 0;margin:0;padding:4px 5px;}
#enjoy .h2Wrap h2 {background:url(../img/top/icon_bull.png) no-repeat 0 0;padding:0 0 0 30px;}

#enjoy .h2Wraptl {background:url(../img/top/tit_touch.gif) repeat-x 0 0;margin:0;padding:4px 5px;}
#enjoy .h2Wraptl h2 {background:url(../img/top/icon_touch.png) no-repeat 0 0;padding:0 0 0 30px;}

#enjoy .h2Wrapml {background:url(../img/top/tit_majyan.gif) repeat-x 0 0;margin:0;padding:4px 5px;}
#enjoy .h2Wrapml h2 {background:url(../img/top/icon_majyan.png) no-repeat 0 0;padding:0 0 0 30px;}


#enjoy .h2Wrapso {background:url(../img/top/bg_title_r1.gif) repeat-x 0 0;margin:0;padding:4px 5px;}
#enjoy .h2Wrapso h2 {background:url(../img/top/icon_other.png) no-repeat 0 0;padding:0 0 0 30px;}


#enjoy dl dt#tit{background:#ffd8d7 no-repeat top right;color:#d80003; padding:3px 0 3px 0px; font-weight:bold;
  	border-top:1px solid #e6a4a2; border-bottom:1px solid #e6a4a2; text-align:center;}
	 	
#enjoy dl {}
#enjoy dl dt.border {border-bottom:1px solid #abc6d2;}
#enjoy dl dt a {display:block;padding:7px 6px;line-height:1.1;}
#enjoy dl dd {border-bottom:1px solid #abc6d2;}
#enjoy dl dd a {display:block;padding:6px 6px;}
#enjoy dl dd a span {background:url(../img/top/arrow_or3.png) no-repeat 0 6px;display:block;padding:0 0 0 15px;}
#enjoy dl dt a span.catch {font-size:70%;color:#111;}
#enjoy dl dt#colGR a,
#enjoy dl dd#colGR a{background:#f5f5f5 url(../img/top/bg_link_g.gif) no-repeat top right;color:#58b065;}
#enjoy dl dt#colDB a,
#enjoy dl dd#colDB a{background:#f5f5f5 url(../img/top/bg_link_db.gif) no-repeat top right;color:#233994;}
#enjoy dl dt#colRE a,
#enjoy dl dd#colRE a{background:#f5f5f5 url(../img/top/bg_link_r.gif) no-repeat top right;color:#e02724;}
#enjoy dl dt#colGRY a,
#enjoy dl dd#colGRY a{background:#f5f5f5 url(../img/top/bg_link_gry.gif) no-repeat top right;color:#666666;}
#enjoy dl dt#colOR a,
#enjoy dl dd#colOR a{background:#f5f5f5 url(../img/top/bg_link_or_2010.gif) no-repeat top right;color:#2cb9ef;}
#enjoy dl dt#colPU a,
#enjoy dl dd#colPU a{background:#f5f5f5 url(../img/top/bg_link_pu.gif) no-repeat top right;color:#bf1fbb;}
#enjoy dl dt#colGO a,
#enjoy dl dd#colGO a{background:#f5f5f5 url(../img/top/bg_link_go.gif) no-repeat top right;color:#c2880f; padding:12px 0 12px 6px;}
#enjoy dl dt#colPI a,
#enjoy dl dd#colPI a{background:#f5f5f5 url(../img/top/bg_link_pi.gif) no-repeat top right;color:#e336d1;}
#enjoy dl dt#colBU a,
#enjoy dl dd#colBU a{background:#f5f5f5 url(../img/top/bg_link_b.gif) no-repeat top right;color:#376afe;}
#enjoy dl dt#colTB a,
#enjoy dl dd#colTB a{background:#f5f5f5 url(../img/top/bg_link_tb.gif) no-repeat top right;color:#14a2f3;}
.dLine {border-top:2px solid #111;}
#helpMenu {}
#helpMenu .h2Wrap {background:url(../img/top/bg_title_g.gif) repeat-x 0 0;margin:0;padding:2px 5px;}
#helpMenu .h2Wrap h2 {background:url(../img/top/icon_ques.png) no-repeat 3px 3px;padding:0 0 0 30px;}
#helpMenu ul {}
#helpMenu ul li {}
#helpMenu ul li a {background:#e4eee6 url(../img/top/bg_link_help.gif) no-repeat top right;display:block;padding:6px;border-bottom:1px solid #c6d5c9;}
p.recommend {}
p.recommend a {background:url(../img/top/icon_star.gif) no-repeat 2px 5px;padding:6px 0 6px 25px;display:block;border-bottom:1px solid #ccc;}
p.bookmark {padding:6px;color:#cc0603;}
p.pagetop {margin:0 0 10px 0;border-top:1px solid #abc6d2;text-align:right;}
#footer {}
table.footerLink {width:100%;margin:0 0 10px 0;}
table.footerLink td {background:#eee;width:50%;padding:6px 0;border:1px solid #ccc;text-align:center;}
table.footerLink td.on {background:#eee;}
table.footerLink td a {display:block;}
/*特定商取引法に基づく表記*/
table.footerLink02 {width:100%;margin:0 0 10px 0;}
table.footerLink02 td {background:#eee;width:33%;padding:6px 0;border:1px solid #ccc;text-align:center; vertical-align:middle;}
table.footerLink02 td.sm { font-size:80%;}
table.footerLink02 td a {display:block;}

#tokutei .h1Wrap{background:url(../img/top/bg_title_r1.gif) repeat-x 0 0;margin:0;padding:6px 5px;}
#tokutei .h1Wrap h1 {color:#FFF; font-size:120%; text-align:center;}

#contents{ margin:5px 5px;}
#contents h2{ font-size:110%; font-weight:bold; color:#666; padding-top:1em;}
#contents p{ color:#666; line-height:120%;}

p.dltop{text-align:center; margin:5px 0;}
p.dltop a{}
/**************************/
address {background:url(../img/top/bg_footer.gif) repeat-x 0 0;padding:7px 0;margin:0 0 10px 0;text-align:center;}
table.deviceSwitch {width:100%;margin:0 0 10px 0;}
table.deviceSwitch td {background:#eee;width:50%;padding:6px 0;border:1px solid #ccc;text-align:center;}
table.deviceSwitch td.on {background:#ccc;font-weight:600;}
table.deviceSwitch td a {display:block;}
p.global {border-top:1px solid #abc6d2;text-align:right;}
p.global a {}
/*-------------------------------------------------
  * clearfix *
-------------------------------------------------*/
ul.deviceSwitch:after,
.clearfix:after {/*for modern browser*/content: ".";display:block;height:0;clear:both;visibility:hidden;}
ul.deviceSwitch,
.clearfix {min-height: 1px;_overflow:visible;_height:1px;zoom:1;/*for IE 5.5-7*//*display:inline-block;*/}
* html ul.deviceSwitch,
* html .clearfix {/*for IE -6*/height: 1px;/*for IE4,5*//*\*//*/height:auto; overflow: hidden;/**/}

.red{
	color:#df201d;
}