@charset "Shift_JIS";

/* ---------------青背景------------------ */

#suntory_contents {
    background-color: #142364;
}

#suntory_contents #contents_hd #outline_area{
	color: #fff;
}

.regist_confirm #contents_hd p {
    color: #fff;
}

#kantan_wrap {
    background-color: #142364;
}

#contents_hd .lead_caution {
    background: #142364;
}

#contents #form_wrapper .btca_box p.lead {
    color: #fff;
}

#sid_benefit {
    color: #fff;
}

#contents .link_list ul li a {
    color: #fff;
}

div#captcha_wrap p {
    color: #fff;
}

#contents .thanks_txt p.info {
    color: #fff;
}

/* #contents_hd #outline_area
============================================================ */
#contents_hd #outline_area h2,
#contents_hd #outline_area dl dt{
color:#eac555;
}

#outline_area ul li.pl1 {
padding-left: 1em;
}

#contents_hd #outline_area a{color:#00e;}

#contents_hd p.mt1,
#contents_hd ul li.mt1 {
margin-top: 1em;
}

#outline_area ul li.cl_red {
    color: #ff9a92;
}

@media screen and (max-width:767px){
#form_wrapper h2.tit {
margin-left: 0;
margin-bottom: 0;
}
}

/* #container.regist_confirm #contents #contents_hd p 確認画面テキスト
-------------------------------------------------- */
@media screen and (max-width:767px){
#contents_hd{
padding:0px 12px 20px 12px;
}
}

/*
#contents #form_wrapper #twitter.box( ACCOUNT )
======================================================================= */
#form_wrapper .box .red {
margin-top: 2px;
}

#form_wrapper .box > dl._err_err > dt {
background-color: #f9c;
width:248px;
}

#form_wrapper .box > dl._err_err > dd {
    background-color: #fff7ff;
}

#form_wrapper .box ._err_err {
border: 2px solid #f00 !important;
}


/* #form_wrapper h2.tit ■応募フォーム／■アンケート　タイトル帯
============================================================ */
#form_wrapper h2.tit{
color:#eac555;
}

/* #form_wrapper h2.tit ◆応募フォーム／◆アンケート　
============================================================ */
#form_wrapper h2.tit:before{
content:"\0025cf";
}

/* #form_wrapper .box　テーブルの背景、線色
============================================================ */
/*
#form_wrapper .box > dl,
#form_wrapper .box > dl:last-child,
#form_wrapper .box > dl > dt,
#form_wrapper .box > dl > dd,
#form_wrapper .box.mm_read > dl > dt,
#form_wrapper .box > dl.mm_read > dt,
#form_wrapper .box > dl.mm_read > dt{
border-color:#0e122b;
}

#form_wrapper .box > dl > dt,
#form_wrapper .box.mm_read > dl > dt,
#form_wrapper .box > dl.mm_read > dt{
background:#cfe8ff;
}

#form_wrapper .box.mm_read > dl > dd.bg,
#form_wrapper .box > dl.mm_read > dd.bg{
background:#cfe8ff;
}

@media screen and (max-width:767px){
#form_wrapper .box.mm_read > dl > dd.bg, #form_wrapper .box > dl.mm_read > dd.bg {
background: #c0e1ff;
}
}
*/

#contents #form_wrapper .btca_box h3 {
	background: #ccc;
}
/* #form_wrapper .box テーブル項目内の色関連
============================================================ */

#form_wrapper .box dl.serial dd .serial_box{background:#efefef;}

#form_wrapper #enquete dl dt em i,
#form_wrapper #enquete dl dt em strong{
color:#000;
}

#form_wrapper .box dl.mailmag dt span.to_sample a:before{background:#6cc;}
#form_wrapper .box dl.mailmag dt span.to_sample a:after{border-left:3px solid #fff;}
#form_wrapper .box dl.mailmag dd h3{color:#f39;}
#form_wrapper .box dl.mailmag dd .rihgt_txt p em{color:#f39;}
#form_wrapper .box dl.mailmag dd ul.caution li:last-child{color:#666;}

/*
#contents #form_wrapper テーブル・フォーム周り関連スタイル
======================================================================= */



/* =======================================================================
#contents .link_list 完了画面 #thanks_txt
======================================================================= */

#contents .thanks_txt p.info.mt1 {
margin-top: 1em;
}

#contents .thanks_txt p.info {
    text-align: left;
    width: 750px;
    margin: 0 auto;
}

@media screen and (max-width:767px){

#contents #form_wrapper .btca_box,
#contents .thanks_txt p.info{
text-align: left;
width: auto;
}

}


/* =============================================================================
他、背景色を変える際、色によっては変更したほうがよさそうな色部分
============================================================================= */

/* #contents .thanks_txt h2 完了、期限切れ、エラーページの見出し色
-------------------------------------------------- */
#contents .thanks_txt h2{color:#eac555;}

/* 確認画面、完了、期限切れ、エラーページのテキスト色
-------------------------------------------------- */
#contents #form_wrapper .btca_box,
#contents .type_msg p.lead{
color:#444;
}