@charset "utf-8";

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;font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input, select, img, label {vertical-align:middle;}
input {margin-right:5px;}
img,table {border:0;}
li {list-style:none;}
h3 input {margin-left:5px; vertical-align:top;}
body {font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;line-height:1.5; color:#333;text-align:left; margin:0 10px;}
h1 {font-weight:normal; font-size:12px;}
h2 { font-size:24px;}
h3 {font-size:18px;}
h3.qa { font-size:16px;}
h3.ready {font-size:18px; margin:30px auto;}
h3.todayok { padding-top:18px;}
h3.connect_ttl { padding:25px 0 0 100px;}
h3.qa_ttl {font-size:14px; font-weight: normal;}
h4 {font-size:14px; font-weight:normal;}
h4.qaser_ttl {font-size:16px; padding-top:3px;}
h4.qa_ttl { padding:3px 0 0 0; font-size:14px;}
h4.ThaSup_ttl {font-size:14px; font-weight:normal; margin-bottom:5px;}
h4.todayok_sttl {font-size:16px;}
.qa_tex {font-size:14px; line-height:1.4; margin-bottom:10px;word-wrap:break-word; letter-spacing:0.05em;}
.qa_tex br {letter-spacing:0;}
p.q_ttl,h2.q_ttl {font-size:16px;font-weight:bold;line-height:1.2;}
p.qat {font-size:14px;}
p.ThaSup_ttl {font-size:14px; font-weight:bold;}
p.q_datail { padding-top:5px;}
.font_18px {font-size: 18px;}
p.official { color:#FFF; font-size:12px;background:#2AA636; margin:5px 0;}
/*-------------links-------------------*/
a:link, a:visited, .on_gry a:link, .on_gry a:visited, .on_btndefault a:link, .on_btndefault a:visited, .on_report a:link, .on_report a:visited, .on_btngry a:link, .on_btngry a:visited, .on_btnunover a:link, .on_btnunover a:visited, .on_mmedia a:link, .on_mmedia a:visited, .on_btnshl a:link, .on_btnshl a:visited, .on_btndialogue a:link, .on_btndialogue a:visited {text-decoration:none;}
a:hover, a:active, .on_gry a:hover, .on_gry a:active, .on_btndefault a:hover, .on_btndefault a:active, .on_report a:hover, .on_report a:active, .on_btngry a:hover, .on_btngry a:active, .on_btnunover a:hover, .on_btnunover a:active, .on_mmedia a:hover, .on_mmedia a:active, .on_btnshl a:hover, .on_btnshl a:active, .on_btndialogue a:hover, .on_btndialogue a:active {text-decoration:underline;}
a:link, a:hover, a:active {color: #1111CC;}
a:visited { color:#551A8B;}
.on_gry a:link, .on_gry a:visited, .on_gry a:hover, .on_gry a:active, .on_btngry a:link, .on_btngry a:visited, .on_btngry a:hover, .on_btngry a:active {color:#333;}
.on_btndefault a:link, .on_btndefault a:visited, .on_btndefault a:hover, .on_btndefault a:active, .on_mmedia a:link, .on_mmedia a:visited, .on_mmedia a:hover, .on_mmedia a:active, .btn_off, .on_btnshl a:link, .on_btnshl a:visited, .on_btnshl a:hover, .on_btnshl a:active, .btn_cate_t a:link, .btn_cate_t a:hover, .btn_cate_t a:active, .btn_cate_t a:visited {color:#FFF;font-size:14px;text-align:center;}
.on_btndefault a:link, .on_btndefault a:visited, .on_btndefault a:hover, .on_btndefault a:active  {padding:4px 0 0 10px;}
.on_report a:link, .on_report a:visited, .on_report a:hover, .on_report a:active {color:#333;padding:3px 0 0 25px;}
.on_btngry a:link, .on_btngry a:visited, .on_btngry a:hover, .on_btngry a:active {padding:5px 0 0 10px;text-align:center;}
.on_btndialogue a:link, .on_btndialogue a:visited, .on_btndialogue a:hover, .on_btndialogue a:active {padding:3px 0 0 5px;text-align:center; color:#FFF; font-size:14px;}
.on_btnunover a:link, .on_btnunover a:visited, .on_btnunover a:hover, .on_btnunover a:active {color:#333;padding:5px 0 0 30px;}
.on_mmedia a:link, .on_mmedia a:visited, .on_mmedia a:hover, .on_mmedia a:active, .on_btnshl a:link, .on_btnshl a:visited,  .on_btnshl a:hover,  .on_btnshl a:active {padding:2px 0 0 10px;}
.btn_off{padding:4px 0 0 20px;}
/*-------------clearfix-------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	height: 0;
	clear: both;
}
.cf { clear:both;}

*+html .clearfix {
	height:1%;
}
* html .clearfix {
	height: 1%;
}