@charset "euc-jp";

/***********************************************/
/*		[ ゲームアプリのダウンロード設定用CSS ]
/*		www.777town.net/
/*
/*

/*		[更新履歴]
/*　-2008.8.27 大幅にレイアウトを修正

/***********************************************/
/* download
--------------------------------------------------------------*/
/* substrate Style
------------------------------------------ */
div,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p,span {
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #4d4d4d;
}
ul,ol,li,dl,dt,dd,p,span {
	font-size: 12px;
	line-height: 1.5em;
}
.cap{
	margin: 10px;
	font-size: 12px;
	color: #4d4d4d;
	line-height: 1.5;
}
.f {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
}
#kuzu {
	font-size: 12px;
}
div#downloadStage {
	height: auto;
	width: 620px;
	margin: 10px 0 20px 0;
	/*padding: 5px 0;*/
	text-align: center;
	background: url(/images/game/download/bg_dot.gif) top left fixed;
}
/*Firefox*/
html>body div#downloadStage {
	padding: 1px 0;
}
#stage_a{
	width: 600px;
	height: auto;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	background-image: url(/images/game/download/bg_dot.gif);
}
.step_pagetop {
	font-size: 10px;
	text-align: right;
	margin-top: 20px;
	border-top: 1px solid #4d4d4d;
}
.step_pagetop p{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10px;
}
.dotLine {
	display: block;
	clear: both;
	margin: 20px 0;
	width: 100%;
	height: 1px;
	font-size: 1px;
	background-image: url(/images/game/download/bg_dot.gif);
}
hr {	display: none;}
/*
------------------------------------------ */
h2#title {
	width: 620px;
	height: 50px;
	text-indent: -10000px;
	background: url(/images/game/download/bar_download.gif) 0 0 no-repeat;
}
div#downloadContents {
	width: 600px;
	margin: 10px;
	text-align: left;
	overflow:hidden;
}
div#downloadContents h3 {
	margin: 10px 0 15px;
}
div#downloadContents .block {
	padding:0 10px 30px;
}
div#downloadContents em {
	font-style: normal;
	color: #be2000;
}
div#downloadContents p.txt {
	margin: 0 10px 10px 10px;
	text-align: left;
}
/*download.html*/
div#downloadContents p.alert {
	margin: 10px auto 10px auto;
	width: 600px;
	height: 200px;
	text-indent: -10000px;
	background: url(/images/game/download/GameDL_alert.gif) 0 0 no-repeat;
}
.link_area img{
	border:0;
}
.link_area a{
	display:block;
	width:320px;
	height:64px;
}
.link_area a:hover {
	background-color:transparent;
}
.link_area a:hover img{
	visibility:hidden;
}
div#downloadContents .link_area #touroku {
	background: url(/images/game/download/btn_touroku_on.gif) no-repeat center;
}

/**/
.link_dl {
	margin:15px 0 0 0;
}
.link_dl img{
	border:0;
}
.link_dl a{
	display:block;
	width:540px;
	height:35px;
}
.link_dl a:hover{
	background-color:transparent;
}
.link_dl a:hover img{
	visibility:hidden;
}
.link_dl #activex {
	background: url(/images/game/download/btn_1activex_on.gif) no-repeat center;
}
.link_dl #gameexe {
	background: url(/images/game/download/btn_2gameexe_on.gif) no-repeat center;
}

/*download_login.html*/
div#downloadContents ul {
	margin: 0 20px 10px 20px;
	text-align: left;
	list-style: none;
}
div#downloadContents .arrow {
	padding-left: 15px;
	background: url(/images/game/download/icon_yaji.gif) 0 2px no-repeat;
}
div#downloadContents ul li span {
	margin-top: 10px;
	display: block;
	text-align: right;
}
div#downloadContents .to-term {
	padding-left:10px;
}
div#downloadContents .to-term a:link,
div#downloadContents .to-term a:visited {
	color:#21a18e;
	text-decoration:none;
}
div#downloadContents .to-term a:hover,
div#downloadContents .to-term a:active {
	color:#21a18e;
	text-decoration:underline;
}
div#downloadContents .desc2 {
	margin-top:15px;
}
div#downloadContents .subttl {
	margin:10px 0 18px;
	padding-bottom:5px;
	padding-left:0.5em;
	text-indent:-0.5em;
	font-weight:bold;
	background:url(/images/game/download/subttl_bg.gif) repeat-x left bottom;
}
div#downloadContents .descimg {
	text-align:center;
}
div#downloadContents .btn {
	margin:35px 0 0;
	text-align:center;
}
div#downloadContents .link {
	margin:15px 0 0 20px;
}
div#downloadContents .link li {
	margin-bottom:5px;
}

/*20090623*/
div#downloadContents .dl_tb01 {
width:380px;
border-collapse:collapse;
margin:auto;
font-size:12px;
text-align:center;
border:2px solid #b6b6b6;
line-height:150%;
}

div#downloadContents .dl_tb01 caption {
width:380px;
margin:auto;
font-size:12px;
font-weight:bold;
text-align:center;
padding:8px;
}

div#downloadContents .dl_tb01 tr th,
div#downloadContents .dl_tb01 tr td {
padding:8px;
margin:8px;
}

div#downloadContents .dl_tb01 tbody tr th,
div#downloadContents .dl_tb01 tbody tr td,
div#downloadContents .dl_tb01 tbody tr.odd td {
border:1px solid #cccccc;
}

div#downloadContents .dl_tb01 tbody tr th {
background:#eeeeee;
}

div#downloadContents .dl_tb01 tbody tr td {
background:#ffffff;
}

div#downloadContents .dl_tb01 tbody tr.odd td {
background:#f9f9f9;
}

/*-----------------*/

div#downloadContents .link_to {
/*display:block;*/
float:right;
position:relative;
top: -20px;
margin-bottom: -20px;
}
div#downloadContents .link_to a {
background: url(/images/support/icon_forDetails3.gif) no-repeat center left;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 18px;
height: 14px;
margin-left: 20px;
font-weight:bold;
}
div#downloadContents .link_to a:hover {
background: url(/images/support/icon_forDetails2.gif) no-repeat center left;
}

.clear {
clear:both;
}

/*--------------------------------------------------------------------------*/

p#download {
	width: 452px;
	height: 89px;
	text-align: center;
	margin: 30px 0px 0px 54px;
}
p#download a {
	display: block;
	width: 452px;
	height: 89px;
	text-decoration: none;
	border:none;
	background: url(/images/free_member_entry/btn_dl1.gif) 0 0 no-repeat;
	border:none;
	outline:none;
	text-indent: -10000px;
}
p#download a:hover {
	text-decoration: none;
	background: url(/images/free_member_entry/btn_dl2.gif) 0 0 no-repeat;
}



/*追加分ここから*/
.catch_red {
	color:#cc0000;
}

.para {
	width:520px;
	margin:10px 20px;
	font-size:12px;
}

.komelist dt {
float:left;
clear:left;
width:20px;
/*margin-right:20px;*/
}

.komelist dd {
margin-left: 3em;
}


#spec3 {
	width:560px;
	margin-left:20px;
	border-collapse:collapse;
	empty-cells:hide;
	border:solid 1px #666666;
	font-size:12px;
}
#spec3 tbody td {
	width:410px;
	vertical-align:top;
	padding:4px;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	margin:0;
	padding-left:8px;
}

#spec3 tbody th {
	text-align:right;
	vertical-align:top;
	background-color:#ffcc99;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding:4px;
	margin:0;
}

#spec3 thead td {
	width:410px;
	padding:4px;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	margin:0;
	padding-left:8px;
}

#spec3 thead th {
	text-align:right;
	background-color:#ffcc99;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding:4px;
	margin:0;
}

#spec3 .header {
	/*color:#006633;*/
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
#spec3 .machine {
	background-color:#ff9933;
	font-size:16px;
	font-weight:bold;
}

#spec4 {
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	width: 578px;
	margin-top: 30px;
	font-size: 12px;
}
#spec4 th {
	border-bottom: 1px solid #666666;
	padding: 15px 8px;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
}
#spec4 th em {
	font-weight: bold;
}
#spec4 td {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #f1f1f1;
	padding: 15px 9px;
	vertical-align: top;
}
#spec4 td img {
	display: block;
}
#spec4 td ul {
	list-style-type: disc;
	margin-bottom: 0;
}
#spec4 td ul li {
	margin-top: 8px;
}
#spec4 td em {
	font-weight: bold;
}


a.btnDl {
	display: block;
	width: 480px;
	height: 59px;
	margin: 0 auto 10px;
	background: url(/images/free_member_entry/btn_download_02.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
a.btnDl:hover {
	text-decoration: none;
	background: url(/images/free_member_entry/btn_download_01.gif) 0 0 no-repeat;
}

a.btnDlLight {
	display: block;
	width: 218px;
	height: 79px;
	margin: 0 auto 10px;
	background: url(/images/free_member_entry/btn_dl_light1.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
a.btnDlLight:hover {
	text-decoration: none;
	background: url(/images/free_member_entry/btn_dl_light2.gif) 0 0 no-repeat;
}
a.btnDlFull {
	display: block;
	width: 218px;
	height: 79px;
	margin: 0 auto 10px;
	background: url(/images/free_member_entry/btn_dl_full1.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
a.btnDlFull:hover {
	text-decoration: none;
	background: url(/images/free_member_entry/btn_dl_full2.gif) 0 0 no-repeat;
}
/*追加分ここまで*/

a.btnDlNormal {
	display: block;
	width: 218px;
	height: 79px;
	margin: 0 auto 10px;
	background: url(/images/free_member_entry/btn_dl_nml1.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
a.btnDlNormal:hover {
	text-decoration: none;
	background: url(/images/free_member_entry/btn_dl_nml2.gif) 0 0 no-repeat;
}

a.btnDlNew {
	display: block;
	width: 280px;
	height: 80px;
	margin: 0 auto 5px;
	background: url(/download/img/DLBtn_on.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
a.btnDlNew:hover {
	text-decoration: none;
	background: url(/download/img/DLBtn_off.gif) 0 0 no-repeat;
}

a.btnDlGaryu {
	display: block;
	width: 280px;
	height: 80px;
	/*width: 582px;
	height: 166px;*/
	margin: 0 auto 5px;
	background: url(/download/img/majanDLBtn_on.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
a.btnDlGaryu:hover {
	text-decoration: none;
	background: url(/download/img/majanDLBtn_off.gif) 0 0 no-repeat;
}


#dl .menu{ 
    font-size:18px;
}

#dl .menu a:link {text-decoration: underline; color:#427EBC;}
#dl .menu a:visited {text-decoration: underline; color:#427EBC;}
#dl .menu a:hover {text-decoration: underline; color:#F49C06;}
#dl .menu a:active {text-decoration: underline; color:#F49C06;}


#dl{
    text-align:center;
}

#dl a:hover img{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

#container{
    width:550px;
    margin:20px 0 0 20px;
}
ul.tab{
    margin:0;
    padding:0;
	width:550px;
}
ul.tab li{
    list-style-type:none;
    width:110px;
    height:51px;
    float:left;
}


div.panel{
    clear:both;
    border:1px solid #9FB7D4;
    border-top:none;
	height:520px;
	width:549px;
}
div.panel div{
    text-indent:0em;
}

div.panel ol,em{
	padding-left:40px;
}

div.panel img.attenIcon{ 
	vertical-align: middle;
	margin-right:5px;
}

div.panel p.attenTxet{ 
    margin-left:40px;
}

div.panel dl.atten{ 
/*background-image: url("/download/img/bg_atten.gif");*/
   background-repeat:repeat;
   background-color:F9E3EA;
   width:450px;
   height:220px;
   margin-top:50px;
   margin-left:20px;
   padding:10px 20px 0 20px;
   border:solid 1px #E7BFCC;
}

div.panel dl.atten dt{
   font-weight:bold;
   margin-top:10px;
   border-bottom:solid 1px #E7BFCC;
}

div.panel dl.atten dd{
   margin-top:8px;
   margin-left:20px;
}