/**
 * CSS File
 */
@charset "euc-jp";

/*********************************************************************
 *
 * ここから初期テンプレートのCSSです。
 * ヘッダ/フッタテンプレート変更時はこの部分を削除して下さい。START
 */

/* HTML Element
-------------------------------------------------------------- */
body {
    font-family: "ＭＳ Ｐゴシック","ＭＳ ＰGothic","Osaka","sans-serif";
    font-size: 100%;
    color: #333;
    margin: 0;
    padding: 0;
}

a:focus,
a:hover { color: #c00; text-decoration: underline; }
a       { color: #08b; text-decoration: none; }
a img   { border: none; }
label   { font-weight: bold; }
p       { line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 { color: #356; }/*Default #356*/
h1 { font-size: 2.2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1em; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25em; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

hr {
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 0 0 1.4em;
    border: none;
    display: block;
}

/* Layout
-------------------------------------------------------------- */
#container { margin: 0 auto; }

.column { float: left; margin-right: 20px; }
.right  { float: right; margin-left: 20px; }
.last   { margin-right: 0; }

#main   { width: 750px; margin: 0 auto; }
#left   { width: 0px; }/*default 170px*/
#center { width: 720px; }/*default 550px*/

.prepend-1   { padding-left: 1em; }
.prepend-2   { padding-left: 2em; }

.reset       { margin: 0; padding: 0; }

div#header {
    margin-bottom: 2em;
    padding: 15px;
    background: #F7FCFC;
    border-top: 3px solid #08B;
    border-bottom: 2px solid #08B;
}
div#header h1      { margin: 0; }

div#footer         { border-top: 1px solid #ccc; margin-top: 1em; }

ul#footer-navi    { margin: 10px 0 0 0; padding: 0; list-style: none; }
ul#footer-navi li {
    display: inline;
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid #ccc;
}
ul#footer-navi li.last { border-right: none; padding-right: 0; }
div#powered   { float: right; padding: 10px 0; }

p.first       { margin-top: 0; }
p.last        { margin-bottom: 0; }

.align-left   { text-align: left; }
.align-center { text-align: center; }
.align-right  { text-align: right; }

/* Clearing floats without extra markup */
.clear { display: inline-block; }
.clear:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear        { display: block; }

/**
 * ここまでが初期テンプレートのCSSです。END
 *
 *********************************************************************/



 
/****************************************************************
 *
 * ↓ここから各FAQテンプレートのCSSです↓
 *
 ***************************************************************/

/* FAQブロックCSS
-------------------------------------------------------------- */
h2.title {
    margin: 0 0 0.75em 0;
    padding: 0 0 5px 0;
    border-bottom: 2px solid #08B;
}
h3.title      { margin: 0 0 0.5em 0; border: 1px solid #84BAD6; }
h3.title span {
    display: block;
    margin: 1px;
    padding: 5px 10px;
    background: #F7FCFC;
}
h4.title      { margin: 0; }
h4.title a,
h4.title a em { text-decoration: underline; }

strong.active { color: #356; }

div#faq       { padding-bottom: 2em; }
div#faq-index { margin-left: 1em; }

ul.faq-list    {
    margin: 1em 0 4em 0.5em;
    padding: 0 0 0 0.5em;
    list-style: none;
}
ul.faq-list li {
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px dashed #ccc;
}

div.faq-blocks    { margin: 0 0 2em 0; padding: 1em 0 0 1em; }
div.faq-blocks dt {
    font-size: 1.2em;
    margin: 1em 0 0 0;
    padding-bottom: 0.25em;
    color: #356;
    font-weight: bold;
    border-bottom: 2px solid #08B;
}
div.faq-blocks dd {
    margin: 0;
    padding: 1em;
    line-height: 1.5em;
}

.faq-link a:focus,
.faq-link a:hover { color: #08b; }


/* FAQ評価投稿ブロックCSS
-------------------------------------------------------------- */
div#faq-rank         { margin: 1em 0 4em 0; text-align: center; }
div#faq-rank form    { margin: 0; }
div#faq-rank p       { margin: 1em; }

div#faq-rank-loading { text-align: center; }
div#faq-rank-error   { color: #f00; }
div#faq-rank-success { text-align: center; }

div#faq-rank-success p#input-error { text-align: left; color: #f00; }


/* FAQタグ検索CSS レベル0 - 24 (合計 25レベル)
-------------------------------------------------------------- */
div#tags         { padding: 10px 20px; margin-bottom: 1em; line-height: 150%; }
div#tags a       { text-decoration: none; }
div#tags a:hover { color: #fff; background: #08b; }

em.highlight     { font-style: normal; font-weight: bold; background: #ff6; }
h3 em.highlight  { background: none; margin-left: 0.5em; }

a.tag-0  { font-size: 80%;  color: #9be; }
a.tag-1  { font-size: 80%;  color: #9be; }
a.tag-2  { font-size: 80%;  color: #9be; }
a.tag-3  { font-size: 90%;  color: #9be; }
a.tag-4  { font-size: 90%;  color: #9be; }
a.tag-5  { font-size: 90%;  color: #9be; }
a.tag-6  { font-size: 100%; color: #9be; }
a.tag-7  { font-size: 100%; color: #9be; }
a.tag-8  { font-size: 100%; color: #9be; }
a.tag-9  { font-size: 110%; color: #48d; }
a.tag-10 { font-size: 110%; color: #48d; }
a.tag-11 { font-size: 110%; color: #48d; }
a.tag-12 { font-size: 120%; color: #48d; }
a.tag-13 { font-size: 120%; color: #48d; }
a.tag-14 { font-size: 120%; color: #48d; }
a.tag-15 { font-size: 130%; color: #48d; }
a.tag-16 { font-size: 130%; color: #48d; }
a.tag-17 { font-size: 130%; color: #48d; }
a.tag-18 { font-size: 140%; color: #08b; font-weight: bold; }
a.tag-19 { font-size: 140%; color: #08b; font-weight: bold; }
a.tag-20 { font-size: 140%; color: #08b; font-weight: bold; }
a.tag-21 { font-size: 150%; color: #08b; font-weight: bold; }
a.tag-22 { font-size: 150%; color: #08b; font-weight: bold; }
a.tag-23 { font-size: 150%; color: #08b; font-weight: bold; }
a.tag-24 { font-size: 160%; color: #08b; font-weight: bold; }


/* FAQタグ検索 ページングCSS
-------------------------------------------------------------- */
.pager { padding: 1em; text-align: center; }
span.page-selected {
    margin: 0;
    padding: 4px 6px;
    _padding: 4px 6px 2px 6px;
    border: 1px solid #08b;
    background: #08b;
    color: #fff;
    font-weight: bold;
}

span.page-disable {
    margin: 0;
    padding: 4px 6px;
    _padding: 2px 6px;
    border: 1px solid #ccc;
    color: #ccc;
}

a.page-link,
a.page-prev,
a.page-next {
    margin: 0;
    padding: 4px 6px;
    _padding: 2px 6px;
    border: 1px solid #08b;
    text-decoration: none;
    color: #08b;
    background: #fff;
    font-weight: bold;
}
a.page-link { _padding: 4px 6px 2px 6px; }

a.page-link:hover,
a.page-prev:hover,
a.page-next:hover {
    border: 1px solid #08b;
    background: #08b;
    color: #fff;
    text-decoration: none;
}