/*========================================================*/
/*　Ｑ＆Ａページ用スタイルシート（qaフォルダ内）　　　　　*/
/*========================================================*/

/*　Ｑ＆Ａページの全体外枠　*/
#qa-wrap{
border:1px solid #11678b;
margin:10px auto 10px auto;
width:800px;height:680px;
}

/*　Ｑ＆Ａトップページのメニュー枠　*/
#qa-menu{
width:219px;height:100%;
float:left;
border-right:1px solid #11678b;
background:url(../images/team/back-bs.png) repeat fixed;
background-color:#ffffff;
}

/*　Ｑ＆Ａトップページの内容枠　*/
#qa-main{
/*　↓中身が枠から出た時に、縦スクロールは出す。横スクロールは出さない　*/
overflow-y:scroll;overflow-x:hidden;
width:580px;height:100%;
float:right;
background:url(../contents/qa/images/parts/qa-haikei.jpg) no-repeat;
background-color:#ffffff;
}

/*　Ｑ＆Ａメニュー部分テキスト設定　*/
.qa-menutext{
margin-top:15px;padding:10px;
color:#666666;
background-color:#ffffff;
height:630px;
}

/*　お便りはこちらからの文字スタイル　*/
.contact-text {text-align:center;color:#db7093;font-size:75%;margin-bottom:10px;}

/*　Ｑ＆Ａメニュー部分問い合わせへのリンク　*/
.contact-text-qa {text-align:center;margin-bottom:5px;}
.contact-text-qa a:hover{top:2px;left:2px;position:relative;}

/*　Ｑ＆Ａページ見出し１　*/
h1.qa{
background-color:#d6f9ff;
border:3px double #50c0e1;
color:#26699a;
font-weight:bold;
font-size:100%;
line-height:160%;
margin:10px auto 10px auto;
text-indent:1em;
}

/*　水平線を水色の点線に　*/
hr.qa{
width:180px;
margin:10px auto 10px auto;
border:1px dashed #50c0e1;
border-width:1px 0px 0px 0px;
}

/*　Ｑ＆Ａメニュー各回リンクのスタイル　*/
p.qalink{font-size:80%;margin:10px auto 10px auto;}

/*　Ｑ＆Ａページ吹き出し（顔画像左）設定　　　　　　　　　*/
/*========================================================*/
.fkdsall-wrap-l{width:415px;margin:3px auto 3px 15px;}/*　左寄り吹き出し全体　*/
.fkdsall-wrap-l .fkds-chara{width:100px;float:left;}/*　キャラ画像を左に寄せる　*/
.fkdsall-wrap-l .fkds-wrap{width:310px;float:right;}
.fkdsall-wrap-l .fn-wrap{/*　左寄り吹き出しの最上部（名前表示部分）　*/
background:url(../contents/qa/images/parts/fkds-t-l.gif) no-repeat;
width:297px;height:29px;
margin:0px auto;
padding-left:10px;
}
.fkdsall-wrap-l .fkds-middle{/*　左寄り吹き出しの中央部（セリフ表示部分）　*/
background:url(../contents/qa/images/parts/fkds-m-l.gif) repeat-y;
width:307px;
margin:0px auto;
}
.fkdsall-wrap-l .fkds-text{/*　吹き出し内テキストのスタイル　*/
margin-left:25px;margin-right:10px;
font-size:80%;
line-height:120%;
color:#555555;
}
.fkdsall-wrap-l .fkds-footer{/*　左寄り吹き出しの最上部　*/
background:url(../contents/qa/images/parts/fkds-f-l.gif) no-repeat;
width:307px;height:22px;
margin:0px auto;
}

/*　Ｑ＆Ａページ吹き出し（顔画像右）設定　　　　　　　　　*/
/*========================================================*/
.fkdsall-wrap-r{width:415px;margin:3px 15px 3px auto;}/*　右寄り吹き出し全体　*/
.fkdsall-wrap-r .fkds-chara{width:100px;float:right;}/*　キャラ画像を右に寄せる　*/
.fkdsall-wrap-r .fkds-wrap{width:310px;float:left;}
.fkdsall-wrap-r .fn-wrap{/*　右寄り吹き出しの最上部（名前表示部分）　*/
background:url(../contents/qa/images/parts/fkds-t-r.gif) no-repeat;
width:307px;height:29px;
margin:0px auto;
}

.fkdsall-wrap-r .fkds-middle{/*　右寄り吹き出しの中央部（セリフ表示部分）　*/
background:url(../contents/qa/images/parts/fkds-m-r.gif) repeat-y;
width:307px;
margin:0px auto;
}
.fkdsall-wrap-r .fkds-text{/*　吹き出し内テキストのスタイル　*/
margin-left:13px;margin-right:23px;
font-size:80%;
line-height:120%;
color:#555555;
}
.fkdsall-wrap-r .fkds-footer{/*　右寄り吹き出しの最下部　*/
background:url(../contents/qa/images/parts/fkds-f-r.gif) no-repeat;
width:307px;height:22px;
margin:0px auto;
}

/*　Ｑ＆Ａページ各キャラ名前色設定　　　　　　　　　　　　*/
/*========================================================*/
/*　キャラ名が吹き出しからはみ出ないように位置調整　*/
.fn{padding-top:7px;padding-left:1.5em;font-size:90%;}

.fn-miyase{background-color:#ffebe2;color:#ad6526;}
.fn-sora{background-color:#ddffc6;color:#206c20;}
.fn-natsume{background-color:#ffe3e2;color:#ad4d44;}
.fn-aikawa{background-color:#e3f2ff;color:#266098;}
.fn-azusa{background-color:#f6e2ff;color:#5f4790;}

.fn-shunichi{background-color:#dfefff;color:#1a5a7a;}
.fn-kyoya{background-color:#fff5dd;color:#b36d3f;}
.fn-yusuke{background-color:#ffecee;color:#b34c57;}
.fn-takaomi{background-color:#e2ffe9;color:#638f50;}
.fn-hojo{background-color:#f8efdc;color:#774a2c;}
.fn-fujimura{background-color:#ece2ff;color:#5c3349;}
.fn-rijityo{background-color:#eaeaea;color:#444444;}

/*　お便りのスタイル　*/
.q-frame{/*　お便りの枠　*/
width:24em;/*　横幅は24文字分　*/
font-size:13px;
border:1px solid #a37d56;
background-color:#ffffe3;
margin:20px auto 20px auto;
}

.q-text{/*　お便りの文章　*/
width:22em;
margin:1em auto 1em auto;
font-size:13px;
line-height:150%;
color:#70533a;
background:url(../contents/qa/images/parts/underline2.png);/*　文字に下線を付ける　*/
}
br.q-clear{line-height:1px;}
.q{font-weight:bold;}/*　「Ｑ１．」の部分を太字に　*/
.strong{color:#1f79c9;}/*　強調部分-青　*/

.q-name{/*　名前部分右寄せ　*/
text-align:right;
width:22em;
margin:-1em auto 0px auto;
font-size:13px;
line-height:150%;
color:#70533a;
background:url(../contents/qa/images/parts/underline2.png);
}

/*　お便り（手紙風）のスタイル　*/
.ql-frame{/*　お便りの枠　*/
width:38em;/*　横幅は24文字分　*/
font-size:12px;
border:1px solid #479acc;
background-color:#ffffff;
margin:20px auto 20px auto;
}
.ql-text{/*　お便り（手紙風）の文章　*/
width:36em;
margin:0.5em auto 0.5em auto;
font-size:12px;
line-height:20px;
background:url(../contents/qa/images/parts/underline.png);/*　文字に下線を付ける　*/
color:#555555;
}

.letter{
background:url(../contents/qa/images/parts/letter.png) repeat-x;
height:6px;
margin:0px;padding:0px;
}

.ql-frame .q-frame{/*　お便り（手紙風）の中にある場合のお便り枠　*/
width:24em;/*　横幅は24文字分　*/
font-size:13px;
border:1px solid #a37d56;
background-color:#ffffe3;
margin:10px auto 10px auto;
}

/*　表のスタイル　*/
.q-tbl{
margin:30px auto;
border-collapse:collapse;
border-top:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
}
.q-tbl td{
padding:5px 15px;
color:#444;
font-size:80%;
line-height:140%;
}
.q-tbl tr{
border-left:6px solid #ffb600;
border-top:1px solid #999;
border-bottom:1px solid #999;
background-color:#fff;
}
.kisu{/*　奇数列をオレンジストライプの背景に　*/
background:url(../contents/qa/images/parts/str2n1.png) repeat;
}
.tblbg{
background-color:#fff;
border-left:1px solid #999;
}
.tblbg2{/*　奇数列を薄いグレーの背景に　*/
background-color:#eee;
border-left:1px solid #999;
}