﻿body, table, td, th, tr { margin:0 auto; text-align:center; font-size:10pt; color:#666666; font-family: "MS UI Gothic", Osaka, Arial; line-height:130%; }
img, form, textarea { border:0px; margin:0px; padding:0px; }
.hik_num { padding:0 0 0 0;margin:0 0 0 0;width:8px;height:11px; }
.ei_text { color:#9e851e; }
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }
.mb5 { margin-bottom:5px; }
.ma0 { margin:0; }
.pa0 { padding:0; }
.fwb { font-weight:bold; }
.ff1 { font-family:tahoma; }
.wba { line-break:strict; word-break:break-all; word-wrap:break-word; }
.cb { clear:both; }
.fl { float:left; }
.ofh { overflow:hidden; }
.time { font-family:tahoma; font-size:8pt; color:#978928; }
.time2 { font-family:tahoma; font-size:8pt; }
.nickname { font-size:10pt; color:black; }
.orangelink { font-size:10pt; color:#ff9900; text-decoration:none; }
.commentnum { color:#948826; font-weight:bold; }
.tdu { text-decoration:underline; }
.tdn { text-decoration:none; }
.pcs { cursor:pointer; }

.bl1 { border-left:1px solid #e7d9a3; }
.br1 { border-right:1px solid #e7d9a3; }
.bb1 { border-bottom:1px solid #e7d9a3; }
.bbg1 { border-bottom:1px solid #f1f1f1; }
.btu1 { border-top:1px solid #d9d6b5; }
.btg1 { border-top:1px solid #d7d7b3; }
.bt1 { border-top:1px solid #e7d9a3; }
.ba1 { border:1px solid #e7d9a3; }
.ba0 { border:0px; }

.pt4 { padding-top:4px; }
.pt10 { padding-top:10px; }
.pt11 { padding-top:11px; }
.pt13 { padding-top:13px; }
.pt14 { padding-top:14px; }
.pt16 { padding-top:16px; }
.pt18 { padding-top:18px; }
.pl10 { padding-left:10px; }
.pl12 { padding-left:12px; }
.pl18 { padding-left:18px; }
.pb10 { padding-bottom:10px; }
.pr10 { padding-right:10px; }

a{ color:#666666; text-decoration:underline; }
a:hover{ color:#0f0f0f; text-decoration:underline; }

.title_top { border-top:1px solid #d7d7b3; padding-left:15px; }
.title_bottom { border-bottom:1px solid #f1f1f1; }
.thread_top { border-top:1px solid #d9d6b5; padding-left:15px; }
.thread_bottom { border-bottom:1px solid #d9d6b5; }
.thread_bg1 { background-color:#fdfcea; }
.thread_bg2 { background-color:#faf8df; }

.border_top { height:11px; background-image:url('../img/common/frame_top.gif'); background-repeat:repeat-x; }
.border_bottom { height:11px; background-image:url('../img/common/frame_bottom.gif'); background-repeat:repeat-x; }
.border_left { width:13px; background-image:url('../img/common/frame_left.gif'); background-repeat:repeat-y; }
.border_right { width:13px; background-image:url('../img/common/frame_right.gif'); background-repeat:repeat-y; }
.left_top { width:13px; height:11px; background-image:url('../img/common/frame_corner_1.gif'); background-repeat:no-repeat; }
.right_top { width:13px; height:11px; background-image:url('../img/common/frame_corner_2.gif'); background-repeat:no-repeat; }
.left_bottom { width:13px; height:11px; background-image:url('../img/common/frame_corner_3.gif'); background-repeat:no-repeat; }
.right_bottom { width:13px; height:11px; background-image:url('../img/common/frame_corner_4.gif'); background-repeat:no-repeat; }

.border_top_s { height:18px; background-image:url('../img/common/hikomata_frame_top.gif'); background-repeat:repeat-x; }
.border_bottom_s { height:18px; background-image:url('../img/common/hikomata_frame_bottom.gif'); background-repeat:repeat-x; }
.border_left_s { width:18px; background-image:url('../img/common/hikomata_frame_left.gif'); background-repeat:repeat-y; }
.border_right_s { width:18px; background-image:url('../img/common/hikomata_frame_right.gif'); background-repeat:repeat-y; }
.left_top_s { width:18px; height:18px; background-image:url('../img/common/hikomata_frame_1.gif'); background-repeat:no-repeat; }
.right_top_s { width:18px; height:18px; background-image:url('../img/common/hikomata_frame_2.gif'); background-repeat:no-repeat; }
.left_bottom_s { width:18px; height:18px; background-image:url('../img/common/hikomata_frame_3.gif'); background-repeat:no-repeat; }
.right_bottom_s { width:18px; height:18px; background-image:url('../img/common/hikomata_frame_4.gif'); background-repeat:no-repeat; }

.sub_title { height:30px; padding-top:8px; float:left; }
.bullet_title { width:19px; height:30px; margin-top:9px; margin-left:7px; background-image:url('../img/common/bullet_title.gif'); background-repeat:no-repeat; float:left; }
.bullet_navi { width:660px; padding-bottom:5px; padding-left:20px; height:13px; margin-top:5px; margin-left:20px; border-bottom:1px solid #e5e5e5; text-align:left; font-size:10pt; background-image:url('../img/common/home.gif'); background-repeat:no-repeat; color:#b3b3b3; }

.bullet_navi a { text-decoration:none; color:#666666; }
.bullet_navi a:hover { text-decoration:underline; color:#282828; }

/* index.php */
#foreground #bg2 { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('../img/common/bg_b.gif'); background-repeat:repeat; }
#foreground #bg2 #bg1 { width:100%; height:151px; background-image:url('../img/common/bg_a.gif'); background-repeat:repeat-x; }
#foreground #bg2 #container { width:906; margin:-151px auto 0 auto; }
#foreground #bg2 #container #top_logo { text-align:left; width:906px; height:90px; background-image:url('../img/common/top_landscape.jpg'); background-repeat:no-repeat; }
#foreground #bg2 #container #top_logo #toplink { width:220px; height:70px; cursor:pointer; float:left; }
#foreground #bg2 #container #top_logo #char { width:374px; height:90px; float:left; }
#foreground #bg2 #container #top_menu { width:906px; height:61px; background-color:white; }
#foreground #bg2 #container #middle #content { width:680px; float:left; background-color:white; padding-bottom:20px; }

/* top.php */
#foreground #container #middle #content #top { width:100%; text-align:left; padding-left:10px; }
#top #top_tab { height:39px; width:670px; }
#top #top_tab #talk_menu_on { width:335px; height:39px; margin:0; padding:0; background-image:url('../img/top/t_talk_on.jpg'); background-repeat:no-repeat; }
#top #top_tab #talk_menu_off { width:335px; height:39px; margin:0; padding:0; background-image:url('../img/top/t_talk_off.jpg'); background-repeat:no-repeat; cursor:pointer; }
#top #top_tab #teach_menu_on { width:335px; height:39px; margin:0; padding:0; background-image:url('../img/top/t_teach_on.jpg'); background-repeat:no-repeat; }
#top #top_tab #teach_menu_off { width:335px; height:39px; margin:0; padding:0; background-image:url('../img/top/t_teach_off.jpg'); background-repeat:no-repeat; cursor:pointer; }
#top #top_b_banner { height:70px; width:670px; text-align:center; }
#talk_left { width:335px; height:297px; background-image:url('../img/top/talk_left_body.jpg'); background-repeat:no-repeat; }
#talk_right { width:335px; height:297px; background-image:url('../img/top/talk_right_body.jpg'); background-repeat:no-repeat; }
#talk_bottom { width:670px; text-align:center; }
#hiko_img { width:80px; height:80px; background-color:transparent; position:relative; left:5px; top:55px; }
#hiko_conv { width:200px;height:65px;overflow-y:auto;text-align:center; position:relative; left:10px; top:100px; }
#usr_img { width:96px; height:126px; background-color:transparent; position:relative; left:92px; top:25px; }
#hiko_send { width:200px;height:65px;overflow-y:auto;text-align:center; position:relative; left:-55px; top:120px; color:#666666;background:#fffce8; }
#bottom_bar { margin-top:5px; margin-bottom:5px; width:643px; height:7px; background-image:url('../img/top/talk_line.jpg');background-repeat:no-repeat; }
/* study.php */
#black_board { width:670px; height:420px; background-image:url('../img/top/teach_bg.jpg'); background-repeat:no-repeat; }
#black_board textarea { width:355px; height:45px; overflow:hidden; background-color:#54ad7b; color:#ffffff; }
#black_board #request { position:relative; top:30px; left:40px; width:355px; height:45px; float:left; }
#black_board #response { position:relative; top:45px; left:40px; width:35px; height:45px; float:left; }
#black_board #hiko_emoticon  { position:relative; left:176px; top:14Px; width:80px; height:80px; }
#black_board #arrow { height:22px; width:110px; position:relative; left:520px; top:30px; color:white;text-align:bottom; vertical-align:baseline; }
.idbtn { cursor:pointer; margin:0 10 0 10; vertical-align:middle; }
#black_board #word_count { position:relative; top:4px; left:255px; width:78px; height:11px; }
#black_board #eraser { position:relative; top:-5px; left:423px; width:62px; height:39px; cursor:pointer; }
#black_board #teach_btn { position:relative; top:5px; left:275px; width:120px; height:40px; cursor:pointer; }
#black_board #clear { position:relative; top:-35px; left:460px; width:78px; height:39px; }

/* footer.php */
#foreground #container #footer { margin-top:5px;}
#footer .text1 { padding-left:5px; font-size:9pt; text-align:left; }
#footer .text2 { padding-left:45px; font-size:9pt; text-align:left; }

/* leftmenu */
#foreground #container #middle #left_menu { width:190px;float:left; }
#banner { margin-top:5px; width:192px; height:53px; background-color:white; background-image:url('../mobile/image/mobile_banner.gif'); background-repeat:no-repeat; cursor:pointer; }
#notice { margin-top:5px; width:190px; height:182px; background-color:white; background-image:url('../img/login/notice_bg.jpg'); background-repeat:no-repeat; text-align:left; }
#notice #notice_text { padding-top:35px; padding-left:20px; }
/* logout.php */
#logout { background-color:white; }
#logout #bg { width:190px; height:209px; background-color:white; background-image:url('../img/login/logout_bg.jpg'); background-repeat:no-repeat; text-align:left; }
#logout #bg #usid { width:150; margin-bottom:1px;border:1px solid #e6d9be; background-color:#f9f4e4; }
#logout #bg #pword { width:150; margin-bottom:1px;border:1px solid #e6d9be; background-color:#f9f4e4; }
#logout #bg #log_btn { width:47px; height:13px; background-color:white; margin:3px 0 0 111px; }
.login_text { height:15px; padding-left:18px; text-decoration:none; }

/* login.php */
#login { background-color:white; }
#login #bg { width:190px; height:199px; background-color:white; background-image:url('../img/login/login_bg.jpg'); background-repeat:no-repeat; }
#login #my_left { width:190px; height:121px; background-color:white; background-image:url('../img/login/mypage_bg.jpg'); background-repeat:no-repeat; margin-top:5px; }
.login_my { height:14px; padding-left:38px; line-height:1.2em; text-decoration:none; }

/* error.php */
#error_body { margin-top:0px; margin-right:0px; width:590; font-size:10pt; font-family: "MS UI Gothic", Osaka, Arial; }
#error_body #in_done_14 { position:relative; top:30px; left:80px; height:217px; width:497px; text-align:left; background-image:url('../img/template/dango_msg.jpg'); background-repeat:no-repeat; }
#error_body #in_done_14 #in_text { margin-left:165px; margin-top:65px; text-align:left }
#error_body #in_done_0 { position:relative; top:30px; left:80px; height:269px; width:392px; text-align:left; background-image:url('../img/template/denied.jpg'); background-repeat:no-repeat; }
#error_body #in_done_0 #in_text { margin-left:150px; margin-top:60px; text-align:left }

/* faq_form.php */
#foreground #container #middle #content #faq_form { width:660px; height:531px; margin-left:20px; background-image:url('../img/input_form/input_bg.gif'); background-repeat:no-repeat; }
#faq_form #area { width:660px; height:531px; padding-left:40px; padding-top:120px; }
#faq_form #area input { width:200px; border:1px solid #e6d9be; }
#faq_form #area textarea { width:550px; height:200px; border:1px solid #e6d9be; overflow:auto; }
#faq_form #area #submit_btn { width:95px; height:27px; margin-left:230px; background-image:url('../img/input_form/input_button.gif'); background-repeat:no-repeat; cursor:pointer; }

/* reminder.php */
#reminder_body { margin-top:0px; margin-right:0px; width:280; height:300; font-size:10pt; font-family: "MS UI Gothic", Osaka, Arial; background-image:url('../img/pop/pass_back.jpg'); background-repeat:no-repeat; }
#reminder_body #in_1 { position:relative; top:30px; left:0px; height:78px; width:268px; text-align:left; background-image:url('../img/pop/table_1.gif'); background-repeat:no-repeat; }
#reminder_body #in_1 #idinput { margin-bottom:5px; width:180px; border:1px solid #e6d9be; }
#reminder_body #in_2 { position:relative; top:30px; left:0px; height:98px; width:268px; text-align:left; background-image:url('../img/pop/table_2.gif'); background-repeat:no-repeat; }
#reminder_body #in_2 #idinput { margin-bottom:5px; width:180px; border:1px solid #e6d9be; }
#reminder_body #in_3 { position:relative; top:30px; left:0px; height:149px; width:268px; text-align:center; background-image:url('../img/pop/table_3.gif'); background-repeat:no-repeat; }
#reminder_body #in_apolo { position:relative; top:30px; left:0px; height:129px; width:268px; text-align:left; background-image:url('../img/pop/apolo_back.gif'); background-repeat:no-repeat; }
#reminder_body #in_apolo #close_btn { width:62px; height:22px; margin:0 auto; text-align:center; background-image:url('../img/pop/close.gif'); background-repeat:no-repeat; cursor:pointer; }
#reminder_body #in_4 { position:relative; top:30px; left:0px; height:224px; width:268px; text-align:center; background-image:url('../img/pop/table_4.gif'); background-repeat:no-repeat; }
#reminder_body #in_4 input { margin-bottom:5px; width:180px; border:1px solid #e6d9be; }
#reminder_body #in_5 { position:relative; top:30px; left:0px; height:269px; width:268px; text-align:center; background-image:url('../img/pop/table_5.gif'); background-repeat:no-repeat; }
#reminder_body #in_5 input { margin-bottom:5px; width:180px; border:1px solid #e6d9be; }
#reminder_body #in_done { position:relative; top:30px; left:0px; height:129px; width:268px; text-align:left; background-image:url('../img/pop/done_back.gif'); background-repeat:no-repeat; }
#reminder_body #in_done #close_btn { width:62px; height:22px; margin:0 auto; text-align:center; background-image:url('../img/pop/close.gif'); background-repeat:no-repeat; cursor:pointer; }

/* finder.php */
#finder_body { margin-top:0px; margin-right:0px; width:280; height:150; font-size:10pt; font-family: "MS UI Gothic", Osaka, Arial; background-image:url('../img/pop/finder_back.jpg'); background-repeat:no-repeat; }
#finder_body #in_2 { position:relative; top:30px; left:0px; height:98px; width:268px; text-align:left; background-image:url('../img/pop/table_2.gif'); background-repeat:no-repeat; }
#finder_body #in_2 #idinput { margin-bottom:5px; width:180px; border:1px solid #e6d9be; }
#finder_body #in_done { position:relative; top:30px; left:0px; height:129px; width:268px; text-align:left; background-image:url('../img/pop/table_6.gif'); background-repeat:no-repeat; }
#finder_body #in_done #close_btn { width:62px; height:22px; margin:0 auto; text-align:center; background-image:url('../img/pop/close.gif'); background-repeat:no-repeat; cursor:pointer; }

/* unsign.php */
#unsign_title { width:67px; height:17px; margin-top:9px; background-image:url('../img/unsign/tit_taikai.gif'); background-repeat:no-repeat; }
#unsign_body { margin-top:0px; margin-right:0px; width:668; font-size:10pt; font-family: "MS UI Gothic", Osaka, Arial; }
#unsign_body #in_1 { position:relative; top:30px; left:80px; height:218px; width:497px; text-align:left; background-image:url('../img/unsign/table_out.gif'); background-repeat:no-repeat; }
#unsign_body #in_1 #idinput { margin-bottom:5px; width:180px; border:1px solid #e6d9be; }
#unsign_body #in_2 { position:relative; top:30px; left:80px; height:218px; width:497px; text-align:left; background-image:url('../img/unsign/table_out1.gif'); background-repeat:no-repeat; }
#unsign_body #in_done { position:relative; top:30px; left:80px; height:218px; width:497px; text-align:left; background-image:url('../img/unsign/table_out2.gif'); background-repeat:no-repeat; }
#unsign_body #in_done #close_btn { width:62px; height:22px; margin:0 auto; text-align:center; background-image:url('../img/pop/close.gif'); background-repeat:no-repeat; cursor:pointer; }

/* integrate.php */
#foreground #container #middle #integrate_body { position:relative; width:762px; height:328px; margin-left:59px;  }
#integrate_title { width:91px; height:15px; margin-top:9px; background-image:url('../img/common/tit_integrate.jpg'); background-repeat:no-repeat; }
#integrate_body #in_1 { margin-left:130px; margin-top:35px; margin-bottom:45px; height:160px; width:460px; text-align:left; }
#integrate_body #in_1 #idinput { margin-bottom:5px; width:180px; border:1px solid #e6d9be; } 
#integrate_body #in_1 #img_bg { background-image:url('../img/common/a04_pc.gif'); background-repeat:no-repeat; width:80px; height:80px; margin-left:300px; margin-top:-50px; }
#integrate_body #in_1 #img_bg_2 { background-image:url('../img/common/a09_apologize.gif'); background-repeat:no-repeat; width:80px; height:80px; margin-left:300px; margin-top:-50px; }
#integrate_body #in_1 #img_bg_3 { background-image:url('../img/common/a03_heart.gif'); background-repeat:no-repeat; width:80px; height:80px; margin-left:300px; margin-top:-50px; }

/* popup_ranking.php */
#foreground #popup_container { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('../img/pop/ranking_back.gif'); background-repeat:repeat; }
#foreground #popup_container #top_logo { width:400px; height:136px; background-image:url('../img/pop/ranking_top.gif'); background-repeat:no-repeat; }
#foreground #popup_container #middle { position:absolute; top:60px; left:0px; width:400px; height:530px; }
#foreground #popup_container #middle #content { margin-left:5px; width:350px; height:500px; }
#foreground #popup_container #close_btn { width:84px; height:30px; margin:0 auto; text-align:center; background-image:url('../img/pop/teach_ranking_close.gif'); background-repeat:no-repeat; cursor:pointer; }
#foreground #popup_container #uptime { text-align:left; color:blue; padding-left:25px; padding-bottom:3px; }

/* gateway.php */
#foreground #container #middle #gateway { position:relative; width:762px; height:428px; margin-left:59px; background-image:url('../img/register/gateway_bg.jpg'); background-repeat:no-repeat; }
#gateway #gate_text { width:530px; height:160px; margin-left:150px; margin-top:45px; padding-top:15px; padding-left:40px; }
#gateway #reg_btn { background-image:url('../img/register/gateway_register.jpg'); background-repeat:no-repeat; width:259px; height:55px; margin-top:30px; margin-left:251px; cursor:pointer; }
#gateway #int_btn { background-image:url('../img/register/gateway_integrate.jpg'); background-repeat:no-repeat; width:259px; height:55px; margin-top:10px; margin-left:251px; cursor:pointer; }
/* register.php */
#foreground #container #middle #register { position:relative; width:824px; height:970px; margin-left:38px; background-image:url('../img/register/regist_bg1.jpg'); background-repeat:no-repeat; padding-top:5px; }
#foreground #container #middle #register_k { position:relative; width:824px; height:970px; margin-left:38px; background-image:url('../img/register/regist_bg2.jpg'); background-repeat:no-repeat; }
#register_thanks { position:relative; width:762px; height:416px; background-image:url('../img/register/regist_thanks.jpg'); background-repeat:no-repeat; }
#idcheck { width:158px; height:21px; background-image:url('../img/register/btn_idcheck.jpg'); background-repeat:no-repeat; cursor:pointer; vertical-align:top; }
.reg_form { margin-top:3px;border:1px solid #e6d9be; }
#pastext { margin-bottom:3px; }
#comment { width:400px; height:70px; overflow:auto; border:1px solid #e6d9be; }
#reg_bottom { position:relative; top:170px; left:160px; width:550px; height:60px; float:left; margin:0 auto; text-align:center; }
#reg_bottom #submit_btn{ width:231px; height:21px;margin:7px auto 0px auto; cursor:pointer; background-image:url('../img/register/btn_regist.jpg'); background-repeat:no-repeat; }
.reg_tdr { text-align:left; 500px; padding-top:11px; padding-bottom:8px; padding-left:30px; width:500px; }
.reg_tdl { text-align:center; width:150px; padding-top:11px; padding-bottom:8px; padding-right:10px; }

/* rule.php privacy.php */
#rule_title { width:87px; height:19px; margin-top:6px; background-image:url('../img/common/tit_contract.gif'); background-repeat:no-repeat; }
#privacy_title { width:192px; height:19px; margin-top:6px; background-image:url('../img/common/tit_privacy.gif'); background-repeat:no-repeat; }
#rule_title a { text-decoration:none; }
#privacy_title a { text-decoration:none; }
#rule a { text-decoration:none; }
#rule a:hover { text-decoration:underline; }
#rule ul li { list-style-type:none; margin:0px; padding:0px;}
#rule #rule_menu { font-weight:bold; }
#rule #rule_menu_title { font-weight:bold; width:660px; height:24px; background-image:url('../img/common/faq_q2.gif'); background-repeat:no-repeat; padding:4px 0 0 20px; }
#rule #privacy_menu_title { font-weight:bold; width:660px; height:24px; background-image:url('../img/common/faq_q2.gif'); background-repeat:no-repeat; padding:4px 0 0 20px; }
#rule #rule_contents ul li ul li { margin-left:10px; }
#rule #rule_contents ul li ol li { margin-left:10px;list-style-type:lower-roman; }
#rule #rule_contents ol li ol li { margin-left:10px;list-style-type:lower-roman; }

/* faq.php */
#foreground #container #middle #content #faq_layer { font-size:10pt; }
#faq_layer ul { list-style:none; margin:0px; padding:10px 0 10px 25px; line-height:1.5em; }
#faq_layer li a { text-decoration:none; color:#666666; }
#faq_layer li a:hover { text-decoration:underline; color:#0f0f0f; }
#faq_layer .top { width:660px; text-align:right; padding-right:5px; }
#faq_title { width:30px; height:17px; margin-top:9px; background-image:url('../img/common/tit_faq.jpg'); background-repeat:no-repeat; }
#faq_left { width:450px; float:left; margin-top:-10px; }
#faq_left #title_img { margin-left:60px; margin-bottom:5px; width:119px; height:44px; background-image:url('../img/common/tit_faq_2.jpg'); background-repeat:no-repeat;}
#faq_left #title1 { width:444px; height:24px; font-weight:bold; background-image:url('../img/common/faq_q1.gif'); background-repeat:no-repeat; padding:4px 0 0 20px; }
#faq_layer #faq_right { padding-top:0px; width:200px; float:left; }
#faq_bg1 { width:200px; height:96px; padding:33px 7px 0 7px; line-height:1.4em; background-image:url('../img/common/faq_bg1.gif'); background-repeat:no-repeat; }
#faq_bg2 { width:200px; height:106px; padding:47px 7px 0 7px; line-height:1.4em; margin-top:5px; background-image:url('../img/common/faq_bg2.gif'); background-repeat:no-repeat; }
#faq_layer #faq_bottom { margin-top:10px; clear:both; }
#faq_layer #faq_bottom #title2 { width:660px; height:24px; font-weight:bold; background-image:url('../img/common/faq_q2.gif'); background-repeat:no-repeat; padding:4px 0 0 20px; }
#faq_layer #answer { margin-top:10px; clear:both; }
#faq_layer #answer dl { margin:0; padding:10px; }
#faq_layer #answer dl dt { padding:10px 0 0 15px; color:#cc9933; font-weight:bold; text-decoration:none;}
#faq_layer #answer dl dt a { text-decoration:none; color:#54a38d; }
#faq_layer #answer dl dd { padding:5px 0 0 0; color:#666666; }
#faq_layer #answer #title3 { width:660px; height:24px; font-weight:bold;  background-image:url('../img/common/faq_a.gif'); background-repeat:no-repeat; padding:4px 0 0 20px; }

/* friend_invite.php */
#invite_title { width:198px; height:16px; margin-top:9px; background-image:url('../img/invite/invite_title.jpg'); background-repeat:no-repeat; }
#invite_layer { width:590px; margin-top:20px; margin-left:20px; text-align:center; }
#invite_layer #mail_input { margin-top:10px; width:501px; height:221px; text-align:center; background-image:url('../img/invite/invite_back1.jpg'); background-repeat:no-repeat; }
#invite_layer #mail_input #mail_input_1 { position: relative; top:30px; text-align:center; height:150px; }
#invite_layer #mail_input #mail_input_2 { position: relative; top:33px; width:450px; text-align:center; height:24px; vertical-align:middle; }
#invite_layer #mail_input #mail_input_2 input { width:180px; height:20px; border:1px solid #e6d9be; vertical-align:middle }
#invite_layer #mesg_input { margin-top:10px; width:563px; height:230px; text-align:left; background-image:url('../img/invite/invite_back2.jpg'); background-repeat:no-repeat; }
#invite_layer #mesg_input #left1 { position:relative; top:15px; padding-left:10px; width:130px; height:45px; clear:left; float:left; text-align:center; }
#invite_layer #mesg_input #right1 { position:relative; top:-30px; padding-left:180px; width:230px; height:30px; clear:left; float:left; text-align:center; }
#invite_layer #mesg_input #left2 { position:relative; top:-15px; padding-left:10px; width:130px; height:45px; clear:left; float:left; text-align:center; }
#invite_layer #mesg_input #right2 { position:relative; top:-60px; padding-left:180px; width:230px; height:45px; clear:left; float:left; text-align:center; }
#invite_layer #mesg_input #right2 input { border:1px solid #e6d9be; width:150px; }
#invite_layer #mesg_input #left3 { position:relative; top:-15px; padding-left:10px; width:130px; height:60px; clear:left; float:left; text-align:center; }
#invite_layer #mesg_input #right3 { position:relative; top:-120px; padding-left:180px; width:230px; height:100px; clear:left; float:left; text-align:center; }
#invite_layer #mesg_input #right3 textarea { width:300px; height:70px; overflow:auto; border:1px solid #e6d9be; }
#invite_layer #mesg_input #exam {  position:relative; top:-140px; padding-left:130px; width:563px; height:100px; clear:left; float:left; text-align:center; }
#invite_layer #mesg_input #submit_btn { position:relative; top:-180px; padding-left:230px; clear:left; float:left; text-align:center; }
#invite_layer #result { margin-top:10px; width:497px; height:217px; text-align:center; background-image:url('../img/invite/invite_back3.jpg'); background-repeat:no-repeat; }
#invite_layer #result #text_1 { position: relative; top:130px; text-align:center; height:50px; }

/* mypage.php */
#mypage_title { width:164px; height:18px; margin-top:9px; background-image:url('../img/mypage/title.jpg'); background-repeat:no-repeat; }
#myword_title { width:92px; height:19px; margin-top:9px; background-image:url('../img/mypage/myword_title.jpg'); background-repeat:no-repeat; }
#myprize_title { width:72px; height:20px; margin-top:9px; background-image:url('../img/mypage/myprize_title.jpg'); background-repeat:no-repeat; }
#mymail_title { width:50px; height:19px; margin-top:9px; background-image:url('../img/mypage/mymail_title.jpg'); background-repeat:no-repeat; }
#mydata_title { width:112px; height:20px; margin-top:9px; background-image:url('../img/mypage/mydata_title.jpg'); background-repeat:no-repeat; }
#hit_count_text { padding-left:70px; padding-top:10px; margin-top:20px; margin-bottom:5px; margin-left:30px; padding-bottom:5px; color:#b68c4d; background-image:url('../img/mypage/myword_hit.jpg'); background-repeat:no-repeat; width:325px; height:42px; }
#mypage_layer #myword_m { width:309px; height:186px; background-image:url('../img/mypage/mypage_word.jpg'); background-repeat:no-repeat; float:left; padding-left:20px; padding-top:55px; line-height:1.3em; cursor:pointer; }
#mypage_layer #mymail_m { width:309px; height:186px; background-image:url('../img/mypage/mypage_mail.jpg'); background-repeat:no-repeat; float:left; padding-left:20px; padding-top:55px; line-height:1.3em; cursor:pointer; }
#mypage_layer #myprize_m { width:309px; height:186px; background-image:url('../img/mypage/mypage_prize.jpg'); background-repeat:no-repeat; float:left; padding-left:20px; padding-top:55px; line-height:1.3em; cursor:pointer; }
#mypage_layer #mydata_m { width:309px; height:186px; background-image:url('../img/mypage/mypage_data.jpg'); background-repeat:no-repeat; float:left; padding-left:20px; padding-top:55px; line-height:1.3em; cursor:pointer; }
#mymail_layer .head_tr { background-color:#ffffff; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; }
#mymail_layer .cont_tr { background-color:#fcfbe9; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; }
#mymail_layer #back_btn { width:116px; height:18px;background-image:url('../img/mypage/btn_back.gif'); background-repeat:no-repeat; cursor:pointer; }
#mymail_layer #del_btn1 { width:116px; height:18px; background-image:url('../img/mypage/curdel.gif'); background-repeat:no-repeat; cursor:pointer; }
#mymail_layer #del_btn2 { width:163px; height:18px; background-image:url('../img/mypage/checkdel.gif'); background-repeat:no-repeat; cursor:pointer; }
#myprize_layer #stamp_back { width:590px; height:360px; background-image:url('../img/mypage/stamp_back.jpg'); background-repeat:no-repeat; }
#myprize_layer #stamp_0 { position:relative; top:56px; left:79px; }
#myprize_layer #stamp_0_text { position:relative; top:80px; left:40px; text-align:center; width:120px; }
#myprize_layer #stamp_1 { position:relative; top:-6px; left:275px; }
#myprize_layer #stamp_1_text { position:relative; top:18px; left:230px; text-align:center; width:120px; }
#myprize_layer #stamp_2 { position:relative; top:-68px; left:471px; }
#myprize_layer #stamp_2_text { position:relative; top:-46px; left:430px; text-align:center; width:120px; }
#myprize_layer #stamp_3 { position:relative; top:41px; left:79px; }
#myprize_layer #stamp_3_text { position:relative; top:65px; left:40px; text-align:center; width:120px; }
#myprize_layer #stamp_4 { position:relative; top:-21px; left:275px; }
#myprize_layer #stamp_4_text { position:relative; top:3px; left:230px; text-align:center; width:120px; }
#myprize_layer #stamp_5 { position:relative; top:-83px; left:471px; }
#myprize_layer #stamp_5_text { position:relative; top:-61px; left:430px; text-align:center; width:120px; }
#mydata_layer #submit_btn{ margin:0px auto 0px auto; cursor:pointer; width:225px; }
#mydata_layer #unsign_btn{ margin:0px auto 0px auto; width:590px; text-align:right; position:relative; top:-18px; left:0px; }
#mydata_layer input { border:1px solid #e6d9be; width:150px; }
#mydata_layer .left_td { background-color:#f9f7d6; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
#mydata_layer .right_td { background-color:#fcfbe9; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }

/* templates */
.jlink { cursor:pointer; text-decoration: underline; text-color::#ff9900; }
#out_body { margin-top:0px; margin-right:0px; font-size:10pt; font-family: "MS UI Gothic", Osaka, Arial; }
#notice_text { margin-top:0px; margin-right:0px; font-size:10pt; font-family: "MS UI Gothic", Osaka, Arial; }
#in_tbl { background-color:"#FFFFFF"; padding-top:0px; margin-top:0px; }
#in_tbl #notice_top_text { margin-top:15px; margin-right:10px; margin-left:20px; }
#in_tbl #notice_in_text { margin-top:0px; margin-right:10px; margin-left:20px; line-height:20px; }
#in_tbl #notice_bottom_text { margin-top:5px; margin-right:10px; margin-left:20px; margin-bottom:40px;}
#in_tbl #notice_top { width:584px; height:150px; text-align:left; background-image:url('../img/template/attention_popup_top.jpg'); background-repeat:no-repeat; }
#in_tbl #notice_in { width:584px; margin-top:0px; padding-top:0px; text-align:left; background-image:url('../img/template/attention_popup_in.jpg'); background-repeat:repeat-y;}
#in_tbl #notice_in 	ul { margin-top:2px; margin-left:15px; }
#in_tbl #notice_in 	ul li { list-style:none; }
#in_tbl #notice_bottom { width:584px; height:159px; text-align:left; background-image:url('../img/template/attention_popup_bottom.jpg'); background-repeat:no-repeat;}
#in_tbl #clear_top { width:584px; height:45px; text-align:left; background-image:url('../img/template/mail_clear_top.jpg'); background-repeat:no-repeat; }
#in_tbl #clear_in { width:584px; margin-top:0px; padding-top:0px; text-align:left; background-image:url('../img/template/mail_clear_in.jpg'); background-repeat:repeat-y;}
#in_tbl #clear_bottom_h { width:584px; height:150px; text-align:left; background-image:url('../img/template/mail_clear_bottom_heart.jpg'); background-repeat:no-repeat;}
#in_tbl #clear_bottom_n { width:584px; height:150px; text-align:left; background-image:url('../img/template/mail_clear_bottom_notice.jpg'); background-repeat:no-repeat;}
#in_tbl #mom_bottom { width:584px; height:100px; text-align:left; background-image:url('../img/template/mail_mom_bottom.jpg'); background-repeat:no-repeat;}

/* sitemap.php */
#foreground #container #middle #content #sitemap_layer { }
#sitemap_title { width:65px; height:17px; margin-top:6px; background-image:url('../img/common/tit_sitemap.jpg'); background-repeat:no-repeat; }
#sitemap { width:633px; height:393px; background-image:url('../img/common/sitemap_bg.jpg'); background-repeat:no-repeat; margin-left:30px; margin-top:20px; }
#sitemap a { text-decoration:none; }
#sitemap a:hover { text-decoration:underline; }
#sitemap ul { list-style:none; margin:0px; padding:0px;}
#sitemap #top { position:absolute; width:70px; height:20px; margin:13px 0px 0px 5px; font-weight:bold; }
#sitemap #site_top_menu { position:absolute; width:150px; height:30px; margin:35px 0px 0px 15px; }
#sitemap #about { position:absolute; width:110px; height:20px; margin:93px 0px 0px 18px; font-weight:bold; }
#sitemap #about_menu { position:absolute; width:150px; height:100px; margin:115px 0px 0px 15px; }
#sitemap #about_menu ul li ul li { margin-left:10px; }
#sitemap #faq { position:absolute; width:50px; height:20px; margin:68px 0px 0px 288px; font-weight:bold; }
#sitemap #faq_menu { position:absolute; width:150px; height:20px; margin:90px 0px 0px 288px; }
#sitemap #study { position:absolute; width:100px; height:20px; margin:246px 0px 0px 17px; font-weight:bold; }
#sitemap #study_menu { position:absolute; width:150px; height:20px; margin:268px 0px 0px 15px; }
#sitemap #here { position:absolute; width:40px; height:20px; margin:157px 0px 0px 283px; font-weight:bold; }
#sitemap #here_menu { position:absolute; width:150px; height:20px; margin:179px 0px 0px 288px; }

/* about.php */
#foreground #container #middle #content #about_layer { width:667px; height:584px; text-align:left; background-image:url('../img/hikomata/hikomata_bg1.jpg'); background-repeat:no-repeat; padding-top:20px; }
#about_layer #menu_hkmt_about { width:210px; height:50px; margin-left:25px; margin-top:55px; float:left; cursor:pointer; }
#about_layer #menu_hkmt_story { width:210px; height:50px; margin-top:55px; float:left; cursor:pointer; }
#about_layer #hkmt_about { width:550px; height:120px; margin-left:80px; padding-top:40px; clear:both; }
#about_layer #hkmt_msn { width:550px; height:120px; margin-left:65px; margin-top:5px; padding-top:40px; padding-left:15px; }
#about_layer #hkmt_web { width:550px; height:120px; margin-left:65px; margin-top:5px; padding-top:40px; padding-left:15px; }
#about_layer #hkmt_mobile { width:155px; height:35px; margin-left:265px; margin-top:15px; cursor:pointer; }

#foreground #container #middle #content #story_layer { width:667px; height:584px; text-align:left; display:none; }
#story_layer #page1 { width:667px; height:584px; text-align:left; background-image:url('../img/hikomata/hikomata_bg2.jpg'); background-repeat:no-repeat; clear:both; }
#story_layer #page1 #menu_hkmt_about { width:210px; height:50px; margin-left:25px; margin-top:55px; float:left; cursor:pointer; }
#story_layer #page1 #menu_hkmt_story { width:210px; height:50px; margin-top:55px; float:left; cursor:pointer; }
#story_layer #page1 .btn_next { width:70px; height:30px; margin-top:425px; margin-left:35px; cursor:pointer; float:left; }

#story_layer #page2 { width:667px; height:584px; text-align:left; background-image:url('../img/hikomata/hikomata_bg3.jpg'); background-repeat:no-repeat; display:none; }
#story_layer #page2 #menu_hkmt_about { width:210px; height:50px; margin-left:25px; margin-top:55px; float:left; cursor:pointer; }
#story_layer #page2 #menu_hkmt_story { width:210px; height:50px; margin-top:55px; float:left; cursor:pointer; }
#story_layer #page2 .btn_next { width:70px; height:30px; margin-top:425px; margin-left:7px; cursor:pointer; float:left; }
#story_layer #page2 .btn_back { width:70px; height:30px; margin-top:425px; margin-left:35px; cursor:pointer; float:left; }

#story_layer #page3 { width:667px; height:584px; text-align:left; background-image:url('../img/hikomata/hikomata_bg4.jpg'); background-repeat:no-repeat; display:none; }
#story_layer #page3 #menu_hkmt_about { width:210px; height:50px; margin-left:25px; margin-top:55px; float:left; cursor:pointer; }
#story_layer #page3 #menu_hkmt_story { width:210px; height:50px; margin-top:55px; float:left; cursor:pointer; }
#story_layer #page3 .btn_back { width:70px; height:30px; margin-top:425px; margin-left:35px; cursor:pointer; float:left; }

/* howto.php */
#howto_title { width:56px; height:18px; margin-top:9px; background-image:url('../img/hikomata/howto_title.jpg'); background-repeat:no-repeat; }
#howto_layer #word_e_img { background-image:url('../img/hikomata/howto_word.jpg'); background-repeat:no-repeat; width:630px; height:234px; }
#howto_layer #word_exp { width:630px; height:100px; margin-top:15px; padding-left:5px; }
#howto_layer #word_exp img { margin-left:3px; margin-bottom:5px; margin-right:3px; width:15px; height:15px; vertical-align:bottom; }
#howto_layer #dango_exp_1 { width:630px; height:30px; margin-top:5px; padding-left:5px; }
#howto_layer #dango_exp_2 { width:630px; height:45px; margin-top:5px; padding-left:5px; }
#howto_layer #dango_exp_3 { width:630px; height:45px; margin-top:15px; padding-left:5px; color:#9e851e; }
#howto_layer #dango_e_img { background-image:url('../img/hikomata/howto_dango_1.jpg'); background-repeat:no-repeat; width:630px; height:27px; margin-top:15px; }
#howto_layer #dango_e_img_sub1 { background-image:url('../img/hikomata/howto_dango_2.jpg'); background-repeat:no-repeat; width:637px; height:25px; margin-top:10px;  }
#howto_layer #dango_e_img_sub2 { background-image:url('../img/hikomata/howto_dango_b1.jpg'); background-repeat:no-repeat; width:334px; height:87px; margin-left:150px; margin-top:10px; padding-left:85px; padding-top:15px; }
#howto_layer #dango_e_img_sub3 { background-image:url('../img/hikomata/howto_dango_3.jpg'); background-repeat:no-repeat; width:638px; height:25px; margin-top:30px; }
#howto_layer #dango_e_img_sub4 { background-image:url('../img/hikomata/howto_dango_b2.jpg'); background-repeat:no-repeat; width:342px; height:86px; margin-left:145px; margin-top:5px; padding-left:25px; padding-top:15px; }

/* about_mobile.php */
#mobile_layer #mobile_left { width:468px; height:500px; float:left; margin-top:20px; margin-left:5px; }
#mobile_layer #mobile_left #mobile_left_top { width:468px; height:215px; background-image:url('../img/hikomata/mobile_top.jpg'); background-repeat:no-repeat; }
#mobile_layer #mobile_left #mobile_left_top #mobile_left_top_form { width:350px; height:210px; padding-top:105px;padding-left:30px; float:left; }
#mobile_layer #mobile_left #mobile_left_top #mobile_left_top_form input { width:120px; border:1px solid #7f9db9; margin-top:10px; margin-bottom:-5px; }
#mobile_layer #mobile_left #mobile_left_top #mobile_left_top_form img { width:40px; height:22px; margin-bottom:-10px; margin-left:5px; margin-top:10px; cursor:pointer;}
#mobile_layer #mobile_left #mobile_left_top #mobile_left_top_QR { width:90px; height:110px; float:left; margin-left:20px; margin-top:100px; }
#mobile_layer #mobile_left #mobile_left_bottom { width:460px; height:90px; background-image:url('../img/hikomata/mobile_bottom.jpg'); background-repeat:no-repeat; margin-top:30px; padding-top:30px; padding-left:3px; }
#mobile_layer #mobile_left #mobile_left_bottom2_title { width:460px; height:22px; background-image:url('../img/hikomata/mobile_bottom2.jpg'); background-repeat:no-repeat; margin-top:30px; padding-left:3px; }
#mobile_layer #mobile_left #mobile_left_bottom2_contents { width:460px; height:120px; margin-top:10px; padding-left:3px; }
#mobile_layer #mobile_left #mobile_left_bottom2_contents #mlb2_text { width:350px; height:120px; float:left; }
#mobile_layer #mobile_left #mobile_left_bottom2_contents #mlb2_QR { width:90px; height:120px; float:left; margin-left:10px; }
#mobile_layer #mobile_right { width:160px; height:300px; background-image:url('../img/hikomata/mobile_right_sample.jpg'); background-repeat:no-repeat; float:left; margin-top:45px; margin-left:10px; }

/* about_messenger.php */
#msngr_layer #msngr_left { width:469px; height:360px; float:left; margin-top:20px; margin-left:5px; }
#msngr_layer #msngr_left #msngr_left_top { width:469px; height:241px; background-image:url('../img/hikomata/msn_left.jpg'); background-repeat:no-repeat; padding-left:30px; padding-top:105px; }
#msngr_layer #msngr_left #msngr_left_bottom { width:460px; height:90px; text-align:center; padding-top:5px; float:left; }
#msngr_layer #msngr_left #msngr_left_bottom #buddy_btn { width:284px; height:66px; margin-left:35px; margin-top:10px; margin-bottom:5px;cursor:pointer; background-image:url('../img/hikomata/msn_btn_talk.jpg'); background-repeat:no-repeat; }
#msngr_layer #msngr_right { width:160px; height:222px; background-image:url('../img/hikomata/msn_right_sample.jpg'); background-repeat:no-repeat; float:left; margin-top:45px; margin-left:10px; }

/* about_blogpart.php */
#bp_layer #bp_left { width:468px; height:360px; float:left; margin-top:20px; margin-left:5px; }
#bp_layer #bp_left #bp_left_top { width:468px; height:263px; background-image:url('../img/hikomata/bp_top.jpg'); background-repeat:no-repeat; padding-left:20px; padding-top:105px; padding-right:25px; margin-bottom:15px; }
#bp_layer #bp_left #bp_left_top textarea { font-family:MS Gothic; border:1px solid #7f9db9; padding:6px; width:430px; height:55px; margin-top:10px; margin-bottom:10px; overflow:hidden; }
#bp_layer #bp_left #bp_left_bottom_1 { width:460px; height:30px; padding-top:8px; padding-left:20px; float:left; margin-bottom:5px; }
#bp_layer #bp_left #bp_left_bottom_2 { margin-left:4px; width:460px; height:35px; padding-top:9px; padding-left:15px; float:left; color:#ff9900; background-image:url('../img/hikomata/bp_btm.jpg'); background-repeat:no-repeat; }
#bp_layer #bp_left #bp_left_bottom_2 a { color:#ff9900; text-decoration:none; }
#bp_layer #bp_left #bp_left_bottom_2 a:hover { color:#ff9900; text-decoration:underline; }
#bp_layer #bp_right { width:172px; height:328px; float:left; margin-top:45px; margin-left:0px; }
