@charset "Shift_JIS";

/* tools */
#container .tools {
margin:24px 0 25px;
background:url(../../kojin/faq/img/faq_bg_01.png) repeat-y;
}
#container .tools-inner {
overflow:hidden;
height:100%;
padding-bottom:17px;
background:url(../../kojin/faq/img/faq_bg_02.png) left bottom no-repeat;
}
#container .tools .useful,
#container .tools .search {
padding-top:1px;
border-top:1px solid #A1C773;
}
#container .tools .useful {
float:left;
width:390px;
}
#container .tools .search {
float:right;
width:255px;
}
#container .tools h3 {
margin:0 3px 16px;
padding:10px;
border-top:4px solid #23772C;
border-bottom:1px dotted #B6CC98;
background:url(../../kojin/faq/img/faq_bg_03.png) left bottom repeat-x;
font-size:1.6em;
}
#container .tools .useful ol {
list-style:decimal outside;
margin:0 15px;
padding-left:0;
}
#container .tools .useful li {
margin-bottom:8px;
margin-left:2em;
}
#container .tools .search p {
margin:0 15px 9px;
text-align:center;
}
#container .tools .search input {
display:block;
margin:0 auto;
}
#container .tools .search label input {
width:215px;
margin-top:6px;
}

/* faq list */
#container .faq-list {
margin-bottom:40px;
}
#container .faq-list ul {
list-style:none;
overflow:hidden;
height:100%;
margin-left:10px;
padding-left:0;
}
#container .faq-list li {
float:left;
width:185px;
margin-right:10px;
margin-bottom:14px;
padding-left:20px;
background:url(../../kojin/faq/img/faq_bg_06.png) left 0.2em no-repeat;
}

/* other */
#container .other {
padding-bottom:20px;
}
#container .other ul {
list-style:none;
margin:0 10px;
padding-left:0;
}
#container .other li {
margin-bottom:4px;
padding-left:20px;
background:url(../img/icon-arrow-04.gif) left top no-repeat;
}

/* search box */
#container .search {
margin-bottom:21px;
}
#container .search p {
margin:0 10px;
}
#container .search input {
vertical-align:middle;
}
#container .search label input {
width:255px;
margin-right:10px;
margin-left:14px;
}

/* serarch result */
#container .result {
margin:0 10px;
padding-bottom:20px;
}
#container .result ol {
list-style:decimal outside;
margin-left:0;
padding-left:2em;
}
#container .result ol li {
padding:5px 12px 4px;
}
#container .result ol .odd {
background-color:#EEF8D3;
}

/* pagination */
#container .pagination {
margin:0 10px;
padding:9px 0 20px;
border-top:1px dotted #ccc;
}
#container .pagination ul {
list-style:none;
margin-left:0;
padding-left:0;
text-align:center;
}
#container .pagination li {
display:inline;
padding:0 1px;
}
#container .pagination ul .prev {
padding-right:10px;
}
#container .pagination ul .next {
padding-left:10px;
}

/* faq */
#container .faq {
margin:0 10px;
}
#container .faq .question {
margin-bottom:40px;
padding:4px 4px 4px 27px;
border:1px solid #ABCC95;
background:#EEF8D3 url(../../kojin/faq/img/faq_bg_04.png) 5px 5px no-repeat;
font-size:1.2em;
}
#container .faq .answer {
padding:0 27px 21px;
background:url(../../kojin/faq/img/faq_bg_05.png) 5px 0 no-repeat;
font-size:1.2em;
}
#container .faq .answerlink {
padding:0 5px 10px;
font-size:1.2em;
text-align:right;
}

/* remarks */
#container .remarks {
margin:0 10px 28px;
padding:20px 25px 0;
border-top:1px dotted #ccc;
}
#container .remarks h4 {
margin-bottom:4px;
padding:0;
border:none;
font-size:1.4em;
}
#container .remarks ul {
list-style:none;
margin-left:0;
padding-left:0;
}
#container .remarks li {
margin-bottom:4px;
}

/* rating */
#container .rating {
overflow:hidden;
height:100%;
margin:0 10px 40px;
padding:15px 25px;
background-color:#F1F8D5;
}
#container .rating h4 {
margin-bottom:10px;
padding:0;
border:none;
}
#container .rating ul {
list-style:none;
float:left;
margin-right:20px;
margin-left:0;
padding-left:0;
}
#container .rating li {
float:left;
margin-right:20px;
}
#container .rating ul input {
margin-right:5px;
vertical-align:middle;
}
#container .rating p {
position:relative;
float:left;
margin-top:-5px;
margin-bottom:0;
}

/* related links */
#container .related {
margin:0 10px;
padding-bottom:20px;
}
#container .related ul {
list-style:none;
margin:0 10px;
padding-left:0;
}
#container .related li {
margin-bottom:9px;
}

/* resets for wysiwyg */
#container .faq .answer p,
#container .faq .answer h1,
#container .faq .answer h2,
#container .faq .answer h3,
#container .faq .answer h4,
#container .faq .answer h5,
#container .faq .answer h6,
#container .faq .answer ul,
#container .faq .answer ol,
#container .faq .answer dt {
margin:0;
padding:0;
line-height:1.6;
}
#container .faq .answer h1,
#container .faq .answer h2 {
font-weight:bold;
}
#container .faq .answer h1 {
font-size:2.4em;
}
#container .faq .answer h2 {
font-size:1.8em;
}
#container .faq .answer h3 {
position:static;
border:none;
background:none;
font-size:1.4em;
}
#container .faq .answer h4 {
height:auto;
border:none;
font-size:1.2em;
}
#container .faq .answer h5 {
font-size:1em;
}
#container .faq .answer h6 {
font-size:0.8em;
}
#container .faq .answer ul,
#container .faq .answer ol {
margin-left:2em;
}
#container .faq .answer table {
border:1px outset #ccc;
border-collapse:separate;
border-spacing:2px;
}

/* override common styles */
ul#topicpath,
#container .faq h4,
#container .result h4 {
height:auto;
line-height:1.6;
}
ul#topicpath {
padding-top:0.9em;
padding-bottom:0.9em;
}