@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 !important; }
.tr { text-align: right; }
.va { vertical-align: middle; }

.m-auto{ margin-right: auto; margin-left: auto; }

.float-l{ float: left; }
.float-r{ float: right; }

.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-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 !important; }
.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; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml45 { margin-left: 45px !important; }
.ml145 { margin-left: 145px !important; }
.ml1em { margin-left: 1em !important; }
.ml2em { margin-left: 2em !important; }
.mr10 { margin-right: 10px !important; }

.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 */


.layout-right, .layout-left { width: 49%; margin-bottom: .5em; }
.layout-left { float: left; }
.layout-right { float: right; }
@media screen and (max-width: 480px) {
.layout-right, .layout-left { width: 100%; float: none; }
}


.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.8em; list-style: disc outside; }
.ul-nml li { margin: 0 0 .1em 0; }



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


.box-half{ width: 50%; }
.box-200{ width: 200px; }
.box-250{ width: 250px; }
@media screen and (max-width: 480px) {
.box-half{ width: 300px; }
.box-200{ margin: 0 auto; }
.box-250{ margin: 0 auto; }
}

.img-border{ border: 1px solid #666;}

/* FORM
-------------------------------------- */
.tbl-form{ width: 100%; margin-bottom: 40px; }
.tbl-form th{ text-align: left; width: 50%; font-weight: normal; padding: .2em 0;}
.tbl-form td{ padding: .2em 0; }
.form-solid { width: 100%; font-size: medium; }
.btn-submit-request{ width: 50%; margin: 10px auto 40px auto; }
.btn-submit-free{ width: 24%; margin: 10px auto 40px auto; }
@media screen and (max-width: 768px) {
.tbl-form th{ width: 40%; }
.form-solid { width: 96%; }
.btn-submit-request{ width: 100%; margin: 10px auto 40px auto; padding: 4px 0; }
.btn-submit-free{ width: 50%; margin: 10px auto 40px auto; padding: 4px 0; }
}

.tbl-form-free{ width: 70%; margin-bottom: 40px; margin: 0 auto; border-top: 1px solid #AAA; border-left: 1px solid #AAA; border-collapse: 0; border-spacing: 0; }
.tbl-form-free th{ text-align: left; width: 42%; font-weight: normal; padding: .2em 1%; background: #DFDFDF; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; }
.tbl-form-free td{ padding: .2em 1%; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; text-align: left; }
@media screen and (max-width: 480px) {
.tbl-form-free{ width: 100%; }
.tbl-form-free th{ width: 40%; }
}


/* VOICE */
.voice-box{	font-size: 12px; line-height: 18px; padding: 6px; border: 1px solid #0086B3; margin-bottom: 40px; overflow: hidden; }
.voice-img{ border: 5px solid #0c0; width: 250px; }
.voice-txt{ width: 50%; }

@media screen and (max-width: 480px) {
.voice-box{	margin-bottom: 30px; }
.voice-box .float-l, .voice-box .float-r{ float: none; margin: 4px auto; }
.voice-img{ width: 96%; }
.voice-txt{ width: 100%; }
}

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

.tbl-idx-style{ width: 100%; margin-bottom: 40px; border-top: 1px solid #AAA; border-left: 1px solid #AAA; border-collapse: 0; border-spacing: 0; }
.tbl-idx-style thead th{ background: #DFDFDF; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; padding: .4em .6em; }
.tbl-idx-style tbody th{ border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; padding: .4em .6em; }
.tbl-idx-style td{ border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; padding: .2em .6em; }

@media screen and (max-width: 480px) {
.tbl-idx-style{ border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; }
.tbl-idx-style thead{ display: none; }
.tbl-idx-style tbody{ display: block; }

.tbl-idx-style tbody tr{ display: block; margin-bottom: 1.5em; }
.tbl-idx-style tbody th{ display: block; border: none; background: #CCC; }
.tbl-idx-style tbody td{ display: list-item; border: none; list-style: none; }

.tbl-idx-style tbody td:nth-of-type(1):before { content: "[提供方法]　"; }
.tbl-idx-style tbody td:nth-of-type(2):before { content: "[費用]　"; }
.tbl-idx-style tbody td:nth-of-type(3):before { content: "[概要]　"; }

}


.tbl-form-campaign{ width: 60%; margin-bottom: 40px; margin: 0 auto; border-top: 1px solid #AAA; border-left: 1px solid #AAA; border-collapse: 0; border-spacing: 0; }
.tbl-form-campaign th{ padding: .2em 1%; background: #DFDFDF; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; }
.tbl-form-campaign td{ padding: .2em 1%; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; }
@media screen and (max-width: 480px) {
.tbl-form-campaign{ width: 100%; }
}

.box-youtube{ width: 544px; height: 306px; overflow: hidden; margin: 0 auto 5px auto; }
@media screen and (max-width: 480px) {
.box-youtube{ width: 300px; height: 168px; }
}


.box-manifest{ width: 31%; margin: 0 1% 0 1%; float: left; }
@media screen and (max-width: 480px) {
.box-manifest{ width: 100%; margin-right: 0; float: none; }
}


.tbl-form-contactssl{ width: 80%; margin-bottom: 40px; margin: 0 auto; border-top: 1px solid #AAA; border-left: 1px solid #AAA; border-collapse: separate; border-spacing: 1; }
.tbl-form-contactssl th{ text-align: left; width: 42%; font-weight: normal; padding: .2em 1%; background: #DFDFDF; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; }
.tbl-form-contactssl td{ padding: .2em 1%; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; text-align: left; }
@media screen and (max-width: 480px) {
.tbl-form-contactssl{ width: 100%; }
.tbl-form-contactssl th{ width: 40%; }
}