/* Global Setting
---------------------------------------------------------------------*/
html {
background-color: #333;
}

#container {
height:100%;
background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#body {
font-size: 12px;
color: #000;
font-family: "���C���I", Meiryo, "Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "�l�r �o�S�V�b�N", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#globalnavi {
background
}


/* header
---------------------------------------------------------------------*/
#ghead {
background: url("../img/common/ghead_bg.gif") left top repeat-x;
width: 100%;
position: relative;
top: 0px;
z-index: 100;
height: 31px;
font-family: "���C���I", Meiryo;
}

#ghead a {
color: #666;
text-decoration: none;
}

#ghead a:hover {
color: #666;
text-decoration: underline;
}

#gheadBody {
width: 1000px;
margin: 0 auto 0;
position: relative;
}

#gheadLogo {
margin-top: 3px;
float: left;
}

#gheadNBox {
font-size:14px;
font-weight: bold;
float: left;
}

#gheadNBox ul{
margin-top: 8px;
list-style-image: url(../img/common/ghead_cursor.png);
}

#gheadNavi li{
margin-right:30px;
float:left;
}

#gheadRight {
margin-top: 6px;
float:right;
}


/* top
---------------------------------------------------------------------*/
h1 {
width: 0;
height: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

#mainWrap {
background: url(../img/common/m2web_bg201510.jpg) top center no-repeat #FFF;
width:100%;
min-height:1350px;
margin: 0 auto;
position: relative;

}

#subWrap {
background:url(../rotator2/rotator.php) no-repeat top center;
width:100%;
min-height:1350px;
margin: 0 auto;
position: relative;
}

#mainChara {
width: 1010px;
margin:0 auto;
min-height:1250px;
position: relative;
/* background:url(../rotator/rotator.php) no-repeat top center; */
/* background:url(../img/common/top_charabg.png) no-repeat top center; */

}

#mainArea {
width:1010px;
margin: 0 auto;
}

#btmBanner {
/*background-color:#FFF;*/
}


#topHeader {
height:490px;
width:1010px;
margin:0 auto;
padding: 0px;
position: relative;
}

#topHeader a#home {
width:306px;
height:233px;
display:block;
position:absolute;
z-index: 0;
top:270px;
left:350px;
}

#topHeader_btm {
height:340px;
width:1010px;
margin:0 auto;
padding: 0px;
position: relative;
}

#topHeader_btm a#home {
width:200px;
height:152px;
display:block;
position:absolute;
z-index: 1;
top:160px;
left:0px;
}

#btmSubtitle {
width:374px;
height:56px;
background: url(../img/top/btmsubtitle_bg.png) no-repeat;
position:absolute;
top:210px;
left:155px;
z-index:0;
color:#fff;
font-size:30px;
padding: 8px 0 10px 45px;
}

.btmh2 {
width:100%;
border-bottom: 1px dotted #336;
padding-bottom:1px;
font-size:26px;
color:#336;
margin-bottom:10px;
clear:both;
}

.btmh3 {
width:100%;
border-bottom: 1px dotted #Fc3;
padding-bottom:1px;
font-size:16px;
font-weight:bold;
color:#c93;
margin-top:10px;
margin-bottom:10px;
clear:both;
}

.btmh4 {
font-size: 13px;
font-weight: bold;
color: #cc3300;
text-decoration: none;
}

.imgright {
float:right;
margin: 2px 10px 5px;
}

.imgleft {
float:left;
margin: 2px 10px 5px;
}


/* topNavi
---------------------------------------------------------------------*/

#topNavi {
width: 1010px;
height:50px;
background: url(../img/top/topnavi.png) no-repeat top left;
margin: 0 auto;
z-index:15;
}


#categoryBox {
width: 982x;
height: 168px;
background: url(../img/top/topnavi_slidebox.png) no-repeat center top;
margin: 0 auto 0;
padding: 20px 24px 0;
position: relative;
z-index: 2;
}

#categoryBox a {
color:#fff;
text-decoration:none;
}

#categoryBox a:hover {
color:#ff0;
}

#categoryBox.close {
	width:982px;
	height:0px;
	overflow: hidden;
	margin:-5px auto 0;
	padding:0;
}


#categoryBox ul{
width:163px;
float:left;
margin-top:15px;
padding:0;
list-style:none;
z-index:1;
}

#categoryBox li {
text-align:center;
margin-bottom:3px;
list-style:none;
color:#666;
}




/* topContents
---------------------------------------------------------------------*/
#contentsLC {
width: 762px;
margin: 0;
padding: 0;
min-height:600px;
float: left;
margin-right: 10px;
}

#contentsL {
float:left;
width: 225px;
margin-right:17px;
margin-bottom:20px;
}

#contentsL ul {
list-style:none;
margin: 10px 0;
padding: 0;
}

#contentsL li {
margin-bottom:5px;
}

#contentsC {
float:right;
width:520px;
padding-top: 30px;
}

#contentsR {
float:right;
width: 225px;
padding-top: 30px;
}

#contentsR ul {
list-style:none;
margin: 10px 0;
padding: 0;
}

#contentsR li {
margin-bottom:5px;
}

/* ContentsL
---------------------------------------------------------------------*/
#contentsL_top {
width:223px;
height:460px;
margin-bottom: 10px;
background: url(../img/top/contentsl_bg.png) no-repeat center bottom;
}

#registbtn {
width:223px;
text-align:center;
}

#loginbtn {
width:223px;
height:93px;
text-align:center;
}

#loginbtn a {
color:#333;
}

#member_menu {
width:223px;
height:321px;
padding-top:110px;
padding-left:10px;
}
#contentsL_top ul{
margin-top:13px;
text-align:center;
width:223px;
}

#contentsL_top li {
margin-bottom:2px;
}

#topbuybp {
background:#fff;
width:211px;
height:100px;
padding:7px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
margin-bottom:6px;
text-align:center;
border:5px solid #F73;
}

#topbuybp a {
color:#09f;
text-decoration:none;
}

#topbuybp a:hover {
text-decoration:underline;
}

#top-sidebar {
margin-top:5px;
background: #FFFFee;
width: 220px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding-top:5px;
margin-bottom: 6px;
border:5px solid #ddc;
text-align:center;
}


/* btmContents
---------------------------------------------------------------------*/
#btmMainContents {
margin-bottom:20px;
}

#btmContentsL {
float:left;
width: 225px;
margin-right:17px;
margin-bottom:20px;
}

#btmContentsL ul {
padding-left:20px;
list-style-image: url(../img/common/ghead_cursor.png);
}

#btmContentsL li {
font-size:16px;
padding:0;
}

#btmContentsL li a {
color:#000;
text-decoration:none;
}

#btmContentsL li a:hover {
color:000;
text-decoration:underline;
}

#btmSubmenuSub{
margin:0;
padding:0;
}

#btmSubmenuSub li {
font-size:12px;
margin:0;
padding:0;
list-style-image: url(../img/common/ghead_cursor_y.png);
}


#btmContentsLmenu {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width: 203px;
background: #FFF;
border:2px solid #fc6;
padding: 10px 8px 8px 8px;
}

#btmSubmenuTitle {
background: url(../img/top/btmsubmenu.png) no-repeat;
width:200px;
height:30px;
padding: 3px 0 5px 0;
text-align:center;
font-size:18px;
font-weight:bold;
}

#btmContentsCR {
width:718px;
min-height:450px;
float:left;
background: #FFF;
padding:20px;
border:2px solid #EEE;
margin-bottom:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#Subtitle {
background: url(../img/top/btmsubtitle.png) no-repeat;
width:720px;
height:30px;
padding: 3px 0 3px 20px;
font-size:18px;
}

#btmContentsMain {
padding:10px;
font-size:12px;
}

#btmContentsMain h2.agreeh2 {
margin-bottom:20px;
font-size:18px;
}

#btmContentsMain h3.agreeh3 {
font-size: 13px;
font-weight: bold;
color: #cc3300;
text-decoration: none;
}

#btmContentsMain ul {
	margin:6px 0;
	padding:0;
}
#btmContentsMain ul li {
	line-height:1.3;
	list-style:none;
	padding:0;
	margin:0 0 3px 1.2em;
	text-indent:-1em;
}

#btmContentsMain a {
color:#09f;
text-decoration:none;
}

#btmContentsMain a:hover {
color:#09f;
text-decoration:underline;
}

.btmContentsbox {
font-size:14px;
width:695px;
}

#bottomPager {
clear:both;
width:720px;
}

#bottomPager a {
color:#333;
text-decoration:none;
}

#bottomPager a:hover {
color:#333;
text-decoration:underline;
}

#backarrow {
float:left;
background: url(../img/bottom/backarrow.png) no-repeat left;
padding-left:20px;
text-align:left;
width:300px;
}

#nextarrow {
float:right;
background: url(../img/bottom/nextarrow.png) no-repeat right;
padding-right:20px;
text-align:right;
width:300px;
}

/* About
---------------------------------------------------------------------*/
.about_ss {
clear:both;
}

.job_skillname {
color:#ee6600;
font-weight:bold;
}

.jobskill {
width:400px;
background: #FFd;
}

.jobskill th{
width:40px;
text-align:center;
}

.jobskill td{
padding:5px;
color:#000;
}

.jobtable {
}

.jobtable td {
width:178px;
height:50px;
text-align:center;
}

.jobtable .heimin {
border: 3px solid #FFF;
background: #f9f9f9;
}

.jobtable .monkasei {
border: 3px solid #FFF;
background: #fee;
}

.jobtable .kyusen {
border: 3px solid #FFF;
background: #efe;
}

.jobtable .gakuto {
border: 3px solid #FFF;
background: #ffe;
}

.jobtable .buhei {
border: 3px solid #FFF;
background: #fdd;
}

.jobtable .yumihei {
border: 3px solid #FFF;
background: #e0ffff
}

.jobtable .roshi {
border: 3px solid #FFF;
background: #ffd;
}

.jobtable .hoshi {
border: 3px solid #FFF;
background: #ddf;
}

.jobtable .reishi {
border: 3px solid #FFF;
background: #eee;
}

.jobtable .kusushi {
border: 3px solid #FFF;
background: #ddffdd;
}

.jobtable .gishi {
border: 3px solid #FFF;
background: #fffacd;
}

.jobtable .kokenshi {
border: 3px solid #FFF;
background: #ff6666;
}

.jobtable .ryukoshi {
border: 3px solid #FFF;
background: #ffab66;
}

.jobtable .shinkyusyu {
border: 3px solid #FFF;
background: #dcffff;
}

.jobtable .rendosyu {
border: 3px solid #FFF;
background: #1aa9f2;
}

.jobtable .shikaku {
border: 3px solid #FFF;
background: #ffe066;
}

.jobtable .kentoshi {
border: 3px solid #FFF;
background: #ff69d7;
}

.jobtable .gogyoshi {
border: 3px solid #FFF;
background: #ffabe9;
}

.jobtable .onmyoji {
border: 3px solid #FFF;
background: #6106a8;
}

.jobtable .daishisai {
border: 3px solid #FFF;
background: #e9dcf3;
}

.jobtable .gakkan {
border: 3px solid #FFF;
background: #8cb35b;
}

.jobtable .renkinshi {
border: 3px solid #FFF;
background: #2cbf1c;
}

.jobtable .kajishi {
border: 3px solid #FFF;
background: #9c6b00;
}

.jobtable .kikoshi {
border: 3px solid #FFF;
background: #42dbff;
}

.jobtable .sokishi {
border: 3px solid #FFF;
background: #4298ff;
}

.jobtable .link a{
background: rgba(255,255,255,0.7);
padding:0 5px;
}

.jobtable .link2 a{
background: rgba(255,255,255,0.7);
padding:0 12px;
}

.jobtable .soon{
border: 3px solid #FFF;
background: #999;
}

#about_storybox {
background: url(../img/bottom/about_story_bg.jpg) no-repeat right;
width:660px;
height:500px;
font-size:14px;
}

#about_regist {
width: 600px;
text-align:center;
}

#about_spec {
width: 550px;
border-collapse: collapse;
border: 1px #fc6 solid;
background-color: #FFF;
margin: 5px auto;
}

#about_spec th {
background-color: #fc6;
border: 1px #c93 solid;
padding: 3px;
}

#about_spec td {
background-color: #FFF;
border: 1px #c93 solid;
padding: 3px;
}

.download_btn {
width:680px;
text-align:center;
margin:10px auto 10px;
}

.stepimg {
float:left;
margin-right:10px;
}

.stepbox {
display:block;
}

#about_launcher {
width: 460px;
border-collapse: collapse;
border: 1px #fc6 solid;
background-color: #FFF;
}

#about_launcher th {
background-color: #fc6;
width:120px;
border: 1px #c93 solid;
padding: 3px;
}

#about_launcher td {
background-color: #FFF;
border: 1px #c93 solid;
padding: 3px;
}

#about_character {
width:680px;
text-align:center;
}

#charatable {
width: 600px;
margin:auto;
border-collapse: collapse;
border: 1px #fc6 solid;
background-color: #FFF;
}

#charatable th {
background-color: #fc6;
width:120px;
border: 1px #c93 solid;
padding: 3px;
text-align:left;
}

#charatable td {
background-color: #FFF;
border: 1px #c93 solid;
padding: 3px;
}

ul#divine_typelnk {
width:655px;
margin:20px auto;
}

ul#divine_typelnk li{
width:155px;
margin:0 3px 0 0;
text-indent:0;
line-height:40px;
height:40px;
float:left;
text-align:center;
font-size:18px;
border:1px solid #CCC;
}


/* Communuity
---------------------------------------------------------------------*/
.fankitbox {
width:680px;
text-align:center;
margin-bottom:10px;
}

.twthash_sample {
width:300px;
height:20px;
padding-top:10px;
padding-left:20px;
border:1px solid #CCC;
margin-bottom:8px;
}

.fanbanner {
margin-left:30px;
margin-top:15px;
}

.fanbanner_htmltag {
width:450px;
height:40px;
margin:0 auto;
resize: none;
border:1px solid #CCC;
padding:5px;
overflow:hidden;
}

.dic_download {
width:450px;
margin: 0 auto;
text-align:center;
}

.dic_guide_msime {
margin-top:10px;
margin-left:20px;
border: 3px solid #ffc;
}

.dic_guide_msime td {
padding:5px;
text-align:left;
}

.dic_guide_google {
margin-top:10px;
margin-left:20px;
border: 3px solid #ccf;
}

.dic_guide_google td {
padding:5px;
text-align:left;
}

.fansitebox {
width:650px;
background: #f9f9f9;
padding:10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:10px;
}

.fansitetable th{
vertical-align:top;
}

.fansitetable td{
vertical-align:top;
padding-left:10px;
}

/* Playguide
---------------------------------------------------------------------*/
.playguide_img {
width:600px;
text-align:center;
}

#playguide_key {
border: 1px solid #FDD;
width:600px;
margin: 10px auto;
}

#playguide_key th {
background: #EDD;
border: 1px solid #FDD;
}

#playguide_key td {
background: #fff;
border: 1px solid #FDD;
}

#playguide_interface {
border: 1px solid #999;
width:670px;
margin: 10px auto;
}

#playguide_interface th {
background: #ddd;
border: 1px solid #999;
text-align:left;
width:160px;
}

#playguide_interface td {
background: #fff;
border: 1px solid #999;
}

.playguide_stimg {
width:700px;
margin:0 auto;
}

#playguide_status {
border: 1px solid #999;
width:600px;
margin-top:10px;
}

#playguide_status th {
background: #ddd;
border: 1px solid #999;
text-align:left;
width:80px;
}

#playguide_status td {
background: #fff;
border: 1px solid #999;
}

#minimap_img {
float:left;
}

#playguide_minimap {
border: 1px solid #999;
width:530px;
float:right;
margin-right:20px;
}

#playguide_minimap th {
background: #ddd;
border: 1px solid #999;
text-align:center;
width:60px;
}

#playguide_minimap td {
background: #fff;
border: 1px solid #999;
}

#playguide_map {
border: 1px solid #999;
width:650px;
}

#playguide_map th {
background: #ddd;
border: 1px solid #999;
text-align:center;
width:120px;
}

#playguide_map td {
background: #fff;
border: 1px solid #999;
}

#playguide_option {
border: 1px solid #999;
width:650px;
}

#playguide_option th {
background: #ddd;
border: 1px solid #999;
text-align:center;
width:120px;
}

#playguide_option td {
background: #fff;
border: 1px solid #999;
}

#equip_table {
border: 1px solid #999;
width:470px;
}

#equip_table th {
background: #ddd;
border: 1px solid #999;
text-align:left;
width:120px;
}

#equip_table td {
background: #fff;
border: 1px solid #999;
}

#chat_table {
border: 1px solid #999;
width:710px;
}

#chat_table th {
background: #ddd;
border: 1px solid #999;
text-align:center;
width:70px;
}

#chat_table td {
background: #fff;
border: 1px solid #999;
width:270px;
}

#party_table {
border: 1px solid #999;
width:500px;
}

#party_table th {
background: #ddd;
border: 1px solid #999;
text-align:center;
width:100px;
}

#party_table td {
background: #fff;
border: 1px solid #999;
}

#partys_table {
border: 1px solid #999;
width:650px;
}

#partys_table th {
background: #ddd;
border: 1px solid #999;
text-align:center;
width:100px;
}

#partys_table td {
background: #fff;
border: 1px solid #999;
}

.guild_table {
border: 1px solid #999;
width:400px;
}

.guild_table th {
background: #ddd;
border: 1px solid #999;
text-align:left;
width:110px;
}

.guild_table td {
background: #fff;
border: 1px solid #999;
}


/* WallPaper
---------------------------------------------------------------------*/
.wp_table {
height:135px;
}

.wp_table td {
padding:3px;
background: #eee
}


/* Support
---------------------------------------------------------------------*/
ul#policyul {
padding:0;
padding-left:20px;
margin:0;
}

ul#policyul li {
width:500px;
height:25px;
margin:5px;
font-size:18px;
padding-left:20px;
list-style-image: url(../img/common/ghead_cursor.png);
}

#policy_supportlnk {
width:500px;
margin:10px auto 10px;
border:1px solid #fc6;
background: #FFe;
text-align:center;
font-size:18px;
padding:5px;
}

.copyright_htmltag {
width:500px;
height:55px;
margin:0 auto;
resize: none;
border:1px solid #CCC;
padding:5px;
overflow:hidden;
}

.copyright_tag {
width:500px;
height:70px;
margin:5px 0 5px;
resize: none;
border:1px solid #CCC;
padding:5px;
overflow:hidden;
background: #FFe;
}

#support_form_box {
margin: 0 auto;
}

#support_form {
border:#CCC 1px solid;
width:650px;
margin: 0 auto;
}

#support_form th {
border:1px solid #CCC;
width:110px;
background: #EEE;
padding:3px;
}

#support_form td {
border:1px solid #CCC;
padding: 5px;
}

#support_form input[type=text] {
border: 1px solid #CCC;
width:300px;
}

#support_form textarea {
border:1px solid #CCC;
width: 520px;
height:200px;
resize:none;
}

#support_form_submit {
width:680px;
text-align:center;
}

#support_form .error_message {
color:#F00;
}

.faqhr {
width:700px;
margin-top:20px;
}

.faqbox {
border: 1px solid #CCC;
padding:5px;
width:690px;
margin-top: 20px;
}

.faq_q {
padding:10px;
background: #FFd;
}

.faq_a {
padding:10px;
background: #FFF6F6;
margin-top: 5px;
}

/* shopguide
---------------------------------------------------------------------*/
.attention {
color:#c00;
}

.hr_dashed {
height: 1px;
border: none;
border-top: 1px #ccc dashed;
}

#cashshopmenu_table {
border: 1px solid #CCC;
}

#cashshopmenu_table th{
border: 1px solid #CCC;
background: #EEE;
padding:3px;
}

#cashshopmenu_table td{
border: 1px solid #CCC;
background: #fff;
padding:3px;
}

#cashshopguide_table {
border: 1px solid #CCC;
width:650px;
margin-top:10px;
margin-bottom:20px;
}

#cashshopguide_table th{
border: 1px solid #CCC;
background: #EEE;
padding:3px;
width:150px;
}

#cashshopguide_table td{
border: 1px solid #CCC;
background: #fff;
padding:3px;
}


/* regist renew
---------------------------------------------------------------------*/
#regist_form {
padding-top:200px;
}

#regist_step01 {
background: url(../img/regist/m2regist_step01.png) top center no-repeat;
width:800px;
height:120px;
}

#regist_step02 {
background: url(../img/regist/m2regist_step02.png) top center no-repeat;
width:800px;
height:120px;
}

#regist_step03 {
background: url(../img/regist/m2regist_step03.png) top center no-repeat;
width:800px;
height:120px;
}

#regist_title01 {
background: url(../img/regist/m2regist_title01.png) top center no-repeat;
width:800px;
height:40px;
}

#regist_title02 {
background: url(../img/regist/m2regist_title02.png) top center no-repeat;
width:800px;
height:40px;
}

#regist_title03 {
background: url(../img/regist/m2regist_title03.png) top center no-repeat;
width:800px;
height:40px;
}

#regist_title04 {
background: url(../img/regist/m2regist_title04.png) top center no-repeat;
width:800px;
height:40px;
}

#regist_title05 {
background: url(../img/regist/m2regist_title05.png) top center no-repeat;
width:800px;
height:40px;
}

#regist_box {
background: url(../img/regist/regist_box_bg.png) top center repeat-y;
width:800px;
}

.regist_form_lead {
font-size:13px;
line-height:16px;
padding-left:35px;
padding-top:10px;
}

#regist_mailform {
width:507px;
height:114px;
margin:0 auto;
background: url(../img/regist/regist_mailform.png) top center;
}

#regist_mailinput {
width:410px;
height:30px;
margin:0 auto;
padding-top:50px;
}

#regist_mailsend {
width:220px;
height:45px;
padding-top:30px;
padding-bottom:30px;
margin:0 auto;
}

#regist_mailsend_error {
clear:both;
padding:3px;
color:#F00;
font-size:16px;
width:500px;
margin:0 auto;
text-align:center;
}

.regist_form_lead_center {
font-size:13px;
line-height:16px;
padding-left:35px;
padding-top:10px;
text-align:center;
width:800px;
}

#regist_bottom {
background: url(../img/regist/m2regist_bottom.png) top center no-repeat;
width:800px;
height:50px;
}

#regist_mailad {
width:410px;
border: 2px solid #fc6;
background-color: #ffc;
text-align:center;
margin:auto;
padding: 12px;
font-size:13px;
line-height:16px;
margin-top: 15px;
margin-bottom: 15px;
}

.regist_confirm_text {
width:800px;
text-align:center;
font-size:13px;
margin-top:15px;
}

.regist_confirm_text2 {
width:800px;
text-align:center;
font-size:13px;
}

#regist_comp_link {
width:650px;
border-collapse: collapse;
margin:0 auto;
}

#regist_comp_link th{
width:210px;
height:60px;
text-align:center;
border-bottom:2px dotted #CCC;
}

#regist_comp_link td{
padding-left:10px;
text-align:left;
font-size:13px;
line-height:16px;
border-bottom:2px dotted #CCC;
vertical-align:middle;
}

#regist_welcome {
background: url(../img/regist/regist_welcome.png) top center no-repeat;
width:626px;
height:287px;
margin:15px auto;
}

#regist_footer {
width:800px;
text-align:left;
color:#333;
font-size:12px;
margin-top:10px;
padding-bottom:50px;
}

/* regist
---------------------------------------------------------------------*/
#cbt_form {
width:100%;
background: url(../img/common/m2regist_bg.jpg) top center no-repeat #FFF;
min-height:1000px;
margin:0 auto;
position:relative;
}

#cbt_form_back {
}

#cbt_formcontainer {
width:800px;
color: #333;
margin:0 auto;
font-size:12px;
}

#cbt_form_header {
margin:0px;
padding:0px;
background: url(../img/teaser/cbt_form_header.png) no-repeat;
width:580px;
height:120px;
}

#cbt_form_title {
padding-top:95px;
padding-left:10px;
color:#FFF;
font-size:18px;
font-weight:bold;
}

#cbt_form_title h1 {
font-size: 20px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

#cbt_form_content {
padding: 10px;
width:100%;
}

.cbt_form_lead {
width: 553px;
margin-top:10px;
font-size:12px;
line-height: 1.2em;
color: #333;
}

.cbt_form_subt {
font-size:16px;
font-weight: bold;
width: 553px;
padding-bottom: 2px;
border-bottom: 1px dotted #ccc;
margin-bottom: 5px;
}

#cbt_form_footer {
margin-top: 10px;
text-align: center;
width:580px;
border-top: 1px dashed #ccc;
padding-top:5px;
color:#999;
padding-bottom: 10px;
}

#regist_btn01 {
width: 580px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

#regist_form_box {
width:630px;
color:#333;
margin: 0 auto;
}

#regist_accform {
width:630px;
border-collapse: collapse;
}

#regist_accform input[type="text"]{
width:200px;
font-size:16px;
height:25px;
padding:3px;
border:2px solid #999;
background-color:#F9FFFF;
}

#regist_accform input[type="password"]{
width:200px;
font-size:16px;
height:25px;
padding:3px;
border:2px solid #999;
background-color:#F9FFFF;
}

#regist_accform th{
width: 190px;
text-align: left;
font-size:16px;
font-weight:normal;
padding: 8px;
vertical-align: top;
border-bottom:2px dotted #CCC;
}

#regist_accform td {
text-align: left;
padding: 8px;
border-bottom:2px dotted #CCC;
font-size:13px;
line-height:16px;
}

.end {
text-align: left;
padding: 5px;
border-bottom: 2px #eee solid;
}

#regist_btn_form {
width: 580px;
height:30px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

#regist_btn02 {
width: 126px;
height: 27px;
display: inline;
}

#regist_btn03 {
width: 126px;
height: 27px;
display: inline;
}

#regist_btn04 {
width: 126px;
height: 27px;
display: inline;
}

#regist_btn05 {
width: 126px;
height: 27px;
display: inline;
}

.form_error {
color:#f00;
background-color:#fcc;
width: 100%;
margin-top:3px;
padding:4px;
}

#regist_accform_confirm {
width:630px;
border-collapse: collapse;
}

#regist_accform_confirm th{
width: 190px;
text-align: left;
font-size:16px;
font-weight:normal;
padding: 8px;
vertical-align: top;
border-bottom:2px dotted #CCC;
}

#regist_accform_confirm td {
text-align: left;
padding: 8px;
font-size:16px;
border-bottom: 2px #CCC dotted;
}

#cbt_regist_mail {
width: 540px;
text-align: center;
padding: 10px;
margin-top: 10px;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
margin-bottom: 10px;
}

#cbt_regist_mailad {
width:400px;
border: 2px solid #fc6;
background-color: #ffc;
text-align:center;
margin:auto;
padding: 8px;
font-size:18px;
font-weight: bold;
margin-top: 10px;
}

#regist_comp {
width:580px;
text-align: center;
margin:auto;
margin-top: 10px;
font-size: 14px;
font-weight: bold;
color: #F60;
line-height: 1.3em;
margin-bottom: 10px;
}

#regist_comp_cbtschedule {
width:400px;
border: 2px solid #fc6;
background-color: #ffc;
text-align:center;
margin:auto;
padding: 8px;
font-size:14px;
font-weight: bold;
margin-top: 10px;
line-height: 1.4em;
}

#regist_comp_banner {
width: 350px;
height: 60px;
margin: auto;
margin-bottom: 30px;
margin-top: 30px;
}

#regist_step {
width: 560px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

/* mypage
---------------------------------------------------------------------*/
#mypageLogin {
margin:20px auto;
width:550px;
font-size:18px; 
}

#mypageLogin th {
width:250px;
background-color: #EEE;
height: 40px;
border: 1px solid #FFF;
}

#mypageLogin td {
width:350px;
background-color: #FFF;
height: 40px;
border: 1px solid #FFF;
padding:5px;
}

#mypageLogin input[type=text] {
border: 1px solid #CCC;
height:30px;
padding:3px;
width:340px;
}

#mypageLogin input[type=password] {
border: 1px solid #CCC;
height:30px;
padding:3px;
width:340px;
}

ul.memberindexul {
font-size: 18px;
}

ul.memberindexul li{
font-size: 18px;
height:24px;
}

#mypage_accform {
width:540px;
border-collapse: collapse;
background-color: #eee;
border:1px solid #ddd;
}

#mypage_accform th{
width: 150px;
text-align: right;
padding: 8px;
border-bottom: 1px #ddd solid;
vertical-align: top;
}

#mypage_accform td {
text-align: left;
padding: 8px;
border-bottom: 1px #ddd solid;
background-color:#fff;
}

#mypage_accform input[type=text] {
border: 1px solid #CCC;
padding:3px;
}

#mypage_accform input[type=password] {
border: 1px solid #CCC;
padding:3px;
}

#member_edit_password {
border: 1px solid #CCC;
padding:3px;
}

#member_edit_password_confirm {
border: 1px solid #CCC;
padding:3px;
}

#member_edit_current_password {
border: 1px solid #CCC;
padding:3px;
}

.mypage_edit_btn {
width: 540px;
margin-top:10px;
text-align:center;
}

#mypage_bpinfo {
width:700px;
height:100px;
}

.mypage_bpinfo_table {
border: 1px solid #999;
width:430px;
height:45px;
}

.mypage_bpinfo_table th {
background: #eec;
border: 1px solid #996;
text-align:left;
width:110px;
font-size:16px;
color: #c90;
padding-left:10px;
}

.mypage_bpinfo_table td {
background: #fff;
border: 1px solid #996;
font-size:16px;
padding-left:10px;
}

.mypage_info {
list-style:circle;
}

.mypage_info li{
font-size:16px;
}

.mypage_mailsent { 
width: 500px;
margin: 10px auto 10px;
border: 1px solid #FC6;
background: #FFE;
text-align: center;
font-size: 18px;
padding: 5px;
}


.buybpBtn {
float:left;
margin-left:10px;
}

.mypage_bpinfo_box {
float:left;
width:430px;
height:150px;
}

#bp_limit {
margin-top:5px;
text-align:center;
color: #F55;
background-color: #FFECEC;
border: 1px solid #FED1E3;
padding: 3px 3px 3px 3px;
font-weight: bold;
font-size: 14px;
}

#bpinfo_guidelink {
margin-top:20px;
}

#bpinfo_guidelink ul{
margin-left:10px;
}

#bpinfo_guidelink li{
font-size:15px;
float:left;
}

.buybp_confirm_btn {
width:700px;
text-align:center;
margin-top:15px;
}

#tokusho_table {
border: 1px solid #999;
width:650px;
}

#tokusho_table th {
background: #eec;
border: 1px solid #996;
text-align:left;
width:150px;
font-size:12px;
color: #666;
padding:5px;
}

#tokusho_table td {
background: #fff;
border: 1px solid #996;
font-size:12px;
padding:5px;
}

#bpselect_table {
border: 1px solid #999;
width:600px;
margin: 10px auto;
}

#bpselect_table th {
background: #eec;
border: 1px solid #996;
text-align:left;
width:100px;
font-size:16px;
color: #666;
padding:5px;
}

#bpselect_table td {
background: #fff;
border: 1px solid #996;
font-size:16px;
padding:5px;
}

#buybp_confirm_table {
border: 1px solid #999;
width:400px;
}

#buybp_confirm_table th {
background: #eec;
border: 1px solid #996;
text-align:left;
width:150px;
font-size:16px;
color: #666;
padding:5px;
}

#buybp_confirm_table td {
background: #fff;
border: 1px solid #996;
font-size:16px;
padding:5px;
}


#bphistory_table {
width:700px;
border:1px solid #996;
}

#bphistory_table th{
width:100px;
text-align:center;
padding:3px;
background:#eec;
border:1px solid #996;
color:#666;
}

#bphistory_table td{
padding:3px;
border:1px solid #996;
}


#leaveTable {
margin:20px auto;
width:350px;
font-size:12px; 
}

#leaveTable th {
width:150px;
background-color: #EEE;
height: 20px;
border: 1px solid #ddd;
}

#leaveTable td {
width:200px;
background-color: #FFF;
height: 20px;
border: 1px solid #ddd;
padding:5px;
}

#leaveTable input[type=text] {
border: 1px solid #CCC;
height:20px;
padding:3px;
width:200px;
}

#leaveTable input[type=password] {
border: 1px solid #CCC;
height:20px;
padding:3px;
width:200px;
}



/* footer
---------------------------------------------------------------------*/
#footer {
clear:both;
}

#footerNaviwrap {
width:100%
margin: 0 auto;
padding: 20px;
background: url(../img/common/footer_bg.png) repeat-x top center #333;
color:#fff;
height:170px;
}

#footerNavi{
width:920px;
margin:0 auto;
padding-top: 10px;
padding-left:50px;
display:block;
background-color: #222;
height:180px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#footerNavi dl {
width:120px;
margin-right:30px;
float:left;
}

#footerNavi dt {
margin: 0;
font-weight: bold;
margin-bottom:3px;
border-bottom: 1px solid #666;
}

#footerNavi dl a {
text-decoration: none;
color:#fff;
}

#footerNavi dl a:hover {
text-decoration: none;
color:#ff0;
}

#footerNavi dd {
margin:0;
color:#666;
}

#footerBottom {
width:960px;
margin:10px auto;
height:70px;
}

#footerBottom a {
color:#fff;
text-decoration: none;
}

#footerBottom a:hover {
color:#fff;
text-decoration: underline;
}

#copyright {
float:left;
padding-top:10px;
}

#c4onLogo {
text-align: right;
float: right;
}

/* event
---------------------------------------------------------------------*/
#gw_counter {
width:530px;
height:70px;
background: url(../img/event/130425_count_bg.jpg) no-repeat;
margin-top:10px;
border:1px solid #FeC;
}

#gw_counter_logo {
float:left;
margin-top:8px;
margin-left:8px;
}

#gw_counter_num {
float:left;
font-weight:bold;
font-size:22px;
margin-top:32px;
width:260px;
text-align:center;
}

/* forSmartPhone --2023/05/09 add hasegawaS
---------------------------------------------------------------------*/

/*none FacebookButton*/
#snsButton{
	display: none;
}

:root{
	/*width top*/
	--forSpWidth:100%;
	--forSpTopHeaderHeight:250px;
	--forSpContentsC:100%;

	/*width news*/
	--forSpbtmContentCR_news:100%;
	--forSpbtmContentsLmenu_news_width:50%;
	--forSpbtmContentsLmenu_news_height:80%;
	--forSpHeader_width:90%;

	/*top news*/
	--forSpTopHeader_btm:220px;	
	--forSpBtmSubTitle:100px;
	--forSpTopHeader_btm_aHome:50px;

	/*fontsize*/
	--forSpHeadlineFontSize:18px;
	--forSpDetailLineFontSize:15px;
	--forSpDatelineFontSize:12px;
	--forSpNewsTitleFontSize:20px;
	--forSpBtn_tabFontSize:12px;
	--forSpTableFontSize:14px;
	--forSpTop-news-indexFontSize:18px;
	--forSpModalTextFontSize:18px;
	--forSpModalButtonTextFontSize:15px;

	/*backgrount color*/
	--forSpBtn_tabColor:#878173;
	--forSpTop-news-indexColor:#edc057;
	--forSpBtn_tab_selectedColor:#9db95e;

	/*Header color*/
	--forSpH1Color:#eea02a;
	--forSpH2Color:#DC143C;
	--forSpH3Color:#74c57d;
	--forSpH4Color:#5a9bac;
	--forSpH5Color:#9899df;
	--forSpH6Color:#e9a4bb;

	/*Modal color*/
	--forSpModalButton01Color:#c1e5f3;
	--forSpModalButton02Color:#cfcfcf;
}

/*========modal========*/	
#modalAll{
	display: none;
	width:100%;
	height:100%;
	position:fixed;
	z-index: 10;
}
#modalBackGround{
	background-color: black;
	opacity: 0.1;
	width:100%;
	height:100%;
	position:fixed;
	z-index: 10;
}
#modal{
	display: block;
	background-color:white;
	border-radius: 7px;
	width:80%;
	height:150px;
	margin:0 auto;
	text-align:center;
	opacity: 1;
	position:fixed;
	z-index:15;
	top: 40%;
	left:10%;
}
#modalText{
	font-size:var(--forSpModalTextFontSize);
	height:60%;
	position:static;
	margin-bottom: 2%;
}
#modalButtons{
	height:25%;
}
#modalButtons ul{
	margin: 0;
	padding:0;
	list-style: none;
	height:100%;
	width:100%;
}
#modalButton01,#modalButton02{
	display: inline-block;
	font-size:var(--forSpModalButtonTextFontSize);
	color:black;
	width:40%;
	height:100%;
	text-align: center;
}
#modalButton01 p,#modalButton02 p,#modalText p{
	margin-top: 0;
	margin-bottom:0;
	height:100%;
	display: flex;
	justify-content: center;
    flex-direction: column;
}
#modalButton01{
	background-color: var(--forSpModalButton01Color);
}
#modalButton02{
	background-color:var(--forSpModalButton02Color);
}
.modalContents{
	display: none;
}





#forSpBtn_tab{
	display: none;
	margin: auto;
}
#forSpBtmContentsLMenu{
	display: none;
}
.forSpCategorySelector{
	background-color: var(--forSpBtn_tab_selectedColor);
}

@media only screen and (max-width: 800px) {
	html,body{
		overflow-x:hidden;
	}

	img { 
		max-width: 100% !important;  
		height: auto !important;
		pointer-events: none;
	}

	.resizeimage img { width: 100%; }

	h1,h2,h3,h4,h5,h6 {
		background: none !important;
		color: white !important;
		width: var(--forSpHeader_width) !important;
		padding-left: 2% !important;
		padding-top: 2% !important;
		padding-right: 2% !important;
		padding-bottom: 2% !important;
		height: auto !important;
		margin:4% auto;
		border-style: solid;
		border-width: 0 0 1px 7px;
		text-shadow: none !important;
		font-size: var(--forSpHeadlineFontSize) !important;
		font-weight: bold;
	}

	h1{
		border-color: var(--forSpH1Color) !important;
		color:var(--forSpH1Color) !important;
	}
	h2{
		border-color: var(--forSpH2Color) !important;
		color:var(--forSpH2Color) !important;
		}
	h3{
		border-color: var(--forSpH3Color) !important;
		color:var(--forSpH3Color) !important;
	}
	h4{
		border-color: var(--forSpH4Color) !important;
		color:var(--forSpH4Color) !important;
	}
	h5{
		border-color: var(--forSpH5Color) !important;
		color:var(--forSpH5Color) !important;
	}
	h6{
		border-color: var(--forSpH6Color) !important;
		color:var(--forSpH6Color) !important;
	}

	p{
		width: 100%;
	}

	/*========top========*/
	#contentsL{
		display:none;
	}
	#contentsLC{
		width:100%;
	}
	#contentsR{
		display:none;
	}
	#topNaviWrap{
		display: none;
	}
	#gheadRight{
		display: none;
	}
	#gheadNBox{
		display:none;
	}
	#top-bbs-box{
		display: none;
	}
	#footerNavi{
		display:none;
	}
	/*--AllContents--*/
	#container{
		width:var(--forSpWidth);
	}
	/*--Header--*/
	#topHeader{
		width:var(--forSpWidth);
		height:var(--forSpTopHeaderHeight);
	}
	#topHeader h1{
		display: none;
	}
	#topHeader a#home{
		margin: 0 auto;
		position:static;
	}
	#topHeader img{
		position:absolute;
		top: 50%;
   		left: 50%;
		width: 60%;
		max-width: 300px !important;
    	transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
	}
	#ghead a{
		display: block;
		height: 100%;
	}
	#gheadBody{
		width:100%
	}
	#gheadRight{
		position:absolute;
		right:0%;
	}
	/*--main--*/
	#mainWrap{
		width:var(--forSpWidth);
		background-size: contain !important;
	}
	#mainChara{
		width:var(--forSpWidth);
	}
	#mainArea{
		width:var(--forSpWidth);
	}
	#contentsC{
		margin :0 auto;
		float:none;
		width:var(--forSpContentsC);
		padding-top:0%;
	}
	/*banner*/
	#topBanner{
		width: 90% !important;
		background: none !important;
		margin: 0 auto;
		margin-left: auto !important;
	}
	#mainBanner{
		width:95% !important;
		height: 100%;
		float: none !important;
		padding:1% !important;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
	}
	#thumBanner{
		display: none;
	}
	.btn_tab img{
		display: none;
	}
	.btn_tab li{
		border: 1px solid white;
		box-sizing: border-box;
		background-color: var(--forSpBtn_tabColor);
		width:25% !important;
		height: 100%;
	}
	.btn_tab ul{
		width:100% !important;
		margin-bottom:10px;
		margin-left:0px !important;
	}
	.btn_tab a{
		text-decoration: none !important;
	}
	.selected p{
		background-color: var(--forSpBtn_tab_selectedColor);
	}
	#forSpBtn_tab{
		display: block;
		font-size: var(--forSpBtn_tabFontSize);
		color: white;
		font-weight: bold;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items:center;
		letter-spacing: 0.15em;
	}

	/*--news--*/
	#btmBanner{
		width: 100%;
	}
	#topNewsarea{
		width:100% !important;
		margin: 0 auto;
		border: none !important;
	}
	.top-news-index{
		width:100% !important;
		margin-left:auto !important;
		margin-bottom: 2% !important;
		background:none !important;
		background-color: var(--forSpTop-news-indexColor) !important;
		height:26px !important;
		color: white;
		font-size: var(--forSpTop-news-indexFontSize) !important;
		font-weight: bold;
		display: flex;
    	align-items: center;
		padding-left: 1%;
	}
	.top-news-index::after{
		content: "●お知らせ";
	}

	/*news button*/
	#newsTopic,#newsInformation,#newsEvent,#newsMaintenance{
		width:90% !important;
		margin:auto;
		padding:0px !important;
		border: none !important;
	}
	.news-list-row{
		padding-top:9px !important;
		padding-bottom:26px !important;
	}
	.news-list-title{
		font-size:var(--forSpDetailLineFontSize);
	}
	.news-list-category::after{
		white-space:pre;
		content:'\A';
	}
	.news-list-date{
		font-size:var(--forSpDatelineFontSize);
		margin-top:2px;
	}
	.news-list-date::before{
		content:'　　　';
		white-space:pre;
	}
	#newsTab{
		margin-bottom:10px;
		width: 100%;
	}
	#newsTab ul{
		width: 100% !important;
		margin-left: auto !important;
	}
	.news_more{
		width:100% !important;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	.news-icon-new{
		font-size:var(--forSpDetailLineFontSize) !important;
	}

	/*--footer--*/
	#footer{
		position:relative;
	}
	#copyright{
		float:left;
		padding:10px 0px;
	}
	#footerBottom{
		width:100%;
	}
	#c4onLogo{
		display:inline;
		float :left;
		padding-bottom:10px;
	}
	#c4onLogo a{
		display: block;
		height: 100%;
	}

	/*========news========*/
	#subWrap{
		background-size:contain;
	}

	#topHeader_btm{
		width:var(--forSpWidth);
		height: var(--forSpTopHeader_btm);
	}
	#topHeader_btm h1{
		display: none;
	}
	#btmContentsCR{
		width: var(--forSpbtmContentCR_news);
		margin:0 auto 3%;
		float:none;
		border: none;
		padding: 0px;
		border-radius: 0;
	}
	#btmContentsMain{
		padding: 3%;
		width: 90%;
		margin: 0 auto;
	}
	#btmContentsL{
		margin:2% 2%;
	}
	#btmContentsL li{
		font-size: var(--forSpDetailLineFontSize);
	}
	#Subtitle{
		display: none;
	}
	.caption{
		padding: 0 0 0 5%;
	}
	#newsHeader{
		font-size:var(--forSpDetailLineFontSize) !important;
		height: 4px !important;
		margin-bottom: 3px;
		border-bottom: none !important;
	}
	#newsHeader .news-category{
		margin:3% 1% 0 1%;
	}
	#newsHeader .news-title{
		width:90% !important;
		font-size:var(--forSpDetailLineFontSize) !important;
		padding:1% 2% 2% 2%;
	}
	#newsHeader .news-date{
		padding:10px !important;
		font-size: var(--forSpDatelineFontSize);
	}
	.news-snsgroup{
		margin: 50px auto 15px auto;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	#btmMainContents{
		height:180px;
		display: none;
	}
	#forSpBtmContentsLMenu{
		display: block;
		height:40px;
		background-color: var(--forSpBtn_tabColor);
	}
	#forSpBtmContentsLMenu ul{
		width: 100%;
		height: 100%;
		padding-left: 0px;
	}
	#forSpBtmContentsLMenu li{
		list-style: none;
		float: left;
		border: 1px solid white;
		width: 25%;
		height: 100%;
		box-sizing: border-box;
	}
	#forSpBtmContentsLMenu a{
		color: white;
		font-size: var(--forSpBtn_tabFontSize);
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 0.15em;
		height: 100%;
		text-decoration: none;
	}
	#btmContentsL{
		width:var(--forSpbtmContentsLmenu_news_width);
		height:var(--forSpbtmContentsLmenu_news_height);

	}
	#btmContentsLmenu{
		width: 100%;
		height: 100%;
		margin:4% !important;
	}
	#btmSubmenuTitle{
		background:none;
		font-size: var(--forSpHeadlineFontSize);
		font-weight: normal;
		text-align: left;
		padding:0 0 0 10px;
		width: 100%;
	} 
	.pager{
		font-size: var(--forSpDetailLineFontSize);
		width: 100% !important;
		text-align: center;
	}

	/*========news_detail========*/
	.news-content{
		width:95% !important;
		padding: 2% !important;
		margin: 0 auto !important;
		font-size: var(--forSpDetailLineFontSize) !important;
	}
	.news-content table{
		width:100% !important;
	}
	.news-content div{
		width: 90% !important;
		margin:0 auto;
	}
	.news-content span{
		font-size: var(--forSpDetailLineFontSize) !important;
	}
	.img_center{
		margin: 0 auto;
	}
	.notes_box{
		padding: 2% 4% !important;
		margin: 5% 0 auto !important;
	}

	/*Header*/
	#topHeader_btm a#home{
		top:var(--forSpTopHeader_btm_aHome);
	}
	#btmSubtitle{
		top:var(--forSpBtmSubTitle);
		left:135px;
	}

	.caution_box{
		font-size: var(--forSpDetailLineFontSize) !important;
	}
	.news-content table{
		font-size:var(--forSpTableFontSize) !important;
	}
	.news-content div{
		font-size:var(--forSpTableFontSize) !important;
	}
	.cpn_term{
		margin:0 auto !important;
		padding:2% 4% !important;
		font-size: var(--forSpDetailLineFontSize) !important;
	}
	.link_box{
		padding: 2% !important;
		margin:3% auto !important;
	}
	.notes_box{
		font-size: var(--forSpDetailLineFontSize) !important;
	}
	.notes_box table{
		font-size: var(--forSpDetailLineFontSize) !important;
	}
	.backlistbtn a{
		display: block;
		width: 100%;
		height: 100%;
	}

	/*========modal========*/	
	.modalContents{
		display: block !important;
	}
	
}