@charset "utf-8";
/*base*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, pre, code,
form,input, textarea, select, option, embed, object, p, table{margin:0;padding:0;}
input, select, img, label {vertical-align:top;}
input {margin-right:5px;}
img,table {border:0;}
li {list-style:none;}
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;font-size:12px;line-height:1.5; color:#333;text-align:left; margin:0 10px;}
h3 input {margin-left:5px; vertical-align:top;}
h3 input {margin-left:5px; vertical-align:top;}
h4 {font-weight:bold;}
p {line-height:1.5em;}
/*-------------links-------------------*/
a:link, a:visited, .on_gry a:link , .on_btnshl a:link, .on_btnshl a:visited{text-decoration:none;}
a:hover, a:active, .on_gry a:hover, .on_btnshl a:hover,  .on_btnshl a:active {text-decoration:underline;}
a:link, a:visited, a:hover, a:active {color: #00f;}
.on_gry a:link, .on_gry a:visited, .on_gry a:hover, .on_gry a:active {color:#666;}
.on_btnshl a:link, .on_btnshl a:visited,  .on_btnshl a:hover,  .on_btnshl a:active {padding:2px 0 0 10px;color:#FFF;font-size:14px;text-align:center;}
/*** FontColor ***/ 
.clr_q { color:#FF9D00;}
.clr_a { color:#0072E3;}
.clr_pink{ color:#FC5C4F;}
.clr_thanks {color:#ED1433;}
.clr_attention { color:#FF0000;}
/*** FontColor ***/
#ok_wrapper {margin:0 auto;width:930px;}
#ok_main {margin:0 0 25px 0;}
/* header */
#ok_header {width:930px; background:url(../images/beginner/header_bor.jpg) left bottom repeat-x; margin-bottom:10px;}
h1#ok_logo a {width:206px;height:48px; background:url(../images/beginner/sprite_beginner.png) no-repeat -230px 0px; margin:10px 0;display:block; overflow:hidden;}
#ok_logo a span {display:none;}
/*footer*/
#ok_footer {width: 930px;margin-top:20px; padding-top:5px; position:relative; clear:both;}
#ok_footer ul{margin:5px;}
#ok_footer li {display:inline;}
#ok_footer_logo a { background:url(../images/beginner/sprite_beginner.png) no-repeat -796px 0;width:141px;height:36px;top:10px; right:1px; position:absolute;}
#ok_footer_logo a span {display:none;}
/*bread crumbs*/
ul.bread {margin:0 0 10px 0;}
ul.bread li {display:inline;}

h3 {font-size:12px; padding:6px 0 0 35px;}
h2.ttl_main {background:url(../images/beginner/sprite_beginner.png) no-repeat -230px -96px; width:700px; height:50px;}
h2.ttl_main strong {display:none;}
h2.ttl_beginner {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -748px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h2.ttl_question {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -858px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h2.ttl_answer {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -913px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h2.ttl_mypage {background:url(../images/beginner/sprite_beginner.png) no-repeat -715px -748px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h2.ttl_guide {background:url(../images/beginner/sprite_beginner.png) no-repeat -715px -803px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h2.ttl_search {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -803px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h2.ttl_thankspoint {background:url(../images/beginner/sprite_beginner.png) no-repeat -1435px -748px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h2.ttl_referee {background:url(../images/beginner/sprite_beginner.png) no-repeat -1435px -803px; width:655px; height:40px; padding:10px 0 0 45px;font-size:18px;}
h4.top_search {border-left:2px solid #2DA83A; padding:5px 0 5px 8px; border-bottom:1px dotted #CCC; font-size:12px; line-height:2.2em;}
h4.top_question {border-left:2px solid #FF9D00; padding:5px 0 5px 8px; border-bottom:1px dotted #CCC; font-size:12px; line-height:2.2em;}
h4.top_answer {border-left:2px solid #0072E3; padding:5px 0 5px 8px; border-bottom:1px dotted #CCC; font-size:12px; line-height:2.2em;}
h4.top_mypage {border-left:2px solid #FC5E51; padding:5px 0 5px 8px; border-bottom:1px dotted #CCC; font-size:12px; line-height:2.2em;}
h4.top_no {border-left:2px solid #FF3A0B; padding:5px 0 5px 8px; border-bottom:1px dotted #CCC; font-size:12px; line-height:4.4em;}
h4.top_ok {border-left:2px solid #666; padding:5px 0 5px 8px; border-bottom:1px dotted #CCC; font-size:12px; line-height:4.4em;}
h4.sttl{background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -1120px; width:685px; height:30px; font-size:14px; line-height:2.0em; padding-left:15px;}
h4.top_join  {border-left:2px solid #666; border-bottom:1px dotted #CCC; font-size:16px; padding:0 0 0 10px;}
#ok_beginner_l {width:220px; float:left;}
#ok_beginner_r {width:700px; float:right;}

/*LEFTnavi*/
#ok_beginner_l h3.beginner {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px 0px;width:185px; height:25px;}
#ok_beginner_l h3.search {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -34px;width:185px; height:25px;}
#ok_beginner_l h3.question {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -68px;width:185px; height:25px;}
#ok_beginner_l h3.answer {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -102px;width:185px; height:25px;}
#ok_beginner_l h3.mypageguide {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -136px;width:185px; height:25px;}
#ok_beginner_l h3.connectionguide {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -170px;width:185px; height:25px;}
#ok_beginner_l h3.pointGuide {background:url(../images/beginner/sprite_beginner.png) no-repeat -970px 0px;width:185px; height:25px;}

ul.beginner_navi li { width:220px;}
ul.beginner_navi li b { padding-left:35px; line-height:2.2em;}
.btnList_beginner a, .btnList_search a, .btnList_question a, .btnList_answer_arrow a, .btnList_answer a, .btnList_connectionguide a{padding:5px 0 0 35px;}
.btnList_beginner, .btnList_beginner a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -234px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_beginner a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -204px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_search, .btnList_search a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -263px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_search a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -204px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_question, .btnList_question a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -292px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_question a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -321px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_answer_arrow, .btnList_answer_arrow a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -350px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_answer_arrow a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -321px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_answer, .btnList_answer a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -379px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_answer a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -204px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_connectionguide, .btnList_connectionguide a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -408px; width:220px; height:27px; display:block; overflow:hidden;}
.btnList_connectionguide a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -204px; width:220px; height:27px; display:block; overflow:hidden;}
/*RIGHTnavi*/
.ok_beginner_r-inner {margin-top:10px;}
p.read {margin:10px 0;}
/*TOP*/
.ok_beginnertop { width:227px; float:left;}
.ok_beginnertop_inner {border-left:1px solid #CCC; border-right:1px solid #CCC; padding:10px 20px 0;}
.ok_beginnertop_btom { border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC;width:225px; height:10px;}
.ok_beginnertop_join {background:url(../images/beginner/sprite_beginner.png) no-repeat -1402px 0px; width:678px; padding:10px; border:1px solid #CCC;}
.ok_beginnertop_joininner {width:678px; margin-bottom:10px;}
.ok_beginnertop_joininner p.Stop {font-size:14px; line-height:2.8;}
.ok_beginnertop_joininner p.QAtop {font-size:14px;}
.image_Qtop {background:url(../images/beginner/sprite_beginner.png) no-repeat -234px -163px; width:40px; height:40px; float:left; margin-right:20px;}
.image_Stop {background:url(../images/beginner/sprite_beginner.png) no-repeat -327px -163px; width:40px; height:40px; float:left; margin-right:20px;}
.image_Atop {background:url(../images/beginner/sprite_beginner.png) no-repeat -280px -163px; width:40px; height:40px; float:left; margin-right:20px;}
.ok_beginnertop_search {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -534px; width:207px; padding:10px 10px 0 10px;}
.ok_beginnertop_question {background:url(../images/beginner/sprite_beginner.png) no-repeat -232px -534px; width:207px;padding:10px 10px 0 10px;}
.ok_beginnertop_answer {background:url(../images/beginner/sprite_beginner.png) no-repeat -464px -534px; width:207px;padding:10px 10px 0 10px;}
.ok_beginnertop_mypage {background:url(../images/beginner/sprite_beginner.png) no-repeat -696px -534px; width:207px;padding:10px 10px 0 10px;}
.ok_beginnertop_no {background:url(../images/beginner/sprite_beginner.png) no-repeat -928px -534px; width:207px;padding:10px 10px 0 10px;}
.ok_beginnertop_ok {background:url(../images/beginner/sprite_beginner.png) no-repeat -1160px -534px; width:207px;padding:10px 10px 0 10px;}
.btn_top_search, .btn_top_search a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -1000px -447px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_search a {background:url(../images/beginner/sprite_beginner.png) no-repeat -1000px -362px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_question, .btn_top_question a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -230px -447px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_question a {background:url(../images/beginner/sprite_beginner.png) no-repeat -230px -362px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_answer, .btn_top_answer a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -424px -447px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_answer a {background:url(../images/beginner/sprite_beginner.png) no-repeat -424px -362px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_mypage, .btn_top_mypage a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -618px -447px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_mypage a {background:url(../images/beginner/sprite_beginner.png) no-repeat -618px -362px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_no, .btn_top_no a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -1194px -447px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_no a {background:url(../images/beginner/sprite_beginner.png) no-repeat -1194px -362px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_ok, .btn_top_ok a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -812px -448px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_top_ok a {background:url(../images/beginner/sprite_beginner.png) no-repeat -812px -362px; width:184px; height:75px; display:block; overflow:hidden; text-indent:-1000px;}
/*flow*/
#flow_l { width:325px; float:left; background:#FFF8EC; padding:10px;}
#flow_r { width:325px; float:right; background:#F4FAFF; padding:10px;}
h4.flow_Q { font-size:16px; border-bottom:1px solid #FF9900; line-height:1.7; margin-bottom:10px;}
h4.flow_A { font-size:16px; border-bottom:1px solid #0072E3; line-height:1.7; margin-bottom:10px;}
.flow_q_arrow {background:url(../images/beginner/flow_q_arrow.gif) left top no-repeat; width:325px; height:37px;}
#flow_q01, #flow_q01 a:hover { background:url(../images/beginner/flow_q01_ov.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q01 a {background:url(../images/beginner/flow_q01.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q02, #flow_q02 a:hover { background:url(../images/beginner/flow_q02_ov.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q02 a {background:url(../images/beginner/flow_q02.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q03, #flow_q03 a:hover { background:url(../images/beginner/flow_q03_ov.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q03 a {background:url(../images/beginner/flow_q03.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q04, #flow_q04 a:hover { background:url(../images/beginner/flow_q04_ov.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q04 a {background:url(../images/beginner/flow_q04.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q05, #flow_q05 a:hover { background:url(../images/beginner/flow_q05_ov.gif) left top no-repeat;width:325px; height:90px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q05 a {background:url(../images/beginner/flow_q05.gif) left top no-repeat;width:325px; height:90px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q06, #flow_q06 a:hover { background:url(../images/beginner/flow_q06_ov.gif) left top no-repeat;width:325px; height:90px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_q06 a {background:url(../images/beginner/flow_q06.gif) left top no-repeat;width:325px; height:90px; display:block; overflow:hidden; text-indent:-1000px;}
.flow_a_arrow {background:url(../images/beginner/flow_a_arrow.gif) left top no-repeat; width:325px; height:37px;}
.flow_a_arrow02 {background:url(../images/beginner/flow_a_arrow02.gif) left top no-repeat; width:325px; height:312px;}
#flow_a01, #flow_a01 a:hover { background:url(../images/beginner/flow_a01_av.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_a01 a {background:url(../images/beginner/flow_a01.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_a02, #flow_a02 a:hover { background:url(../images/beginner/flow_a02_av.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_a02 a {background:url(../images/beginner/flow_a02.gif) left top no-repeat;width:325px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
#flow_a03, #flow_a03 a:hover { background:url(../images/beginner/flow_a03_av.gif) left top no-repeat;width:325px; height:90px; display:block; overflow:hidden; text-indent:-1000px; margin-bottom:127px;}
#flow_a03 a {background:url(../images/beginner/flow_a03.gif) left top no-repeat;width:325px; height:90px; display:block; overflow:hidden; text-indent:-1000px; margin-bottom:127px;}
/*question*/
h4.step_ttl{background:url(../images/beginner/sprite_beginner.png) no-repeat -731px -1120px; width:700px; height:30px; font-size:14px; line-height:2.0em;}
h4.step_ttl span { padding:0 40px 0 25px; font-size:16px;}
.step_inner {width:658px; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:20px;}
.step_inner img.left {float:left;}
.step_inner img.right {float:right;}
.step_btom {background:url(../images/beginner/sprite_beginner.png) no-repeat -730px -1161px; width:700px; height:11px; clear:both;}
.step_chui {padding-left:20px; margin-top:-10px;}
.left {float:left; margin-right:15px;}
.btn_q_next, .btn_answercheck_next, .btn_more_next, .btn_qthanks_next, .btn_qpaint_next { margin:0 auto;}
.btn_q_next, .btn_q_next a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -0px -1190px; width:400px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_q_next a {background:url(../images/beginner/sprite_beginner.png) no-repeat -0px -1270px; width:400px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_answercheck_next, .btn_answercheck_next a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -422px -1271px; width:400px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_answercheck_next a {background:url(../images/beginner/sprite_beginner.png) no-repeat -422px -1191px; width:400px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_more_next, .btn_more_next a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -0px -1452px; width:405px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_more_next a {background:url(../images/beginner/sprite_beginner.png) no-repeat -0px -1370px; width:405px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_qthanks_next, .btn_qthanks_next a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -1661px; width:405px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_qthanks_next a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -1551px; width:405px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_qpaint_next, .btn_qpaint_next a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -850px -1370px; width:405px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_qpaint_next a {background:url(../images/beginner/sprite_beginner.png) no-repeat -850px -1480px; width:405px; height:100px; display:block; overflow:hidden; text-indent:-1000px;}
/*answer*/
.btn_a_next {margin:0 auto;}
.btn_a_next, .btn_a_next a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -422px -1689px; width:410px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_a_next a {background:url(../images/beginner/sprite_beginner.png) no-repeat -422px -1609px; width:410px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
/*mypage*/
.step_all_m5{background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -1532px; width:700px; height:61px;}
/*use*/
.catch_useTop { background:url(../images/beginner/sprite_beginner.png) no-repeat -715px -858px; width:700px; height:60px; margin-top:15px;}
.catch_useTop strong {display:none;}
.catch_use { background:url(../images/beginner/sprite_beginner.png) no-repeat -715px -858px; width:700px; height:100px;
margin-top:30px;}
.catch_use strong {display:none;}
.use_btn { margin:0 auto 40px; width:210px;}
.use_btn p{ margin-bottom:5px; font-size:14px; text-align:center;}
.btn_newregistration, .btn_newregistration a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat 0 -1033px; width:210px; height:50px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_newregistration a {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -973px; width:210px; height:50px; display:block; overflow:hidden;}
.btn_firstone, .btn_firstone a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -220px -1033px; width:210px; height:50px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_firstone a {background:url(../images/beginner/sprite_beginner.png) no-repeat -220px -973px; width:210px; height:50px; display:block; overflow:hidden;}
/*guide*/
p.guide_read {font-size:14px; line-height:1.6em; padding-bottom:30px;}
p.guide_tex {font-size:14px; line-height:1.8em; padding:0 0 30px 16px;}
h4.guide {font-size:14px; line-height:1.6em; padding-bottom:10px;}
/*point_guide*/
.image_pointGuide_01 {background:url(../images/beginner/sprite_beginner.png) no-repeat 0px -1801px; width:80px; height:80px; float:left; margin-right:20px;}
.image_pointGuide_03 {background:url(../images/beginner/sprite_beginner.png) no-repeat -124px -1801px; width:80px; height:80px; float:left; margin-right:20px;}
/*referee*/
.image_refree_01 {background:url(../images/beginner/sprite_beginner.png) no-repeat -250px -1801px; width:80px; height:80px; float:left; margin:0 20px 50px 0;}
.image_refree_02 {background:url(../images/beginner/sprite_beginner.png) no-repeat -0px -1801px; width:80px; height:80px; float:left; margin-right:20px;}
.image_refree_03 {background:url(../images/beginner/sprite_beginner.png) no-repeat -393px -1800px; width:80px; height:80px; float:left; margin-right:20px;}
.btn_referee_next{ margin:0 auto;}
.btn_referee_next, .btn_referee_next a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -850px -1191px; width:410px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_referee_next a {background:url(../images/beginner/sprite_beginner.png) no-repeat -850px -1274px; width:410px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
/*page_TOP*/
#page_top {margin:10px 0 0 625px;white-space:nowrap;}
/*101214追加 shimizu ネチケット*/
.btn_netiquette_q {margin:0 auto;}
.btn_netiquette_q, .btn_netiquette_q a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -850px -1609px; width:400px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_netiquette_q a {background:url(../images/beginner/sprite_beginner.png) no-repeat -850px -1689px; width:400px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_netiquette_a {margin:0 auto;}
.btn_netiquette_a, .btn_netiquette_a a:hover {background:url(../images/beginner/sprite_beginner.png) no-repeat -1289px -1270px; width:410px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}
.btn_netiquette_a a {background:url(../images/beginner/sprite_beginner.png) no-repeat -1289px -1190px; width:410px; height:71px; display:block; overflow:hidden; text-indent:-1000px;}

/*-------------clearfix-------------------*/
.clearfix:after {content: ".";display: block;visibility: hidden; font-size: 0.1em;line-height: 0;height: 0;clear: both;visibility: hidden;}
*+html .clearfix {height:1%;}
* html .clearfix {height: 1%;}