@charset "utf-8";

/*------------------------------------------------------------------------------------------------
Common
------------------------------------------------------------------------------------------------*/
body {font-family: "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "微軟正黑體",sans-serif;font-size: 12px;min-width: 1000px;color: #666;}
#wrapper {background: url('../images/bgFooter.jpg') bottom center no-repeat;}
#wrapperInner {background: url('../images/bgTop_idx.jpg') top center no-repeat;}
.about #wrapperInner {background: url('../images/bgTop_about.jpg') top center no-repeat;}
.play #wrapperInner {background: url('../images/bgTop_play.jpg') top center no-repeat;}
.support #wrapperInner {background: url('../images/bgTop_support.jpg') top center no-repeat;}
.notice #wrapperInner {background: url('../images/bgTop_notice.jpg') top center no-repeat;}
.community #wrapperInner {background: url('../images/bgTop_community.jpg') top center no-repeat;}
.charge #wrapperInner {background: url('../images/bgTop_charge.jpg') top center no-repeat;}

.bg_1 {
	background: url('../images/bg_1.png') left top no-repeat;
	position: absolute;
	width:289px;height: 348px;
	left: 50%;top: 277px;margin-left: -520px;
}

#main {width: 1000px;margin: 0px auto;position: relative;}
#sider {width: 230px;float: left;margin-left:11px;}
#content {float: right;padding-top: 70px;margin-right: 0px;}

.spacing {letter-spacing:-1px}
tt {font-family: "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "微軟正黑體",sans-serif;}
ul li {list-style-type: none;}
ul.disc li {list-style-type:disc;margin-left: 20px;}
ul,dl {margin:0px;padding: 0px;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.fL {float: left;}
.fR {float: right;}

.textLeft {text-align: left;}
.textCenter {text-align: center;}
.textRight {text-align: right;}
.strong {font-weight: bold;}

.color_1 {color: #de0000;}
.color_2 {color: #2c7e68;}
.color_3 {color: #ff7300;}
.color_4 {color: #0070c0;}
.color_5 {color: #ffffff;}

.xlFont {font-size: 20px;}
.lFont {font-size: 18px;}

.textField,.selectFiel, .textAreaField {color:#666;}
.textField {background: #fbf8e2;border: 1px solid #d3d2d0;}
.selectField {border: 1px solid #d3d2d0;}
.textAreaField {border: 1px solid #d3d2d0;}
.fullinput {width: 100%;}

/*------------------------------------------------------------------------------------------------
Nav
------------------------------------------------------------------------------------------------*/
#nav {width: 977px;margin: 0 auto;position: relative;}
#nav .subNav {position: relative;height: 70px;z-index: 11;}
#nav .subNav li {float: left;}
#nav .child {
	position: absolute;background: url('../images/nav/navSlide_bg.png') left top no-repeat;
	top:-172px;/*top:48px;*/z-index: 10;
	width: 923px;height: 240px;padding: 20px 0px 0px 58px;
}
#nav .child ul {float: left;line-height: 2em;color:#aaa;}
#nav .child .child_1 {margin-right: 71px;}
#nav .child .child_2 {margin-right: 42px;}
#nav .child .child_3 {margin-right: 33px;}
#nav .child .child_4 {margin-right: 28px;}
#nav .child .child_5 {margin-right: 42px;}
#nav .child a {color: #333333; text-decoration: none;}
#nav .child a:hover {color: #926e21;}
/*------------------------------------------------------------------------------------------------
Header
------------------------------------------------------------------------------------------------*/
#header {height: 200px;width: 950px;margin: 0 auto;position: relative;}
#header h1 a {
	display: block;position: absolute;
	width: 300px;height: 200px;	
	left:50%;margin-left:105px;top:50px;
}
#header h1 a span {display: block;filter:Alpha(Opacity=0);Opacity:0.0;}

/*------------------------------------------------------------------------------------------------
Login
------------------------------------------------------------------------------------------------*/
#loginWidget {background: url('../images/login/bg_login.png') 3px 200px no-repeat;position: relative;width: 238px;}
#btn {width: 238px;height: 260px;background: url('../images/login/btn_bg.png') left top no-repeat;position: absolute;overflow: hidden;}
#btn.hover {background-position: right top;cursor: pointer;}
#btn a {display: block;text-align: center;}
#btn a#btnText_free {padding: 75px 0px 0px;}
#btn a#btnText_start {padding: 80px 0px 0px;}
#btn a#btnText_register{padding: 90px 0px 0px;}
#btn a#btnText_download { padding: 75px 0px 0px;}

#member_login {padding: 260px 0px 40px 0px;}
.login_bottom_bg {position: absolute;width: 230px;height: 37px;background: url('../images/login/bg_login_bottom.png') left top no-repeat;bottom: 0px;left: 3px;}

#member_login .title {margin-bottom: 5px;}
#member_login .tabBox2 {width: 186px;margin:0px auto;}
#member_login .tabNav {height: 30px;}
#member_login .tabNav li {float: left;}
#member_login .boxContent {background: url('../images/login/loginbox_repeat.png') 0px repeat-y;padding: 0px 8px;}
#member_login .boxBottom {background: url('../images/login/loginbox_bottom.png') left bottom no-repeat;height: 5px;}

#member_login form {position: relative;}
#member_login .selectField {width:100%;margin-bottom:5px;border:1px solid #aaadb2;background:#fff;}
#member_login .textField {width:110px;height:16px;padding:3px;background:#000;color:#878787;border:none;margin-bottom:5px;font-weight:bold;}
#member_login #captcha_input {width:132px;}
#member_login #login {position: absolute;right:-2px;top:25px;}
#member_login #reload_cpt {position: absolute;right:0px;top:79px;}

#member_login #tab2 .textField {width:163px;}
#member_login #captcha_img,#member_login .sns_button {padding-bottom: 5px;}

#fgtpass,#remove {background: url('../images/login/arrow.png') left 4px no-repeat;padding-left: 12px;}
#fgtpass a,#remove a {color: #444;}


/*#no_login {display: none;}*/
#after_login {display: none;width: 186px;margin: 0 auto;}
#member_login #after_login .boxContent {background: url('../images/login/loginbox_repeat.png') 1px 0px repeat-y;padding: 0px 8px;}
/*------------------------------------------------------------------------------------------------
Sider
------------------------------------------------------------------------------------------------*/
#sider .widget {margin-bottom: 0;}
.banner { text-align: center;}
#sider .banner {text-align: right ;padding-right: 7px;}
#sider .banner2 { padding-left:15px;}
.innerPage #sider .banner {padding-right: 10px;}
#sider #maintain {padding-right: 11px;}
#know {background: url('../images/index/bg_know.png') left top no-repeat;width:192px;height:136px;margin: 0px auto;padding: 50px 0 0 24px;}
#newbie {background: url('../images/index/bg_newbie.png') left top no-repeat;width: 192px;height: 92px;margin: 0px auto;padding: 50px 0 0 24px;}
#know li,#newbie li {line-height: 1.9em;background: url('../images/arrow.gif') 0px 3px no-repeat;padding-left: 20px;}
#know a,#newbie a {color:#444;text-decoration: none;}
#know a:hover,#newbie a:hover {text-decoration: underline;}

/*------------------------------------------------------------------------------------------------
Footer Nav
------------------------------------------------------------------------------------------------*/
#footerContainer {
	width: 930px;
	margin: 0 auto;
	padding-top: 108px;
}
#footerContainer .shareBox {height: 20px;margin:0px 0 0;margin-bottom: 30px;}
#footerContainer .shareBox ul {padding-left: 370px;}
.shareBox li { float:left; list-style-type:none; height: 20px; margin-right: 10px;}

#footerNav {
	
}
#footerNav .subNav {height: 30px;padding:0px 0px 5px 41px;border-bottom: 1px solid #444;margin-bottom: 13px;}
#footerNav .subNav li {float: left;margin-right: 40px;}
#footerNav .subNav li.nav_3 {margin-right: 79px;}
#footerNav .subNav li.nav_4 {margin-right: 27px;}
#footerNav .subNav li.nav_5 {margin-right: 20px;}
#footerNav .subNav li.nav_6 {margin-right: 0;}
#footerNav .child {padding:0 0 0px 45px;height: 228px;}
#footerNav .child ul {float: left;}
#footerNav .child li {line-height: 1.8em;color:#aaa;}
#footerNav .child a {color: #444;text-decoration: none;}
#footerNav .child a:hover {text-decoration: underline;}
#footerNav .child .child_1 {margin-right: 66px;}
#footerNav .child .child_2 {margin-right: 44px;}
#footerNav .child .child_3 {margin-right: 47px;}
#footerNav .child .child_4 {margin-right: 20px;}
#footerNav .child .child_5 {margin-right: 32px;}

#footer {}
#footer {width:550px;margin:0px auto 20px; position: relative;padding-top: 10px;}
#footer #moonrabi,
#footer #joga {position:absolute;}
#footer #moonrabi {left:0px;width:43px;top:10px;}
#footer #joga {right:0px; top:10px;}
#footer #footer_link {padding-left:58px;color: #4f4f4f;}
#footer #footer_link a {padding:0px 5px;line-height:18px;color: #4f4f4f;text-decoration: none;}
#footer #footer_link a:hover {text-decoration: underline;}
#footer #copyright {color:#776e4f;line-height:16px;padding-left:63px;}

.ps_area{
	padding: 15px 0 0 0;
}
.ps_area ul {
	width: 270px;
	margin:  0 auto;
}
.ps_area li {
	float: left;
	margin: 0 10px 0 0;
}

/*------------------------------------------------------------------------------------------------
Inner Page
------------------------------------------------------------------------------------------------*/
#pageContent {width: 751px;margin-right: 8px;}
#pageContent .title {height: 116px;background: url('../images/common/pageContent_title.png') left top no-repeat;position: relative;}
#pageContent .titleImg {position: absolute;left: 46px;top: 23px;}
#pageContent .contentBox {background: url('../images/common/pageContent_repeat.png') 18px 0px repeat-y;}
#pageContent .contentBoxInner {background: url('../images/common/pageContent_top.png') 5px 0px no-repeat;min-height: 400px;padding-bottom: 20px;}
#pageContent .contentBottom {background: url('../images/common/pageContent_bottom.png') 18px 0px no-repeat;height: 30px;}
#pageContent .article {}
#pageContent .path {text-align: right;padding-right: 45px;padding-bottom: 20px;color: #333;font-size: 10px;}
#pageContent .path a {color: #0292c7;text-decoration: underline;}
#pageContent .path a:hover {text-decoration: none;}
#pageContent .shareBox {position: absolute;right: 30px;top: 50px;}

#content .pageTop {text-align: right;padding-right: 27px;}

.innerPage #header {height: 120px;width: 950px;margin: 0 auto;position: relative;}
.innerPage #header h1 {margin: 0;}
.innerPage #header h1 a {
	height: 200px;	
}
.innerPage .bg_1 {top:180px;}
/*------------------------------------------------------------------------------------------------
Sider Menu
------------------------------------------------------------------------------------------------*/
#siderMenu {position: relative;width: 206px;margin:0 0 0 14px;}
#siderMenu .sub {z-index: 11;position: relative;}
#siderMenu .siderShadow_top,#siderMenu .siderShadow_bottom {position: absolute;z-index: 10;left: -5px;}
#siderMenu .siderShadow_top {
	background: url('../images/common/siderMenu_shadow_top.png') left top no-repeat;
	width: 216px;height: 167px;
	top:0px;
}
#siderMenu .siderShadow_bottom {
	background: url('../images/common/siderMenu_shadow_bottom.png') left top no-repeat;
	width: 216px;height: 150px;
	bottom:15px;
}
#siderMenu .menu_content {background:url('../images/common/siderMenu_bg_repeat.png') 3px 0px repeat-y;position: relative;z-index: 11;}
#siderMenu .bottom {background: url('../images/common/siderMenu_bg_bottom.png') 0px 0px no-repeat;height: 40px;z-index: 11;position: relative;}
#siderMenu .menu_list {width: 182px;margin: 0 auto;}
#siderMenu dt a {display:block;height: 32px;overflow: hidden;position: relative;}
#siderMenu dt.last a {height: 33px;}
#siderMenu dt img {position: absolute;left: 0px;top:0p;}
#siderMenu dt a:hover img,#siderMenu dt.active a img {bottom: 0px;}
#siderMenu dd {display: none;background: url('../images/common/siderMenu_line.png') 0px 0px no-repeat;margin: 0px;padding:5px 0px 5px 23px;}
#siderMenu dd.last {background: none;}
#siderMenu dd li {line-height: 18px;}

/*------------------------------------------------------------------------------------------------
article
------------------------------------------------------------------------------------------------*/
#article {width: 680px;margin: 0 auto;}

.img.fL {margin-right: 20px;}
.img.fR {margin-left: 20px;}
#article .img img {
	border: 1px solid #fff;
	-webkit-box-shadow: 0px 0px 4px #333; 
	-moz-box-shadow: 0px 0px 4px #333; 
	box-shadow: 0px 0px 4px #333; 
	margin-bottom: 10px;
}
#article h2 {background:url('../images/common/h2title.png') 3px 0px no-repeat;color:#fff;padding: 12px 0 0 54px;height: 41px;font-size: 17px;margin: 0 0 10px 0px;}
#article h3 {background:url('../images/common/h3title.png') 0px 0px no-repeat;color:#715926;padding: 16px 0 0 54px;height: 37px;font-size: 15px;margin: 0 0 10px 0px;}
#article h4 {background:url('../images/common/h4title.png') 0px 0px no-repeat;line-height: 27px;font-size: 14px;color: #666;padding-left: 30px;margin:0 0 8px 5px;}
#article .section {margin:0px 9px 20px 7px;}
#article .section:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #article .section             { zoom: 1; } /* IE6 */
*:first-child+html #article .section { zoom: 1; } /* IE7 */
#article p {margin: 0 0 10px 0;}
#article .sub {display: block;font-size: 13px;margin: 0 0 10px -0px;font-weight: bold;}

.pageNav {border: 1px solid #bfbfbf;margin:0px 9px 20px 7px;}
.pageNav ul {padding: 10px;border: 1px solid #fff;background: #f5f5f5;}
.pageNav li {float: left;background: url('../images/common/icon_pageNav.png') 0px 0px no-repeat;padding-left: 22px;line-height: 20px;margin-right: 18px;}
.pageNav li a {display: inline-block;color: #666;}

.textBox {border: 1px solid #bfbfbf;margin:0px 9px 15px 7px;}
.textBoxInner {background: #e5f6ff;padding: 10px 10px 0 10px;border: 1px solid #fff;}
.textBox .strong {font-size: 15px;margin-bottom: 10px;}
.textBox p {margin: 0 0 10px 0;}

.textBox_2 {border: 1px solid #bfbfbf;margin:0px 9px 15px 7px;} 
.textBox_2 .textBoxInner {
	background: #D4E9FF;
	padding: 10px 10px 0 10px;
	border: 1px solid #fff;
}
.textBox_2 .strong {font-size: 15px;margin-bottom: 10px;}
.textBox_2 p {margin: 0 0 10px 0;}
.textBox_2 a {
	color: #193BC0;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}
.textBox_2 a:hover {text-decoration: none;}

/*table --------------------------------------------------------------------------------------------*/
.tbStyle_1 {border:1px solid #c1dad7;border-width: 1px 1px 0px 0px;font-size: 12px;margin-bottom: 15px;}
.tbStyle_1 th,.tbStyle_1 td {border:1px solid #c1dad7;border-width: 0px 0px 1px 1px;padding: 5px;}
.tbStyle_1 td {background: #f5fafa;}
.tbStyle_1 th {background: #16b3ff;color: #fff;font-size: 15px;}
.tbStyle_1 .tdStyle_1 {background: #c9f2f5;font-size: 13px;}
.tbStyle_1 .tdStyle_2 {background: #80dbe2;font-size: 13px;color:#555;}

.tbStyle_3 {border:1px solid #c1dad7;border-width: 1px 1px 0px 0px;font-size: 12px;margin-bottom: 5px;}
.tbStyle_3 th,.tbStyle_3 td {border:1px solid #c1dad7;border-width: 0px 0px 1px 1px;padding: 5px;}
.tbStyle_3 td {background: #f5fafa;}
.tbStyle_3 th {background: #16b3ff;color: #fff;font-size: 15px;}
.tbStyle_3 .tdStyle_1 {background: #c9f2f5;font-size: 13px;}
.tbStyle_3 .tdStyle_2 {background: #80dbe2;font-size: 13px;color:#555;}

.forum_tb {margin-bottom: 15px;}
.forum_tb td {padding: 10px;}
.forum_tb th {
	background: #b8f1ff url('/images/common/white_line.gif') top repeat-x;
	border-top: 1px solid #91e7fc;
	border-bottom: 1px solid #91e7fc;
	color: #078fd6;
}
.forum_tb th span {background:url('/images/common/forum_line.gif') right center no-repeat;display: block;padding: 10px;}
.forum_tb th.last span {background: none;}
.forum_tb td {border-bottom: 1px solid #dedec0;background: #fff;text-align: center;}
.forum_tb td a {color: #666;}
.rowstyle th {font-size: 12px;width: 150px;font-weight: normal;vertical-align: top;padding: 10px;}
.rowstyle .first td {border-top: 1px solid #dedec0;}
.forum_tb.rowstyle td {text-align: left;} 
td.textCenter {text-align: center;}
td.textLeft {text-align: left;}
td.textRight {text-align: right;}

.btnControl {height: 36px;margin:0px 9px 0px 7px;}
.btnControl a {
	background: url('../images/common/btn_control.gif') 0px 0px no-repeat;color:#fff;
	width: 174px;height: 36px;position: relative;
	line-height: 36px;
	font-size: 14px;
}



.btnControl a.btn_prev {float: left;}
.btnControl a.btn_prev:hover {background-position: 0px -36px;}

.btnControl a.btn_next {float:right;background-position: -497px 0px;}
.btnControl a.btn_next:hover {background-position: -497px -36px;}
.btnControl span {position: absolute;top:2px;}
.btnControl .btn_prev span {left: 45px;}
.btnControl .btn_next span {text-align:right; right:45px;}


/*------------------------------------------------------------------------------------------------
Page Control
------------------------------------------------------------------------------------------------*/
.pageControl {padding-bottom: 10px;}
.com_number {float: left;}
.com_number a,.com_number span {
	display: inline-block;width: 23px;height: 23px;line-height: 23px;text-align: center;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}
.com_number a {background: #16b3ff;color: #fff;border: 1px solid #d3d2d0;font-weight: bold;}
.com_number a:hover {color: #16b3ff;background: #fff; text-decoration: none;}
.com_number span {color: #7c7c7c;}
.com_number a.prev,.com_number a.next {background:url('../images/arrow2.gif') 7px 6px no-repeat #fff;color:#7c7c7c;width:36px;}
.com_number a.prev:hover,.com_number a.next:hover {color: #16b3ff;}
.com_number a.prev {padding-left: 18px;text-align: left;}
.com_number a.next {background-position: 39px -43px;padding-right: 18px;text-align: right;}

.page_number {line-height: 23px;float: right;}
.page_number .textField {background: #fbf8e2;border:1px solid #d3d2d0;height: 21px;line-height: 21px;width: 57px; text-align: center;}

/*------------------------------------------------------------------------------------------------
sp Btn
------------------------------------------------------------------------------------------------*/
.spBtn {
	position: fixed !important;
	position: absolute;
	top: 235px;
	right: 0px;
	z-index: 50;
	display: none;
}
/*------------------------------------------------------------------------------------------------
Right Side bn
------------------------------------------------------------------------------------------------*/
/********************************/
.followBn{
	position: fixed !important;
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 145px;
	height: 362px;
	z-index: 50;	
}

/********************************************/
#cp_area {
	position: fixed !important;
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 50;	
}

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