@charset utf-8;

body { min-width:320px; background-image:url(../../../img/images/live_qa/bg_h250.png); }

/* WRAP */
#wrap { margin:0 auto; width:320px; overflow:hidden; position:relative; }

/* HEADER */
#header h1 { }

#header p { display:block; position:absolute; top:0; right:0; z-index:500; }
#header p a { display:block; text-indent:100%; white-space:nowrap; width:40px; height:40px; background:#666 url(../../../img/images/live_qa/icon_menu.png) no-repeat 0 0; overflow:hidden; }
#header p a:hover, #header p a.selected { background-color:#999; }
#header p a.selected { background-position:0 bottom; }
#header ul#submenu { position:absolute; top:40px; right:0; z-index:500; background:#FFF; }
#header ul#submenu li a { display:block; font-size:93%; line-height:33px; text-align:center; color:#E95513; width:183px; height:33px; border:solid #E95513; border-width:0 1px 1px; }
#header ul#submenu li a:hover { color:#F8B62D; }
#header ul#submenu > li a.shut { color:#FFF; border:1px solid #000; border-bottom-color:#E95513; background:#000; }
#header ul#submenu > li a.shut:hover { color:#F8B62D; }
/* HEADER */


/* TopBlock */
#topblock { width:320px; }
#topblock h2 { width:320px; background-image:url(../../../img/images/live_qa/head_ss.png?verupdate=20170619); }
#topblock p { margin-left:-150px; font-size:93%; line-height:1.5; width:300px; top:200px; }
.home #topblock h2 { height:320px; background-image:url(../../../img/images/live_qa/head_sh.png?verupdate=20170619); }
/* TopBlock */


#container { width:320px; float:none; }
/* CONTENT */
#content { width:320px; }
/* CONTENT */


/* QA List */
#qalist { padding:10px 20px; }
#content #qalist { width:280px; float:none; background:#EFEFEF url(../../../img/images/live_qa/Q_s.png) no-repeat 20px 10px; }
#content #qalist h3 { margin:20px 0px 0 50px; }
#content #qalist h4 { margin-left:0; }
.home #qalist { width:280px; background:#EFEFEF url(../../../img/images/live_qa/Q_s.png) no-repeat 20px 10px; }
.single #content #qalist { padding-top:0; background:none; }
.single #content #qalist h4 { padding-top:0; color:#000; }
#qalist ul { width:280px; }
#qalist ul + p { width:280px; }

#qalist ul li { background-image:url(../../../img/images/live_qa/icon_Q_s.png); }
#qalist ul li.beginner a { background-image:url(../../../img/images/live_qa/icon_beginner_s.png); }
#qalist ul li.veteran a { background-image:url(../../../img/images/live_qa/icon_veteran_s.png); }
#qalist ul li.new a { background-image:url(../../../img/images/live_qa/icon_new_s.png); }
#qalist ul li a { padding:20px 80px 20px 50px; }
#qalist ul li a.none { padding:20px 40px 20px 50px; }

#pagenate p.full { display:none; }
#pagenate p.min { display:block; margin:20px -20px; padding:0 20px; text-align:center; font-size:132%; line-height:40px; width:auto; overflow:hidden; background:#DDD; border:solid #000; border-width:1px 0; }
#pagenate p.min a.prev { width:auto; float:left; }
#pagenate p.min a.next { width:auto; float:right; }
/* QA List */


/* QA Single */
#qasingle { padding:0px 20px 30px; width:280px; float:none; background-position:20px 0; }
#content #qasingle h3 { padding-right:0; line-height:1.5; background:none; margin: 0 0px 20px 0px;}
#content #qasingle h3.beginner { background:none; }
#content #qasingle h3.veteran { background:none; }
#content #qasingle h3.new { background:none; }
#content #qasingle h3.none { margin: 0 0px 20px 0px; }
#qasingle h3 + p { margin-bottom:20px; line-height: 2.0; font-size: 120%;}
#qasingle ul.shareLink { padding-right:0; }

#qasingle div.singlebox { min-height:inherit; }

#qasingle div.singlebox h6 { width:38px; height:84px; background:url(../../../img/images/live_qa/single_QA_s.png) no-repeat 0 0; top:10px; right:auto; left:10px; }
#qasingle div.singlebox h6 img { display:none; }

#qasingle div.singlebox p.golist { margin:-20px; padding:200px 0 10px 20px; text-align:center; background:url(../../../img/images/live_qa/single_QA_ss.png?verupdate=20170619) no-repeat right 0; }
#qasingle div.singlebox p.gosearch { margin:-20px; padding:10px 0 10px 20px; text-align:center; margin-top:10px; }
#qasingle div.textbox { padding:30px 15px 10px 55px; width:210px; }
/* QA Single */


/* QA Form */
#qaform { padding:0 15px; }
#qaform h3 { padding-right:0; }
#qaform form { padding:30px 20px; width:250px; }
input[type="text"] { width:240px; }
textarea { width:240px; height:100px; }
input[type="button"] { margin-right:0; margin-bottom:15px; }
/* QA Form */


/* Menu */
ul#menu { width:318px; }
ul#menu li { float:left; }
ul#menu > li:first-child { display:block; font-size:108%; font-weight:bold; line-height:2.0; text-align:center; color:#FFF; width:319px; border:none; float:none; background:#E95513; }
ul#menu li a { font-size:93%; width:106px; background-position:right 0; }
ul#menu li a:hover, ul#menu li a.current { background-position:right bottom; }
#content ul#menu { float:none; }
.home ul#menu { width:318px; }
/* Menu */


.home h6.request { padding-top:20px; }
h6.request a { width:280px; background-image:url(../../../img/images/live_qa/request_s.png?verupdate=20170619); }


/* FOOTER */
#wrap #footer { padding:12px 0 0 10px; height:238px; }
#wrap #footer h5 { margin-bottom:12px; position:relative; top:auto; bottom:auto; left:auto; }
#wrap #footer p#copy { font-size:77%; bottom:20px; left:10px; }
#wrap #footer ul { margin:0; border-left:none; }
#wrap #footer ul li { border-left:1px solid #FFF; border-right:0; margin-bottom:6px; }
#wrap #footer ul li a { padding:0 4px; font-size:85%; }
/* FOOTER */

#content .banner_area{ background: url(../../../img/contents/etc/fes2017_310x120.png?verupdate=20170510) no-repeat; margin: 50px 0 10px 0; width:280px; height:120px; background-size: 320px; }
#content .banner_area img { width: 280px; padding:0; }
#content p.banner_text { display:block; text-align:center; }
#content .banner_area .wrap_inner { display:none; }