@charset 'Shift_JIS';

/*[Contents List]********

  01. base style
  02. Common Style
  03. top
  04. playguide
  05. community
  06. shop
  07. support
  08. etc
  09. footer

*************************/


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

 01. base style

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

/* base font style
------------------------- */
body{
color: #666;
font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
line-height: 1.333;
}

input,textarea,select{
font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 1em;
}


/* Link style
------------------------- */
a:link{
color: #888;
text-decoration: none;
}

a:visited{
color: #888;
text-decoration: none;
}

a:hover,a:active,a:focus{
color: #888;
text-decoration: underline;
}


/* Browser style reset
------------------------- */
h1,h2,h3,h4,h5,h6{
margin: 0;
font-size: 1em;
}

p,form,dl,dd{
margin: 0;
}

ol,ul{
list-style-type: none;
margin: 0;
padding: 0;
}


/* Extra style
------------------------- */
img{
border: 0;
vertical-align: bottom;
}

label{
cursor: pointer;
}

hr.separate{
display: none;
}

em{
font-style:normal;
}

pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}


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

 02. Common Style

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

html{
height:100%;
}

body{
margin: 0;
padding: 0 0 0 1px;
height:100%;
}


#wrapper{
min-width:960px;
min-height: 100%;
height: auto !important;
height: 100%;
padding-bottom:10px;
background: #efefef url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_body.jpg) repeat-x center top;
}

#container{
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_cont.jpg) no-repeat center top;
}

/* headerArea
---------------------------------------------------------------------- */
#headerArea{
position: relative;
width: 880px;
height: 280px;
margin: 0 auto;
z-index:30;
}

#headerArea:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

body #gameTitle{
position: absolute;
top: 77px;
left: 273px;
}

body #catchCopy{
position: absolute;
top: 186px;
left: 273px;
}

/* additionalNavi
------------------------------ */
#additionalNavi{
position: absolute;
top: 4px;
right: 20px;
float: right;
height: 14px;
padding-top: 8px;
font-size: 11px;
text-transform: uppercase;
overflow: hidden;
}

#additionalNavi li{
float: left;
height: 9px;
*height: 7px;
margin: 0 0 0 -1px;
padding: 0 8px;
border-left: 1px solid #999999;
line-height: 7px;
}

body #additionalNavi a{
position: relative;
top: 2px;
}

body #additionalNavi a{
color: #ffffff;
}
body #additionalNavi a:hover,
body #additionalNavi a:active,
body #additionalNavi a:focus{
text-decoration: underline;
}


/* globalNavi
------------------------------ */
#globalNavi{
position:absolute;
top: 241px;
width: 880px;
height:70px;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_gn.jpg) no-repeat left bottom;
}

#globalNavi ul{
height:40px;
}

#globalNavi ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#globalNavi li{
float: left;
}

#subMenu ul{
overflow:hidden;
position: absolute;
}
#subMenu ul li{
position:relative;
margin-left:-1px;
padding:6px 8px;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/gn_line.gif) no-repeat left center;
color:#333;
}
#subMenu ul li a{
color:#333;
}

#subMenu ul.menuList{
position:absolute;
display:none;
}

#subMenu ul.menuList.visible{
display:inline;
}

#subMenu ul.menuList.visible li.active{
font-weight:bold;
}

/* bodyArea
---------------------------------------------------------------------- */
.wrap_bodyArea{
position: relative;
width: 880px;
margin: 0 auto 25px;
padding: 0 0 5px 0;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_cont_btm.gif) no-repeat left bottom;
}

#bodyArea{
position: relative;
width: 880px;
min-height: 700px;
_height: 700px;
height: auto !important;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_cont_mdl.gif) repeat-y;
overflow:hidden;
}

#bodyArea:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* contentsArea
-------------------------------------------------- */
#contentsArea{
position: relative;
float: right;
line-height:1.4;
padding: 30px 30px 0 0;
}
#contentsArea:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* sub */
body.sub #contentsArea{
width: 620px;
min-height: 651px;
height: auto !important;
height: 651px;
padding: 46px 20px 6px 0;
}

body#community #contentsArea{
width: 640px;
padding: 46px 0 6px 0;
min-height: 651px;
height: auto !important;
height: 651px;
}


/* contentsTitle
------------------------------ */
.contentsTitle {
width:620px;
height:32px;
border-bottom: 1px solid #999;
margin-bottom:20px;
}

.contentsTitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.contentsTitle h1{
float:left;
width:300px;
padding-left:5px;
}

.contentsTitle p{
float:right;
width:310px;
padding:12px 5px 0 0;
text-align:right;
font-family:Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:10px;
}

.contentsTitle em{
color:#676767;
}

/* section
------------------------------ */
.section{
width:620px;
margin-top:20px;
}
.section h2{
margin-bottom: 15px;
}
.section p,
p.guideTxt{
padding:0 10px;
}

/* attention
------------------------------ */
ul.attention{
margin:15px 0 10px 26px;
}
ul.attention li{
font-size:11px;
color:#a96c6c;
}

.section .step{
clear: both;
border-bottom:solid 1px #ccc;
overflow:hidden;
margin-bottom:20px;
height:212px;
}

.section .step:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.section .step.last{
border:none;
}

.section .step h3{
margin-bottom: 8px;
color:#333;
font-size:14px;
}

.section .step h3 img{
margin-right: 10px;
}


#contentsArea .section .text{
float: left;
width:330px;
padding-top:3px;
}

.section div.image{
float: left;
width:256px;
margin:0 20px 0 0;
padding:3px;
overflow:hidden;
background:#fff;
border: solid 1px #e5e5e5;
text-align:center;
}

#contentsArea .section .aboutdownLink {
background:transparent url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/playguide/icon_arrow.gif) no-repeat scroll 0 2px;
font-size:12px;
margin-left:0;
margin-top:15px;
padding-left:15px;
}

#contentsArea .section .aboutdownLink a {
color:#d040f8;
}


/* extraArea
-------------------------------------------------- */
#extraArea{
position: relative;
float: left;
width: 220px;
padding: 46px 0 0 20px;
margin-bottom:15px;
min-height:507px;
height: auto !important;
height: 507px;
}


/* gameStartNavi
------------------------------ */
#gameStart{
width:200px;
margin: 0;
}

#gameStart #gsOn{
position:relative;
display: none;
top:0;
}

/* gameStartNavi
------------------------------ */
#gameDownload{
margin: 8px 0 0 0;
}


/* Local Navi
------------------------------ */
#localNavi_btm{
width:185px;
margin: 5px 0 10px 0;
padding-bottom:19px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_localnavi_btm.gif) no-repeat bottom left;
}

#localNavi{
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_localnavi_mdl.gif) repeat-y top left;
}

#localNavi ul{
padding: 0 0 0 17px;
}
#localNavi ul li{
padding-bottom: 1px;
}

/* maintenance
------------------------------ */
#mainte{
width:200px;
height:27px;
text-align:center;
padding: 10px 0;
margin-top:10px;
background:#f2f2f2;
border:solid 1px #d4d4d4;
overflow:hidden;
}
#mainte h2,
#mainte p{
color:#333;
}

/* buyPoint
------------------------------ */
#buyPoint{
width:180px;
height:65px;
padding: 10px;
margin-top:10px;
text-align:center;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_buy_point.gif) no-repeat top left;
}

#buyPoint img{
margin-bottom:10px;
}

#buyPoint ul{
margin:10px 0 0 0;
display: inline;
}
#buyPoint ul li{
float:left;
width:75px;
padding-left:13px;
margin:0 0 0 2px;
text-align:left;
font-size:10px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/icon_buy_point.gif) no-repeat 5px 3px;
}
#buyPoint ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#buyPoint ul li a{
color:#555;
}

/* beginnerSite
------------------------------ */
#beginnerSite{
width:180px;
height:85px;
padding: 10px;
margin-top:10px;
text-align:center;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/common/bg_beginner_site.gif) no-repeat top left;
}

#beginnerSite h2{
display:none;
}

#beginnerSite img{
margin-top:30px;
}

/* support Navi
------------------------------ */
#supportNavi{
margin:10px 0;
}

#supportNavi li{
margin: 0 0 10px 0;
}

/* banner area
------------------------------ */
.bnrArea {
margin: 10px 0 0 0;
}
.bnrArea li{
margin-bottom: 10px;
}


/* toPagetop (on page bottom)
------------------------------ */
#toPagetop{
clear:both;
padding: 0 23px 10px 0;
text-align:right;
}

/* contents Area::extraPageTop 54
------------------------- */
#extraPageTop {
width: 54px;
position:absolute;
right: -57px;
}
*:first-child+html #extraPageTop {
height: 36px;
padding-top: 18px;
}
#extraPageTop a{
width: 49px;
height: 11px;
}


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

 03. top

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

/* contentsArea
---------------------------------------------------------------------- */
body#top #contentsArea{
position: relative;/* for DW */
width: 640px;
margin-bottom:26px;
padding: 46px 0 0 0;
}


/* whatsNewArea
---------------------------------------------------------------------- */
body#top #whatsNewArea{
position: relative;/* for DW */
width: 400px;
}

/* information
-------------------------------------------------- */
body#top #information{
position: relative;
width: 400px;
z-index:10;
}

body#top #information iframe{
display: block;
width: 400px;
height: 470px;
}

/* iframe error */
body#top #information .iframeError{
overflow: auto;
height: 359px;
padding: 10px;
margin:0 0 10px 0;
border: 1px solid #666;
background-color: #fff;
color: #666;
}

body#top #information .iframeError h2{
margin: 0 0 10px;
font-size: 16px;
font-weight: bold;
}

/* cmsNotice */
body#top #information .cmsNotice_top,
body#top #information .cmsNotice_btm{
position: relative;
overflow: auto;
max-height: 34px;
width:370px;
_height: 34px;
padding: 5px;
border: 1px solid #666;
background-color: #fff;
color: #666;
z-index:10;
}

body#top #information .cmsNotice_top{
margin-bottom: 5px;
}

body#top #information .cmsNotice_btm{
margin-bottom: 10px;
}


/* Community Area
-------------------------------------------------- */
#whatsNewArea #community,
#whatsNewArea #communityType02 {
width: 400px;
margin-top: 5px;
}
#whatsNewArea #community:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#whatsNewArea #communityType02:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#whatsNewArea h2{
color:#4d4d4d;
}

#community a.user{
display:block;
margin-bottom:2px;
color:#888;
}

#community #freeBbs,
#community #gameDiary{
width: 195px;
position: relative;
}
#community #freeBbs h2,
#community #gameDiary h2,
#communityType02 #gameDiary h2{
padding-bottom: 5px;
border-bottom: solid 1px #9d9d9d;
margin-bottom:15px;
}

/* #community::free bbs Area */
#community #freeBbs{
float: right;
}

/* #community::game diary Area */
#community #gameDiary{
float: left;
}

/* #community::common CSS,
#communityType02::common CSS */
#community .btn,
#communityType02 .btn{
text-align:right;
}

#community .more,
#communityType02 .more{
position: absolute;
top: 2px;
right:3px;
font-size:10px;
padding-left:10px;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/top/icon_more.gif) no-repeat left;
}
#community ul.communityList li,
#communityType02 ul.communityList li{
position: relative;
margin-bottom:8px;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/top/bg_community_line.gif) repeat-x center bottom;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 8px;
}
#community ul.communityList li br{
display:none;
}
#community ul.communityList li a.title,
#communityType02 ul.communityList li a.title {
color:#666;
}
#community ul.communityList li .date{
color: #777;
font-size: 9px;
position: absolute;
top: 2px;
right: 9px;
}

/* Community Area(Only blog ver.)
-------------------------------------------------- */
#communityType02 #gameDiary{
width: 400px;
position: relative;
}

#communityType02 a.user{
margin-bottom:2px;
color:#888;
position:absolute;
left:255px;
}

#communityType02 ul.communityList li .date{
color: #777;
font-size: 9px;
position: absolute;
top: 2px;
right: 3px;
}

/* otherArea
---------------------------------------------------------------------- */
body#top #otherArea{
position: relative;/* for DW */
float: right;
width: 200px;
padding-right: 20px;
}

/* movieIntro
---------------------------------------- */
.movieIntro,
.movieIntro-js {
width:180px;
height:140px;
margin-top:10px;
padding: 10px;
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/top/bg_movie.gif);
background-repeat: no-repeat;
background-position: left top;
}
.movieIntro-js{
  padding-top: 26px;
}

.movieIntro h2{
margin-bottom: 3px;
}
.ol-movie-js{
  width: 100%;
  position: fixed;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  top: 0;
  left: 0;
  z-index: 9000;
  display: none;
}
.ol-movie-js__content{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9001;
  overflow-y: scroll;
  display: none;
}
.ol-movie-js__wrap{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: table;
}
.ol-movie-js__inner{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  min-width: 797px;
  min-height: 586px;
}
.ol-movie-js__inner #player{
  width: 787px;
  height: 516px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 70px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}
.ol-movie-js__btn-close{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyZTJlNjNiMC05ZmZiLTUxNGItYjNiZC00Yjg3OTRkYmJiM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUVGOUE5RTM5Q0IwMTFFNjgzMjdGMEI1QjBFMDA5MjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUVGOUE5RTI5Q0IwMTFFNjgzMjdGMEI1QjBFMDA5MjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTNlZjc5MjEtYjA3Yi0wNjRiLTgwZGUtYThhZTcyMzIzM2UzIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmJmNzEwMzctOWJlNy0xMWU2LWI4NjktYmVhZGQ5N2Q5NGMzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bgbyHgAAAilJREFUeNpi/P//PwM6YILSl5HErjAiqQRJMAKxDhOSCpAARAVIJRBfgdIgfAkggBjxWURNQYAAwmoRMbovo/GvEDLxH7ohTDhMwAhPot0IEEAke2YPHjWWyJEDjhQkNkakoUtcwqYIhLG58RLUSTqEoosJGo6oAJebgPgyshwuRRiK8SlCUUx0gAMEENEKiQXYkuMlEs24QkyyvQzNp3oEDGJAjz9CXsZmMFaDcMUzvpj5SyD2wJiJyDACFVXMUNdeIjeW8XkNltN1iTEQfxhhZixGFIOR/G9FTBjhwHvwZWeKAEAAauroBEAYBgLoFFeHcP95/LdDqMEIpfTaJCpioeiHeVBz6euT8ig4HxsBAwxcdcOJSU1ik4LtXDB09vo2sZvTgzYxBo5QivVAhnYxS7Drny7vkz7DwUYBCJw/C/boyMmU02BTaKTuxAZW0BNsjMDI6IGBHozWlF1eLDmrVtYa/OfG3gVov/51AIKBMIBz74DdSOIBrJ7b7AGExRuw2jFcpRF/2vquMWjSpOMv7d2XK1zou/M+C6y1sSgSNkQ8/Mz758QAWHG1hpxXElAFU8mdbruxeeKJRzQ09AhLeGwcXWsQBbWCuTSJK9QJ9qaLTaGvYIiYuYJmCJhEUGfa721hVP+FoFZP2TEo53OH6HoCxkWs3RosnggImwxqtLWFkgDsrpkCWygJwiBQ8gC7gy5PUPIIO4MWB2htmoPltgcB1D9Re18rwhYdcaugGwgAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: left top;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  margin-left:358px;
  top: 50%;
  margin-top: -293px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
}
.search-scrollW-dummy{
  position: absolute;
  left: -9999px;
  top: 0;
  width: 100px;
  height: 100px;
  overflow-y: scroll;
}
.search-scrollW-dummy-inner{
  width: 100%;
  height: 100%;
}

/* spotdeck FL
------------------------- */
/* オーバーレイ(id)用CSS */
#sdjs_mask {
background-color: #000000;
filter: alpha(opacity=70);  /* IE用 */
-moz-opacity: 0.7;          /* FireFox用 */
opacity: 0.7;               /* Safari用 */
height:1000px;
}
/* タイトル(Class)用CSS */
.sdjs_title{
font-size: 14px;
color: #fff;
white-space: nowrap;
padding-left: 20px;
margin-top: 8px;
}
/* バックグラウンド(id)用CSS */
#sdjs_layer_f{
width: 650px;
height: 535px;
background: #000;
}
/* 動画部分(id)用CSS */
#sdjs_layer_f #sdjs_movie{
width: 650px;
height: 525px;
}
/* クローズボタン(class)用CSS */
#sdjs_layer_f #sdjs_layClose {
background: url('//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/top/btn_close.gif') no-repeat;
width: 24px;
height: 24px;
position: absolute;
top: 4px;
right: 5px;
z-index: 99998;
cursor : pointer;
text-indent:-9999px;
}

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

 04. playguide

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

/* Need Environment Recommend PC
------------------------------ */
.recommendPc{
width: 600px;
margin: 15px auto 0;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#666;
}

.recommendPc th{
text-align: right;
padding: 8px 12px 6px 0;
font-weight: bold;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
vertical-align: middle;
background:#f2f2f2;
}

.recommendPc th.need,
.recommendPc th.recommend{
width: 224px;
text-align: left;
padding: 9px 0 7px 15px;
}

.recommendPc .blank{
width: 120px;
}

.recommendPc td{
padding: 8px 0 6px 10px;
border: 1px solid #ccc;
}

.recommendPc .recommend{
border-right: none;
}

/* Benchmark Tool
------------------------- */
.inspect {
width:590px;
margin:0 auto;
padding:16px 0 0;
text-align:center;
}

.inspect p.checkNotice{
padding-left:16px;
padding-bottom:10px;
text-align:left;
}

.inspect p#inspect_loading{
background-color:#fff;
width:189px;
height:32px;
margin:0 auto;
padding-top:7px;
display:none;
}

#userSpec_wrap {
width:598px;
padding-bottom:4px;
margin:0 auto 20px;
background: #fafafa;
border: solid 1px #e0e0e0;
display:none;
}

#userSpec_wrap h4{
height:26px;
padding:15px 0 0 20px;
}

#userSpec_wrap .userSpec_inner{
padding:0 20px;
_padding:0 10px 0 20px;
}

#userSpec_wrap p.caution{
color:#cb0100;
font-weight:bold;
}

#userSpec_wrap .effectWrap{
background:url(//images.hange.jp/hangame/core/common/special/alliance/r01/white/effect_bottom_bg.gif) left bottom no-repeat ;
padding:2px 0;
margin-bottom:15px;
}

#userSpec_wrap .effectWrap .effectBg{
background:url(//images.hange.jp/hangame/core/common/special/alliance/r01/white/effect_top_bg.gif) left top no-repeat ;
padding-top:2px;
}

.effectWrap .effectBg #effect{
width:538px;
background-color:#fff;
border-right:solid 1px #e0e0e0;
border-left:solid 1px #e0e0e0;
padding:10px;
}

#effect img{
float:left;
top:-3px;
padding-right:10px;
_padding-right:5px;
}

#effect p{
margin-left:39px;
}

#effect p strong{
display:block;
font-weight:bold;
font-size:12px;
padding-bottom:3px;
}

#userSpec_wrap #userSpec_swit ul.userSpec_tab{
width:559px;
padding:0 0 0 6px;
margin-bottom:10px;
height:30px;
background:url(//images.hange.jp/hangame/core/common/special/alliance/r01/white/tab_userspec_bg.gif) left top no-repeat ;
}

#userSpec_wrap #userSpec_swit ul.userSpec_tab:after{content:".";display:block;height:0;clear:both;visibility:hidden}

ul.userSpec_tab li {
float:left;
width:110px;
height:30px;
line-height:24px;
margin-right:2px;
text-align:center;
}

ul.userSpec_tab li a{
float:left;
width:110px;
color:#666!important;
padding-top:5px;
}

ul.userSpec_tab li.active a,
ul.userSpec_tab li.hover a:hover{
height:25px;
background:url(//images.hange.jp/hangame/core/common/special/alliance/r01/white/tab_active_userspec.gif) left bottom no-repeat ;
color:#666!important;
font-weight:bold;
text-decoration:none;
}

#userSpec_wrap table{
width:560px;
border-collapse: collapse;

}
#userSpec_wrap th{
width:121px;
background-color:#f2f2f2;
border-bottom:1px solid #e0e0e0;
padding-right:10px;
text-align:right;
}

#userSpec_wrap td{
border-bottom:1px solid #e0e0e0;
}

#userSpec_wrap tr.cpu th,
#userSpec_wrap tr.cpu td{
border-top:1px solid #e0e0e0;
}

#userSpec_wrap td.movement{
width:370px;
border-right:1px solid #e0e0e0;
padding:10px;
}

#userSpec_wrap td.movement p{
line-height:1.5;
}

#userSpec_wrap td.movement p span{
color:#cc0000;
font-weight:bold;
}

#userSpec_wrap td.judg{
width:59px;
text-align:center;
vertical-align:middle !important;
}

#userSpec_wrap td.judg p{
top:1px !important;
left:5px !important;
}

#userSpec_wrap ul.iconType{
width:190px;
margin:0 0 0 360px;
padding:10px 0 10px 0;
}

#userSpec_wrap ul.iconType:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#userSpec_wrap ul.iconType li{
float:left;
display:block;
padding:0 0 0 28px;
margin-right:15px;
height:24px;
line-height:24px;
color:#4f5e31;
font-size:12px;
font-weight:bold;
}

#userSpec_wrap .ok img,
#userSpec_wrap .ng img,
#userSpec_wrap .unknown img{
height:24px;
width: 0px;
padding-left:24px;
}
#userSpec_wrap .ok img,
#userSpec_wrap ul.iconType li.ok{
background:url(//images.hange.jp/hangame/jtop/contents/ico_chkd.png) no-repeat top left;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images.hange.jp/hangame/jtop/contents/ico_chkd.png',sizingMethod='crop');
}

#userSpec_wrap .ng img,
#userSpec_wrap ul.iconType li.ng{
background:url(//images.hange.jp/hangame/jtop/contents/ico_exc.png) no-repeat top left;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images.hange.jp/hangame/jtop/contents/ico_exc.png',sizingMethod='crop');
}

#userSpec_wrap .unknown img,
#userSpec_wrap ul.iconType li.unknown{
background:url(//images.hange.jp/hangame/jtop/contents/ico_qstn.png) no-repeat top left;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images.hange.jp/hangame/jtop/contents/ico_qstn.png',sizingMethod='crop');
}

#userSpec_wrap dl{
width:560px;
border-top: 2px solid #e0e0e0;
padding:10px 0;
}

dl.info{
background:none;}

#userSpec_wrap dl.attention dt{
height:14px;
padding:0 0 5px 18px;
margin-left:10px;
font-weight:bold;
color:#b17474;
background:url(//images.hange.jp/hangame/core/common/special/alliance/r01/ico_attention.png) left 1px no-repeat ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images.hange.jp/hangame/core/common/special/alliance/r01/ico_attention.png',sizingMethod='crop');
}

#userSpec_wrap dl.attention dd{
padding-left:25px;
background:none;
color:#b17474;
list-style-type:disc;
font-size:11px;
}
#userSpec_wrap dl.info{
width:560px;
overflow:hidden;
}
#userSpec_wrap dl.info:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#userSpec_wrap dl.info dt{
clear:both;
float:left;
width:400px;
padding-left:10px;
height:24px;
line-height:24px;
}

#userSpec_wrap dl.info dd{
margin:0 0 10px 420px;
width:136px;
}


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

community

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

/* bbsIframe
------------------------------ */
#bbsIframe{
width:620px;
}

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

  Community common style

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

/* bbsArea
------------------------------ */
body#bbsArea{
width:620px;
background:none;
padding:0;
margin:0;
}

/* attentionList
------------------------------ */
.attentionList ul{
padding:0 0 13px 10px;
font-size: 11px;
}

.attentionList li{
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/li_community.gif) no-repeat scroll 1px 5px;
font-family:'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
padding:0 0 3px 15px;
color: #888;
}

/* tabHeader
------------------------------ */
.tabHeader{
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_tab_header.gif) no-repeat left top;
position: relative;
overflow: hidden;
margin-bottom:13px;
height:70px;
}
.tabHeader:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* tabCategory */
.tabHeader ul.tabCategory {
overflow: hidden;
width:615px;
height:25px;
padding:5px 0 0 5px;
}
.tabHeader ul.tabCategory :after{content:".";display:block;height:0;clear:both;visibility:hidden}

.tabHeader ul.tabCategory li {
float: left;
width:80px;
height:25px;
line-height: 22px;
text-align: center;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/tab_community_border.gif) no-repeat scroll 78px 5px;
}

.tabHeader ul.tabCategory li a {
color: #444;
}

.tabHeader ul.tabCategory li.now {
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/tab_community_now.gif) no-repeat scroll left top;
font-weight:bold;
}

/* searchArea */
.tabHeader .searchArea {
width: 605px;
clear:both;
margin-left:7px;
margin-top:8px;
}

.tabHeader .searchArea:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.tabHeader .searchArea p,
.tabHeader .searchArea div,
.tabHeader .searchArea select,
.tabHeader .searchArea input{
float: left;
color:#888;
}
.tabHeader .searchArea p {
margin: 2px 7px 0 0;
font-weight:bold;
color:#555;
}
.tabHeader .searchArea div {
padding: 1px 0 2px 5px;
}
.tabHeader .searchArea select{
width:116px;
padding:2px 2px 2px 5px;
}
.tabHeader .searchArea input{
width:257px;
height:17px;
margin-left:5px;
padding:3px 5px 0 5px;
background-color:#fff;
border: 1px solid #ababab;
}

.tabHeader .searchArea p.searchBtn {
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_searchright.gif) no-repeat scroll right 2px;
padding-right:12px;
}
.tabHeader .searchArea p.postBtn {
padding-left:10px;
}
.tabHeader .searchArea div.btnArea p{
margin: 0;
}

/* pageNavi
------------------------------ */
ul.pageNavi{
margin-left:0;
text-align: center;
margin-bottom:15px;
}
ul.pageNavi li{
display:inline;
font-size: 11px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_list.gif) no-repeat left 1px;
*background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_list.gif) no-repeat left 3px;
zoom: 1;
}
ul.pageNavi li.now{
font-weight:bold;
color:#666666;
}
ul.pageNavi li.none{
background: none;
}
ul.pageNavi li.first,
ul.pageNavi li.prev,
ul.pageNavi li.next,
ul.pageNavi li.last{
border-left:none;
background-repeat:no-repeat;
color: #ccc;
font-size: 12px;
font-family: 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
ul.pageNavi li.first,
ul.pageNavi li.prev{
background-position:0 3px;
*background-position:0 5px;
}
ul.pageNavi li.next,
ul.pageNavi li.last{
background-position:100% 3px;
*background-position:100% 5px;
}
ul.pageNavi li.first{
margin-right:5px;
padding-left:11px;
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_first_off.gif);
}
ul.pageNavi li.prev{
padding-left:11px;
padding-right:14px;
margin-right:-6px;
background-color: #fff;
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_prev_off.gif);
position:relative;
z-index:10;
}
ul.pageNavi li.next{
margin-left:14px;
padding-right:11px;
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_next_off.gif);
}
ul.pageNavi li.last{
margin-left:5px;
padding-right:11px;
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_last_off.gif);
}
ul.pageNavi li a{
color:#676767;
zoom: 1;
}
ul.pageNavi li a,
ul.pageNavi li.now{
margin:0 1px;
padding:0 1px 0 7px;
*padding:0 6px 0 7px;
}
ul.pageNavi li.first a,
ul.pageNavi li.prev a,
ul.pageNavi li.next a,
ul.pageNavi li.last a{
margin:0;
padding:0;
}
ul.pageNavi li a:hover{
text-decoration: underline;
}
ul.pageNavi li.first a:hover,
ul.pageNavi li.prev a:hover,
ul.pageNavi li.next a:hover,
ul.pageNavi li.last a:hover{
background-color:transparent;
text-decoration: underline;
}
ul.pageNavi li.first a,
ul.pageNavi li.prev a{
padding-left:11px;
margin-left: -11px;
background-repeat:no-repeat;
background-position:0 3px;
*background-position:0 5px;
}
ul.pageNavi li.next a,
ul.pageNavi li.last a{
margin-right:-11px;
padding-right:11px;
background-repeat:no-repeat;
background-position:100% 3px;
*background-position:100% 5px;
}
ul.pageNavi li.first a{
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_first.gif);
}
ul.pageNavi li.prev a{
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_prev.gif);
}
ul.pageNavi li.next a{
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_next.gif);
}
ul.pageNavi li.last a{
background-image:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_paginate_last.gif);
}

/* effect
------------------------------ */
.effect{
width:620px;
border-bottom: 1px solid #c0c0c0;
height:30px;
margin-bottom:15px;
}

.effect:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.effect p.effectTxt{
float:left;
width:515px;
_width:500px;
margin-top:5px;
padding-left:15px;
margin-left:10px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/arrow_bbs.gif) no-repeat scroll 0 4px;
}

.effect p.effectTxt span.keyWords{
color:#f77805;
font-weight:bold;
}

.effect p.returnlist{
float:right;
width:80px;
padding-top:3px;
}

/* btnArea
------------------------------ */
#bbsArea .btnArea {
margin-bottom:20px;
text-align:center;
}

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

  ifrm_ct01_01_list.html

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

/* topicList
------------------------------ */
table.topicList{
width:620px;
margin-bottom:15px;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/li_tit_bg.gif) no-repeat left top;
}

table.topicList thead th{
height:30px;
color:#888;
}
.topicList tbody tr:hover{
background-color:#f3f3f3;
}

table.topicList td{
height:30px;
border-bottom: 1px solid #e0e0e0;
text-align:center;
padding:0 5px;
}

table.topicList td.noBbs{
width:40px;
padding:0 10px;
font-size:11px;
}

table.topicList td.titBbs{
width:250px;
text-align:left;
padding-left:10px;
}

table.topicList td.titBbs a{
color:#666;
}

table.topicList tbody th span,
table.topicList tbody td span{
font-size: 11px;
}

table.topicList td.readNumber{
width:40px;
padding:0 10px;
font-size: 11px;
}

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

  ifrm_ct01_02_search01.html

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

/* readArea
------------------------------ */
.readArea{
padding-bottom:10px;
}

/* readHeader
------------------------------ */
.readArea .readHeader{
width:605px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/li_tit_bg.gif) repeat-x scroll left bottom;
padding:4px 0 0 15px;
height:26px;
line-height:26px;
}

.readHeader:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.readHeader p{
float:left;
padding-right:15px;
*padding-top:4px;
}

.readHeader p span{
padding-right:10px;
}

.readHeader p img{
padding-bottom:8px;
*padding-bottom:11px;
}

.readHeader h2{
float:left;
color:#434343;
}
.readHeader h2 a:link,
.readHeader h2 a:visited,
.readHeader h2 a:hover,a:active,a:focus{
color:#434343;
}


.readHeader h2 em{
color:#434343;
font-weight:bold;
background-color:#cecece;
}

.readHeader span.btnDelete{
float:right;
padding-right:10px;
}


/* readDate
------------------------------ */
.readArea .readDate{
width:605px;
padding:2px 0 0 15px;
height:30px;
line-height:30px;
background-color:#f0f0f0;
border-bottom: 1px solid #e0e0e0;
font-size:11px;
}

.readDate:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.readDate dl.hgId,
.readDate dt,
.readDate dd{
float:left;
}

.readDate dl.hgId dt{
padding-right:10px;
}

.readDate dl.hgId dd{
font-weight:bold;
font-size:12px;
}

.readDate dl.day,
.readDate dl.number,
.commentDate dl.day,
.commentDate dl.number{
float:right;
margin-right:15px;
}

.readDate dl.day dt span,
.readDate dl.number dt span,
.commentDate dl.day dt span,
.commentDate dl.number dt span{
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/bg_readright.gif) no-repeat scroll right 1px;
padding-right:5px;
margin-right:5px;
}

/* readBody
------------------------------ */
.readArea .readBody{
padding:20px 20px 18px;
border-bottom:2px solid #e0e0e0;
}

.readBody em{
background-color:#e0e0e0;
}

/* choiceBox */
.choiceBox {
font-size:11px;
height: 12px;
padding:15px 0 0 0;
text-align: left;
position: relative;
clear: both;
}
.choiceBox ul {
clear: both;
font-size: 11px;
text-align: right;
padding: 0 0 0 0;
}
.choiceBox ul li{
float: right;
}

.choiceBox li.report{
padding-left: 10px;
background:url('//images.hange.jp/hangame/community/bbs/common/line_partition_gray.gif') no-repeat scroll left top;
}
.choiceBox li.report.none{
background:none;
}
#bbs_textArea .choiceBox li.report{
padding-left: 0;
}

/* readFooter
------------------------------ */
.readFooter ul{
padding:5px 0 27px;
width:610px;
}

.readFooter ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.readFooter ul li{
float:left;
padding-left:10px;
}

.readFooter ul li.list{
float:right;
}

/* commentHeader
------------------------------ */
.commentHeader{
padding:0 10px;
width:600px;
padding-bottom:5px;
}

.commentHeader:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.commentHeader p.count{
float:left;
}

.commentHeader p.count em{
font-weight:bold;
color:#f47902;
}

.commentHeader p.caution{
float:right;
overflow:hidden;
}

.commentHeader p.caution img{
padding:0 2px 3px;
}

/* commentBody
------------------------------ */
.commentBody table{
border-top:1px solid #cbcbcb;
margin-bottom:10px;
width:620px;
}

.commentBody table th{
background-color:#f3f3f3;
border-bottom:1px solid #cbcbcb;
width:130px;
text-align:left;
padding-left:10px;
}

.commentBody table th img{
vertical-align:middle;
}

.commentBody table th span  {font-weight: normal;}

.commentBody table th span img{
padding-left:3px;
}

.commentBody table td{
border-bottom:1px solid #cbcbcb;
padding:10px 5px 10px 10px;
text-align:left;
vertical-align:top;
}

/* commentInput
------------------------------ */
.commentInput table{
border:1px solid #cdcdcd;
margin-bottom:20px;
width:620px;
}

.commentInput table th {
background-color:#f3f3f3;
padding:10px;
text-align:right;
vertical-align:middle;
width:119px;
}

.commentInput table td {
background-color:#fff;
padding:9px 9px 7px;
}

.commentInput table td textarea{
background-color:#fff;
border:1px solid #ccc;
color:#666;
height:88px;
padding:5px;
width:448px;
}

.commentInput table td .sendArea{
margin-top:6px;
overflow:hidden;
width:460px;
}

.commentInput table td .sendArea p{
float:left;
font-size:11px;
}

.commentInput table td .sendArea a{
float:right;
}

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

  ifrm_ct01_02_search02.html

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

/* commentArea
------------------------------ */
.commentArea{
padding-bottom:10px;
}

/* commentHeader
------------------------------ */
.commentArea .commentSearchHeader{
width:605px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/li_tit_bg.gif) repeat-x scroll left top;
padding:4px 0 0 15px;
height:26px;
line-height:26px;
}

.commentSearchHeader:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.commentSearchHeader p{
float:left;
padding-right:15px;
*padding-top:4px;
}

.commentSearchHeader p span{
padding-right:10px;
}

.commentSearchHeader p img{
padding-bottom:4px;
}

.commentSearchHeader h2{
float:left;
color:#fff;
}
.commentSearchHeader h2 a:link,
.commentSearchHeader h2 a:visited,
.commentSearchHeader h2 a:hover,a:active,a:focus{
color:#fff;
}

.commentSearchHeader h2 em{
color:#fff;
font-weight:bold;
background-color:#aaa;
}

.commentSearchHeader span.btnDelete{
float:right;
padding-right:15px;
}

/* commentDate
------------------------------ */
.commentArea .commentDate{
width:605px;
padding:2px 0 0 15px;
height:30px;
line-height:30px;
font-size:11px;
background: url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/community/li_tit_bg.gif) no-repeat left top;
}

.commentDate:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.commentDate dl.hgId,
.commentDate dt,
.commentDate dd{
float:left;
}

.commentDate dl.hgId dt{
padding-right:10px;
}

.commentDate dl.hgId dd{
font-weight:bold;
font-size:12px;
}

/* commentBody
------------------------------ */
.commentArea .commentBody{
padding:20px 20px 18px;
border-bottom:2px solid #e0e0e0;
}

.commentBody em{
background-color:#e0e0e0;
}

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

  ifrm_ct01_03_nosearch.html
  ifrm_ct01_07_completion.html

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

/* noSearch
------------------------------ */
.noSearch {
border-bottom:1px solid #C0C0C0;
margin-top:29px;
padding-bottom:30px;
padding-left:30px;
}

.noSearch p{
font-weight:bold;
padding-bottom:15px;
}

.noSearch ul{
padding-left:20px;
text-indent:-1em;
}

.noSearch ul li{
margin-bottom:5px;
}

.noSearch p em{
color:#676767;
}

/* btnReturn
------------------------------ */
#bbsArea .btnReturn {
text-align:right;
padding:10px 10px 0 0;
}

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

  ifrm_ct01_04_read.html
  ifrm_ct01_05_write.html

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

/* contributeArea
------------------------------ */
.contributeArea table{
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
margin-bottom:20px;
width:620px;
}

.contributeArea.check table{
margin-top:-16px;
}

.effect.contribution{
margin-bottom:0;
}

.contributeArea table th,
.contributeArea table td{
border-top:1px solid #cbcbcb;
font-weight:normal;
}

.contributeArea table th{
background:none repeat scroll 0 0 #f0f0f0;
padding:9px 10px 10px;
text-align:right;
vertical-align:top;
width:120px;
}

.contributeArea table td{
padding:9px 9px 7px;
font-weight:bold;
}

.contributeArea table td p{
font-size:11px;
font-weight:normal;
}

.contributeArea table td input {
background-color:#fff;
border:1px solid #aaa;
color:#666;
height:17px;
padding:5px 0 0 5px;
width:454px;
}

.contributeArea table td textarea {
background-color:#fff;
border:1px solid #aaa;
color:#666;
height:88px;
padding:5px;
width:448px;
}

/* btnReset
------------------------------ */
#bbsArea .btnReset {
text-align:left;
margin-top:-10px;
}

/* txtContribute
------------------------------ */
#bbsArea .txtContribute {
background:url(//images.hange.jp/hangame/core/canaan/community/icon_search_arrow.gif) no-repeat scroll left 10px ;
color:#666666;
margin:0 0 8px 10px;
padding:5px 0 0 11px;
}

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

 06. shop

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

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

  Shop common style

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

/* ptCaution
------------------------------ */
.ptCaution {
width: 598px;
border: 1px solid #e0e0e0;
background-color: #fafafa;
margin: 20px 0;
padding: 10px;
}

.ptCaution dt{
color:#a96c6c;
font-weight:bold;
background:url(//images.hange.jp/hangame/core/common/special/alliance/r01/ico_attention.png) left 1px no-repeat ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images.hange.jp/hangame/core/common/special/alliance/r01/ico_attention.png',sizingMethod='crop');
padding-left:15px;
}

.ptCaution dd{
margin-top: 5px;
padding: 0 2px 0 10px;
font-size: 10px;
color:#a96c6c;
text-indent: -0.5em;
}

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

  sp01_01_buy.html

----------------------------------------------------------- */
.aboutCoin p{
padding:0 10px;
}

/* hancoinList
------------------------- */
.hancoinList{
width: 618px;
margin: 20px 0;
border-collapse: collapse;
border: 1px solid #ccc;
color:#666;
}

.hancoinList th{
padding: 8px 0;
vertical-align: middle;
width:287px;
background:#f2f2f2;
font-weight: normal;
}

.hancoinList td{
padding: 8px 90px 8px 5px;
border: 1px solid #ccc;
text-align: right;
}

.hancoinList th span.accent{font-weight: bold;}
.hancoinList td span.accent{font-weight: bold;padding:0 10px;}

span.txt_gift{padding-right:10px;}


/* buyCoinArea
------------------------- */
.buyCoinArea{
height:80px;
margin:0 0 20px 0;
}

.buyCoinArea:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.buyCoinArea p.notice{
float:left;
width:383px;
}
.buyCoinArea p.btnCoin{
float:right;
width:180px;
padding:0;
}
.buyCoinArea p.linkGuide{
clear:both;
padding-top:10px;
}

/* Select Server
------------------------- */
.serverList{
overflow:hidden;
margin-bottom:10px;
padding:9px 17px 6px;
border: solid 1px #d2d2d2;
zoom:1;
}

.serverList p{
float:left;
width:193px;
height:28px;
margin-right:20px;
padding-top:10px;
height:26px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/li_serverlist.gif) repeat-y right top;
}

.serverList select{
width:225px;
margin-top:7px;
color:#666;
}

/* showArea(Normal Type)
------------------------- */
#showArea{
clear:both;
overflow:hidden;
width:100%;
*margin-top:20px;
}

#showArea:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#showArea h2{
clear:both;
margin-bottom:15px;
}

#showArea ul{
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_show.gif) no-repeat scroll 0 0;
width:123px;
height:155px;
float:left;
margin-bottom:20px;
margin-right:16px;
padding:0 10px;
text-align:center;
}

#showArea ul.last{
margin-right:0;
}

#showArea ul li.imgShow{
width:121px;
height:12px;
margin-bottom:5px;
padding: 83px 0 10px;
_padding: 83px 0 5px;
text-align:center;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_dot_w.gif) repeat-x center bottom;
color:#333;
font-weight:bold;
}

#showArea ul li.price{
display:inline;
text-align:center;
margin-top:10px;
padding-left:12px;
color:#333;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/ico_money.gif) no-repeat 0 50%;
}

.btnBuy{margin-top:1px;}

/* showArea(Bonus Type)
------------------------- */
#showArea_bonus{
clear:both;
overflow:hidden;
width:100%;
*margin-top:20px;
}

#showArea_bonus:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#showArea_bonus ul{
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_show_bonus.gif) no-repeat scroll 0 0;
width:123px;
height:155px;
float:left;
margin-bottom:20px;
margin-right:16px;
padding:0 10px;
text-align:center;
}

#showArea_bonus ul.last{
margin-right:0;
}

#showArea_bonus ul li.imgShow{
width:121px;
height:23px;
padding: 72px 0 10px;
_padding: 72px 0 0;
margin-bottom:5px;
text-align:center;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_dot_w.gif) repeat-x center bottom;
color:#333;
font-weight:bold;
}

#showArea_bonus ul li.imgShow{
font-weight:bold;
}

#showArea_bonus ul li.imgShow .bonus{
font-weight:normal;
font-size:11px;
}

#showArea_bonus ul li.price{
display:inline;
text-align:center;
padding-left:12px;
color:#333;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/ico_money.gif) no-repeat 0 50%;
}

/* showArea(Ticket Type)
------------------------- */
#showArea div.ticketlist{
overflow:hidden;
width:600px;
margin-bottom:10px;
padding:10px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_ticket.gif) no-repeat scroll 0 0;
}

#showArea div.ticketlist ul,
#showArea div.ticketlist p.txt{
float:left;
}

#showArea div.ticketlist ul{
width:155px;
height:100px;
margin:0 11px 0 0;
padding-left:123px;
background:none;
}

#showArea div.ticketlist ul li.imgShow{
width:166px;
height:32px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_dot_w.gif) repeat-x center bottom;
color:#333;
font-weight:bold;
margin-bottom:10px;
padding: 5px 0 10px 0;
_padding: 8px 0 5px;
}

#showArea div.ticketlist ul li.price{
display:inline;
text-align:center;
padding-left:12px;
color:#333;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/ico_money.gif) no-repeat 0 50%;
}

#showArea div.ticketlist p.txt{
width:281px;
height:91px;
padding:5px 0 0 15px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_dot_h.gif) repeat-y left center;
}

#showArea div.ticketlist p.txt .detail{
display:block;
float:right;
margin-top:6px;
padding-left:7px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/ico_arrow.gif) no-repeat left 6px;
}



/* Buy Ticket
------------------------- */
.ticketList{
overflow:hidden;
width:600px;
margin-bottom:10px;
padding:10px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_ticket.gif) no-repeat scroll 0 0;
}

.ticketList ul,
.ticketList p.txt{
float:left;
}

.ticketList ul{
width:156px;
height:100px;
margin:0 11px 0 0;
padding-left:123px;
background:none;
text-align:center;
}

.ticketList ul li.imgShow{
width:156px;
height:32px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_dot_w.gif) repeat-x center bottom;
color:#333;
font-weight:bold;
margin-bottom:10px;
padding: 5px 0 10px 0;
_padding: 8px 0 5px;
}

.ticketList ul li.price{
display:inline;
text-align:center;
padding-left:12px;
color:#333;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/ico_money.gif) no-repeat 0 50%;
}

.ticketList p.txt{
width:281px;
height:90px;
margin-top:5px;
padding:0 0 0 15px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/bg_dot_h.gif) repeat-y left center;
}

.ticketList p.txt .detail{
display:block;
float:right;
margin-top:6px;
padding-left:7px;
background:url(//images.hange.jp/open/cms/games_common/core/official/basic/r02/white/shop/ico_arrow.gif) no-repeat left 6px;
}

.ticketList a:link,
.ticketList a:visited,
.ticketList a:hover,
.ticketList a:active,
.ticketList a:focus{
color:#f57804;
}

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

 07. support

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

/* faq
---------------------------------------------------------------------- */
body#support #contentsArea dl#faqBtnArea{
position: relative;
margin: 0 auto 50px;
}

body#support #contentsArea dl#faqBtnArea img{
vertical-align: bottom;
}

body#support #contentsArea dl#faqBtnArea dt{
float: left;
width: 184px;
padding-left:10px;
}

body#support #contentsArea dl#faqBtnArea dd{
height: 65px;
margin: 0 15px 40px 212px;
}

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

 08. etc

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

/* agreement
-------------------------------------------------- */
#agreement,
#entry{
background-color: #535353;
border: solid 1px #262626;
}

#agreement .textBody,
#entry #agreement{
background-color: #f0f0f0;
}

#agreement{
width: 618px;
padding: 9px 0;
}

#agreement .textBody{
width: 580px;
margin: 0 auto;
padding: 10px;
color:#444;
}
#agreement .textBody a{
color:#f77805;
}

#agreement h2{
margin-bottom: 15px;
font-size: 15px;
}

#agreement ul{
margin-top:15px;
padding:0 0 1em 0;
}
#agreement ul li{
padding: 0 0 0.5em 1.5em;
text-indent: -1.0em;
}
#agreement ul li a{
color:#f77805;
}
#agreement ul.detail{
margin:0;
padding:0;
}
#agreement ul.detail li{
margin:0;
padding: 0 0 0 1.5em;
}
#agreement .textBody p.right {
text-align:right;
}

/* entry
-------------------------------------------------- */
.entryform p.txt{
margin:12px 0;
}

.formArea{
margin-bottom:15px;
border:solid 1px #d2d2d2;
padding:15px 0px 15px 25px;
}

/* birth / charaName / nickname */
.birth .formArea input,
.charaName .formArea input,
.nickname .formArea input{
margin:0 8px;
}
.charaName .formArea input,
.nickname .formArea input{
margin:0 10px;
width:196px;
}
.birth .formArea select{margin:0 8px 0 6px;}

/* sex */
.sex .formArea p label{margin:0 20px 0 4px;}
/* nextBtn */
.entryArea .nextBtn{margin-top:67px;}



#entry{
width: 617px;
height: 565px;
margin: 15px 0 10px 1px;
padding: 8px 0;
}

#entry #agreement{
width: 577px;
height: 445px;
margin: 0 auto;
padding: 5px 10px;
overflow: auto;
}
#entry #agreement p.right{
text-align:right;
}
#entry #agreement h2{
margin-bottom: 15px;
font-size: 15px;
}

#entry #agreement ul{
margin:0;
padding:0 0 1em 0;
margin-top:15px;
}

#entry #agreement ul li{
padding: 0 0 0.5em 1.5em;
text-indent: -1.0em;
}

#entry #agreement ul.detail{
margin:0;
padding:0;
}
#entry #agreement ul.detail li{
margin:0;
padding: 0 0 0 1.5em;
}

#entry .selectAgree{
margin: 20px 0 5px;
text-align: center;
color:#fff;
}

#entry .selectAgree input{
position: relative;
top: 1px;
margin-left: 16px;
}

#entry .selectAgree label{
margin-right: 16px;
}

#entry .agreeBtn{
text-align: center;
}


/* entry complete
------------------------------ */
#entryComp {
margin-left:10px;
}


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


 09. footer(white/black共通)


================================================== */
#whiteFooterWrap,
#blackFooterWrap{
position:relative;
padding-top:20px;
}

/* footer Area
------------------------- */
#whiteFooterWrap #footerArea,
#blackFooterWrap #footerArea{

width:100%;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
font-family:Verdana;
font-size:10px;
}
#whiteFooterWrap #footerArea:after,
#blackFooterWrap #footerArea:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#whiteFooterWrap #footerArea div.wrap,
#blackFooterWrap #footerArea div.wrap{
position:relative;
margin:0 auto;
width:880px;
overflow:hidden;
}
#whiteFooterWrap #footerArea div.wrap:after,
#blackFooterWrap #footerArea div.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#whiteFooterWrap #footerArea div.copyrightAndNav,
#blackFooterWrap #footerArea div.copyrightAndNav{
float:left;
padding:0;
width:440px;
}

#whiteFooterWrap #footerArea div.copyrightAndNav .crColor,
#blackFooterWrap #footerArea div.copyrightAndNav .crColor{
width:440px;
font-size:10px;
}

#whiteFooterWrap #footerArea div.rcmmndSys,
#blackFooterWrap #footerArea div.rcmmndSys{
clear:both;
padding-top:13px;
}
#whiteFooterWrap #footerArea div.rcmmndSys ul,
#blackFooterWrap #footerArea div.rcmmndSys ul{
padding:13px 0 15px;
}
#whiteFooterWrap #footerArea div.rcmmndSys ul:after,
#blackFooterWrap #footerArea div.rcmmndSys ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#whiteFooterWrap #footerArea div.rcmmndSys ul li a,
#blackFooterWrap #footerArea div.rcmmndSys ul li a{
font-weight:bold;
}

#whiteFooterWrap #footerArea div.rcmmndSys ul li.fl,
#blackFooterWrap #footerArea div.rcmmndSys ul li.fl{
width:50%;
float:left;
text-align:right;
}
#whiteFooterWrap #footerArea div.rcmmndSys ul li.dx,
#blackFooterWrap #footerArea div.rcmmndSys ul li.dx{
width:50%;
float:right;
text-align:left;
}
#whiteFooterWrap #footerArea div.rcmmndSys ul li.brwsr,
#blackFooterWrap #footerArea div.rcmmndSys ul li.brwsr{
clear:both;
text-align:center;
}

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

#whiteFooterWrap #footerArea ul.footerLink li,
#blackFooterWrap #footerArea ul.footerLink li{
display:inline;/* for IE double margin */
float:left;
white-space: nowrap;
margin-left:-7px;
line-height:1.6;
}
#whiteFooterWrap #footerArea ul.footerLink li a,
#blackFooterWrap #footerArea ul.footerLink li a{
margin:0 5px;
padding:0 5px 0 10px;
}

#whiteFooterWrap #footerArea ul.footerLink li.noborder,
#blackFooterWrap #footerArea ul.footerLink li.noborder{
}

/* Logos common */
#whiteFooterWrap #footerArea div.logos,
#blackFooterWrap #footerArea div.logos{
float:left;
width:180px;
padding-left:10px;
}

#whiteFooterWrap #footerArea div.logos ul:after,
#blackFooterWrap #footerArea div.logos ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#whiteFooterWrap #footerArea div.logos ul li,
#blackFooterWrap #footerArea div.logos ul li{
display:inline;/* for IE double margin */
float:left;
margin-left:10px;
}

#whiteFooterWrap #footerArea div.logos .sub,
#blackFooterWrap #footerArea div.logos .sub{
margin-top:3px;
text-align:center;
}

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

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

 footer(whiteType)
 **bodyにもclass="whiteType"を設定**

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

body.whiteType{
background:#fff;
}

#whiteFooterWrap{
background:#fff;
}

/* footer Area
------------------------- */
#whiteFooterWrap #footerArea div.wrap{
color:#666;
}

#whiteFooterWrap #footerArea div.copyrightAndNav ul li a{
color:#8c8c8c;
}

#whiteFooterWrap #footerArea div.copyrightAndNav .crColor{
color:#7d7d7d;
}

#whiteFooterWrap #footerArea div.rcmmndSys ul{
border-top:1px solid #4d4d4d;
}

#whiteFooterWrap #footerArea div.rcmmndSys ul li{
color:#4f4f4f;
}

#whiteFooterWrap #footerArea div.rcmmndSys ul li a{
color:#4f4f4f;
}

#whiteFooterWrap #footerArea ul.footerLink li a{
background:transparent url(//images.hange.jp/hangame/common/special/r01/vline_gray1x7.gif) no-repeat scroll left 3px;
}

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

 footer(blackType)
 **bodyにもclass="blackType"を設定**

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

body.blackType{
background:#202020;
}

#blackFooterWrap{
background:#202020;
}

/* footer Area
------------------------- */
#blackFooterWrap #footerArea div.wrap{
color:#666;
}

#blackFooterWrap #footerArea div.copyrightAndNav ul li a{
color:#8c8c8c;
}
#blackFooterWrap #footerArea div.copyrightAndNav .crColor{
color:#7d7d7d;
}

#blackFooterWrap #footerArea div.rcmmndSys ul{
border-top:1px solid #4d4d4d;
}
#blackFooterWrap #footerArea div.rcmmndSys ul li{
color:#4f4f4f;
}

#blackFooterWrap #footerArea div.rcmmndSys ul li a{
color:#4f4f4f;
}

#blackFooterWrap #footerArea ul.footerLink li a{
background:transparent url(//images.hange.jp/hangame/common/special/r01/vline_gray1x7.gif) no-repeat scroll left 3px;
}