@charset "UTF-8";
/*common.css*/

#wrapper{text-align:center;}

.blockSet	{clear:both;float:left;width:100%;padding-bottom:15px;}
.normalSet,.floatSet		{clear:both;float:left;width:100%;}

p.caption			{padding-top:5px;}

/*list end style*/
li.last	{margin:0 !important;}

.pageTop	{clear:both;width:740px;margin:0 auto;text-align:right;padding-bottom:30px;}
.pageTop a,.textBox a{display:inline;}

/*----------------------------------------------------------------------*/
/*all*/
#wrapper{background:url(../img/common/bg_in.gif) #000 center top repeat-y;}
#wrapperIn{width:945px;margin:0 auto;}

/*header*/
#header{height:49px;padding:0 20px;background-color:#fff; border-bottom:1px solid #c8c8c8;}
#logoBox{float:left;width:154px;}
#logoBox p{float:left;width:12px;padding-top:17px;}
#logoBox p#sqexLogo	{width:154px;padding-right:8px;}

/*footer*/
#footer{clear:both;width:100%;overflow:hidden;}
#footer p{padding:20px 0;}

/*page*/
#nextContents{width:937px; margin:0 auto; background:url(../img/common/next_bg.jpg) repeat-y; padding-top:20px;}
#nextHeader{height:58px;background:url(../img/common/next_header.png) no-repeat; position:relative;padding-bottom:50px;}
#nextHeader h1{width:190px;height:104px;position:absolute;top:2px;right:10px;}
#nextContentsIn{width:937px;}

#nextContents .boxFrameIn h2{border-bottom:1px solid #c1a036;margin-bottom:10px;}
.boxFrame{width:796px;margin:0 auto 20px;}
.boxFrameIn,.boxFrameTop,.boxFrameBottom{background-image:url(../img/common/next_boxed.png);}
.boxFrameIn{background-position:-796px 0;padding:10px 20px; text-align:center;}
.boxFrameTop{background-position:0 0; height:6px;}
.boxFrameBottom{background-position:0 -6px; height:6px;}

/*----------------------------------------------------------------------*/
/*btnArea*/
#btnArea {clear:both;width:937px; margin:0 auto; padding-bottom:20px;background:url(../img/common/next_bg.jpg) repeat-y;}

#btnClose,#btnBack{width:114px;margin:0 auto;}
#btnClose a,#btnBack a{width:100%;display:block;background:url(../img/common/btn_cloesback.png) no-repeat;text-indent:-9999px;overflow:hidden;}
#btnClose,#btnBack,
#btnClose a,#btnBack a{height:38px;}

#btnClose a{background-position:0 0;}
#btnClose a:hover{background-position:-114px 0;}
#btnBack a{background-position:0 -38px;}
#btnBack a:hover{background-position:-114px -38px;}

#btnClose,#btnBack{width:114px;margin:0 auto;}
#btnClose a,#btnBack a{width:100%;display:block;background:url(../img/common/btn_cloesback.png) no-repeat;text-indent:-9999px;overflow:hidden;}
#btnClose,#btnBack,
#btnClose a,#btnBack a{height:38px;}

#btnClose a{background-position:0 0;}
#btnClose a:hover{background-position:-114px 0;}
#btnBack a{background-position:0 -38px;}
#btnBack a:hover{background-position:-114px -38px;}

#submitBox{width:114px;margin:0 auto;}
#submitBox a{width:100%;display:block;text-indent:-9999px;overflow:hidden;}
#submitBox,
#submitBox a{height:38px;background:url(../img/common/btn_submit.png) no-repeat;}

#submitBox{background-position:0 0;}
#submitBox a{background-position:0 -38px;}
#submitBox a:hover{background-position:0 -76px;}

/*----------------------------------------------------------------------*/
/*message*/
.boxFrameIn div{padding-right:5px;}
#message .boxFrameIn div{overflow:auto; height:410px;}
#reg .boxFrameIn div{overflow:auto; height:371px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
/*----------------------------------------------------------------------*/
/*navi*/
#nav{width:945px; height:45px;background:url(../img/navi/navi_bg.gif) left top no-repeat;}
#nav h1{float:left;width:208px; padding-right:20px;}
#worldNum{float:left; width:154px; height:45px; background:url(../img/navi/navi_plate.png) left top no-repeat;}
#worldNum p{font-size:12px; line-height:45px; text-align:center; color:#fff;}

#sNav{float:right; padding-top:8px;}
#sNav li{float:left; width:144px; padding-right:5px;}

/*----------------------------------------------------------------------*/
/*purchase*/
#purchaseOut{position:absolute; top:100px; left:50%; margin-left:-398px;}
#purchase{font-family:"ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3"; padding:0;}
#purchase .boxFrame{ margin-bottom:0;}

#purchase p {line-height: 1.5;text-align: center;}
table.center {margin-left: auto;margin-right: auto;}

#purchase table.common_table3 {border: 1px solid #666; border-collapse: collapse; margin-bottom:10px; padding: 0;}
#purchase table.common_table3 th {background:url(../img/purchase/bg_glay.png) repeat-x 0 0 #707070;padding: 5px 8px; font-size:12px;}
#purchase table.common_table3 td {background-color:#fff;padding: 4px 8px;}
#purchase table.common_table3 th {color: #fff;font-weight: bold;}
#purchase table.common_table3 td {color: #333;}
#purchase table.common_table3 th,
#purchase table.common_table3 td{border-bottom: 1px dotted #666;border-left: 1px dotted #666; text-align: center; vertical-align: middle;}

#purchase table.common_table3 th a,
#purchase table.common_table3 td a {color: #060;margin: 0;padding: 0;vertical-align: middle;}

#purchase span.money_c_txt {background: url(../img/purchase/icon_money_c.png) no-repeat 0 center;padding: 6px 5px 6px 20px;text-align: left;}
#purchase span.money_b_txt {background: url(../img/purchase/icon_money_b.png) no-repeat scroll 0 50% transparent;padding: 6px 5px 6px 24px;text-align: left;}
#purchase p.buy {background: url(../img/purchase/icon_yen.gif) no-repeat scroll 0 50% transparent;padding: 5px 0 3px 18px;text-align: left;}

#purchase span.buyNum {background: url(../img/purchase/icon_yen.gif) no-repeat 0 center;padding:0 5px 0 18px;}
#purchase span.buyNum strong{color:#666600; padding-right:3px;}
#purchase p.legally a{ color:#006600;}
#purchase p.notice {color: #c00;}
#purchase .money_c_txt strong {color: #660;}

/*----------------------------------------------------------------------*/
/*gameStart*/
#gameStart #nextContents{width:945px; margin:0 auto; background:none; padding:0;}

/*----------------------------------------------------------------------*/
/*reg*/
#reg .blockSet{width:856px;padding-left:40px;padding-right:40px;padding-bottom:20px;}
#reg textarea{width:100%;height:424px;resize:vertical;}
#reg textarea{font-size:12px;line-height:1.4;}
#reg #btnArea{width:100%;float:left;padding:15px 0 20px;}
* html #reg #btnArea{height:70px;text-align:center;}

#reg #btnBack{ float:left; margin-left:340px;}
#reg #submitBox{ float:right; margin-right:340px;}
#reg h3{padding:20px 0 10px;}
#reg .boxFrame{ margin-bottom:0;}
#reg #regCheck{ clear:both; width:100%; overflow:hidden; padding-top:15px;}

/*----------------------------------------------------------------------*/
/*server*/
#server{font-family:"ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";}
/* --------------------
.intro_box1
----------------------- */
.intro_box1 {width:770px;background:url(../img/introduction/box_intro_main.jpg) repeat-y 0 0;margin:0 auto 15px;}
.intro_box1in {background:url(../img/introduction/box_intro_header.jpg) no-repeat 0 0;padding-top:12px;}
.intro_box1bottom {background:url(../img/introduction/box_intro_footer.jpg) no-repeat 0 100%;padding:15px;padding-bottom:12px; overflow:hidden;}
* html .intro_box1bottom{height:1%;}
.intro_box1bottom p.notice {color:#C00;}
.intro_box1bottom p.center {text-align:center;}
.intro_box1bottom h3 {padding-bottom:10px;}
.intro_box1bottom h4 {padding-bottom:10px;}

/* --------------------
告知
----------------------- */
.information_main {background:url(../img/server/bg_information_main.jpg) repeat-y 0 0;margin-bottom:15px;}
.information_bottom {background:url(../img/server/bg_information_footer.jpg) no-repeat 0 100%;padding:15px;padding-bottom:12px;}
.information_bottom p {color:#FFF;}

/* --------------------
サーバー部分
----------------------- */
.server_box1 {width:738px;background:url(../img/server/bg_server_main.gif) repeat-y 0 0;margin: 10px auto 15px;border:1px solid #333;}
.server_box1in {padding-top:12px;}
.server_box1bottom {padding:15px;padding-bottom:12px;}

.mainserver {background:url(../img/server/bg_mainserver.png) no-repeat 0 0;width:347px;height:65px;margin:0 auto;margin-bottom:15px;}
.mainserver h3 {padding:8px 0 0 20px;color:#FFF;line-height:1;vertical-align:middle;height:20px;}
.mainserver h3 img {vertical-align:middle;}
.mainserver h3 span {padding-left:4px;}
.mainserver p{padding:12px 0 0 22px;color:#FFF;line-height:1; font-size:16px; font-weight:bold;}

.subservers,
.friendservers{width:666px;margin-right:auto;margin-left:auto;}
.subserver {background:url(../img/server/bg_subserver.png) no-repeat 0 0;float:left;width:217px;margin-right:5px;margin-bottom:15px;}
.subserver h3 {padding:5px 0 0 20px;color:#FFF;line-height:1;vertical-align:middle;height:17px;}
.subserver h3 img {vertical-align:middle;}
.subserver h3 span {font-size:10px;padding-left:4px;}
.subserver p{padding:10px 0 10px 18px;color:#FFF;line-height:1;font-size:10px; font-weight:bold;}

.main_server {width:350px;margin:0 auto;border:2px solid #a0966e;padding:10px 10px 0;margin-bottom:20px;background:url(../img/server/bg_server_sub.gif);}
.main_server .server_text{font-size:18px; line-height:1; font-weight:bold;text-align:center;padding-bottom:5px;color:#5a3c00;}

.subservers_text{font-size:14px; line-height:1.2; font-weight:bold;padding-bottom:10px;color:#000; text-align:left;}
.subservers {width:666px;padding:10px 10px 5px;border:1px solid #a0966e;background:url(../img/server/bg_subserver_sub.png);overflow:hidden;}
* html .subservers{width:686px;}
.subserver p.red,
.main_server p.red{color:#c00;}

.ig_japanmapbox1_member{position:absolute;left:5px;line-height:1.5;text-align:center;top:72px;width:231px;color:#ff0;}
.ig_japanmapbox1_member.red{color:#c00;}
.ig_japanmapbox1_battlenow{top:92px;}

.mainserver,.subserver{position:relative;}
.mainserver .flag_l{position:absolute;top:6px;right:14px;}
.mainserver .flag_l img{padding-right:4px;}
.subserver .flag_s{position:absolute;top:5px;right:13px;}
.subserver .flag_s img{padding-right:2px;}

.mainserver_s2{background:url(../img/server/bg_mainserver_s2.png) no-repeat 0 0;}
.subserver_s2{background:url(../img/server/bg_subserver_s2.png) no-repeat 0 0;}
.mainserver_battle{background:url(../img/server/bg_mainserver_battle_bete.png) no-repeat 0 0;font-weight:bold;}
.mainserver_s3{background:url(../img/server/bg_mainserver_s3.png) no-repeat 0 0;}
.subserver_s3{background:url(../img/server/bg_subserver_s3.png) no-repeat 0 0;}

.subserver .myMixi_s {position: absolute;right: 36px;top: 20px;}
.main_server .myMixi_l {position: absolute;right: 42px;top: 24px;}

#server a{text-decoration:none; display:block;}
#server h3{text-align:left;}
#server h2{font-size:20px; line-height:1.2; font-weight:bold; text-align:center; padding-bottom:5px; margin-bottom:10px; color:#5a3c00; border-bottom:1px solid #ad8c2e;}
#server .frieand_text{font-size:14px; line-height:1.2; font-weight:bold;padding-bottom:10px;color:#5a3c00; text-align:center;}
#server .frieand_text_sub{font-size:12px; line-height:1.2; font-weight:bold; padding-bottom:10px;color:#5a3c00; text-align:left;}

.friendservers {width:666px;padding:10px 10px 5px;border:1px solid #a0966e; background:url(../img/server/bg_friend_sub.png); overflow:hidden;}
* html .friendservers{width:686px}

h3.friend_name{clear:both; width:100%; font-size:16px; line-height:1.2; padding:10px 0 5px; margin-bottom:8px; font-weight:bold; color:#5a3c00; border-bottom:1px solid #ad8c2e;}
#server .tono_name{ font-size:14px; padding: 8px 0 8px 18px;}

/*エラーメッセージ*/
#error h2{font-size:18px; line-height:1.2; padding:0 0 5px; margin-bottom:10px; font-weight:bold; color:#5a3c00; border-bottom:1px solid #ad8c2e;}
#error p.message{font-size:12px; line-height:1.4; font-weight:bold; padding-bottom:10px;color:#5a3c00; text-align:center;}

/*----------------------------------------------------------------------*/
/*topIndex*/
/*#topIndex #wrapper{min-height:920px; background:url(../img/s4/_layout.jpg) center top #fff no-repeat;}*/
#topIndex #wrapper{min-height:920px; background:url(../img/s4/s4_bg.jpg) center top #fff no-repeat;}

#topIndex #wrapperIn{position:relative; height:800px;}
#topIndex h1{position:absolute; left:468px; top:322px; width:455px; height:242px;}

#topIndex #largeBanner   {width:422px; height:168px; position:absolute; left:508px; top:95px;}
#topIndex #largeBanner li{float:left; width:188px; height:148px; padding:10px; margin-right:3px; background:url(../img/s4/s4_bnr_bg.png) left top no-repeat;}
* html #topIndex #largeBanner li{width:208px; height:168px;}
#topIndex #largeBanner li a:hover{opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

#topIndex #ixaWan{width:129px; height:201px; position:absolute; left:815px; top:646px;}

/*naviBox*/
#naviBox {width:830px; position:absolute; left:16px; top:764px;}
ul#globalNavi{float:right;width:100%;}
ul#globalNavi li{float:left; height:33px; margin-right:-3px; position:relative;}
ul#globalNavi li a{width:100%;height:100%; display:block; background:url(../img/s4/s4_navi_btn.png?time=20210205) no-repeat;text-indent:-9999px;overflow:hidden;}

ul#globalNavi li#btnWhats	{width:119px;}
ul#globalNavi li#btnWhats a{background-position:0 0;}
ul#globalNavi li#btnWhats a:hover{background-position:0 -33px;}

ul#globalNavi li#btnFAQ  {width:81px;}
ul#globalNavi li#btnFAQ a{background-position:-119px 0;}
ul#globalNavi li#btnFAQ a:hover{background-position:-119px -33px;}

ul#globalNavi li#btnInq  {width:158px;}
ul#globalNavi li#btnInq a{background-position:-200px 0;}
ul#globalNavi li#btnInq a:hover{background-position:-200px -33px;}

ul#globalNavi li#btnWallPaper  {width:81px;}
ul#globalNavi li#btnWallPaper a{background-position:-358px 0;}
ul#globalNavi li#btnWallPaper a:hover{background-position:-358px -33px;}

ul#globalNavi li#btnSitekit  {width:138px;}
ul#globalNavi li#btnSitekit a{background-position:-439px 0;}
ul#globalNavi li#btnSitekit a:hover{background-position:-439px -33px;}

ul#globalNavi li#btnRule {width:101px;}
ul#globalNavi li#btnRule a{background-position:-577px 0;}
ul#globalNavi li#btnRule a:hover{background-position:-577px -33px;}

ul#globalNavi li#btnPrivacy  {width:152px;}
ul#globalNavi li#btnPrivacy a{background-position:-678px 0;}
ul#globalNavi li#btnPrivacy a:hover{background-position:-678px -33px;}

ul#globalNavi li#btnTerms  {width:120px;}
ul#globalNavi li#btnTerms a{background-position:-830px 0;}
ul#globalNavi li#btnTerms a:hover{background-position:-830px -33px;}

/*newsBox*/
#newsBox{width:690px; position:absolute; top:601px; left:240px;}
#newsBoxIn{position:relative; text-align:left;}

#newsNavi,#newsNavi ul{clear:both; width:100%; overflow:hidden;}

#newsNavi ul li,
#newsNavi ul li a{background-image:url(../img/s25/s25_news_btn.png); background-repeat:no-repeat;}
#newsNavi ul li  {float:left; width:114px; height:44px; margin-right:1px; background-position:0 106px;}
#newsNavi ul li a{width:100%; height:31px; display:block; text-indent:-9999px;}
#newsNavi ul li.current a {display:none;}

#newsNavi ul li#nBtnNew.current   {background-position:0 -62px;}
#newsNavi ul li#nBtnNew a		      {background-position:0 0;}
#newsNavi ul li#nBtnNew a:hover	  {background-position:0 -31px;}

#newsNavi ul li#nBtnInfo.current  {background-position:-114px -62px;}
#newsNavi ul li#nBtnInfo a		    {background-position:-114px 0;}
#newsNavi ul li#nBtnInfo a:hover  {background-position:-114px -31px;}

#newsNavi ul li#nBtnEvent.current	{background-position:-228px -62px;}
#newsNavi ul li#nBtnEvent a		    {background-position:-228px 0;}
#newsNavi ul li#nBtnEvent a:hover {background-position:-228px -31px;}

#newsNavi ul li#nBtnMainte.current{background-position:-342px -62px;}
#newsNavi ul li#nBtnMainte a	    {background-position:-342px 0;}
#newsNavi ul li#nBtnMainte a:hover{background-position:-342px -31px;}

#newsNavi ul li#nBtnUp.current	  {background-position:-456px -62px;}
#newsNavi ul li#nBtnUp a		      {background-position:-456px 0;}
#newsNavi ul li#nBtnUp a:hover    {background-position:-456px -31px;}

#newsNavi ul li#nBtnFix.current   {background-position:-570px -62px;}
#newsNavi ul li#nBtnFix a		      {background-position:-570px 0;}
#newsNavi ul li#nBtnFix a:hover   {background-position:-570px -31px;}

#newsBox .newsBody{clear:both; width:574px; height:90px; padding:5px 0; background-repeat:no-repeat; background-position:left top; display:none;}
#newsBox .newsText{clear:both; width:568px; height:90px; overflow:auto;}
* html #newsBox .newsBody{height:100px;}

#newsBodyNew,
#newsBodyInfo,
#newsBodyEvent,
#newsBodyMainte,
#newsBodyUp,
#newsBodyFix{background-image:url(../img/s30/s30_news_bg.png);}

#newsBox dl	{font-size:12px;line-height:18px;text-align:left;padding:5px 0 5px 5px;margin-left:5px;border-bottom:1px dotted #fff;}
#newsBox dt	{clear:both;float:left;width:9.2em;color:#fff;}
#newsBox dd	{margin-left:9.2em;zoom:1;}
#newsBox dl a	{display:inline;color:#fff;}

/*---------------------------------------------------------*/
/*topFooter*/
#topFooter{clear:both; width:100%; margin:0 auto; padding-bottom:30px;}
#topFooter p,
#topFooter p#copyright{text-align:center; color:#141414;}
#topFooter p.notes{padding-top:15px;}
#topFooter p#copyright{padding-top:10px;}

/*---------------------------------------------------------*/
/*bannerArea*/
#bannerFrame{position:absolute;left:0; top:0; border:none;}

/*----------------------------------------------------------------------*/
/*entryBox*/
#btnEntry {width:238px; height:238px; left: -1px; top: 521px; position: absolute;}
#btnEntry a {display:block;background:url(../img/s30/s30_btn_entry.png) no-repeat left top; width:100%; height:100%; overflow:hidden; text-indent:-9999px;}
#btnEntry a:hover{background-position:left bottom;}

/*----------------------------------------------------------------------*/
/* --------------------
新サーバー部分
----------------------- */
.main_server a{display:block; text-decoration:none; cursor:pointer; overflow:hidden; outline:none;}

.main_server {margin:20px auto; width:688px; padding:0; border:none; background:none; text-align:left;}
.main_server .server_text {text-align:left;}
.mainserver {width: 688px; height: 68px; margin:0 auto 10px; }
.mainserver table {width: 400px; float: right; margin:9px 5px 0 0; font-weight: bold; font-size: 12px; border-collapse:separate; border-spacing:0;}
.mainserver table td {padding: 6px 3px;border-bottom: 1px solid #666; text-align:left; font-weight:400; line-height:1; color:#fff; }
.mainserver h3 {width: 245px; position: relative; height: 68px; padding:0;}
.mainserver h3 img {vertical-align: middle;}
.mainserver span.otono_sm {position: absolute; left: -3px; top:1px; z-index:0;}
.mainserver span.world_tit {position: absolute; left: 5px; bottom:4px; z-index:1;}
.mainserver span.sho_tit {position: absolute; right: 0; bottom:3px; z-index: 1;}
.mainserver span.mnt{ position: absolute; left: 10px; top: 7px; z-index:0; }
.mainserver .flag_l {position: absolute; left: 255px; top: 6px;}
.mainserver .flag_l img {padding-right: 4px;}

.mainserver_s1 {background: url(../img/server/bg_mainserver_s1.png) no-repeat 0 0;}
.mainserver_s2 {background: url(../img/server/bg_mainserver_s2.png) no-repeat 0 0;}
.mainserver_s3 {background: url(../img/server/bg_mainserver_s3.png) no-repeat 0 0;}
.mainserver_s4 {background: url(../img/server/bg_mainserver_s4.png) no-repeat 0 0;}
.mainserver_s5 {background: url(../img/server/bg_mainserver_s5.png) no-repeat 0 0;}
.mainserver_s6 {background: url(../img/server/bg_mainserver_s6.png) no-repeat 0 0;}
.mainserver_s7 {background: url(../img/server/bg_mainserver_s4.png) no-repeat 0 0;}
.mainserver_s8 {background: url(../img/server/bg_mainserver_s5.png) no-repeat 0 0;}
.mainserver_s9 {background: url(../img/server/bg_mainserver_s6.png) no-repeat 0 0;}

/* --------------------
新サーバー部分 吹き出し
----------------------- */
#quest_double_list {margin: 0 auto !important; padding-bottom:20px; overflow: hidden; width: 620px;}
#quest_double_list .kosho_chara {float: left; width: 125px;}
#quest_balloon p {font-size: 14px;font-weight: bold;line-height: 1.3;text-align: left;color: #000;}
#quest_balloon {float:right; width: 440px; height: 110px; padding: 20px 10px 0px 35px; background:url(../img/server/balloon.png) no-repeat 0 0;}
* html #quest_balloon{width: 485px; height: 130px;}

/* --------------------
告知背景部分
----------------------- */
.information_main {background-image:url(../img/server/bg_information_main2.jpg);}
.information_bg {background:url(../img/server/bg_information_main_img.jpg) no-repeat 0 0;}
.information_bottom {min-height:350px; height:auto !important; height:350px; background-image:url(../img/server/bg_information_footer2.jpg);}

/* --------------------
サブサーバー追加
----------------------- */
.subserver_s4{background:url(../img/server/bg_subserver.png) no-repeat 0 0;}
.subserver_s5{background:url(../img/server/bg_subserver_s2.png) no-repeat 0 0;}
.subserver_s6{background:url(../img/server/bg_subserver_s3.png) no-repeat 0 0;}
.subserver_s7{background:url(../img/server/bg_subserver.png) no-repeat 0 0;}
.subserver_s8{background:url(../img/server/bg_subserver_s2.png) no-repeat 0 0;}
.subserver_s9{background:url(../img/server/bg_subserver_s3.png) no-repeat 0 0;}

/* --------------------
S5 BG
----------------------- */
#topIndex #wrapper{background-image:url('../img/s30/s30_bg.jpg');}