@charset "shift_jis";



/* ==================================================

 Special Site common

================================================== */
*{
margin:0;
padding:0;
}
a img{
vertical-align:bottom;
}


/* bodyArea
------------------------- */
#wrapper{
position: relative;
color:#fff;
min-width:860px;
width:100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom:-15px;
}
#wrapper #bodyArea{
position:relative;
height:770px;
}
#wrapper #bodyArea #contentsArea{
position: relative;
width:880px;
margin:0 auto;
}


/* headerArea
------------------------- */
#headerArea{
position:absolute;
top:0;
left:0;
width:880px;
height:128px;
}
#headerArea h1{
position:absolute;
top:5px;
left:0;
z-index:3;
}
#headerArea .gNav,
#headerArea .gNav li{
height:38px;
}
#headerArea .gNav{
position:absolute;
top:90px;
right:0;
}
#headerArea .gNav:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#headerArea .gNav li{
margin:0;
padding:0;
float:left;
}
#headerArea .asstNav{
position:absolute;
top:58px;
right:0;
}
#headerArea .asstNav:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#headerArea .asstNav li{
float:left;
padding-left:10px;
}


/* mainCtsArea (main Contents Area)
------------------------- */
#mainCtsArea{
position:relative;
top:128px;
width:100%;
}


/* stepArea(#howto)
------------------------- */
#contentsArea dl#howto{
position:absolute;
top:649px;
left:0;
width:880px;
height:82px;
background:url(http://images.hangame.co.jp/hangame/common/special/r01/bg_steparea.png) no-repeat top center;
}
#contentsArea dl#howto:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* ▽以下タイトルで使用しているので削除しないでください。▽
スリーセブンワールド・エルソード・コンチ4X */
#contentsArea dl#howto dt{
height:27px;
}
/* △ここまで△ */

#contentsArea dl#howto dt.howtoHead{
height:24px;
margin-top:3px;
margin-left:10px;
}
#contentsArea dl#howto dd.stFlow {
float:left;
width:640px;
padding-left:10px;
}
#contentsArea dl#howto dd.stFlow ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contentsArea dl#howto dd.stFlow ul li {
float:left;
background:url(http://images.hangame.co.jp/hangame/common/special/r01/icon_arrow.png) no-repeat right center;
margin-right:5px;
padding-right:10px;
}
#contentsArea dl#howto dd.stFlow ul li.last {
background:none;
}
/* STEP3 type */
#contentsArea dl#howto dd.stFlow ul.st03 li{
margin-right:7px;
padding-right:12px;
}
#contentsArea dl#howto dd.stFlow ul.st03 li.last {
background:none;
padding-right:0;
margin-right:0;
}


#contentsArea dl#howto dd.stBtn {
float:right;
width:215px;
text-align:center;
margin-top:-23px;
}

	#contentsArea dl#howto dd.stBtn span.checkBox {
	color:#5f5f5f;
	font-size:11px;
	}
		#contentsArea dl#howto dd.stBtn span.checkBox input {
		position:relative;
		top:2px;
		}
		#contentsArea dl#howto dd.stBtn span.checkBox lable {
		position:relative;
		top:-2px;
		}
		#contentsArea dl#howto dd.stBtn p {
		padding-top:4px;
		}

/* balloon common */
*html #iRegistArrow{
position:relative;
}
*html #iRegistArrow img{
width:0;
height:11px;
padding-left:17px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hangame.co.jp/hangame/common/special/r01/img_balloon.png',sizingMethod='crop');
}
#iRegistArrow img {
position:absolute;
top:-2px;
}
/* balloon 4step */
.spArea .ico4step01set img {left:74px;}
.spArea .ico4step02set img {left:234px;}
.spArea .ico4step03set img {left:394px;}
.spArea .ico4step04set img {left:554px;}
/* balloon 3step */
.spArea .ico3step01set img {left:99px;}
.spArea .ico3step02set img {left:314px;}
.spArea .ico3step03set img {left:529px;}

/* 2step balloon */
.spArea .ico2step01set img {left:152px;}
.spArea .ico2step02set img {left:480px;}


/*Table Area
------------------------- */
.spArea .spCtsArea .spcaRep .stepThree table {
border:1px solid #b2a38e;
margin-bottom:19px;
width:100%;
}

.spArea .spCtsArea .spcaRep .stepThree table td {
}

.spArea .spCtsArea .spcaRep .stepThree table thead {
height:26px;
color:#b1a38e;
}
.spArea .spCtsArea .spcaRep .stepThree table thead tr {
height:24px;
}
.spArea .spCtsArea .spcaRep .stepThree table thead tr th {
color:#fff;
background-color:#d7c5ad;
border-left:1px solid #e7decf;
border-right:1px solid #b2a38e;
border-top:1px solid #e7decf;
}

.spArea .spCtsArea .spcaRep .stepThree table thead tr th.passName {
}
.spArea .spCtsArea .spcaRep .stepThree table thead tr th.event {
}
.spArea .spCtsArea .spcaRep .stepThree table thead tr th.kind {
}
.spArea .spCtsArea .spcaRep .stepThree table thead tr th.money {
width:159px;
}
.spArea .spCtsArea .spcaRep .stepThree table thead tr th.none {
width:101px;
border-right:none;
}

.spArea .spCtsArea .spcaRep .stepThree table tbody tr td.pathName {
height:98px;
background-color:#f4f0ed;
font-weight:normal;
text-align:left;
padding-left:12px;
}
.spArea .spCtsArea .spcaRep .stepThree table tbody tr td {
border-right:1px solid #b2a38e;
border-top:1px solid #b2a38e;
padding-left:11px;
}
.spArea .spCtsArea .spcaRep .stepThree table tbody tr td.last {
border-right:none;
}


.spArea .spCtsArea .spcaRep .stepThree table.pcTbl tbody tr th {
width:107px;
height:32px;
}
.spArea .spCtsArea .spcaRep .stepThree table.pcTbl tbody tr td {
width:260px;
}
.spArea .spCtsArea .spcaRep .stepThree table.pcTbl tbody tr td.graphic {
border-right:none;
width:652px;
}
.spArea .spCtsArea .spcaRep .stepThree table.pcTbl thead tr th {
border-right:none;
}
.spArea .spCtsArea .spcaRep .stepThree table.pcTbl tbody tr th {
background-color:#f4f0ed;
font-weight:normal;
height:32px;
width:107px;
padding-left:12px;
text-align:left;
border-right:1px solid #b2a38e;
border-top:1px solid #b2a38e;
}

.spArea .section{
width:783px;
margin:0 auto ;
}
.spArea .entryTop{
width:830px;
margin:0 auto 15px;
}

/* STEP02_entry (#TosAgreement)
------------------------- */
#TosAgreement div.document{
height:370px;
margin:10px;
padding:0 10px 30px 0;
overflow-y:scroll;
}
#TosAgreement div.document.hga{
height:370px;
}

/* notes */
#TosAgreement div.notes{
padding:5px 22px;
border-top:1px solid #ccc;
}

#TosAgreement ul.form{
text-align:center;
padding:10px 0;
}

#TosAgreement ul.form li{
position:relative;
display:inline;
margin:0 20px;
cursor:pointer;
}

#TosAgreement ul.form li input{
position:relative;
top:2px;
margin-right:10px;
}


/* STEP02_entry (#hgAgreement)
------------------------- */
#hgAgreement{
zoom:1;
margin:0 auto 5px;
border:1px solid #ccc;
}
#hgAgreement h2{
color:#4C8DD2;
font-size:16px;
font-weight:bold;
margin:0 0 16px 6px;
}
#hgAgreement h3{
margin:0 0 0 6px;
}
#hgAgreement p.headnumber{
margin-top:1em;
margin-bottom:0px;
padding-left:2.5em;
text-indent:-2.5em;
}
#hgAgreement p{
font-family:"ＭＳ ゴシック","Osaka−等幅";
line-height:1.5em;
margin-left:2em;
padding-left:0.5em;
}
#hgAgreement p.writing{
padding-left:2em;
text-indent:0em;
}
#hgAgreement p.writing_subnumber{
margin-bottom:0px;
padding-left:5em;
text-indent:-2.5em;
}
#hgAgreement p.writing_number{
margin-bottom:0px;
padding-left:3.5em;
text-indent:-1.5em;
}
#hgAgreement ol{
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin-left:6.5em;
}
#hgAgreement li.en{
list-style-image:none;
list-style-position:outside;
list-style-type:upper-alpha;
margin-bottom:0px;
margin-left:0.5em;
}
#hgAgreement li{
font-family:"ＭＳ ゴシック","Osaka−等幅";
margin-bottom:0.5em;
}
#hgAgreement address{
margin-top:2em;
margin-bottom:5em;
font-style:normal;
font-weight:normal;
}
#hgAgreement address p{
margin-left:10px;
}

/* gameAgreement
------------------------- */
#gameAgreement{
zoom:1;
margin:0 0 10px;
border:1px solid #ccc;
}
#gameAgreement h3.heading{
margin:14px 0 10px 10px;
color:#666;
font-size:13px;
}
#gameAgreement .document{
overflow-y:auto;
height:250px;
padding:10px;
}


/* docType1 */
#gameAgreement h2{
font-size:15px;
margin:5px 0 5px 0;
}
#gameAgreement h3{
margin:0 0 5px 0;
}
#gameAgreement ol{
margin:0 0 15px 15px;
}
#gameAgreement ol li{
text-indent:-1em;
}
#gameAgreement ol li ul{
margin-left:15px;
}

#gameAgreement ol.sub{
margin:0 0 15px 20px;
}
#gameAgreement ol.sub li{
text-indent:-2em;
}
#gameAgreement p{
margin-bottom:15px;
}
#gameAgreement p.enactDay{
margin:-10px 0 0 0;
padding:0 0 10px 0;
background:none;
}

/* docType2 */
#gameAgreement .docType2 ol li{
list-style-position:outside;
list-style-type:decimal;
margin-left:15px;
text-indent:0;
padding-left:0;
}
#gameAgreement .docType2 ol li li{
list-style:none;
margin-left:-10px;
}
#gameAgreement .docType2 ol li ul li{
padding-left:0.8em;
text-indent:-0.8em;
}
#gameAgreement .docType2 ol li ol li{
padding-left:1.9em;
text-indent:-1.9em;
}

/* btns
------------------------- */
ul.btns {
text-align:center;
}
ul.btns li {
display:inline;
margin:0 12px;
}



/* STEP03_playpath.html for easy
------------------------- */
.spArea .spCtsArea .spcaRep .stepThree {
padding-bottom:7px;
margin:0 auto;
width:780px;
}
.spArea .spCtsArea .spcaRep .stepThree p {
padding-top:9px;
padding-bottom:13px;
}



/*
step01〜step04
*/
.spArea {
display:none;  /*レイヤー初期設定：非表示 */
width:880px;
z-index:103;
position:absolute;
top:46px;
left:50%;
margin-left:-440px
}
.spArea .spCtsArea .spcaHeadArea {
overflow:hidden;
width:880px;
height:43px;
background:url(http://images.hangame.co.jp/hangame/common/special/r01/bg_schead.gif) no-repeat center top;
}
.spArea .spCtsArea .spcaHeadArea:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.spArea .spCtsArea .spcaHeadArea h3 {
float:left;
width:211px;
padding-top:17px;
padding-left:15px;
}
.spArea .spCtsArea .spcaHeadArea p.clsArea {
float:right;
width:52px;
padding-top:16px;
padding-right:12px;
}
.spArea .spCtsArea .spcaBtm {
background:url(http://images.hangame.co.jp/hangame/common/special/r01/bg_ctsbtm.png) no-repeat left bottom;
width:880px;
padding-bottom:10px;
}
.spArea .spCtsArea .spcaTop {
background:url(http://images.hangame.co.jp/hangame/common/special/r01/bg_ctstop.gif) no-repeat left top;
width:880px;
padding-top:2px;
}
.spArea .spCtsArea .spcaRep {
background:url(http://images.hangame.co.jp/hangame/common/special/r01/bg_ctsrpt.gif) repeat-y left bottom;
width:830px;
padding:20px 25px 0;
}

.spArea .spCtsArea .spcaRep iframe {
font-size:36px;
text-align:center;
width:830px;
height:580px;
}
* html .spArea .spCtsArea .spcaRep iframe{
height:581px;
}


.spArea .spCtsArea .hgtSet {
height:580px;
}
* html .spArea .spCtsArea .hgtSet{
height:581px;
}

.spArea .spblnArea {
position:relative;
width:17px;
}


.spArea .spCtsArea .itlGameDown {
width:782px;
height:120px;
text-align:center;
border:1px solid #ccc;
margin:0 auto 14px;
}
.spArea .spCtsArea .itlGameDown p {
margin:0 auto;
padding-top:14px;
text-align:center;
padding-bottom:10px;
}


.spArea .spCtsArea .itlItlOdr {
margin:0 auto;
width:782px;
}
.spArea .spCtsArea .itlItlOdr h4 {
padding-bottom:6px;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr {
border:1px solid #ccc;
width:760px;
padding:11px;
margin-bottom:29px;
}


.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll {
position:relative;
width:760px;
height:308px;
overflow-y:auto;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section {
overflow:hidden;
padding:10px 0 10px 10px;
width:724px;
border-bottom:1px dashed #ddd;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .last {
border-bottom:none;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section .imgArea {
float:left;
padding-right:20px;
width:280px;
}

.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section .imgArea img {
background:none repeat scroll 0 0 #eee;
border:1px solid #e0e0e0;
padding:7px;
text-align:center;
width:264px;
}

.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section .txtArea {
float:left;
width:424px;
padding-top:3px;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section .txtArea h5 {
color:#333;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section .txtArea h5 span {
color:#9a614d;
font-family:Tahoma;
margin-right:5px;
padding-right:5px;
border-right:1px solid #ccc;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section .txtArea p {
padding-top:14px;
padding-bottom:20px;
line-height:1.4;
}
.spArea .spCtsArea .itlItlOdr .ctsItlOdr .ctsScroll .section .txtArea a span {
padding-left:19px;
font-size:11px;
}
.spArea .spCtsArea .gsbtmSet {
padding-bottom:253px;
}
.spArea .spCtsArea .gsArea {
padding-top:209px;
text-align:center;
}
.spArea .spCtsArea .spcaRep .btnCnt {
text-align:center;
}
.spArea .spCtsArea .stepThree .ctsItlOdr,
.spArea .spCtsArea .stepFour .ctsItlOdr{
margin-bottom:95px;
}
.spArea .spCtsArea .stepThree .ctsItlOdr .ctsScroll,
.spArea .spCtsArea .stepFour .ctsItlOdr .ctsScroll{
height:auto;
}
.spArea .spCtsArea .stepThree .ctsItlOdr .ctsScroll .section .btnBgNo a,
.spArea .spCtsArea .stepFour .ctsItlOdr .ctsScroll .section .btnBgNo a{
background:none;
height:44px;
padding-top:0;
width:222px;
}

/* txtBtn */
.spArea .spCtsArea p.txtBtn{
margin:-10px 10px 0;
}
.spArea .spCtsArea p.txtBtn:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.spArea .spCtsArea p.txtBtn a{
float:left;
color:#676767;
cursor: pointer;
font: 900 14px/22px "Arial", Helvetica, sans-serif;
font-weight:normal;
text-decoration: none;
background:url(http://images.hangame.co.jp/hangame/common/special/r01/bg_txtbtn.gif) no-repeat top right;
}
.spArea .spCtsArea p.txtBtn a:hover{
text-decoration:underline;
}
.spArea .spCtsArea p.txtBtn a span{
position: relative; /* To fix IE6 problem (not displaying) */
float:left;
margin: 0 10px 0 -10px;
padding: 1px 8px 5px 18px;
background:url(http://images.hangame.co.jp/hangame/common/special/r01/bg_txtbtn.gif) no-repeat top left;
}





/* ==================================================

 footer

================================================== */
#footerWrap{
padding-top:20px;
}

/* footer Area
------------------------- */
#footerArea{
width:100%;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
font-family:Verdana;
font-size:10px;
}
#footerArea:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#footerArea div.wrap{
position:relative;
margin:0 auto;
width:880px;
color:#666;
overflow:hidden;
}
#footerArea div.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	
#footerArea div.copyrightAndNav{
float:left;
padding:0;
width:440px;
}
#footerArea div.copyrightAndNav ul li{
}
#footerArea div.copyrightAndNav ul li a{
color:#8c8c8c;
}
#footerArea div.copyrightAndNav .crColor{
width:440px;
color:#7d7d7d;
font-size:10px;
}

#footerArea div.rcmmndSys{
clear:both;
padding-top:13px;
}
#footerArea div.rcmmndSys ul{
padding:13px 0 15px;
border-top:1px solid #4d4d4d;
}
#footerArea div.rcmmndSys ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#footerArea div.rcmmndSys ul li{
color:#4f4f4f;
}

#footerArea div.rcmmndSys ul li.fl{
width:50%;
float:left;
text-align:right;
}
#footerArea div.rcmmndSys ul li.dx{
width:50%;
float:right;
text-align:left;
}
#footerArea div.rcmmndSys ul li.brwsr{
clear:both;
text-align:center;
}
#footerArea div.rcmmndSys ul li a{
color:#4f4f4f;
font-weight:bold;
}

/* footerLink */
#footerArea ul.footerLink{
/*width:440px;*/
width:100%;
overflow:hidden;
margin:7px 0;
position:relative;
left:-7px;
}
#footerArea ul.footerLink:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#footerArea ul.footerLink li{
display:inline;/* for IE double margin */
float:left;
white-space: nowrap;
margin-left:-7px;
line-height:1.6;
}
#footerArea ul.footerLink li.noborder{
}
#footerArea ul.footerLink li a{
margin:0 5px;
padding:0 5px 0 10px;
background:transparent url(http://images.hangame.co.jp/hangame/common/special/r01/vline_gray1x7.gif) no-repeat scroll left 3px;
}

/* Logos common */
#footerArea div.logos{
float:left;
width:200px;
padding-left:10px;
}
#footerArea div.logos ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#footerArea div.logos ul li{
display:inline;/* for IE double margin */
float:left;
margin-left:10px;
}
#footerArea div.logos .sub{
margin-top:3px;
text-align:center;
}

/* gameInfo
------------------------- */
#footerArea div.gameInfo{
float:right;
width:208px;
padding:0 20px 0 0;
overflow:hidden;
}