@charset "utf-8";

/*main-image
===============================*/
#main-image { padding:10px 8px; background:#A1BBCC;}
#main-image h2 { float:left; width:565px;}
#main-image ul.btn-area { float:right; width:205px;}
#main-image ul.btn-area li.first { margin-bottom:4px;}

/*section
===============================*/
 .section { margin-bottom:15px;}

/*chara
===============================*/
div.chara { margin:0 5px 15px;}
div.chara ul.btn {}
div.chara ul.btn li { float:left; width:177px;}
div.chara .box-wrap { border-right:solid 1px #A1BBCC; border-bottom:solid 1px #A1BBCC; border-left:solid 1px #A1BBCC;}
div.chara .box-wrap .btn-line { padding:6px 15px 6px; background:url(../img/bg_chara_btn.jpg) repeat-x left top;}
div.chara .box-wrap .btn-line img { vertical-align:bottom;}
div.chara .box-wrap .btn-line ul {}
div.chara .box-wrap .btn-line ul li { float:left; width:259px; margin:0 5px;}

/*voice
===============================*/
div.voice {}
div.voice div.text { border:solid 1px #A1BBCC;}
div.voice div.fL { float:left; width:140px;}
div.voice div.fR { float:right; width:410px; margin-top:15px; margin-right:5px;}
div.voice div.fR dl { background:url(../img/icon_arrow_voice.jpg) no-repeat left top; text-indent:15px;}
div.voice div.fR dl dt { font-weight:bold; font-size:110%; padding-left:1em; text-indent:0;}
div.voice div.fR dl dd { margin-bottom:10px;}

/*question
===============================*/

div.question .qa-wrap { padding:8px 6px;}
div.question .qa-wrap.line { border-bottom:solid 1px #ccc;}
div.question .qa-wrap .image { float:left; width:30px; margin-right:10px;}
div.question .qa-wrap dl.qa-set { float:left; width:515px;}
div.question .qa-wrap dl.qa-set dt { background:url(../img/icon_q.jpg) no-repeat left top; color:#a25c00; font-weight:bold; text-indent:25px;}
div.question .qa-wrap dl.qa-set dd { text-indent:25px; margin-top:5px;}
div.question .qa-wrap dl.qa-set dd.first { background:url(../img/icon_answer.jpg) no-repeat left top; padding-left:25px; text-indent:0;}

/*comment
===============================*/

div.comment {}
div.comment { padding:10px; border:#CCC 5px double;}
div.comment h3 { font-weight:bold; border-bottom:solid 2px #A1BBCC;}
div.comment div.text { margin-top:10px;}
div.comment div.text div.taR { margin-right:5px; text-align:right;}