@charset "utf-8"; 



/** basic **/

.yellow {background:#ffff00;}

.white {color:#FFFFFF;}

.red {color:#FF0000}

.blue {color:#0000ff}

.bold {font-weight:bold;}

.f36 { font-size:36px;}

.f34 { font-size:34px;}

.f32 { font-size:32px;}

.f30 { font-size:30px;}

.f28 { font-size:28px;}

.f26 { font-size:26px;}

.f24 { font-size:24px;}

.f22 { font-size:22px;}

.f20 { font-size:20px;}

.f18 { font-size:18px;}

.f16 { font-size:16px;}

.f14 { font-size:14px;}

.f12 { font-size:12px;}

.f10 { font-size:10px;}

.smaller {font-size:smaller;}

.right {float:right;}

.left {float:left;}



.clear { margin:0px; padding:0px; clear:both; width:100%; font-size:1px;}

.spacer {display:block; height:1px;}





body{

	padding:0;

	margin:0;

	font-size:12px;

	text-align:center;

	font-family: verdana ,MS UI Gothic, arial, ＭＳ Ｐゴシック, sans-serif,Osaka‐等幅;

	background:top left url(http://jp.dxlive.com/img/bg_strip_vip.gif) repeat-x fixed #000000;

}



img a { border:0}



#wrap3{

	width:820px; 

	text-align:center; 

	margin:0px auto 0px auto;

	background:#FFF;

	padding-top:0px;

	border: 1px solid #fff;

	border-top: 0;

}



#wrap2{

	width:820px; 

	margin:0px auto 0px auto; 

	padding:0;

	background-color:#FFFFFF;

	text-align:center;

}



.top {

	width:820px;

	height: 176px;

	display: block;

	background: top center url(top.jpg) no-repeat scroll;

	text-align:left;

}





.mdl {

	width:820px;

	height: 373px;

	display: block;

	background: top center url(mdl.jpg) no-repeat scroll;

	text-align:left;

	padding: 0px;

}









#myContentOuter2 {

	padding-top: 1px;

	padding-left: 116px;

	}



html:not(:target) #myContentOuter2 {padding-top: 1px;padding-left: 142px;	}

* html #myContentOuter2 { padding-top: 1px;padding-left: 142px; }

*:first-child+html #myContentOuter2 { padding-top: 1px;padding-left: 142px; }

head~/* */body #myContentOuter2 { padding-top: 1px;padding-left: 142px; }



#myContentOuter {

	padding-top: 2px;

	padding-left: 117px;

	}



html:not(:target) #myContentOuter {	padding-top: 2px; margin-left:26px;width:640px; height:360px;}



* html #myContentOuter  {	padding-top: 2px;  margin-left:26px;width:640px; height:360px;}

*:first-child+html #myContentOuter  {	padding-top: 2px;  margin-left:26px;width:640px; height:360px;}

head~/* */body #myContentOuter  {	padding-top: 2px;  margin-left:26px;width:640px; height:360px;}



#myContent {

	display: block;

	width: 640px;

	height: 360px;

	margin: 0px;

	text-align: center;

	margin: 0px;

	padding: 0px;



	}



#myContent .inside { margin: 100px auto 0px auto; color: #ffffff; ;}



#myContent .inside a { text-align: center;  border: 0;}







#myContent a img {border: 0;}



.btm {

	width:820px;

	height: 146px;

	display: block;

	background: top center url(btm.jpg) no-repeat scroll;

	text-align:left;

}





.iconimg {margin:180px 0px 0px 462px;}



.link1 { padding:2px 0px 0px 178px; font-size:12px;}



.link1 a {color:#FF0099;}

.link1 a:hover {color:#FF99CC;}



.vipbtnouter {

	display:block;

	margin:0px;

	padding:26px 0px 0px 380px;

	}



a.btnAA {

	width:205px;

	height:73px;

	display:block;

	background: top left url(btnA.png) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

}



a.btnAA:hover {

	width:205px;

	height:73px;

	display:block;

    background-position: 0px -73px;

	text-indent: -9999px;

	text-align:left;

}



a.btnAA2 {

	width:205px;

	height:73px;

	display:block;

	background: top left url(btnA2.png) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

}



a.btnAA2:hover {

	width:205px;

	height:73px;

	display:block;

    background-position: 0px -73px;

	text-indent: -9999px;

	text-align:left;

}



a.btnBB {

	width:205px;

	height:73px;

	display:block;

	background: top left url(btnB.png) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

}



a.btnBB:hover {

	width:205px;

	height:73px;

	display:block;

    background-position: 0px -73px;

	text-indent: -9999px;

	text-align:left;

}



a.linkText { text-align:center; font-size:14px; color:#FFF; text-decoration:underline; font-weight:bold;}



a.linkText:hover { text-align:center; font-size:14px; color: #F00; background-color:#FF0; font-weight:bold;}



a.vipBtn {

	width:371px;

	height:85px;

	display:block;

	background: top left url(btn1.png) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

}





a:hover.vipBtn {

	width:371px;

	height:85px;

	display:block;

	text-indent: -9999px;

	text-align:left;

    background-position: 0px -85px;

}





a.vipBtnOff {

	width:371px;

	height:85px;

	display:block;

	background: top left url(btn2.png) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

}





a:hover.vipBtnOff {

	width:371px;

	height:85px;

	display:block;

	text-indent: -9999px;

	text-align:left;

    background-position: 0px -85px;

}





.btn1 {

	text-align: center;

	margin: 18px auto 10px auto;

	width: 500px;

	height: 76px;

	display: block;

}



.btn1 a {

	width: 500px;

	height: 76px;

	display: block;

	background: top left url(btn1.jpg) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

}







.btn1 a:hover {

	width: 500px;

	height: 76px;

	display: block;

	text-indent: -9999px;

	text-align:left;

	background-position: 0px -76px;

	}







.btn2 {

	text-align:center;

	margin: 0px auto 10px auto;

	width: 450px;

	height: 88px;

	display: block;

}





.btn2 a {

	width: 450px;

	height: 88px;

	display: block;

	text-indent: -9999px;

	text-align:left;

	background: top left url(btn2.jpg) no-repeat scroll;

}



.btn2 a:hover {

	text-align: center;

	width: 450px;

	height: 88px;

	display: block;

	text-indent: -9999px;

	text-align:left;

	background-position: 0px -89px;

}





.btn3box { width:820px; height:122px; margin:0 auto 50 auto;}



.btn3box a { 	

	width: 390px;

	height: 122px;

	display: block;

	text-indent: -9999px;



	background: top left url(btn3off.gif) no-repeat scroll;

	}



.btn3box a:hover { 	

	width: 390px;

	height: 122px;

	display: block;

	text-indent: -9999px;

	background: top left url(btn3on.jpg) no-repeat scroll;

	}



.btn3{ margin-bottom: 15px;}



.btn3 a {

	text-align: center;

	width: 600px;

	height: 43px;

	display: block;

	text-indent: -9999px;

	background: top left url(btn3.png) no-repeat scroll;

}



.btn3 a:hover {

	text-align: center;

	width: 600px;

	height: 43px;

	display: block;

	text-indent: -9999px;

	background-position: 0px -48px;

}

.rollOverBtn1 { float:left; margin-left:105px; margin-bottom:24px;} 



.rollOverBtn2 { float:left; margin-left:140px;}



.rollOverBtn1 img { border-width:0px;} 



.rollOverBtn2 img { border-width:0px;}



/*.line { height:1px; width:750px; border-bottom:2px dotted #999; text-align: center; margin: 25px auto 25px auto;}*/



.chui { display: block; width: 624px; margin: 22px auto 22px 120px; font-size: 12px; color: #666; text-align: left; float:left;}



#home{

	width:30px;

	height:30px;

	text-align: right;

	float: right;

	text-indent: -9999px;

	margin:0px 18px 0px 2px;

	z-index: 999;

	position: relative;

	}



#home a{

	text-indent: -9999px;

	display:block;

	outline:none;

	width:30px;

	height:30px;

	background:transparent url(home.png) no-repeat top left;

	}