@charset "utf-8";
/* CSS Document */

/*イメージ配置設定****************************************/
.left-img { float: left; margin: 0 8px 2px 0; }
.right-img { float: right; margin: 0 0 2px 8px; }
@media screen and (max-width: 480px) {
.right-img, .left-img { float:none; text-align:center; margin: 20px 0 2px 0; }
}
.a-img a:hover img { opacity:0.6; filter: alpha(opacity=60); }

/*フォントカラー設定****************************************/
.fb { font-weight: bold; }
.fcRed01 { color: #CC0000; }
.fcRed02 { color: #CC0000; text-decoration: underline; }
.fcBlue01 { color: #333399; font-size: 15px; font-weight: bold; }
.fcBlueBold { color: #006699; font-weight: bold; }
.u-line { text-decoration: underline; }
.fs12{ font-size: 1.2em !important;}


/*配置設定****************************************/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.va { vertical-align: middle; }

.txt-lbox { float: left; width: 48%; }
.txt-rbox { width: 48%; float: right; }
@media screen and (max-width: 480px) {
.txt-lbox { float: none; width: 300px; margin-bottom: 15px; }
.txt-rbox { width: 300px; float: none; }
}

/* Advanced settings
------------------------------------------------------------------------------------------------ */
.overf-auto { overflow: auto; }
.overf-hidden { overflow: hidden; }
.mt0 { margin-top: 0 !important; }
.mt25 { margin-top: 25px !important; }
.mt45 { margin-top: 45px !important; }
.mt55 { margin-top: 55px !important; }
.mb0 { margin-bottom: 0; }
.sp_R1em { padding: 0 1em 0 0; }
.sp_R2em { padding: 0 2em 0 0; }
.sp_R5em { padding: 0 5em 0 0; }
.sp_L1em { padding: 0 0 0 1em; }
.sp_L15em { padding: 0 0 0 1.5em; }
.sp_L2em { padding: 0 0 0 2em; }
.sp_L3em { padding: 0 0 0 3em; }
.sp_L35em { padding: 0 0 0 3.5em; }
.sp_L4em { padding: 0 0 0 4em; }
.sp_L7em { padding: 0 0 0 7em; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb1em { margin-bottom: 1.2em !important; }
.mb2em { margin-bottom: 2em !important; }
.mt15 { margin-top: 15px !important; }
.ml45 { margin-left: 45px !important; }
.ml145 { margin-left: 145px !important; }
.mr1em { margin-right: 1em !important; }
.mr2em { margin-right: 2em !important; }
.ml1em { margin-left: 1em !important; }
.ml2em { margin-left: 2em !important; }

.mT20B30{ margin: 20px 0 30px 0; }

.pr3 { padding-right: 3px !important; }
.pt3 { padding-top: 3px !important; }
.pt15 { padding-top: 15px !important; }
.clear { clear: both; }
/*CELARFIX*/
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \\*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.hr-blue{ border: 1px solid #1379DB;}
.border-red { border:1px solid red !important;}
.border-green { border: 6px double #44C3B2 !important;}
.hr-dotted{ border: 0; border-bottom: 1px dashed #666; }


/* cmn */
.ul-cmn { list-style: none outside; margin: 1em 0 0 0; padding: 0; }
.ul-cmn li { margin: 0 0 0.2em 0; padding: 0 0 0 24px; line-height: 1.8; background: url(../images/cmn/ul_cmn_bg.gif) no-repeat 8px 6px; }
.ul-cmn li li { background: none; list-style: circle; padding: 0; }

.ul-cmn-no { margin: 0; padding: 0; list-style: none; }
.ul-cmn-sq li{ list-style: square outside; margin-left: 20px; margin-top: 10px; }

.ul-nml { margin: 1em 0 0 1.2em; list-style: disc outside; }
.ul-nml li { margin: 0 0 .1em 0; }



.ol-number { margin: 0 0 0 2em; margin-left: -2em\9; padding-left: 50px\9; list-style: decimal outside; }
@media screen and (max-width: 768px) {
.ol-number div { float: none; margin: 0 auto 1em auto; width: 230px; }
}

.cmn-box { border: 1px solid #3B87B8; padding: 1em; }
.cmn-box-w { border: 1px solid #CCC; padding: 1em; background: #FFF; }


.dl-cmn-border { margin: 0 0 60px 0; width: 100%; }
.dl-cmn-border dt { margin: 2em 0 0 0; padding: 0; border-bottom: 1px solid #999; font-weight: bold; }
.dl-cmn-border dd { margin: 0.5em 0; }


.order-box{ background: #F0F2FF; margin: 20px 0; border: 1px solid #B9C9DD; }
.order-txt{ margin: 10px 20px; }



/* FORM
-------------------------------------- */
fieldset { margin: 40px 0 1em; padding: 0 1em 1em; border: 1px solid #CCC; background: #FFF; }
legend { margin: 0; padding: .5em .6em; border: 1px solid #999;font-size: 16px; background: #F5EBE9; }
.label-txt { margin: 1em 0 0.5em 0; border-bottom: 1px solid #CCC; display: block; }
input { margin: 0 0 0.7em 0; font-size: 14px; background-color: #F8F7F5; border: 1px solid #C3C3C3; }
textarea { margin: 0 0 1em 0; border: 1px solid #999; background: #F8F7F5; font-size: 14px; }
.btn-submit{ width: 100px; padding: 4px 0; }
@media screen and (max-width: 480px) {
/*
fieldset { padding: 0 6px; width: 94%; }
*/
fieldset { padding: 0 2.5%; width: 94%; }
legend { font-size: 14px; font-weight: bold; }
input { width: 90%; }
textarea { width: 90%; }
}

/* INDEX
-------------------------------------- */

.recommend{ width: 100%; background: #FFEACE; margin: 0 0 20px 0; }
.recommend-ttl{ background: #FF8E00; text-align: center; padding: 6px 0; }
.recommend-txt{ margin: 0 40px; padding: 0 0 20px 0; }

.idx-page-ttl { background: #4899C5; border-left: 6px solid #44C3B2; margin-bottom: 10px; padding: 12px 0 4px 8px; }


@media screen and (max-width: 480px) {
.recommend-ttl{ padding: 6px 10px 2px 10px; }
.recommend-txt{ margin: 0 14px; padding: 20px 0 20px 0; }
}

/* VOICE
-------------------------------------- */

.voice { margin-bottom: 20px; padding: 4px 0 0 34px; border: 1px dotted #FFCC33; background: #FFFFCC url(../images/cmn/voice_box_bg.gif) no-repeat 10px 8px;}
.voice-txt { overflow: hidden; margin: 10px 15px; }
.voice-name { float: right; padding: 0 1em 0 0; margin-bottom: 0; text-align: right; }
@media screen and (max-width: 480px) {
.voice-txt { margin: 4px 4px 0 12px; }
.voice-name { margin-bottom: 1em; }
}



/* FAQ
-------------------------------------- */
.faq { margin: 0 0 30px 0; padding: 6px 0 0 0; background: url(../images/cmn/faq_bg.jpg) no-repeat center bottom; }
.faq-ttl { background: #FFF0F0 url(../images/cmn/faq_q.gif) no-repeat 4px 4px; padding: 8px 4px 5px 36px; font-weight: bold; }
.faq-txt { background: url(../images/cmn/faq_a.gif) no-repeat 4px 4px; padding: 0 4px 20px 36px; margin: 10px 0 0 0; }
.faq-txt p { margin: 0 0 1em 0; padding: 0; }
.consul-txt { background: url(../images/cmn/consul_a.gif) no-repeat left top; padding: 0 0 30px 40px; margin-top: 5px; }
.consul-txt p { margin: 0 0 1em 0; padding: 0; }



/* TOKUTEISHOU
-------------------------------------- */
.dl-tokuteishou { margin: 0 0 40px 0; border-bottom: 1px dotted #999; display: inline-block; width: 630px; background: #EDF5F8 ; }
.dl-tokuteishou dt, .dl-tokuteishou dd { padding: .6em 10px; border-top: 1px dotted #999; display: block; float: left; }
.dl-tokuteishou dt { width: 150px; clear: both; }
.dl-tokuteishou dd { width: 440px; background: #FFF; }
@media screen and (max-width: 480px) {
.dl-tokuteishou dt { width: 49%; }
.dl-tokuteishou dd { width: 50%; }
}
.dl-society { margin: 0 0 40px 0; padding: 0; }
.dl-society dt { margin: 0; padding: 0 0 0 4px; border-bottom: 1px dashed #ccc; font-weight: bold; }
.dl-society dd { margin: 0 0 1em 0; padding: 0; }

.h2-privacy{ background: url(../images/cmn/cmn_h2_bg.gif) no-repeat left 10px; font-size: 1.1em !important; padding: 4px 0 2px 15px;  margin: 25px 0 20px; border-bottom: 1px dotted #666 !important; color: #3A86B8 !important; }


/* LINK
-------------------------------------- */
.dl-link { margin: 0; padding: 0; }
.dl-link dt { background: url(../images/cmn/li.gif) no-repeat left; margin: 0; padding: 0 0 0 30px; }
.dl-link dd { margin: 0; padding: 0 0 1em 30px; }


.free-mail-ttl { margin: 5px 0; padding: 2px 2px 2px 5px; background-color: #239027; border-left: 8px solid #5BD75F; font-weight: bold; 	font-size: 16px; color: #FFF; }


.sales01-talk-box { background: #FFFFF0; border: 1px solid #3B87B8; padding: 1em; }
.dl-sales01-talk {   }
.dl-sales01-talk dt, .dl-sales01-talk dd { clear: both; }
.dl-sales01-talk dt { background: url(../images/sales01/sales01_talk_bg_m1.gif) no-repeat; padding: 16px 46px 10px 40px; color: #036; }
.dl-sales01-talk dd { background: url(../images/sales01/sales01_talk_bg_m2.gif) no-repeat right; padding: 16px 40px 10px 40px; color: #360; text-align:right; }

.m-seminar-ttl{ background: #FFFFCD; padding: 2px 0; text-align: center; }


.dl-hurou-talk {   }
.dl-hurou-talk dt, .dl-hurou-talk dd { clear: both; }
.dl-hurou-talk dt { background: url(../images/hurou/hurou_talk_bg_m1.gif) no-repeat; padding: 16px 46px 10px 40px; color: #036; }
.dl-hurou-talk dd { background: url(../images/hurou/hurou_talk_bg_m2.gif) no-repeat right; padding: 16px 40px 10px 40px; color: #360; text-align:right; }


.mail-seminar-box { margin-bottom: 20px; border: 1px dotted #FFCC33; background: #FFFFCC url(../images/cmn/mail-seminar-box_bg.gif) no-repeat 14px 18px;}
.mail-seminar-box-txt { overflow: hidden; margin: 14px 15px 20px 15px; }
.mail-seminar-box-ttl { margin-left: 56px; }