@charset "utf-8";
@import url(../../common/top/css/gnb.css);

html, 
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size:12px;font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	z-index:1;
}
*{margin:0;padding:0;}
html {overflow-x:hidden;}
body{_height:100%; _width:100%;color:#666;background:#4440c2 url(../img/bg_body.gif) repeat-x left 29px;}
img{border:0;}
.png24 {tmp:expression(setPng24(this));}
fieldset{border:0;}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
button{border:none; cursor:pointer;}
button span{display:none;}


#body{ position:relative;width:1012px;z-index:2; margin:0 auto;}

#header {float:left; display:inline; z-index:3; }
#btn_start{ position:absolute;right:90px;top:0; z-index:100000; width:212px;}
#header p{float:right;}
	
#wrapper{ clear:both;position:relative;z-index:3;width:990px;height:650px;margin:0 auto;}
#wrapper_inner{position:absolute;left:0;top:0; z-index:3; width:6500px;height:650px;background: url(../img/bg_body2.jpg) no-repeat left -1px;}

#cloud{position:absolute;left:40px;top:115px;width:471px;height:266px;z-index:4;}
#cloud2{position:absolute;left:40px;top:0;width:471px;height:266px;z-index:4;}
#cloud3{position:absolute;left:80px;top:310px;width:471px;height:266px;z-index:4;}

/*login*/
#login_area{position:absolute;left:88px;top:114px;z-index:100;width:206px;height:206px;background:url(../img/bg_box.gif) no-repeat left top;}
#login_area h2{float:left;width:179px;padding-bottom:8px;border-bottom:1px solid #e3e3e3;}
#login_area h2 a img{float:right;margin-right:3px;}
#login_area h2 img{float:left; vertical-align:middle;}
#login_area h2 a.on{float:right;width:18px; height:14px; text-indent:-10000px; overflow:hidden;border:none;background:url(../../common/login/img/btn_keycrypt_on.gif) no-repeat left 3px;}
#login_area h2 a.off{float:right;width:18px; height:14px; text-indent:-10000px; overflow:hidden;border:none;background:url(../../common/login/img/btn_keycrypt_off.gif) no-repeat left 3px;}

#login_area .login{float:left;padding:20px 0 18px 14px;}
#login_area .login p{width:166px;padding:2px 0 3px 0;text-align:center;}
#login_area fieldset{float:left;width:166px;padding:6px 6px 3px 6px;margin-bottom:-3px;}

#login_area fieldset p.input{float:left;width:105px;}
#login_area fieldset p.button{float:left;width:52px;_margin-right:-4px;}
#login_area fieldset input{width:100px;height:17px;margin-bottom:4px;_margin:0;padding:2px 0 0 6px;color:#454545;font-size:11px;border:1px solid #d1d1d1;background:#e7e7e7;}
#login_area fieldset input#account{background:#e7e7e7 url(../img/bg_id.gif) no-repeat left top;}
#login_area fieldset input#password{background:#e7e7e7 url(../img/bg_pw.gif) no-repeat left top;}
*:first-child+html #login_area fieldset input{margin-bottom:2px;}
#login_area fieldset button{width:52px;height:46px;margin:1px 0 0 8px;border:none;background:url(../img/btn/btn_login.gif) no-repeat left top;}
#login_area fieldset button span{ display:none;}
#login_area .login .join{width:178px!important;padding-top:6px!important;border-top:1px solid #e3e3e3;}
#login_area .login .join img{margin-bottom:4px;}

#login_area{position:absolute;left:88px;top:114px;z-index:100;width:206px;height:206px;background:url(../img/bg_box.gif) no-repeat left top;}
#login_area h2{float:left;width:179px;padding-bottom:8px;border-bottom:1px solid #e3e3e3;}
#login_area h2 a img{float:right;margin-right:3px;}
#login_area h2 img{float:left; vertical-align:middle;}
#login_area h2 a.on{float:right;width:18px; height:14px; text-indent:-10000px; overflow:hidden;border:none;background:url(../../common/login/img/btn_keycrypt_on.gif) no-repeat left 3px;}
#login_area h2 a.off{float:right;width:18px; height:14px; text-indent:-10000px; overflow:hidden;border:none;background:url(../../common/login/img/btn_keycrypt_off.gif) no-repeat left 3px;}

/* 2010 07/02 login area maintenance ver start */

/*01*/
.member_info02 {/*外伝はbg#fff削除*/
	height:216px;
	padding:4px;
}	 
.maintenance_wrap01 {
	height:204px;
	padding:4px 0 0 0;
	text-align:center;
}
.maintenance_wrap01 dt {
	padding:8px 0 5px 0;
}
.maintenance_wrap01 dd {
	padding-bottom:10px;
	line-height:18px;
}
.maintenance_wrap01 dd strong {
	font-size:14px;
	font-weight: bold;
	color:#ff5400;
}
.maintenance_wrap01 dd img {
	vertical-align:top;
}

/*02*/
.member_info02 p.name{height:30px;padding:6px 7px 5px 15px;line-height:15px!important;background-color:#f0f0f0;}
.member_info02 p.name strong{font-size:12px;font-weight:bold;}
.member_info02 p.name span{color:#009ae0;}

.member_info02 ul.my_link02 {
	margin:10px 0 0 5px;
	list-style-type:none;
	overflow:auto;
}
.member_info02 ul.my_link02 li {
	width:70px;
	padding: 0 30px 5px 0;
	float:left;
}
.member_info02 ul.my_link02 li.none {
	padding-right:0;
}
.member_info02 p.at {
	clear:both;
	border-top:1px solid #efefef;
}
.member_info02 p.at img {
	padding:2px 0;
}
*html .member_info02 p.at img {/*IE6*/
	padding:0;
}
head~/* */body .member_info02 p.at img {/*IE8*/
	padding:4px 0;
}
html:not(:target) .member_info02 p.at img {/*FF*/
	padding:0;
}
.member_info02 p.btn {
	padding-bottom:5px;
	text-align:center;
	font-weight:bold;
}
/*2010_08_17 ラインセンタリングのため、margin-left:5px; 追加*/
.member_info02 .btn_logout{ margin-left:5px;clear:both;float:left;display:inline;width:188px;padding-top:4px;border-top:1px solid #efefef;text-align:right;}


/*popup*/
#popup{position:absolute;left:320px;top:150px; z-index:1000;padding:8px 0 0 0;background: url(../img/bg_pop01.gif) no-repeat left top; display:none;}
#popup .bg{clear:both;width:337px;padding:0 11px 0 15px;background: url(../img/bg_pop02.gif) no-repeat left bottom;}
#popup h1 {float:left;padding:0 0 28px 15px;width:337px;}
#popup h1 img{float:left;}
#popup h1 a img{float:right;}
#popup p{width:315px;margin:0 auto;padding:0 5px 20px 5px;line-height:18px;}
#popup p.btn{padding-top:8px;text-align:center;background:url(../img/bg_dot.gif) repeat-x left top;}
#popup p.btn img{margin-left:3px;}

/*pop_up_login_area 2010 06_02*/
.pop_bgcolor {width:306px;height:162px;background:#0066bc;}
#popup_02 {background:url(../img/bg_pop03.gif) no-repeat left top;}
#popup_02 h1 {float:left;padding:8px 0 0 15px;width:280px; height:33px;}
#popup_02 h1 img{float:left;}
#popup_02 h1 a img{float:right;}

#popup_02 .bg_02 {width:257px; height:121px;padding:0 25px 0 24px;background: url(../img/bg_pop04.gif) no-repeat left bottom; clear:both; position:relative;}
#popup_02 .bg_02 p.line_area { padding:0 8px 5px 7px; line-height:18px;background:url(../img/bg_dot.gif) repeat-x left bottom;}
#popup_02 .bg_02 p.btn_area { padding-top: 8px; text-align:center;}

/*form*/
#login_area02 {padding:8px 8px 0 7px;}
#login_area02 h2 { margin:0; padding:0;}
#login_area02 h2 img{vertical-align: top; float:left; margin-right:3px;}
#login_area02 h2 a.on{ float:left; width:18px; height:14px; text-indent:-10000px; overflow:hidden;border:none;background:url(../../common/login/img/btn_keycrypt_on.gif) no-repeat left 3px;}
#login_area02 h2 a.off{ float:left; width:18px; height:14px; text-indent:-10000px; overflow:hidden;border:none;background:url(../../common/login/img/btn_keycrypt_off.gif) no-repeat left 3px;}

#login_area02 fieldset {padding-top: 3px;clear:both;}	
#login_area02 fieldset p.input{width:185px;}
#login_area02 fieldset p.button{width:52px; position:absolute; right:40px;_right:32px; top:48px;}
#login_area02 fieldset input{width:179px;height:17px;margin-bottom:4px;_margin:0;padding:2px 0 0 6px;color:#a2a2a2;font-size:11px;border:1px solid #e5e5e5;background:#ffffff;}
#login_area02 fieldset input#account{background:#e7e7e7 url(../img/bg_id.gif) no-repeat left top;}
#login_area02 fieldset input#password{background:#e7e7e7 url(../img/bg_pw.gif) no-repeat left top;}
*:first-child+html #login_area02 fieldset input{margin-bottom:2px;}
#login_area02 fieldset button{width:52px;height:46px;margin:1px 0 0 8px;border:none;background:url(../img/btn/btn_login.gif) no-repeat left top;}
#login_area02 fieldset button span{ display:none;}




/*event*/
.opent_event{position:absolute;left:88px;top:0px;z-index:100000;width:836px;height:532px;}
.opent_event03{position:absolute;left:66px;top:64px;z-index:100000;width:935px;height:536px;}
.opent_event03_modify{position:absolute;left:87px;/*top:35px;*/top:3px;overflow:hidden;z-index:10000000000;width:902px;height:650px;}
.opent_event02 .link,
.opent_event03 .link{ position:absolute;}
.opent_event02{position:absolute;left:88px;top:0px;z-index:1000000;width:836px;height:532px;}

.opent_event h1{float:left;width:826px;padding:0 5px;background:#00102a;}
.opent_event h1 .fr{cursor:pointer;}
.quiz{clear:both;float:left;width:510px;height:302px;padding:39px 0 1px 326px;background:#00102a url(../img/bg_event01.jpg) 5px top no-repeat;}
.quiz td{height:62px;vertical-align:middle;}
.quiz .question,
.quiz .question_intro{height:141px; color:#00315f; line-height:18px; vertical-align:top;}
.quiz .question img{float:left;}
.quiz .question_intro img{float:left;position:relative;left:-15px;}
.quiz .adjust{height:45px !important;padding:25px 0 0 0;}
.quiz .q1{padding:11px 0 0 101px;background:url(../img/open_event_q1.gif) 23px 16px no-repeat;}
.quiz .q2{padding:11px 0 0 101px;background:url(../img/open_event_q2.gif) 23px 16px no-repeat;}
.quiz .q3{padding:11px 0 0 101px;background:url(../img/open_event_q3.gif) 23px 16px no-repeat;}
.quiz .q4{padding:11px 0 0 101px;background:url(../img/open_event_q4.gif) 23px 16px no-repeat;}
.quiz .q5{padding:11px 0 0 101px;background:url(../img/open_event_q5.gif) 23px 16px no-repeat;}
.quiz .q6{padding:11px 0 0 101px;background:url(../img/open_event_q6.gif) 23px 16px no-repeat;}
.quiz .q7{padding:11px 0 0 101px;background:url(../img/open_event_q7.gif) 23px 16px no-repeat;}
.quiz .q1 img,
.quiz .q2 img,
.quiz .q3 img,
.quiz .q4 img,
.quiz .q5 img,
.quiz .q6 img,
.quiz .q7 img{margin-top:4px;}
.quiz .q1 img.click,
.quiz .q2 img.click,
.quiz .q3 img.click,
.quiz .q4 img.click,
.quiz .q5 img.click,
.quiz .q6 img.click,
.quiz .q7 img.click{cursor:pointer;}
.quiz .txt{width:482px;height:64px;text-align:center; line-height:18px;vertical-align:middle;}
.quiz .answer{clear:both;display:inline;float:left;width:364px;margin:0 0 10px 78px;padding:0 0 16px 16px;background:url(../img/open_event_dot01.gif) left bottom repeat-x;}
.quiz .answer li{float:left; width:177px;padding-bottom:12px;}
.quiz .answer li input{vertical-align:middle;}
.quiz .hint{height:141px;line-height:18px;color:#ff5400;}
.quiz .error{height:141px;line-height:18px;color:#ff5400;}
.quiz .error img{margin-bottom:4px;}
.quiz .ok{padding-top:7px;height:134px;}
.quiz .btn{width:482px;text-align:center;}
.quiz .btn img{cursor:pointer;}
.quiz .pad01{height:44px;padding-top:20px;}
.quiz .pad02{height:34px;padding-top:20px;}
.goods{clear:both;float:left;_margin-right:-4px;padding:40px 0 22px 30px;width:807px;height:144px;color:#fff8ac;background:url(../img/bg_event02.gif) left top no-repeat;}
.goods ul{float:left;position:relative;top:20px;width:519px;height:55px;}
.goods ul li{float:left;width:126px;text-align:center}
.goods ul li.left{width:136px !important;padding-left:4px !important;}
.goods ul li span{display:block;padding-bottom:3px;color:#FFFFFF;}
.goods p{float:left;position:relative;top:10px;left:5px;}
.goods p img{margin:0 0 10px 25px;}
.goods p span.txt{display:block;padding:10px 10px 0 10px;width:250px;font-size:11px;}

/*Lvイベント 2010 06_18 UPDATE */

.opent_event03_modify .btn_area1{float:left;width:68px;height:62px;position:absolute;top:136px;left:827px;z-index:1000000;cursor:pointer;}

/*2010 06_18位置調整 新規*/
.opent_event03_modify .btn_area1_new{float:left;width:70px;height:72px;position:absolute;top:36px;left:833px;z-index:1000000;cursor:pointer;}

.opent_event03_modify .btn_area2{overflow:hidden;float:left;width:144px;height:20px;position:absolute;top:232px;left:585px;z-index:1000000;}
.opent_event03_modify .btn_area2 a.left{float:left;width:68px;}
.opent_event03_modify .btn_area2 a.right{float:right !important;width:74px;}

/*2010 06_18位置調整 新規*/
.opent_event03_modify .btn_area2_new{overflow:hidden;float:left;width:144px;height:20px;position:absolute;top:219px;left:587px;z-index:1000000;}
.opent_event03_modify .btn_area2_new a.left{float:left;width:68px;}
.opent_event03_modify .btn_area2_new a.right{float:right !important;width:74px;}


.opent_event03_modify .img_scroll
{	position:relative;
	top:-386px;
	left:28px;
	overflow-x:hidden;
	overflow-y:auto;
	width:779px;height:296px;
	margin-bottom:1px;
	z-index:1000000;
	scrollbar-face-color:#efdcc1;
	scrollbar-shadow-color:#efdcc1;	
	scrollbar-darkshadow-color: #b38f6e; 
	scrollbar-3dlight-color: #b38f6e; 
	scrollbar-highlight-color: #efdcc1; 
	scrollbar-track-color:#d3b899;
	scrollbar-arrow-color: #603913;}
head~/* */body .opent_event03_modify .img_scroll{top:-384px !important;height:293px !important;padding-bottom:3px !important;}	
	
.opent_event03_modify .img_scroll img{margin:30px 0 0 0}	
.opent_event03_modify .img_scroll .txt{float:left;position:absolute;top:388px;left:635px;width:85px;height:13px;z-index:1000000000;}
.opent_event03_modify .img_scroll span{float:rignh;position:absolute;top:262px;left:400px;z-index:100000000000000000000000000}

.member_info{float:left;width:179px;padding:9px 14px;_margin-bottom:-3px;}
.member_info p.avata{float:left;margin:4px 0 0 5px;width:92px;}
.member_info p.name{height:30px;margin-bottom:2px;padding:2px 7px 5px 46px;line-height:15px!important;border-bottom:1px solid #e3e3e3;}
.member_info p.name strong{font-size:12px;font-weight:bold;}
.member_info p.name span{color:#0066bc;}
.member_info p.name span#welcomeComment{color:#666;}
.member_info p.level10{background:url(../img/icon/icon_level1.gif) no-repeat 7px top;}
.member_info p.level20{background:url(../img/icon/icon_level2.gif) no-repeat 7px top;}
.member_info p.level30{background:url(../img/icon/icon_level3.gif) no-repeat 7px top;}
.member_info p.level40{background:url(../img/icon/icon_level4.gif) no-repeat 7px top;}
.member_info p.level50{background:url(../img/icon/icon_level5.gif) no-repeat 7px top;} 
.member_info .my_link02{clear:both;float:left;width:80px;padding-top:8px;}
.member_info .btn_logout{clear:both;float:left;display:inline;width:172px;margin-top:6px;padding:6px 0 0 7px;border-top:1px solid #efefef;}
.member_info .btn_logout img{margin-right:7px;}

#myinfo p a:hover{text-decoration:underline;}

#myinfo .point1{width:64px;padding:1px 0 3px 16px;background:url(../img/icon/icon_letter.gif) no-repeat left top;line-height:11px;}
#myinfo .point2{width:64px;padding:1px 0 3px 16px;background:url(../img/icon/icon_kaimo.gif) no-repeat left top;line-height:11px;}
#myinfo .point3{width:64px;padding:1px 0 3px 16px; background:url(../img/icon/icon_pearl.gif) no-repeat left top;line-height:11px;}

#myinfo{float:left;width:75px;padding:9px 0 0 4px;text-align:left;font-size:10px;}
#myinfo .my_link01{clear:both;float:left;width:78px;margin:6px 0;padding:0px 0 0 2px;line-height:0;}
#myinfo .my_link01 li{ float:left;padding-bottom:4px;}
#myinfo .my_link01 li img{float:left;margin-right:3px;}

#myinfo img{vertical-align:middle;}
#myinfo p{float:left;}
#myinfo p a strong{font-weight:normal;font-size:12px; color:#727272!important; font-family:ＭＳ UIゴシック;}
#myinfo p img{float:left;margin-left:3px;}
#myinfo p a{display:block;float:left;color:#aaa;font-size:11px;text-decoration:none; font-family:MS UI Gothic!important;}


#footer{ position:absolute;top:585px;left:81px;z-index:100;width:865px;padding:26px 0 0 0;}
#footer p{float:left;}
#footer p.logo{padding:0 22px 0 0;}
#footer p.logo a{ display:block;width:46px;height:40px;}
#footer p.logo2{float:right;padding:10px 30px 0 0;}
#footer p.logo2 a{ display:block;width:102px;height:20px;}
#footer ul {float:left;margin:7px 0 5px -17px;}
#footer ul li{float:left;padding:0 17px;background:url(../img/bg_bar.gif) no-repeat left 3px;}
#footer ul li a{color:#ccd3ff;font-size:11px;}
#footer ul li a:link, #footer ul li a:visited{text-decoration:none;}
#footer ul li a:hover, #footer ul li a:visited:hover{ text-decoration:underline;}
#footer ul li.none{background:none;}

#btn_left{position:absolute;z-index:100; left:0; top:117px;width:88px;height:420px; }
#btn_right{position:absolute; z-index:100; right:0;top:117px;width:88px;height:420px;text-align:right;}
#btn_left p,
#btn_right p{height:109px;padding:46px 0 55px 0;}

#banner{ position:absolute;left:88px;top:534px; z-index:100;}

#contents_main{position:relative;z-index:5;float:left;width:913px;height:650px;padding:0 270px 0 77px;background:url(../img/bg_contents01.gif) no-repeat 77px top;}
#contents_main .news{float:left;width:192px;padding:210px 0 0 14px;}
#contents_main .news a:link,
#contents_main .news a:visited{text-decoration:none;}
#contents_main .news a:hover,
#contents_main .news a:visited:hover{text-decoration:underline;}
#contents_main .news h2{float:left;width:170px;padding:19px 0 7px 6px;}
#contents_main .news h2 img{float:left;}
#contents_main .news h2 a img{float:right;}
#contents_main .news p.tab{clear:both;float:left;width:173px;padding:2px 0 0 6px;background:#e1e1e1;}
#contents_main .news p.tab a{ display:block;float:left;padding:4px 7px 4px 8px;_padding:4px 9px 4px 10px;font-size:11px;color:#161616;text-decoration:none;}
#contents_main .news p.tab a.on,
#contents_main .news p.tab a:hover{color:#ff6419;background:#fff;text-decoration:underline !important;}
#contents_main .news ul{clear:both;float:left;padding:12px 0 14px 0px;}
#contents_main .news ul li{clear:both;width:160px;padding:0 0 6px 15px;line-height:18px;word-wrap:break-word;background:url(../img/icon/icon_dot.gif) no-repeat 5px 7px;}
#contents_main .news ul li.news{background:url(../img/icon/icon_new.gif) no-repeat left 4px;}
#contents_main .news ul li.note{background:url(../img/icon/icon_notice.gif) no-repeat left 4px;}
#contents_main .news ul li a:link,#contents_main .news ul li a:visited{color:#666;}

#contents_main .banner{margin-left:-14px;}
#contents_main .main{float:left;padding:0 4px;}
#contents_main .osusume{float:left; position:relative;padding:19px 0 0 13px;}
#contents_main .osusume h2{padding:0 0 10px 8px;}
#contents_main .osusume p{float:left;}
#contents_main .osusume div{float:left;width:136px;}
#contents_main .osusume p.btn{ position:absolute; left:11px;width:184px;margin-top:40px;}
#contents_main .osusume p.btn img{float:left;margin:0!important; cursor:pointer;}
#contents_main .osusume p.thum{float:left; display:inline;margin:0 0 0 13px;padding:10px 15px 0 15px;text-align:center;border:1px solid #e1e1e1;}
#contents_main .osusume p.thum img{margin-bottom:11px;}

/*2010 07/08 UP DATE start*/
#contents_main .osusume p.tit{clear:both;width:178px;padding-top:13px;text-align:center; position:absolute; top:153px;}
#contents_main .osusume p.tit a{color:#1f58b0; font-weight:bold;text-decoration:none;}
#contents_main .osusume p.tit a:hover{text-decoration:underline !important;}
#contents_main .banner2{ clear:both; display:inline;margin:54px 0 0 -14px;}
/*2010 07/08 UP DATE end*/


#contents_intro{position:relative; z-index:5;float:left;width:913px;height:650px;padding:0 270px 0 77px;background:url(../img/bg_box4.png) no-repeat 77px top;_background:url(../img/bg_box4.gif) no-repeat 77px top;}
#contents_intro .tit{float:left;padding:236px 0 0 30px;width:176px;/*color:#8592a8;line-height:16px;*/}
#contents_intro .tit h2{padding:0 0 12px 8px;}

#contents_intro .tit ul{padding-top:5px;margin-left:-10px;}
#contents_intro .tit ul li{padding-bottom:3px;}
#contents_intro .tit ul li a{ display:block;width:184px;height:20px; text-indent:-1000000px;}

#contents_intro .tit ul li#menu01 a{background:url(../img/intro_menu01.gif) no-repeat left top;}
#contents_intro .tit ul li#menu02 a{background:url(../img/intro_menu02.gif) no-repeat left top;}
#contents_intro .tit ul li#menu03 a{background:url(../img/intro_menu03.gif) no-repeat left top;}
#contents_intro .tit ul li#menu04 a{background:url(../img/intro_menu04.gif) no-repeat left top;}

#contents_intro .tit ul li#menu01 a.on{background:url(../img/intro_menu01_on.gif) no-repeat left top;}
#contents_intro .tit ul li#menu02 a.on{background:url(../img/intro_menu02_on.gif) no-repeat left top;}
#contents_intro .tit ul li#menu03 a.on{background:url(../img/intro_menu03_on.gif) no-repeat left top;}
#contents_intro .tit ul li#menu04 a.on{background:url(../img/intro_menu04_on.gif) no-repeat left top;}

#contents_intro .tit ul li#menu01 a:hover{background:url(../img/intro_menu01_on.gif) no-repeat left top;}
#contents_intro .tit ul li#menu02 a:hover{background:url(../img/intro_menu02_on.gif) no-repeat left top;}
#contents_intro .tit ul li#menu03 a:hover{background:url(../img/intro_menu03_on.gif) no-repeat left top;}
#contents_intro .tit ul li#menu04 a:hover{background:url(../img/intro_menu04_on.gif) no-repeat left top;}

#contents_intro .txt{float:left;overflow:hidden;position:relative;left:7px;width:621px;height:411px;padding:0;margin:3px 2px 3px 0;background:url(../img/bg_intro1.jpg) no-repeat;}
#contents_intro .txt .mar01{display:none;}

#contents_intro .txt div{overflow:hidden;float:left;padding:310px 0 0 21px;}
#contents_intro .txt div ul{float:left;padding:9px 0 6px 0;}
#contents_intro .txt div ul li{float:left;padding-right:5px;}
#contents_intro .txt .note{clear:both;color:#ff5300;font-size:11px;}
#contents_intro .screen_shot{position:absolute;left:340px;top:30px;width:480px;height:360px;}
#contents_intro .screen_shot .close{ position:relative;float:right;margin-bottom:-19px;}
#contents_intro .story{float:left;overflow:hidden;width:621px;height:411px;padding:0;margin:3px 2px 3px 7px;}
#contents_intro .story .story1,
#contents_intro .story .story2,
#contents_intro .story .story3
{width:621px;height:411px;margin-bottom:3px;}
#contents_intro .story .story1{position:relative;background:#EDEDED url(../img/bg_intro2.jpg) no-repeat;z-index:100000;}

#contents_intro .story .story1 .map_a{display:block;float:right;position:absolute;top:46px;right:13px;width:120px;height:30px;}
#contents_intro .story .story1 .map_b{display:block;float:right;position:absolute;width:120px;top:12px;right:72px;height:30px;}

#contents_intro .story .story2{position:relative;background:url(../img/bg_intro3.jpg) no-repeat;z-index:100;}
#contents_intro .story .story2 .map_a{display:block;float:right;position:absolute;top:46px;right:13px;width:120px;height:30px;}
#contents_intro .story .story2 .map_b{display:block;float:right;position:absolute;top:54px;right:106px;width:120px;height:30px;}

#contents_intro .story .story3{position:relative;background:url(../img/bg_intro4.jpg) no-repeat;z-index:100;}
#contents_intro .story .story3 .map_a{display:block;float:right;position:absolute;top:12px !important;right:72px !important;width:120px;height:30px;}
#contents_intro .story .story3 .map_b{display:block;float:right;position:absolute;top:54px;right:106px;width:120px;height:30px;}

#contents_intro .scroll{overflow:auto;width:565px;height:367px;margin-top:5px;padding:20px 30px;line-height:18px;}
#contents_intro .scroll h4{clear:both;padding:5px 0 5px 0;}
#contents_intro .scroll p{clear:both;float:left;width:538px; margin:0 auto;padding:10px 0 0 0;}
#contents_intro .scroll p strong{ display:block;padding:0px 0 8px 0;}
#contents_intro .scroll p span{display:block;margin-top:7px;color:#ff8111;line-height:0px;}
#contents_intro .scroll p span img{margin:0 5px 0 0; vertical-align:middle;}
#contents_intro .scroll p img.fr{margin:0 0 0 0;}
#contents_guide{position:relative; z-index:5;float:left;width:913px;height:650px;padding:0 270px 0 77px;color:#5a6e90;line-height:18px;background:url(../img/bg_box3.gif) no-repeat 77px top; overflow:hidden;}

#contents_guide .menu{float:left;padding:236px 0 0 32px;width:173px;}
#contents_guide .menu ul{padding-top:15px;margin-left:-10px;}
#contents_guide .menu ul li{padding-bottom:3px;}
#contents_guide .menu ul li a{ display:block;width:184px;height:20px; text-indent:-1000000px;}

#contents_guide .menu ul li#menu01 a{background:url(../img/guide_menu01.gif) no-repeat left top;}
#contents_guide .menu ul li#menu02 a{background:url(../img/guide_menu02.gif) no-repeat left top;}
#contents_guide .menu ul li#menu03 a{background:url(../img/guide_menu03.gif) no-repeat left top;}
#contents_guide .menu ul li#menu04 a{background:url(../img/guide_menu04.gif) no-repeat left top;}

#contents_guide .menu ul li#menu01 a.on{background:url(../img/guide_menu01_on.gif) no-repeat left top;}
#contents_guide .menu ul li#menu02 a.on{background:url(../img/guide_menu02_on.gif) no-repeat left top;}
#contents_guide .menu ul li#menu03 a.on{background:url(../img/guide_menu03_on.gif) no-repeat left top;}
#contents_guide .menu ul li#menu04 a.on{background:url(../img/guide_menu04_on.gif) no-repeat left top;}

#contents_guide .menu ul li#menu01 a:hover{background:url(../img/guide_menu01_on.gif) no-repeat left top;}
#contents_guide .menu ul li#menu02 a:hover{background:url(../img/guide_menu02_on.gif) no-repeat left top;}
#contents_guide .menu ul li#menu03 a:hover{background:url(../img/guide_menu03_on.gif) no-repeat left top;}
#contents_guide .menu ul li#menu04 a:hover{background:url(../img/guide_menu04_on.gif) no-repeat left top;}

#contents_guide .scroll{overflow:hidden !important;}
#contents_guide .scroll_none{overflow:hidden !important;padding:5px 18px 55px 36px !important;}

#contents_guide h3{width:538px;margin-bottom:10px;padding-bottom:5px;background:url(../img/bg_dot3.gif) repeat-x left bottom;}
#contents_guide h4{color:#002157;font-size:12px;}
#contents_guide p{margin-bottom:17px;}
#contents_guide p img{margin-top:5px;}
#contents_guide .point{color:#ff5300;}
#contents_guide .box01{margin:-10px 0 5px 0;padding:18px 15px 25px 20px;border:1px solid #e3e3e3;background:#f7f7f7;}
#contents_guide .box01 img{margin:10px 0 0 50px;}
#contents_guide .box01 strong{ display:block;padding-bottom:5px;}
#contents_guide .box02,
#contents_guide .box02_2{padding:18px 0 20px 0;text-align:center;background-color:#f7f7f7;}
#contents_guide .box02 img{margin-bottom:0.5em}

#contents_guide .box02 img,
#contents_guide .box02_2 img{margin-top:10px;}
#contents_guide .note{padding-left:15px;color:#ff5300;background:url(../img/icon/icon_star.gif) no-repeat left 5px;}
#contents_guide dl{margin-bottom:20px;padding:11px 0 10px 19px; background:#f7f7f7;}
#contents_guide dl dt{float:left;padding:3px 0;width:74px;color:#002157;}
#contents_guide dl dd{padding:3px 0;}

/*--初心者ガイドトップメニュー--*/
#contents_guide .guide_topnavi{position:relative;overflow:hidden;width:619px;height:auto;margin-bottom:0;padding:0;}
#contents_guide .h51{height:51px;margin-bottom:0;background:#F7F7F7 url(../img/bg_guide_navi51.gif) no-repeat;}
#contents_guide .h67{width:619px;height:67px;margin-bottom:0;overflow:hidden;background:#F7F7F7 url(../img/bg_h67.gif) no-repeat;}
.h51 p{width:538px;height:51px;overflow:hidden;margin:6px auto;background:url(../img/bg_menubar.gif) no-repeat 0 5px;}
.h67 p{width:538px;height:67px;overflow:hidden;margin:6px auto;background:url(../img/bg_menubar67.gif) no-repeat 0 5px; !important}
#contents_guide .guide_topnavi a{color:#888888;text-decoration:none;}
#contents_guide .guide_topnavi a:hover{text-decoration:underline;}

.guide_topnavi p img{float:left;}
.guide_topnavi p.ringcommand .tab1,
.guide_topnavi p.ringcommand .tab2,
.guide_topnavi p.ringcommand .tab3,
.guide_topnavi p.ringcommand .tab4{display:block;float:left;width:105px;height:21px;margin:5px 1px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.trap .tab1,
.guide_topnavi p.trap .tab2,
.guide_topnavi p.trap .tab3,
.guide_topnavi p.trap .tab4{display:block;float:left;width:105px;height:21px;margin:5px 1px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.battle .tab1,
.guide_topnavi p.battle .tab2,
.guide_topnavi p.battle .tab3,
.guide_topnavi p.battle .tab4{display:block;float:left;width:105px;height:21px;margin:5px 1px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.equip .tab1,
.guide_topnavi p.equip .tab2,
.guide_topnavi p.equip .tab3,
.guide_topnavi p.equip .tab4{display:block;float:left;width:105px;height:21px;margin:5px 1px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.equip .on{position:relative;left:2px;}
.guide_topnavi p.monster .tab1,
.guide_topnavi p.monster .tab2,
.guide_topnavi p.monster .tab3{display:block;float:left;width:106px;height:21px;margin:5px 1px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.monster .tab4{display:block;float:left;width:105px;height:21px;margin:5px 1px 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.ringcommand .tab1{display:block;float:left;width:105px;height:21px;margin:5px 2px 0 -2px;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.ringcommand .tab2{display:block;float:left;width:106px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.ringcommand .tab3{display:block;float:left;width:105px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.ringcommand .tab4{display:block;float:left;width:100px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.trap .tab1{display:block;float:left;width:107px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.trap .tab2{display:block;float:left;width:106px;height:21px;margin:5px 2px 0 -3px;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.trap .tab3{display:block;float:left;width:105px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.trap .tab4{display:block;float:left;width:100px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.battle .tab1{display:block;float:left;width:107px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.battle .tab2{display:block;float:left;width:105px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.battle .tab3{display:block;float:left;width:105px;height:21px;margin:5px 2px 0 -2px;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.battle .tab4{display:block;float:left;width:100px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.equip .tab1{display:block;float:left;width:107px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.equip .tab2{display:block;float:left;width:105px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.equip .tab3{display:block;float:left;width:106px;height:21px;margin:5px -2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.equip .tab4{display:block;float:left;width:100px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.monster .tab1{display:block;float:left;width:107px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.monster .tab2{display:block;float:left;width:105px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.monster .tab3{display:block;float:left;width:106px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.monster .tab4{display:block;float:left;width:105px;height:21px;margin:5px -2px 0 -1px;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.save .tab1{display:block;float:left;width:92px;height:21px;margin:5px 2px 0 -2px;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.save .tab2{display:block;float:left;width:98px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.save .tab3{display:block;float:left;width:88px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.save .tab4{display:block;float:left;width:72px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.save .tab5{display:block;float:left;width:100px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.gamemenu .tab1{display:block;float:left;width:74px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.gamemenu .tab2{display:block;float:left;width:98px;height:21px;margin:5px 2px 0 -4px;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.gamemenu .tab3{display:block;float:left;width:88px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.gamemenu .tab4{display:block;float:left;width:72px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.gamemenu .tab5{display:block;float:left;width:100px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.itemshop .tab1{display:block;float:left;width:74px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.itemshop .tab2{display:block;float:left;width:92px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.itemshop .tab3{display:block;float:left;width:88px;height:21px;margin:5px 2px 0 -4px;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.itemshop .tab4{display:block;float:left;width:72px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.itemshop .tab5{display:block;float:left;width:100px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.mixshop .tab1{display:block;float:left;width:74px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.mixshop .tab2{display:block;float:left;width:92px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.mixshop .tab3{display:block;float:left;width:98px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.mixshop .tab4{display:block;float:left;width:72px;height:21px;margin:5px 2px 0 -4px;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.mixshop .tab5{display:block;float:left;width:100px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.blacksmith .tab1{display:block;float:left;width:74px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.blacksmith .tab2{display:block;float:left;width:92px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.blacksmith .tab3{display:block;float:left;width:98px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.blacksmith .tab4{display:block;float:left;width:88px;height:21px;margin:5px 0 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.blacksmith .tab5{display:block;float:left;width:100px;height:21px;margin:5px 0 0 -4px;padding:6px 0 0 0;text-align:center}

.guide_topnavi p.dungeon .tab1{display:block;float:left;width:74px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.dungeon .tab2{display:block;float:left;width:92px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.dungeon .tab3{display:block;float:left;width:98px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.dungeon .tab4{display:block;float:left;width:88px;height:21px;margin:5px 2px 0 0;padding:6px 0 0 0;text-align:center}
.guide_topnavi p.dungeon .tab5{display:block;float:left;width:72px;height:21px;margin:5px -2px 0 0;padding:6px 0 0 0;text-align:center}

/*サブメニュー*/
#contents_guide .guide_topnavi ul{position:absolute;top:40px;left:0px;overflow:hidden;width:443px;height:18px;padding:5px 0 5px 115px;background:url(../img/bg_border.gif) no-repeat 115px 0;}
#contents_guide .guide_topnavi ul li{text-align:center;cursor:pointer;}
#contents_guide .guide_topnavi ul li.item{float:left;width:70px;margin-right:1px;}
#contents_guide .guide_topnavi ul li.equip{float:left;width:49px;margin-right:1px;}
#contents_guide .guide_topnavi ul li.custom{float:left;width:67px;margin-right:1px;}
#contents_guide .guide_topnavi ul li.party{float:left;width:68px;margin-right:1px;}
#contents_guide .guide_topnavi ul li.system{float:left;width:68px;}
#contents_guide .guide_topnavi ul li.on{font-weight:bold;color:#337ceb;cursor:auto !important;}
/*--//初心者ガイドトップメニュー*/

#contents_guide .guide_scrollBOX{overflow:auto;width:617px;height:357px;overflow:hidden;}
#contents_guide .guide_scrollBOX h3{width:570px;margin:20px auto 10px auto;}
#contents_guide .guide_scrollBOX .ringcommand,
#contents_guide .guide_scrollBOX .trap,
#contents_guide .guide_scrollBOX .battle,
#contents_guide .guide_scrollBOX .equipment,
#contents_guide .guide_scrollBOX .monster{overflow:auto;height:337px;padding:10px 0 10px 0;}

#contents_guide .guide_scrollBOX .save,
#contents_guide .guide_scrollBOX .item,
#contents_guide .guide_scrollBOX #guideSub4_2_2,
#contents_guide .guide_scrollBOX .custom,
#contents_guide .guide_scrollBOX .party,
#contents_guide .guide_scrollBOX .system,
#contents_guide .guide_scrollBOX .itemshop,
#contents_guide .guide_scrollBOX .mixshop,
#contents_guide .guide_scrollBOX .blacksmith,
#contents_guide .guide_scrollBOX .dungeon{overflow:auto;height:322px;padding:10px 0 10px 0;}

#contents_guide .ringcommand .character{width:90%;margin:20px auto}
#contents_guide .ringcommand .character .name{display:block;margin-bottom:6px;}
#contents_guide .ringcommand .character .recommend{display:block;margin:8px 0  0 0;padding-left:85px;background:url(../img/guide_icon04.gif) no-repeat 2px 0;color:#ff8111;}
#contents_guide .ringcommand .character .gray_11{display:block;padding-left:4px;font-size:11px;color:#878787;}

#contents_guide .trap ul{width:428px;height:371px;margin-top:20px;padding-left:110px;background:url(../img/guide_trap01.gif) no-repeat;}
#contents_guide .trap ul li{overflow:hidden;height:60px;}
#contents_guide .trap ul li strong{float:left;width:115px;height:40px;padding-top:20px;margin-right:20px;color:#002157;text-align:center;}
#contents_guide .trap ul li span{float:left;height:40px;padding-top:20px;}

#contents_guide .hint{width:405px;height:55px;padding:18px 10px 0 95px;margin:0 auto 0 auto;background:url(../img/bg_hint.gif) no-repeat;color:#405e91;}
#contents_guide .hint_large{width:405px;height:88px;padding:15px 10px 0 95px;margin:0 auto 0 auto;background:url(../img/bg_hint_large.gif) no-repeat;color:#405e91;}
#contents_guide .l3{padding-top:9px !important;padding-bottom:9px !important;}
#contents_guide .image_caputure{width:384px;margin:0 auto;padding:20px 0 0 0;text-align:center;}
head~/* */body #contents_guide .image_caputure{padding-bottom:5px;}

#contents_guide .image_caputure img{display:block;margin:0 0 15px 0;}
#contents_guide .image_caputure strong{display:block;color:#002157;}
#contents_guide .attention{color:#ff5300;text-align:center;}
head~/* */body .attention{padding-bottom:10px;}

#contents_guide .attention span{text-decoration:underline;}
#contents_guide p.explain{margin-bottom:13px;padding-left:20px;}
#contents_guide p.explain strong{display:block;margin-bottom:3px;color:#002157;}
#contents_guide p.explain  .caption{display:block;margin-top:5px;}
#contents_guide .m_adjust20{margin-top:20px;}
#contents_guide .trap .m_adjust20{width:538px;margin:20px auto auto auto ;}
#contents_guide .m_adjust25 img{margin:25px 0 6px 0 !important;padding-left:25px;}
#contents_guide .m_adjust-zero{margin:0 auto 25px auto !important;padding:0 !important;}
#contents_guide .m_adjust-zero img{margin:0;}

#contents_guide .guide_scrollBOX #guideSub4_2_2 .image_caputure{margin-left:73px;}
#contents_guide .guide_scrollBOX #guideSub4_2_2 h3 img{margin-left:0}
#contents_guide .guide_scrollBOX #guideSub4_2_2 img{margin-left:35px;}

#contents_guide .w415{width:415px !important;}
#contents_guide .w264{width:264px !important;}

#contents_guide #guide1,#contents_guide #guide2{float:left;width:568px;height:338px;margin:8px 0;padding:21px 23px 40px 36px !important; overflow-y:auto; overflow-x:hidden}

#contents_guide .guide01{float:left;width:600px;height:370px;margin:4px 0 0 7px;padding:0 18px 40px 2px !important; overflow-y:auto; overflow-x:hidden}
#contents_guide .guide01 dl dd a{color:#FF5400;text-decoration:underline;}

#contents_guide .guide02 {float:left;width:568px;height:338px;margin:8px 0;padding:21px 18px 40px 36px; overflow-y:auto; overflow-x:hidden}
#contents_guide .guide02 h4{clear:both;padding:5px 0 5px 0;}
#contents_guide .guide02 p{clear:both;float:left;width:538px; margin:0 auto;padding:10px 0 0 0;}
#contents_guide .guide02 p strong{ display:block;padding:0px 0 8px 0;}
#contents_guide .guide02 p span{display:block;margin-top:7px;color:#ff8111;line-height:0px;}
#contents_guide .guide02 p span img{margin:0 5px 0 0; vertical-align:middle;}
#contents_guide .guide02 p img.fr{margin:0 0 0 0;}

#contents_commu{ position:relative; z-index:5;float:left;width:913px;height:650px;padding:0 270px 0 77px;}
#contents_commu a{text-decoration:none;}
#contents_commu a:hover{text-decoration:underline !important;}
#contents_commu .menu{float:left;width:190px;margin-right:4px;padding:237px 0 2px 16px;background:url(../img/bg_contents03.gif) no-repeat left top;}
#contents_commu .menu h2{padding:0 0 14px 16px;}
#contents_commu .menu p{color:#456587;}
#contents_commu .menu p img{margin-top:6px; cursor:pointer;}
#contents_commu .menu p.cate{float:left;width:112px;padding-top:1px;font-size:11px;text-align:center;}
#contents_commu .menu p.cate img{position:relative;top:-2px;}
#contents_commu .menu p.view{float:left;width:65px;padding-top:1px;font-size:11px;text-align:center;}
#contents_commu .menu p.view img{position:relative;top:-2px;}
#contents_commu .menu p.btn{clear:both;padding:13px 0 18px 71px;_padding:10px 0 18px 71px;}
*html #contents_commu .menu p.btn{clear:both;padding:11px 0 18px 71px;}
html:not(:target) #contents_commu .menu p.btn img{margin-top:2px !important;}

#contents_commu table.list{width:562px;margin-bottom:8px;border-collapse:collapse;}
#contents_commu table.list th{padding:1px 0;background:url(../img/bg_list.gif) repeat-x left top;}
#contents_commu table.list td{height:22px;padding:2px 0;text-align:center;background:url(../img/bg_dot2.gif) repeat-x left bottom;}
#contents_commu table.list td img{ vertical-align:middle;margin-top:-1px;}
#contents_commu table.list td.tit{text-align:left; color:#054299;}
#contents_commu table.list td.tit a{color:#666;}
#contents_commu table.list td.tit strong{color:#ff5300;}
#contents_commu table.list td.tit img{margin-top:1px;vertical-align:top;}
#contents_commu table.list td.tit2{text-align:left; color:#054299; font-weight:bold;}
#contents_commu table.list td.tit2 img{margin-right:7px;}
#contents_commu table.list td.tit2 select{width:73px;}
#contents_commu table.list td.tit2 input{width:495px;border:1px solid #ccc;}
#contents_commu table.list td.left{padding-left:7px;text-align:left;}
#contents_commu table.list td.view{width:553px;padding:15px 0 60px 9px;line-height:18px;text-align:left;word-wrap:break-word;}
#contents_commu table.list td.write{padding:4px 0;text-align:left;}
#contents_commu table.list td.write textarea{width:575px;height:338px;border:1px solid #ccc;}
#contents_commu table.list .my{font-weight:bold;}


#contents_commu .list_01{float:left;}
#contents_commu .list_01 ul {float:left;_display:inline; width:630px;}
#contents_commu .list_01 ul li{display:inline;float:left;width:176px;height:190px;margin:0 4px 0 0;padding:16px 15px 4px 15px;background:url(../img/bg_box.gif) no-repeat left top;}
#contents_commu .list_01 ul li img{ vertical-align:top;}
#contents_commu .list_01 ul li p.no{float:left;width:164px;padding:0 4px 5px 6px;color:#6666;background:url(../img/bg_dot2.gif) repeat-x left bottom;}
#contents_commu .list_01 ul li p.no span{float:right;}
#contents_commu .list_01 ul li p.no span.no{float:left;}
#contents_commu .list_01 ul li p.no span.no img{margin-top:1px;}
#contents_commu .list_01 ul li p.tit{clear:both;width:164px;padding:6px 6px 3px 6px;color:#054299;line-height:16px;word-wrap:break-word;}
#contents_commu .list_01 ul li p.tit a{color:#054299;}
#contents_commu .list_01 ul li p.tit a span{color:#ff5300; font-weight:bold;}
#contents_commu .list_01 ul li p.writer{float:left;padding:0 0 7px 6px; width:170px;color:#666;line-height:16px;}
#contents_commu .list_01 ul li p.writer span{float:left;}
#contents_commu .list_01 ul li .my{font-weight:bold;}
#contents_commu .list_01 ul li p.script{clear:both;width:164px;padding:9px 6px 8px 6px;color:#666;line-height:16px;word-wrap:break-word;background:url(../img/bg_dot2.gif) repeat-x left top;}
#contents_commu .list_01 ul li p.script a{color:#666;}
#contents_commu .list_01 ul li p.script span{ display:block;padding-top:2px;color:#999;font-size:11px;}

#contents_commu .list_01 .search_area{ position:relative;clear:both;display:inline;float:left;width:605px;height:43px;padding:12px 20px 0 0;background:url(../img/bg_search.gif) no-repeat left top;}
#contents_commu .list_01 .search_area img{vertical-align:middle;}
#contents_commu .list_01 .search_area .paging{padding-top:8px;}

#contents_commu .list_01 .search_area .search_close{ position:absolute;right:19px;_right:18px;top:11px;display:inline;float:right;width:70px;margin:0 0 0 0;}
#contents_commu .list_01 .search_area .search_close img{cursor:pointer;}
#contents_commu .list_01 .search_area .search_open{position:relative;float:right;display:inline;width:475px;margin:-29px 0 0 0;background:url(../img/bg_search3.gif) no-repeat right top;}
#contents_commu .list_01 .search_area .search_open select{float:left;width:105px;margin:6px 0 0 0; vertical-align:middle;}
#contents_commu .list_01 .search_area .search_open input{float:left;width:245px;height:20px;margin:6px 4px 0 4px;_margin:6px 3px 0 2px;vertical-align:middle;border:1px solid #aeaeae;background:#fff;}
#contents_commu .list_01 .search_area .search_open img{float:left;cursor:pointer;}
#contents_commu .list_01 .search_area button{width:43px;height:22px;margin:6px 0 0 0;border:none; vertical-align:middle;background:url(../img/btn/btn_search.gif) no-repeat right top;}
#contents_commu .list_01 .search_area .btn{margin:-20px 0 0 15px;}

#contents_commu .list_02{float:left;height:401px;padding:37px 32px;background:url(../img/bg_box2.gif) no-repeat left top;}
#contents_commu .list_02 .search_area{margin:12px auto;padding:4px 0 5px 6px;width:418px;background:url(../img/bg_search4.gif) no-repeat left top;}
#contents_commu .list_02 .search_area select{width:105px;vertical-align:middle;}
#contents_commu .list_02 .search_area input{width:251px;height:18px;margin:0 2px 0 -2px;vertical-align:middle;border:1px solid #adadad;background:#fff;}
#contents_commu .list_02 .search_area button{width:43px;height:22px;border:none;vertical-align:middle;background:url(../img/btn/btn_search.gif) no-repeat right top;}
#contents_commu .list_02 .btn{margin-top:-19px; cursor:pointer;}

#contents_commu .list_view{float:left;width:602px;height:457px;padding:9px 0 9px 24px;background:url(../img/bg_box2.gif) no-repeat left top;}
#contents_commu .list_view .scroll{width:575px;height:436px;margin-right:8px;padding:15px 18px 0 0; overflow-y:auto; overflow-x:hidden}
#contents_commu .list_view .btn{float:left;width:557px;}
#contents_commu .list_view .btn img{float:left;margin-left:3px; cursor:pointer;}
#contents_commu .list_view .comment_write{float:left;padding:25px 0 15px 0;}
#contents_commu .list_view .comment_write textarea{float:left;width:483px;height:59px;border:1px solid #ccc;}
#contents_commu .list_view .comment_write textarea.txt{background:url(../img/bg_comment.gif) no-repeat 115px 22px;}
#contents_commu .list_view .comment_write button{width:69px;height:39px;margin-top:6px;background:url(../img/btn/btn_comment.gif) no-repeat right top;}
#contents_commu .list_view .comment_write p{float:left;padding:4px 0 0 4px;text-align:center;}
#contents_commu .list_view .comment_write span{color:#ff5300;}

#contents_commu .list_view .info_txt{clear:both;width:537px;padding:5px 10px;color:#054299;background:#f2f2f2;}
#contents_commu .list_view .info_txt span{color:#ff5300; font-weight:bold;}

#contents_commu .list_write{float:left;width:602px;height:457px;padding:24px 0 9px 24px;background:url(../img/bg_box2.gif) no-repeat left top;}
#contents_commu .list_write table{width:575px;}
#contents_commu .list_write .btn{float:left;width:575px;}
#contents_commu .list_write .btn img{float:left;margin-left:3px; cursor:pointer;}

#contents_commu .comment_view{width:547px;margin-bottom:20px;padding-left:10px;}
#contents_commu .comment_view li{width:547px;padding:9px 0;line-height:18px;background:url(../img/bg_dot2.gif) repeat-x left bottom;word-wrap:break-word;}
#contents_commu .comment_view li p{clear:both;}
#contents_commu .comment_view li span{display:block;color:#999;font-size:11px;}
#contents_commu .comment_view li span strong{color:#0066bc;font-size:12px;}
#contents_commu .comment_view .button{float:right;margin-top:-30px;}
#contents_commu .comment_view .button button{width:27px;height:15px;margin-left:2px;}
#contents_commu .comment_view .button button span{ display:none;}
#contents_commu .comment_view .button button.del{background:url(../img/btn/btn_delete2.gif) no-repeat left top;}
#contents_commu .comment_view .button button.modify{background:url(../img/btn/btn_modify2.gif) no-repeat left top;}
#contents_commu .comment_view .button button.ok{background:url(../img/btn/btn_ok.gif) no-repeat left top;}
#contents_commu .comment_view li.write textarea{width:545px;height:59px;border:1px solid #e5e5e5;}

#contents_support{position:relative; z-index:5;float:left;width:913px;height:650px;padding:0 270px 0 77px;background:url(../img/bg_box5.gif) no-repeat 77px top;}
#contents_support .menu{float:left;padding:236px 0 0 52px;width:173px;}
#contents_support .menu ul{padding-top:15px;margin-left:-30px;}
#contents_support .menu ul li{padding-bottom:3px;}
#contents_support .menu ul li a{ display:block;width:184px;height:20px; text-indent:-1000000px;}
#contents_support .menu ul li#menu01 a{background:url(../img/support_menu01.gif) no-repeat left top;}
#contents_support .menu ul li#menu02 a{background:url(../img/support_menu02_1.gif) no-repeat left top;}

#contents_support .menu ul li#menu01 a.on{background:url(../img/support_menu01_on.gif) no-repeat left top;}
#contents_support .menu ul li#menu02 a.on{background:url(../img/support_menu02_1_on.gif) no-repeat left top;}

#contents_support .menu ul li#menu01 a:hover{background:url(../img/support_menu01_on.gif) no-repeat left top;}
#contents_support .menu ul li#menu02 a:hover{background:url(../img/support_menu02_1_on.gif) no-repeat left top;}

#contents_support .faq{float:left;padding:46px 0 0 33px;}
#contents_support .faq ul {padding:17px 0 12px 15px;background:url(../img/bg_dot3.gif) repeat-x left bottom;}
#contents_support .faq ul li{padding:0 0 5px 12px;line-height:18px;background:url(../img/icon/icon_img01.gif) no-repeat left 7px;}
#contents_support .faq .btn{float:left;width:530px; display:inline;padding-top:8px;margin-right:-3px;text-align:center;line-height:0;}

#contents_support .privacy{width:580px;height:398px;margin-top:9px;padding:0 0 0 20px; overflow-y:auto;}
/*利用約款部分2010_0426変更と追記*/
#contents_support .privacy .agreement{padding-right:10px;line-height:20px;}
#contents_support .privacy .agreement p{color:#787878;}
#contents_support .privacy .agreement h3{width:538px;margin-bottom:10px;padding:17px 0 5px 0;font-size:12px;color:#444444;}
#contents_support .privacy .agreement h4{padding-top:15px;font-size:14px;color:#444444}
#contents_support .privacy .agreement a:link, a:visited, a:active{color:#777777;text-decoration:underline;}
#contents_support .privacy .agreement ul{margin:7px 0 !important;color:#787878;}
#contents_support .privacy .agreement ol{list-style-type:decimal;margin-left:27px;line-height:18px;color:#787878;}
#contents_support .privacy .agreement ol li{padding:7px 0;color:#787878;}
#contents_support .privacy .agreement .back2top{padding:15px 0 10px 0;}
#contents_support .privacy .agreement .back2top a{color:#ff5400;}
/*-------------------------*/

/*common*/
.paging table{ margin:0 auto; border-collapse:collapse;}
.paging table td{width:25px;height:20px; text-align:center!important;background:url(../img/bg_bar2.gif) no-repeat left 5px;}
.paging table td.none{background:none;}
.paging table td.last{width:76px;}
.paging table a{font-size:14px;color:#0066bc;font-weight:bold;}
.paging table a:hover{color:#ff5300;}
.paging table a.on{color:#ff5300;}

.fr{float:right!important;}
.fl{float:left!important;}

#news{width:500px;padding:13px 18px 0 14px;color:#666;background:#054299 url(../img/bg_news.gif) no-repeat left top;}
#news h1{float:left;}
#news .tab{float:right;padding-top:6px;}
#news .tab li{float:left;}
#news .tab li a{display:block;height:25px; text-indent:-1000px; overflow:hidden;}
#news .tab li a#all{width:48px;background: url(../img/news_tab.gif) no-repeat left top;}
#news .tab li a#notice{width:63px;background: url(../img/news_tab.gif) no-repeat -48px top;}
#news .tab li a#update{width:81px;background: url(../img/news_tab.gif) no-repeat -111px top;}

#news .tab li a#all:hover{width:48px;background: url(../img/news_tab.gif) no-repeat left -25px;}
#news .tab li a#notice:hover{width:63px;background: url(../img/news_tab.gif) no-repeat -48px -25px;}
#news .tab li a#update:hover{width:81px;background: url(../img/news_tab.gif) no-repeat -111px -25px;}

#news .tab li a#all.on{width:48px;background: url(../img/news_tab.gif) no-repeat left -25px;}
#news .tab li a#notice.on{width:63px;background: url(../img/news_tab.gif) no-repeat -48px -25px;}
#news .tab li a#update.on{width:81px;background: url(../img/news_tab.gif) no-repeat -111px -25px;}


#news table.board{float:left; display:inline;width:472px;margin:17px 0 0 15px;border-collapse:collapse;}
#news table.board a:link,
#news table.board a:visited{text-decoration:none;}
#news table.board a:hover,
#news table.board a:visited:hover{text-decoration:underline;}
#news table.board th{padding:0 0 1px 6px;line-height:21px; text-align:left;color:#054299;background:url(../img/bg_dot2.gif) repeat-x left bottom;}
#news table.board tr.tit th{padding-top:1px; text-align:center;background:url(../img/bg_list.gif) repeat-x left top;}
#news table.board th.tit {width:472px;padding:1px 0 2px 0;}
#news table.board th.tit input{width:472px;height:19px;border:1px solid #ccc; vertical-align:middle;}
#news table.board th.kind {padding:0 0 2px 0; text-align:right; color:#ff6419;font-weight:normal;font-size:11px;}
#news table.board th.kind input{vertical-align:middle;margin-right:4px;}
#news table.board th.kind select{float:left;margin-right:3px;width:115px;height:22px; vertical-align:middle;}
#news table.board td{height:23px;padding:2px 0 1px 6px;background:url(../img/bg_dot2.gif) repeat-x left bottom;}
#news table.board td img{vertical-align:top;margin-top:1px;}
#news table.board td.view{padding:5px 0 7px 8px;width:465px;line-height:18px;overflow:auto;}
#news table.board td.view .scroll{width:465px;height:260px;overflow:auto;}
#news table.board td.view a{color:#007aaf; text-decoration:underline;}
#news table.board td textarea{width:455px;height:220px; padding:5px;overflow:auto;border:1px solid #ccc;}
#news table.board td.center{text-align:center;}
#news table.board td.kind{text-align:center;color:#0066bc;font-size:11px;}
#news table.board td a{color:#666;}
#news table.board td span{color:#ff5300;}

#news .paging{clear:both;float:left;width:500px;padding-top:15px;}

#news .btn{clear:both;width:474px;padding-top:5px; margin:0 auto;}
#news .btn:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} /
#news .btn02 input,
#news .btn02 img,
#news .btn img{cursor:pointer;}
#news .btn .fl{float:left;margin-left:2px;}
#news .btn .fr{float:right;}

#news .btn02{ clear:both;width:474px;height:21px;padding-top:17px;margin:0 auto -12px auto; text-align:right;}

/***********2010 06_25 blog parts start***********/
/*　base ↓contents_main を基準にアブソ↓ */
.opent_event04_modify{position:absolute;left:83px;/*top:35px;*/top:3px;overflow:hidden;z-index:10000000000;width:900px;height:615px;}
.opent_event04_modify .btn_colose_04{width:47px;height:51px;position:absolute;top:13px;left:841px;z-index:1000000;cursor:pointer;}
/*スクロールバー 幅17px*/
.oe_scroll {
	width:825px;
	height:599px;
	overflow:auto;
	position: absolute;
	left:11px;
	top:8px;
	z-index:1000000;
}
/*スクロール内下隙間削除*/
.sc_bg_img {
	vertical-align: text-bottom;
}
/*blog parts event start*/
.btn_download_area {
	width:135px; 
	position:absolute;
	z-index:1000010;
	left:450px;
	top:158px;
}
.blog_parts_area {
	width:160px;
	height:220px;
	position:absolute;
	z-index:1000010;
	left:588px;
	top:41px;
}	
.event2_area {
	width:586px;
	position:absolute;
	z-index:1000010;
	left:112px;
	top:1031px;
}
.event2_area li {
	float:left;
	margin-right:94px;
}
.event2_area li.mr_none {
	margin-right:0;
}
/*アンカー*/
.anc_area01 {
	width:20px;
	position:absolute;
	z-index:1000010;
	left:209px;
	top:550px;
}
.anc_area02 {
	width:20px;
	position:absolute;
	z-index:1000010;
	left:209px;
	top:810px;
}

.btn_pearl_area {
	width:67px;
	position:absolute;
	z-index:1000010;
	left:648px;
	top:1256px;
}
.attention_area {
	width:180px;
	position:absolute;
	z-index:1000010;
	left:386px;
	top:1389px;
}

/*blog parts event end*/

/*blog parts layer start*/
.layer_area {
	width:439px;
	height:503px;
	padding:11px 0 0 137px;
	background:url(../img/bg_layer.gif) no-repeat left top;
	position:absolute;
	z-index:1000020;
	left:119px;
	top:940px;
	line-height:16px;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
}
.layer_area .l_close_btn {
	padding: 0 14px 30px 0;
	float:right;
}
/*01*/
.l_area_01 {
	padding-bottom:50px;
	clear:both;
}
.l_area_01 h3 {
	padding-bottom:13px;
}
.l_area_01 .btn_v {
	vertical-align: middle;
}
/*02*/
.l_area_02 {
	margin:0;
	padding:0;
}
.l_area_02 h3 {
	padding-bottom:13px;
}
.l_area_02 ol {
	padding-bottom:10px;
}
.l_area_02 li {
	padding-top:3px;
	padding-left:30px;
	height:18px;
	margin-bottom:5px;
}
.l_area_02 li.no1 {
	background:url(../img/icon/no01.gif) no-repeat 0 0;
}
.l_area_02 li.no2 {
	background:url(../img/icon/no02.gif) no-repeat 0 0;
}
.l_area_02 li.no3 {
	background:url(../img/icon/no03.gif) no-repeat 0 0;
}
.l_area_02 li span {
	color:#337ceb;
}
.l_area_02 p.l_img {
	padding-bottom:10px;
}
.l_area_02 p.at {
	font-size:10px;
	color:#ff7200;
}	
/*blog parts layer end*/

/*blog parts dl page start */
.tag_copy_area {
	width:250px;
	position:absolute;
	z-index:1000010;
	left:48px;
	top:255px;
}
.tag_copy_area textarea {
	width:230px;
	height:118px;/*イベント修了に伴いheight61pxから変更*/
	padding:8px 8px 0 8px;
	border:1px solid #cdccca;
	font-size:10px;
	color:#000000;
	line-height:15px;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}
.tag_copy_area p {
	padding: 19px 0 0 10px;
 }
 html:not(:target) .tag_copy_area p {
	padding: 21px 0 0 10px;
}
.interior_dl_area {
	width:235px;
	position:absolute;
	z-index:1000010;
	right:107px;
	top:388px;
}
.interior_dl_area .btn_interior_dl {
	padding-left:12px;
}
.interior_dl_area .txt {
	padding-top:115px;
}

/**/
.change_area {
	width:160px;
	position:absolute;
	z-index:1000010;
	left:344px;
	top:178px;

}
.blog_parts {
	width:160px;
	height:220px;
	padding-bottom:19px;
}	

.change_area .change_btn {
	padding: 0 0 0 56px;
	cursor:pointer;
}	
.blog_link_area {
 	width:470px;
	position:absolute;
	z-index:1000010;
	left:46px;
	top:533px;
}
.blog_link_area li{
	float:left;
	margin: 0 20px 5px 0;	
}
/*blog parts dl page end */

/************ 2010 7/8 level event UPDATE ************/
.opent_event03_modify02{position:absolute;left:87px;/*top:35px;*/top:3px;overflow:hidden;z-index:10000000000;width:902px;height:684px;}
.opent_event03_modify02 .btn_area1_new02{float:left;width:79px;height:67px;position:absolute;top:109px;left:823px;z-index:1000000;cursor:pointer;}
.opent_event03_modify02 .btn_area2_new02{overflow:hidden;float:left;width:146px;height:21px;position:absolute;top:345px;left:490px;z-index:1000000;}


/* =============== New Add Event Fun Q&A 2010.09.10　Start　=======================　*/
.opent_event_fun{
	position:absolute;
	left:83px;
	/*top:35px;*/
	top:-7px;
	overflow:hidden;
	z-index:10000000000;
	width:842px;
	height:545px;
}
.opent_event03 .link{position:absolute;}
.opent_event_fun .btn_area1_new{
	float:left;
	width:23px;
	height:23px;
	position:absolute;
	top:19px;
	left:814px;
	z-index:1000000;
	cursor:pointer;
}
.opent_event_fun .btn_area2_new{
	overflow:hidden;
	float:left;
	width:102px;
	height:22px;
	position:absolute;
	top:513px;
	left:271px;
	z-index:1000000;
}
.opent_event_fun .btn_area3_new{
	overflow:hidden;
	width:164px;
	height:34px;
	position:absolute;
	top:488px;
	left:489px;
	z-index:1000000;
}
/* ===================== // New Add Event Fun Q&A 2010.09.10　End　===================*/
/* 2010 11/02 maintenance ver start */

/*01*/
.login_alarm {
	height:180px;
	width:200px;
	padding:20px 5px 5px;
	background:#FFFFFF;
	background:url(../../common/login/img/bg_login_Alarm_lg.png) no-repeat 6px 5px;
	text-align:center;
	position:absolute;
	left:-2px;
	top:0px;
	font-family:"ＭＳ Ｐゴシック";
	color:#525252;
	font-size:12px;
	text-align:center;
	z-index:9999999999;
}
.login_alarm h5{
	color:#ff6600;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
	font-family:"FOT-ロダンPro B";
}	 
.login_alarm h6{
	font-size:12px;
	color:#2259c8;
	margin-bottom:3px;
}	 
.login_alarm p{
	line-height:18px;
	margin:0 auto 10px;
	width:13.5em;
}		 
.login_alarm a.coupon_confirm{/*
	position:absolute;
	left:50%;
	margin:0 0 0 -62px;
	bottom:40px;*/
} 
.login_alarm a.nothank{
	position:absolute;
	right:8px;
	bottom:5px;
	font-size:11px;
	color:#818181;
	text-decoration:underline;
	letter-spacing:-1px;
} 
.login_alarm a.nothank:hover{
	font-size:11px;
	text-decoration:none;
	color:#818181;
}
*:first-child+html .login_alarm a.nothank{
	bottom:7px;
}
html>/**/body .login_alarm a.nothank{
	bottom/**\**/:7px;
	right:9px;
}
.login_alarm a.close{
	position:absolute;
	right:11px;
	top:9px;
}