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

.left-img { float: left; margin: 0 5px 2px 0; }
.right-img { float: right; margin: 0 0 2px 5px; }
.a-img a:hover img{ opacity:0.6; filter: alpha(opacity=60); }

/* CMN
------------------------------------------------------------------------------------------------ */

.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;}
.mt35 {margin-top: 35px !important;}
.ml45 {margin-left: 45px !important;}
.ml66 {margin-left: 66px !important;}
.ml1em {margin-left: 1em !important;}
.ml2em {margin-left: 2em !important;}
.pr3 { padding-right: 3px !important;}
.pt15 {padding-top: 15px !important;}
.tl { text-align: left !important;}
.tr { text-align: right !important;}
.tc { text-align: center !important;}
.lh1 {line-height: 1;}
.fb {font-weight: bold;}
.fr { float: right;}
.fl { float: left;}
.fs11 { font-size: .87em;}
.fs12 { font-size: 1.2em;}
.fcBlue01{ color: #0F158A;}
.fcRed01{ color: #990000;}
.nw { white-space: nowrap;}
.clear { clear: both;}
.tBorder { border:1px solid red;}
.noline { text-decoration:none;}
.u-line { text-decoration:underline;}

.layout-right, .layout-left{ width: 300px; margin-bottom: 1em; }
.layout-left { float: left;  }
.layout-right {  float: right; }
@media screen and (max-width: 768px){
.layout-right, .layout-left
 { float: none; margin: 0 auto; width: 100%;}
}

.txt-caption{ font-size: .87em; font-weight: bold; margin-top: .2em; }

.dl-cmn-border dt{ border-bottom: 1px dotted #999; margin: 1em 0 .4em 0; padding: 0 0 .1em 0;min-height: 20px; font-weight: bold;}
.dl-cmn-border dd{ margin: 0 0 .4em 0;}

.ol-number{ list-style: decimal; margin: 0 0 0 2.4em; }

/* cmn */
.ul-cmn{ list-style: none outside; margin: 0 0 0 4px; padding: 0; } 
.ul-cmn li{ margin: 0 0 0.1em 0; padding: 0 0 0 14px; background: url(../images/li_cmn.gif) no-repeat left top; }

.ul-check li { list-style: none; padding:0 0 0 30px; margin: 0.4em 0 0.2em 0; background: url(../images/li_check.gif) no-repeat left top; }

.cmn-box{ background: #F9F9F9; border: 1px solid #FF9900; padding: 1em;}


.ul-nml{ list-style: disc outside; margin: 0 0 0 0.8em; padding: 0; }
.ul-nml ul{ list-style: circle outside; margin: 0 0 0 0.8em; padding: 0; }


.ol-bold{ color:#900; font: italic normal bold 20px/160% Georgia, sans-serif;list-style: decimal; margin: 0 0 0 2.4em; }
.ol-bold li{ margin: 0; padding: 0; }
.ol-bold li p{ color: #333; font: normal normal normal 14px/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
.ol-bold li span{ color: #333; font: normal normal bold 14px/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }


.cmn-box{ background: #FFFFF0; border: 1px solid #999; padding: 1em;}

.btn-action{ clear: both; text-align: center; margin: 60px 0 80px 0;}


.ttl-img{ margin: 0 0 1em 0; background: url(../images/ttl_bg.jpg) no-repeat bottom left; padding: 0 0 14px 20px; }
@media screen and (max-width: 768px){
.ttl-img{ background: url(../images/ttl_bg_nonpc.jpg) no-repeat bottom left; padding: 0 0 12px 16px; }
}

/* FORM 
------------------------------------------------------------------------------------------------ */

fieldset{margin: 20px 0 1em;padding: 0 1em 1em;border: 1px solid #7B818A;}
legend{margin: 0;padding: 0.5em 1em;border: 1px solid #999;font-size: 16px;background: #C5D2EA;color: #012059;}
.label-txt{margin: 1em 0 0.5em 0;border-bottom: 1px dashed #999;display: block;}
input{margin: 0 0 0.7em 0;font-size: 14px;background-color: #F8F7F5;border: 1px solid #C3C3C3;width:80%;}
textarea{ margin: 0 0 1em 0; border: 1px solid #999; background: #F8F7F5; font-size: 14px;width:80%; }

.btn-submit{width:150px !important;}



/*トップページ****************************************/
#rec-box{ width: 600px; margin: 0 auto 30px auto;}
.rec {background: url(../images/idx_rcmnd_bg.jpg) no-repeat;height: 230px;width: 598px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.rec .txt {width: 450px;padding-top: 20px;padding-left: 25px;}
.rec ul { list-style: none outside; margin: 10px 0 0 30px;padding: 0;}
.rec li { background: url(../images/idx_rcmnd_li.gif) no-repeat top left; margin: 0; padding: 0 0 14px 20px; font-weight: bold; }

.idx-box-1{ background:url(../images/idx_box_1.gif) no-repeat; width: 536px; height: 250px; margin: 0 0 40px 66px; }
.idx-box-1 ul{ margin: 0; padding: 30px; list-style: none outside;}
.idx-box-1 li{ background:url(../images/idx_box_1_li.gif) no-repeat top left; margin:0; padding: 0 0 6px 24px; }

.idx-box-2{ background:url(../images/idx_box_2.jpg) no-repeat; width: 536px; height: 380px; margin: 0 0 40px 66px; }
.idx-box-2 dl{ margin: 0; padding: 30px 20px 20px 20px; display: inline-block; width: 490px;}
.idx-box-2 dt{ margin:0 0 15px 0; padding: 0; display: block; float: left; width: 130px; clear: both; }
.idx-box-2 dd{ margin:0 0 32px 0; padding: 0; display: block; float: right; width: 350px; }
.idx-box-2 dd img{ margin-bottom: 10px; }

.idx-box-3{ background:url(../images/idx_box_3.gif) no-repeat; width: 566px; height: 193px; margin: 0 0 40px 66px; }
.idx-box-3 ul{ margin: 0; padding: 30px; list-style: none outside;}
.idx-box-3 li{ background:url(../images/idx_box_3_li.gif) no-repeat top left; margin:0; padding: 0 0 8px 20px; }

.idx-box-4{ margin-left: 45px;}

/* _768_ */
@media screen and (max-width: 768px){
#rec-box{ width: 260px; }
.rec { background: url(../images/idx_rcmnd_bg_s.jpg) no-repeat;height: 200px;width: 258px; }
.rec .txt {width: 230px;padding-top: 20px;padding-left: 15px;}
.rec ul { margin: 0;}
.rec li { padding: 0 0 14px 16px; }

.idx-box-1{ width: 100%; height: auto; margin: 0 0 20px 0; border: 1px solid #ccc; background: #FDE9DF url(../images/idx_box_bg.gif) no-repeat bottom left; }
.idx-box-1 ul{ padding: 20px; }

.idx-box-2{ width: 100%; height: auto; margin: 0 0 20px 0; border: 1px solid #ccc; background: #FDE9DF url(../images/idx_box_bg.gif) no-repeat bottom right; }
.idx-box-2 dl{ display: inline-block; width: 280px;}
.idx-box-2 dt{ float: none; margin-bottom: 10px; }
.idx-box-2 dd{ clear: both; margin-bottom: 20px;float: none; width: 220px;}

.idx-box-3{ width: 100%; height: auto; margin: 0 0 20px 0; border: 1px solid #ccc; background: #FDE9DF url(../images/idx_box_bg.gif) no-repeat bottom left; }
.idx-box-3 ul{ padding: 20px; }

.idx-box-4{ margin-left: 0;}
}
/* _768_ */


.dl-treat{ margin: 0 0 1em 0; padding: 0; width: 260px; }
.dl-treat dt{ font-weight: bold; border-bottom: 1px solid #999999; margin: 1.2em 0 0 0; }
.dl-treat dd{ padding: 0 0 0 20px; margin: 0; }


/* FEE */
.tbl-fee{ border-top: 1px solid #CCC; border-left: 1px solid #CCC; width: 400px; margin-bottom: 40px; }
.tbl-fee th{ border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #E6F2FF; padding:0.5em; }
.tbl-fee td{ border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 0.5em; text-align: right;}

.dl-fee{ margin: 0; padding: 0; width: 200px;}
.dl-fee dt{ margin: 0 0 -1.6em 0; padding: 0 0 0 20px; background: url(../images/li_cmn.gif) top left no-repeat; }
.dl-fee dd{ margin: 0; padding: 0 0 0 100px; display: block; text-align: right;}

@media screen and (max-width: 768px){
.tbl-fee{ width: 100%; }
}


/* POLICY */
.ol-policy{ list-style: none; margin: 0; padding: 0; }
.ol-policy li{ background: url(../images/policy_bg.jpg) top left no-repeat; padding: 16px 20px; height: 100px; _height: 140px; text-align: center;}
@media screen and (max-width: 768px){
.ol-policy{ width: 260px; margin: 0 auto; }
.ol-policy li{ background: url(../images/policy_bg_s.jpg) top left no-repeat; padding: 10px 16px; height: 140px; _height: 180px; text-align: center;}
}


/* FAQ */
.info { width: 600px;background: url(../images/inf_bg.gif) repeat-y;margin: 0 0 25px;padding: 0;}
.info .title { background: #69BCE9 url(../images/inf_head.gif) no-repeat;padding: 10px 0 12px 44px; color: #FFF;font-size: 1.3em;font-weight: bold;}
.info .text { background: url(../images/inf_foot.gif) no-repeat bottom;margin: 0;padding: 12px 20px 0 14px;}
.info .text-in { background: url(../images/faq_a.gif) no-repeat top left; margin: 0;padding: 6px 0 20px 32px;}
.text-in p{ margin: 0; padding: 0 0 1em 0;}
.title a:hover{ text-decoration: none; color: #FFF; }

@media screen and (max-width: 768px){
.info { width: 260px; margin: 0 auto 25px auto; background: url(../images/inf_bg_s.gif) repeat-y;}
.info .title { font-size: 1.2em; height: auto;background:  #69BCE9 url(../images/inf_head_s.gif) no-repeat; padding: 8px 10px 6px 44px;}
.info .text { background: url(../images/inf_foot_s.gif) no-repeat bottom; padding: 0px 14px 0 14px;}
.info .text-in { padding-bottom: 0;}
}


/* 会社概要・特商ページ */
.company dl {  margin: 0 0 1em 0; padding: 0; text-align: left; border-bottom: 1px #CCC solid; }
.company dl dt {font-weight: bold;margin: 0 0 -1.6em;padding: 0.5em 0 0.2em 0.5em;border-top: 1px #CCC solid;} 
.company dl dd {padding: 0 0 0.2em 9em;}
@media screen and (max-width: 768px){
}


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