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

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

	resetStyle
	  
********************************************************************/
html, body {
	margin: 0; padding: 0; height:100% ; 
	font-size: 12px;
	line-height: 1.4; color:#000;
	font-family:"メイリオ","Meiryo","MS PGothic","Osaka","Arial","sans-serif";}
body {background:#fff;}
textarea {font-size: 12px ; font-family:"メイリオ","Meiryo","MS PGothic","Osaka","Arial","sans-serif"; border:1px solid #C2B8AA ; color:#000;}
input {font-size: 12px ; font-family:"メイリオ","Meiryo","MS PGothic","Osaka","Arial","sans-serif"; vertical-align:middle ; color:#000;}
select { font-size: 12px ; border:1px solid #C2B8AA ; font-family:"メイリオ","Meiryo","MS PGothic","Osaka","Arial","sans-serif"; vertical-align:middle ; color:#000; height:20px ; }
table {border-collapse:collapse;border-spacing:0px;font-size: 12px;}
caption {display:none}
img { border:none; vertical-align:top;}
button { border:none; cursor:pointer;}
form, p, div, th, td, table, address, input  {margin: 0;padding: 0;	}
fieldset {margin: 0;padding: 0;border:0 ;text-align:left ;	}
legend {position:absolute ; width:1px ; height:1px ; overflow:hidden ; margin:-5px ;padding: 0;	} 
h1, h2, h3, h4, h5, h6 { line-height: 1.4;margin: 0;padding: 0;font-size: 1em ;font-weight:normal;}
th, td {font-size:12px ;color:#535352 ;}
ul, li, ol, dl, dt, dd {margin: 0px;padding: 0px; list-style: none;}
a {text-decoration:none ;color:#000;}
a:hover {text-decoration:underline ;color:#000;}
.clearFix:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;}
.clearFix {display:inline-block;}
.clearFix {display:block;}
#_id_hiddenLauncher {height:0;overflow:hidden}/* chrome for plaync gnb */

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

	CONTAINER
	  
********************************************************************/
/* ▼ mainBgImg(subPage) ▼ */
.allContainer { background:url(http://images.plaync.jp/bluetears/common/image/bg_main_sub4.jpg) no-repeat center top;}
.container{width:1000px; margin:0 auto; padding: 0 0 20px;}



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

	HEADER
	  
********************************************************************/
/* ▼ mainBgImg(subPage) ▼ */
.header { height:284px; background:url(http://images.plaync.jp/bluetears/common/image/bg_main_sub4.jpg) no-repeat center top; position:relative;}
.header h1 a { width:315px; height:137px; position:absolute; text-indent:-9999px; overflow:hidden; display:block; top:21px; left:-16px;}
.header .menuArea { height:104px; padding-top:180px;} 

/*game start*/
.menuArea .gameStart { width:240px; float:left; position:relative; cursor:pointer;}
.menuArea .gameStart span { display:block; position:absolute;}
.menuArea .gameStart .pika { width:71px; height:70px; top:-31px; left:-32px; background:url(http://images.plaync.jp/bluetears/common/image/pica1.png) no-repeat;}
.menuArea .gameStart .pika.on { background:url(http://images.plaync.jp/bluetears/common/image/pica2.png) no-repeat;}
.menuArea .gameStart span #gs2 { display:none;}

/*nav*/
.menuArea .nav { width:760px; height:104px; overflow:hidden; float:right; position:relative;}
.menuArea .nav li {float:left;}
.menuArea .nav li a { display:block; text-indent:-9999px; overflow:hidden;}

.menuArea .nav #mainMenu { height:68px; position:absolute; top:0; left:0; z-index:2;}
.menuArea .nav #mainMenu li a { width:140px; height:68px;}
.menuArea .nav #mainMenu li a:hover { background-position:0 -68px;}
.menuArea .nav #mainMenu li.active a { background-position:0 -68px;}

.menuArea .nav #mainMenu .li1 a { background:url(http://images.plaync.jp/bluetears/common/image/nav1.gif) no-repeat;}
.menuArea .nav #mainMenu .li2 a { background:url(http://images.plaync.jp/bluetears/common/image/nav2.gif) no-repeat;}
.menuArea .nav #mainMenu .li3 a { background:url(http://images.plaync.jp/bluetears/common/image/nav3.gif) no-repeat;}

.menuArea .nav #sub1,
.menuArea .nav #sub2,
.menuArea .nav #sub3 { position:absolute; top:68px;clear:both; display:none; z-index:1;}

.menuArea .nav #sub1 { left:29px;}
.menuArea .nav #sub2 { width:300px; left:157px;}
.menuArea .nav #sub3 { width:405px; left:156px;}

.menuArea .nav #sub1 li a,
.menuArea .nav #sub2 li a,
.menuArea .nav #sub3 li a { height:36px;}

.menuArea .nav #sub1 li.s1 a { width:71px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub1.gif) no-repeat;}
.menuArea .nav #sub1 li.s2 a { width:60px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub2.gif) no-repeat;}

.menuArea .nav #sub2 li.s1 a { width:100px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub3.gif) no-repeat;}
.menuArea .nav #sub2 li.s2 a { width:101px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub3_1.gif) no-repeat;}
.menuArea .nav #sub2 li.s3 a { width:81px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub3_2.gif) no-repeat;}

.menuArea .nav #sub3 li.s1 a { width:107px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub_pg1.gif) no-repeat;}
.menuArea .nav #sub3 li.s2 a { width:94px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub_pg2.gif) no-repeat;}
.menuArea .nav #sub3 li.s3 a { width:94px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub_pg3.gif) no-repeat;}
.menuArea .nav #sub3 li.s4 a { width:108px; background:url(http://images.plaync.jp/bluetears/common/image/nav_sub_pg4.gif) no-repeat;}

.menuArea .nav #sub1 li a:hover,
.menuArea .nav #sub2 li a:hover,
.menuArea .nav #sub3 li a:hover { background-position: 0 -36px;}

/* ▼ cbtIcon(subPage) ▼ */
.menuArea .nav p.cbt { width:139px; height:104px; background:url(http://images.plaync.jp/bluetears/common/image/img_open_beta2.gif) no-repeat; position:absolute; top:0; left:454px; text-indent:-9999px;}
/*.menuArea .nav p.cbt { width:142px; height:104px; background:url(http://images.plaync.jp/bluetears/common/image/img_closed_beta2.gif) no-repeat; position:absolute; top:0; left:455px; text-indent:-9999px;}*/

/* ▼ spLink(subPage) ▼ */
/*.menuArea .nav p.spLink { position:absolute; top:22px; right:18px; width:232px; height:60px; background: url(http://images.plaync.jp/bluetears/common/image/btn_map_c.jpg) no-repeat 0 0; text-indent:-9999px;}*/

.menuArea .nav p.spLink { position:absolute; top:22px; right:18px;}
.menuArea .nav p.spLink a { width:232px; height:60px; display:block; text-indent:-9999px; background: url(http://images.plaync.jp/bluetears/common/image/btn_map.jpg) no-repeat 0 0; overflow:hidden;}
.menuArea .nav p.spLink a:hover { background-position: 0 -60px;}


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

	MAIN CONTENTS
	  
********************************************************************/
/* ▼ mainRepeatBgImg(subPage) ▼ */
.mainContents { padding-bottom:60px; background:url(http://images.plaync.jp/bluetears/common/image/bg_mc_bottom_sub.gif) no-repeat 0 bottom; position:relative;}

/* ▼ mainRepeatBgImg(subPage) ▼ */
.mainContentsNull1 { background:url(http://images.plaync.jp/bluetears/common/image/bg_mc_repeat_sub.gif) repeat-y;}
.mainContentsNull1:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;}
.mainContentsNull1 {display:inline-block;}
.mainContentsNull1 {display:block;}


/*** main ***/
/* ▼ mainRepeatBgImg(subPage) ▼ */
.mainArea { width:708px; padding:30px 25px 0 27px; float:right;}


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

	LEFT CONTENTS (LOGIN)
	  
********************************************************************/

.leftArea { width:240px; float:left;}

.leftArea .leftAreaHead { height:26px; padding:6px 0 0 3px; background:url(http://images.plaync.jp/bluetears/common/image/bg_leftArea_head.gif) no-repeat;}
.leftAreaHead p { float:left;}
.leftAreaHead p a { height:20px; display:block; overflow:hidden; text-indent:-9999px;}
.leftAreaHead p.dl { margin-right:2px;}
.leftAreaHead p.dl a { width:130px; background:url(http://images.plaync.jp/bluetears/common/image/btn_c_dl.gif) no-repeat;}
.leftAreaHead p.regist a { width:100px; background:url(http://images.plaync.jp/bluetears/common/image/btn_new_regist.gif) no-repeat;}
.leftAreaHead p.regist.dis { width:100px; background:url(http://images.plaync.jp/bluetears/common/image/btn_new_regist.gif) no-repeat 0 -40px; text-indent:-9999px;}

.leftAreaHead p a:hover { background-position: 0 -20px;}

/*login*/
.leftArea .loginArea { height:212px; background:url(http://images.plaync.jp/bluetears/common/image/bg_login1.gif) no-repeat;}
.leftArea .loginArea.keyOn { background:url(http://images.plaync.jp/bluetears/common/image/bg_login1_key_on.gif) no-repeat;}

.loginArea .keyCrypt{ height:14px; padding: 7px 0 0 13px; font-size:10px; overflow:hidden;}
.loginArea .keyCrypt a{ float:left; display:block; margin-right:10px; text-decoration:none;}
.loginArea .keyCrypt a.key{ color:#a2a2a2;}
.loginArea .keyCrypt a:hover.key{ text-decoration:underline;}

.loginArea .keyCrypt a.on,
.loginArea .keyCrypt a.off{ width:60px; height:10px; margin-top:2px; background: url(http://images.plaync.jp/bluetears/common/image/btn_key_switch.gif) no-repeat; text-indent:-9999px; overflow:hidden;}

.loginArea .keyCrypt a.off { background-position:0 0;}
.loginArea .keyCrypt a.on { background-position:0 -10px;}

.loginArea .formArea { padding:20px 0 0 25px;}
.loginArea .formArea span { display:block;}
.loginArea .formArea span.inp { width:174px; height:25px; margin:0 0 7px; padding:8px 8px 0; background: url(http://images.plaync.jp/bluetears/common/image/input1.gif) no-repeat 0 0;}
.loginArea .formArea span.inp input { width:174px; border:none;}
.loginArea .formArea span.inp input.id { background:url(http://images.plaync.jp/bluetears/common/image/id.gif) no-repeat 0 5px;}
.loginArea .formArea span.inp input.pass { background:url(http://images.plaync.jp/bluetears/common/image/pass.gif) no-repeat 0 5px;}
.loginArea .formArea span.loginBtn { margin: 0 0 7px;}
.loginArea .formArea p { font-size:10px; color:#969696;}
.loginArea .formArea p a { color:#808080; text-decoration:underline;}
.loginArea .formArea p a:hover { color:#414141;}

.leftArea .loginAfterArea{ height:86px; padding:23px 25px 0; background:url(http://images.plaync.jp/bluetears/common/image/bg_login2.gif) no-repeat; color:#9b9e99;}
.leftArea .loginAfterArea p em{ font-style:normal; color:#3f3f3e;}
.leftArea .loginAfterArea p.info{ padding-top:7px;}
.leftArea .loginAfterArea p.info a{ font-size:10px; color:#9ca69c; text-decoration: underline; display:inline-block;}
.leftArea .loginAfterArea p.info a:hover{ color:#4e5750;}

/*login avatar*/
.leftArea .charaInfoArea { height:201px; padding:13px 14px 0; background: url(http://images.plaync.jp/bluetears/common/image/bg_login3.gif); position:relative;}
.charaInfoArea .avatar { width:100px; float:left;}
.charaInfoArea .avatar img { width:100px; height:135px;}
.charaInfoArea .myInfo { margin-left:112px;}
.charaInfoArea .myInfo li { font-size:11px; color:#333;}
.charaInfoArea .myInfo li img { vertical-align:middle;}
.charaInfoArea .myInfo li.job { margin-bottom:9px;}
.charaInfoArea .myInfo li.guild { margin-bottom:5px;}
.charaInfoArea .myInfo li .iconGuild { width:61px; height:17px; margin-bottom:4px; text-indent:-9999px; display:block; overflow:hidden; background: url(http://images.plaync.jp/bluetears/common/image/icon_guild.gif) no-repeat; position:relative; left:-5px;}
.charaInfoArea .myInfo li.mail span { width:11px; height:8px; overflow:hidden; background: url(http://images.plaync.jp/bluetears/common/image/icon_mail.gif) no-repeat 0 0; font-size:0; position:relative; left:-3px; display:inline-block; vertical-align:middle;}
.charaInfoArea .cSelect { padding-top:10px; clear:both; zoom:1;}
.charaInfoArea .cSelect select { width:212px;/*width:100%;*/ border:1px solid #cfd1d1; color:#222; font-size:11px;}

.charaInfoArea .info,
.noCharaArea .info { font-size:10px; color:#111; position:absolute; bottom:13px; left:16px;}
.charaInfoArea .info a,.charaInfoArea .info a:hover,
.noCharaArea .info a,.noCharaArea .info a:hover { color:#111; text-decoration:underline;}

/*login no chara*/
.leftArea .noCharaArea { height:185px; padding:20px 14px 0; background: url(http://images.plaync.jp/bluetears/common/image/bg_login4.gif); position:relative;}
.leftArea .noCharaArea p { margin-bottom:14px;}
.leftArea .noCharaArea .cSelect { margin-bottom:0;}
.leftArea .noCharaArea .cSelect select { width:212px;/*width:100%;*/border:1px solid #cfd1d1; color:#222; font-size:11px;}
.leftArea .noCharaArea .info { margin-bottom:0;}

/*banner*/
.leftArea .bnrArea { padding: 4px 0 0 10px;}
.leftArea .bnrArea li { margin-bottom:9px;}

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

	FOOTER
	  
********************************************************************/

.footerLink { width:946px; height:23px; margin:0 auto; padding:10px 25px 0 31px; clear:both; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.footerLink li { margin-right:18px; float:left;}
.footerLink li a { height:13px; display:block; background:url(http://images.plaync.jp/bluetears/common/image/ft_link2.gif) no-repeat; text-indent:-9999px; overflow:hidden;}

.footerLink .support { float:left;}
.footerLink .support .ft1 a { width:53px; background-position: 0 0;}
.footerLink .support .ft2 a { width:26px; background-position: -53px 0;}
.footerLink .support .ft3 a { width:116px; background-position: -79px 0;}
.footerLink .support .ft4 a { width:109px; background-position: -195px 0;}

.footerLink .information { float:right;}
.footerLink .information .ft5 a { width:49px; background-position: -304px 0;}
.footerLink .information .ftCbt a { width:48px; background-position: -740px 0;}

.footerLink .information .ft6 a { width:88px; background-position: -353px 0;}
.footerLink .information .ft7 a { width:61px; background-position: -441px 0;}
.footerLink .information .ft7 { margin-right:0;}

.footerLink .information .ft8 a { width:124px; background-position: -502px 0;}
.footerLink .information .ft9 a { width:114px; background-position: -626px 0;}
.footerLink .information .ft9 { margin-right:0;}

.footerCopy { background: #fff; color: #999; font-family: arial; font-size: 85%;}
.footerCopy ul { width: 942px; margin: 0 auto; padding: 26px 31px 40px 27px;}
.footerCopy ul:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;}
.footerCopy ul {display:inline-block;}
.footerCopy ul {display:block;}
.footerCopy ul li { float:left;}
.footerCopy ul li.ncj { width:97px;}
.footerCopy ul li.copyright { width:731px; padding-top:7px; text-align:center;}
.footerCopy ul li.truste { width:114px;}

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

	OTHER
	  
********************************************************************/

/** table **/
table.list tr:hover td {background:#F2F2F2!important;}

/** pageList **/
.pageList { padding-top:18px;letter-spacing:-1px;}
.pageList.tc { text-align:center;}
.pageList a { margin:0 1px; padding:1px 5px; display:inline-block; font-family:verdana; font-size:14px; vertical-align:bottom; color:#515151;}
.pageList a.on { font-weight:bold; color:#1d1d1d; background:#E9E9E9;}
.pageList a img { margin:-2px 3px;}

/** searchInput **/
p.search:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;} /* clearFix */
p.search{display:inline-block;} /* clearFix */
p.search{display:block;} /* clearFix */
p.search {float:right;border:1px solid #CCCCCC;line-height:1}
p.search input{float:left;}/*ie6*/
p.search input.txt{border:none;padding:3px 3px 0 3px;height:18px;width:140px;background:url(http://images.plaync.jp/bluetears/common/image/searchBg.gif) repeat-x} 
.searchFocus{border-color:#27d4ff !important} /* jqで使用 */