/* ユーザー定義CSS
---------------------------------------------*/
[id^="layout"]{
font-family: "Times New Roman", "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","HiraMinProN-W3","游明朝","YuMincho","Times New Roman","HG明朝E","HGS明朝E","HGMinchoE","MotoyaLCedar","メイリオ","Meiryo",serif !important;
font-style:normal !important;
}
#footer{
padding:30px 0px 0px 0px !important;
/*background:url(../../images/footer/footer_mask.png) top repeat-x;*/
}
#footer_inner{background-color:#fff; padding:0px 0px 10px 0px !important;}

/*PC SP切り替え*/
#pcsp_change{text-align: center;}
#pcsp_change a{color:#000;}

/*ギャラリー用*/
#gallerryBg{background-color:rgba(255,255,255,0.8);}
#gallerry{position:relative; padding:0px 35px 0px 0px;}
#gallerryNextBtArea {float:right;}
#gallerryBackBtArea{float:left;}
#gallerryNextBtArea a,#gallerryBackBtArea a{background:#679d2e; color:#fff; padding:2px 5px; text-decoration:none;}
.CloseBtArea{position:absolute; top:0px; right:0px;}
.CloseBtArea a{display:block; width:31px; height:31px; background:url(../../images/sys/close_bt.gif);}
#gallerryImageArea img{border:1px solid #767676;}
.CloseBtArea span{display:none;}

/*コンテンツ背景一括指定*/
#base_bg{
background-size:cover !important;
}
/*マウスオーバーリンク画像透過*/
a:hover img{
opacity:0.80;
}

/*明朝体*/
.serif{
font-family: "Times New Roman","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W6","游明朝","YuMincho","HG明朝E","HGS明朝E","HGMinchoE","ＭＳ Ｐ明朝","MS 明朝","MS PMincho","MotoyaLCedar","メイリオ","Meiryo",serif !important;
}
/*サイドエリアタイトル*/
.side_cont_ti {
font-family: "Times New Roman","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W6","游明朝","YuMincho","HG明朝E","HGS明朝E","HGMinchoE","ＭＳ Ｐ明朝","MS 明朝","MS PMincho","MotoyaLCedar","メイリオ","Meiryo",serif !important;
font-weight:400!important;font-style:normal!important;
font-size:17px;
text-align:left;
position:relative;
}
.side_cont_ti span{
font-size:12px;
}

/* タイトル指定 */
h3.ti_c_h3 {
margin: 50px 0px 20px;
padding: 0px;
color: #000;
font-size:21px;
font-weight:normal;
}
h3.ti_c_h3r {
margin: 50px 0px 20px;
padding: 0px;
color: #c8182d;
font-size:21px;
font-weight:normal;
}
h3.ti_c_h3b {
margin: 50px 0px 20px;
padding: 0px;
color: #004ac4;
font-size:21px;
font-weight:normal;
}
h3.ti_c_h3_gl{
margin: 50px 0px 20px;
padding: 2px 0px 0px 10px;
color: #fff;
font-size:17px;
font-weight:normal;
line-height:1.3;
background: url("../../images/side/side_crt_bg.png") repeat-y left bottom;
}
h3.ti_c_h3_gl_nm{
margin: 0px 0px 20px;
padding: 2px 0px 0px 10px;
color: #fff;
font-size:17px;
font-weight:normal;
line-height:1.3;
background: url("../../images/side/side_crt_bg.png") repeat-y left bottom;
}
h3.ti_c_h3_nm {
margin: 0px 0px 20px;
padding: 0px;
color: #000;
font-size:21px;
font-weight:normal;
line-height:1.3;
}
h3.ti_c_h3r_nm {
margin: 0px 0px 20px;
padding: 0px;
color: #c8182d;
font-size:21px;
font-weight:normal;
line-height:1.3;
}
h3.ti_c_h3b_nm {
margin: 0px 0px 20px;
padding: 0px;
color: #004ac4;
font-size:21px;
font-weight:normal;
line-height:1.3;
}
h3.ti_m_h3 {
margin: 30px 0px 20px;
padding: 0px 20px;
color: #000;
font-size:16px;
font-weight:normal;
}

h4.ti_c_h4 {
font-size:14px;
margin: 15px 0px 10px;
padding: 0px;
color: #000;
border-bottom: 1px solid #000;
}

h3.ti_n {
margin: 0px 0px 20px;
padding: 0px;
color: #558c20;
font-size:21px;
font-weight:normal;
float:left;
}
h3.ti_n_h3 span{
margin: 50px 0px 10px;
padding: 0px;
color: #000;
font-size:12px;
font-weight:normal;
display:block;
}

h4.ti_n_h4 {
font-size:14px;
margin: 15px 0px 10px;
padding: 0px;
color: #000;
border-bottom: 1px solid #000;
}

p.h_no {
margin: 0px;
padding: 0px;
}


/*キャラクター相性診断*/
.spItem {display:none;}
#CharaQa {
position: relative;
font-family:"メイリオ","Meiryo" !important;
}
.CharaQaT {
background: url("../../images/main/cont/qa/qa_frame_r.png") right top no-repeat;
}
.CharaQaB {
min-height: 530px;
background: url("../../images/main/cont/qa/qa_frame_l.png") left bottom no-repeat;
}
#qaTi {
position: absolute;
top: 0;
left: 0;
}
.StartBt {
position: absolute;
bottom: 103px;
left: 50px;
}
.topBt {
position: absolute;
bottom: 55px;
left: 170px;
}
#question {
display: none;
}
.qImg {
padding: 90px 0px 50px 40px;
}
.ati {
position: absolute;
top: 308px;
left: 40px;
}
#cms_block #ans {
margin-left: 110px;
}
#ans li {
margin-bottom: 5px;
}
#cms_block #ans a {
display:block;
width: 527px;
height: 30px;
padding: 10px 0px 0px 20px;
color: #333;
text-decoration: none;
}
#ans a.ans1 {
background: url("../../images/main/cont/qa/a_bg01.gif") left top no-repeat;
}
#ans a.ans2 {
background: url("../../images/main/cont/qa/a_bg02.gif") left top no-repeat;
}
#ans a.ans3 {
background: url("../../images/main/cont/qa/a_bg03.gif") left top no-repeat;
}
#ans a.ans4 {
background: url("../../images/main/cont/qa/a_bg04.gif") left top no-repeat;
}
#ans a.ans1:hover {
background: url("../../images/main/cont/qa/a_bg01o.gif") left top no-repeat;
}
#ans a.ans2:hover {
background: url("../../images/main/cont/qa/a_bg02o.gif") left top no-repeat;
}
#ans a.ans3:hover {
background: url("../../images/main/cont/qa/a_bg03o.gif") left top no-repeat;
}
#ans a.ans4:hover {
background: url("../../images/main/cont/qa/a_bg04o.gif") left top no-repeat;
}

.detBt {
position: absolute;
top: 403px;
left: 386px;
}
.tweetBt {
position: absolute;
top: 424px;
left: 60px;
}
.backBt {
position: absolute;
top: 476px;
left: 133px;
}
.StartBt span,.backBt span,.tweetBt span,.detBt span {
display:none;
}
.StartBt a {
display:block;
width: 344px;
height: 50px;
margin:0 auto;
background: url("../../images/main/cont/qa/qa_start_bt.jpg") left top no-repeat;
}
.tweetBt a {
display:block;
width: 284px;
height: 40px;
margin:0 auto;
background: url("../../images/main/cont/qa/tweet_bt.jpg") left top no-repeat;
}
.detBt a {
display:block;
width: 284px;
height: 80px;
margin:0 auto;
background: url("../../images/main/cont/qa/cara_det.jpg") left top no-repeat;
}
.detBt a:hover,
.tweetBt a:hover,
.StartBt a:hover {
opacity: 0.8;
}