@charset "utf-8";

#ct_contact * { letter-spacing:0em; }
.themS-h1 { 
    background-color: #FFFFFF;
    box-shadow: 0 0 4px rgba(112, 112, 112, 0.5);
    margin-bottom: 20px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;  btn-pink /* Firefox用 */
	overflow:hidden;
}
#ct_contact #Container h1 { margin:0; line-height:1em; padding:0; }
#ct_contact #Container .cl #side h3 { letter-spacing:-0.05em; padding-left:25px;
background:url(/img/contact/ico_arrow_d.png) no-repeat 0 0; line-height:1.2em; }
#ct_contact #Container .cl #side .menu li .menu_chld li {
	background-image:none; padding:0; margin:0; line-height:1.4em;
}
#ct_contact #Container .cl #side .menu.expnd li a { color:#B71B21;}
#ct_contact #Container .cl #side .menu.expnd li div.btn-expnd { color:#B71B21;
background: url("/common/img/icon-link-g.gif") no-repeat scroll 100% 50% transparent;
display: block; cursor:pointer;
padding: 10px 20px 9px 0; text-decoration: none;}

#ct_contact #Container .cl #side .menu.expnd li .menu_chld li a {
	background-image:none; padding:1px 0 1px 12px;   color:#888889;
}
#ct_contact #Container .cl #side .menu.expnd li { padding-bottom:10px;}

#ct_contact #Container .cl #side .link-btn a { letter-spacing:-0.05em; padding-left:25px;
background:url(/img/contact/ico_arrow_r.png) no-repeat 0 0; line-height:1.2em;
margin: 10px 15px; font-size: 17px; color: #B71B21; font-weight:bold; display:block;
font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho";
text-decoration:none; }
.link-btn a:link,.link-btn a:visited { text-decoration:none; }
.banner {
    border: 1px solid #CCCCCC;
    text-align: center;
}

ul#pickup_faq { padding-bottom:5px;}
ul#pickup_faq li { padding-left:25px; background:url(/img/contact/ico_q.png) no-repeat 0 0; margin-bottom:8px; }
ul#pickup_faq li a { line-height:1.2em; }

.ctgry_srch { padding-bottom:10px;}
.ctgry_srch .inner { margin: 20px 0 0 25px; }
.ctgry_srch .inner dl { width:320px; float:left; margin:0 10px 8px 0; min-height:48px; }
.ctgry_srch .inner dt, .ctgry_srch .inner dd { padding-left:55px; line-height:1.3em; }
.ctgry_srch .inner dt { font-size:1.2em; color:#B71B21; font-weight:bold;
font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho"; }
.ctgry_srch .inner dl#ctgry01 { background:url(/img/contact/ico_c01.gif) no-repeat 0 0;  clear:both;}
.ctgry_srch .inner dl#ctgry02 { background:url(/img/contact/ico_c02.gif) no-repeat 0 0; }
.ctgry_srch .inner dl#ctgry03 { background:url(/img/contact/ico_c03.gif) no-repeat 0 0; }
.ctgry_srch .inner dl#ctgry04 { background:url(/img/contact/ico_c04.gif) no-repeat 0 0; }
.ctgry_srch .inner dl#ctgry05 { background:url(/img/contact/ico_c05.gif) no-repeat 0 0; }
.ctgry_srch .inner dl#ctgry06 { background:url(/img/contact/ico_c06.gif) no-repeat 0 0; }
.ctgry_srch .inner dl#ctgry07 { background:url(/img/contact/ico_c07.gif) no-repeat 0 0;clear:both; }

h2.faq_ttl { width:100%; font-size:24px; position:relative;  }
h2.faq_ttl .h2cap { position:absolute; top:50%; right:0; margin-top:-6px; text-align:right; color:#555; font-size:12px;}

.faqbox h3 { padding:20px 120px 20px 50px; line-height:1.2em;
    box-shadow: 0 4px 4px -4px rgba(112, 112, 112, 0.5);
	background:url(/img/contact/ico_q.png) no-repeat 20px center;
	position:relative;
 }
.faqbox h3 .trgbtn { background:url(/img/contact/btn_close.gif) no-repeat 0 -19px;
position:absolute; top:50%; right:20px; margin-top:-9.5px; height:19px; width:97px; }
.faqbox h3.active .trgbtn { background:url(/img/contact/btn_close.gif) no-repeat 0 0; }
.faqbox .faqcont { padding:0px 20px 0px 50px; 
    background:url(/img/contact/ico_a.png) no-repeat 20px 5px; min-height:2em;
 }
.faqcont p { margin-bottom:0.5em; }
.faqbox p img { float:right; margin-left:10px; }
.faqbox .kanren_link { clear:both; display:block; margin-bottom:20px; padding-right:20px; 
text-align:right; line-height:1.2em; margin-right:20px;
background: url(/common/img/icon-link-g.gif) no-repeat scroll right 3px; }


/* contact top*/
.contact_inner { margin: 0 0 20px 12px;}
p.h1_lead { width:500px; }
h2.h2-ico, h2 .ico-qa { display:none; }
h2.faq_h2 { background:url(../../img/contact/qanda_h2.gif) no-repeat; display:block; text-indent:-9999em;
height:56px; }
.padl20 { padding-left:20px;}
.padl15 { padding-left:15px;}

ul.menu_chld { display:none;}
.inner-lbox { display:block; width:325px; float:left; margin:0 15px 20px 0;}
.inner-rbox { display:block; width:325px; float:left; margin:0 0 20px 0;}
.inner-fbox { display:block; clear:both; }
.inner-fbox h3 { padding-bottom:0.5em; border-bottom:dashed 1px #b81c22; }
.inner-lbox h3, .inner-rbox h3 { background-color:#b81c22; color:#FFFFFF; border-radius:3px; padding:8px 20px 7px; margin-bottom:15px; }
.clear { clear:both; }
ul#pickup_faq { padding-bottom:5px;}
ul#pickup_faq li { padding-left:25px; background:url(/img/contact/ico_q.png) no-repeat 0 0; margin-bottom:8px; }
ul#pickup_faq li a { line-height:1.2em; }

.list-btn li { display:block; float:left; width:145px; margin-right:7px; position:relative; margin-bottom:5px;}
.list-btn li a { display:block; padding:8px 0 7px 20px; border-radius:3px; font-size:13px; line-height:1em; font-weight:normal; }
.list-btn310 li { display:block; float:left; width:300px; margin-right:20px; position:relative; margin-bottom:10px;}
.list-btn310 li a { display:block; padding:8px 0 7px 20px; border-radius:3px; font-size:13px; line-height:1em; }
.list-btn310 li a.h50 { display:block; padding:18px 0 17px 16px; border-radius:3px; font-size:16px; line-height:1em; font-feature-settings: "palt";}
.list-btn310 li a.h50 small{font-size:13px;}

.other_contact .inner { padding:20px 0 0 25px}

/* btn_gray
--------------------*/
.btn-gray a {
	border: 1px solid #afafaf;
	color: #333333;
	font-weight:bold;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 51%, #EDEDED 51%, #D3D3D3 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(51%,#FFFFFF), color-stop(51%,#EDEDED), color-stop(100%,#D3D3D3)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D3D3D3',GradientType=0 ); /* ie */

	-webkit-box-shadow: inset 0px 0px 2px #ffffff,inset 0px -1px 0px #f4f4f4,0px 1px 0px #e0e0e0;
	-moz-box-shadow: inset 0px 0px 2px #ffffff,inset 0px -1px 0px #f4f4f4,0px 1px 0px #e0e0e0;
	box-shadow: inset 0px 0px 2px #ffffff,inset 0px -1px 0px #f4f4f4,0px 1px 0px #e0e0e0;
}
.btn-gray a .arrow-s { background:url(/img/contact/ico-arrow-sr.png) no-repeat;
width:7px; height:7px; position:absolute; top:50%; margin-top:-3.5px; left:10px; }


.boxtop-posi{position: absolute; right: 18px; top: 44px;}

.btn-pink.boxtop-posi a{
	display: block;
	width: 286px;
 text-align: center;
}

.tounyu-posi {
	position: absolute;
	top: 317px;
	left: 524px;
}
.tounyu-posi a { display:block; text-indent:-1000em; overflow:hidden; width:173px; height:64px; background:url(../../img/contact/btn_tounyu.gif) no-repeat 0 0; }
.tounyu-posi a:hover { background-position:0 -64px; }

/* btn_pink
--------------------*/
.btn-pink a {
display: block;
	border: 1px solid #c7aaab;
	padding: 14px 10px;
	text-decoration: none;
	box-sizing: border-box;
	color: #333333;
	font-weight:bold;
	border-radius: 5px;
	font-size: 13px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,228,229,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,228,229,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,228,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5e4e5",GradientType=1);
	-moz-box-shadow:0 0 4px 1px rgba(148, 136, 136, 0.3);
-webkit-box-shadow: 0 0 4px 1px rgba(148, 136, 136, 0.3);
-ms-box-shadow: 0 0 4px 1px rgba(148, 136, 136, 0.3);
box-shadow: 0 0 4px 1px rgba(148, 136, 136, 0.3);
}
.btn-pink a:hover{
	background: -moz-linear-gradient(180deg, rgba(245,228,229,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(245,228,229,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(245,228,229,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5e4e5",endColorstr="#ffffff",GradientType=1);
	-moz-box-shadow:0 0 3px 0 rgba(148, 136, 136, 0.5);
-webkit-box-shadow: 0 0 3px 0 rgba(148, 136, 136, 0.5);
-ms-box-shadow: 0 0 3px 0 rgba(148, 136, 136, 0.5);
box-shadow: 0 0 3px 0 rgba(148, 136, 136, 0.5);
}

.btn-pink a .txt { position:absolute; top:50%; margin-top:-6.5px; left:0px; letter-spacing:0; }
.btn-pink a .arrow-s { background:url(/img/contact/ico-arrow-sr.png) no-repeat;
width:7px; height:7px; position:absolute; top:50%; margin-top:-3.5px; left:10px; }
.btn-pink a .arrow-sm { background:url(../common/img/icon-link-r.gif) no-repeat;
width:11px; height:11px; position:absolute; top:50%; margin-top:-5.5px; left:10px; }
.btn-pink a .icon,.btn-pink a .icon-l{display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto 0}

.btn-pink a .icon{vertical-align:middle; right:16px;}
.btn-pink a .icon-l{vertical-align:bottom; left:10px;}

.otherbox{ text-align: center}
.otherbox > .btn-pink a{ margin: 0 auto;}
.otherbox .lbox350,.otherbox .lbox320{text-align: left}

.other_cont .btn-pink a{ width: 285px; text-align: center; position: relative;}
.other_cont .btn-pink a .icon-l,.other_cont .btn-pink a .icon{ position: absolute; top: 50%;}
.other_cont .btn-pink a .icon-l{ left: 8px; margin-top: -10px;}
.other_cont .btn-pink a .icon{right: 12px; margin-top: -4px;}

.contact-top { display:block; padding:10px; background: rgb(238,237,235);
background: linear-gradient(0deg, rgba(238,237,235,1) 0%, rgba(255,255,255,1) 100%); position:relative; }
h2#contact-h1 { margin:0 auto 23px; background: url("../../img/contact/h1_contactline.png") no-repeat 0 0; width: 668px; height:36px; text-indent: -9999px;}
h2#contact-h1 .txt { float:left; width:180px; margin-top:5px; font-size:24px; background:#FFF; display:none; }
#contact-h1 .h1_lead { font-size:14px; line-height:1.4em; width:360px; margin-left:180px; background:#FFF; display:none; }
.contact-box { background:url(/img/contact/top_contact.png) no-repeat 0 0; width:671px; height:332px; position:relative;}
.contact-box .boxinner { margin:10px;}
/*
.contact-box h3 { font-size:15px; color:#FFFFFF; padding:8px 0 0 20px; }
*/
.contact_inner h3.other_ttl { border-radius:4px; background-color:#b81c22; color:#FFF; font-size:15px; height:32px; width:662px; position:relative; }
h3.other_ttl .midtxt { position:absolute; top:50%; margin-top:-0.5em; left:20px; }
.contact-box h3,.contact-box h4, .contact-box p { display:none; }

.mgl20{margin-left:20px;}

/* contact=other */
#ct_contact #Container h1.h1_other { margin-bottom:30px; }
#ct_contact p.other_lead { letter-spacing:-0.02em; margin-bottom:15px; }
ul.other_nav { padding-bottom:35px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -10px;}
ul.other_nav:after{ display: block; content: ""}
ul.other_nav:after,ul.other_nav li { width: 24%}
ul.other_nav li{margin-bottom: 10px;}
ul.other_nav li a { display:flex; width:100%; height:39px; align-items: center; justify-content: center; border-radius: 4px; overflow:hidden; border: solid 1px #CCC; background: rgb(238,237,235); background: linear-gradient(0deg, rgba(238,237,235,1) 0%, rgba(255,255,255,1) 100%); line-height: 1.3; text-align: center; padding: 0.2em 0; position: relative; font-size: 12px; font-weight: 500}
ul.other_nav li a:before{content: "▼"; font-size: 44%; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto 0; height: 1em; line-height: 1}
/*
ul.other_nav li.nav01 { width:134px; }
ul.other_nav li.nav03 { width:149px; }
ul.other_nav li.nav04 { width:117px; }
ul.other_nav li.nav05 { width:184px; }
ul.other_nav li.nav06 { width:106px; margin-right:0; }
ul.other_nav li.nav01 a { background-position: -5px 0px ; }
ul.other_nav li.nav03 a { background-position:-144px 0px ; }
ul.other_nav li.nav04 a { background-position:-298px 0px ; }
ul.other_nav li.nav05 a { background-position:-420px 0px ; }
ul.other_nav li.nav06 a { background-position:-609px 0px ; }
*/

.padb20 { padding-bottom:20px; }
.btn195 a { display:block; padding:14px 0 14px 0px; border-radius:3px; font-size:13px; line-height:1em; width:195px; text-decoration:none; text-indent:25px; }
.btn198-60 a { display:block; border-radius:3px; font-size:13px; line-height:1em; width:193px; height:55px; text-decoration:none; text-indent:20px; }

.other_cont { padding:0; clear:both; }
.other_cont h2 { margin-bottom:10px; font-size:18px; }
.other_cont h2.redblk-txt { padding:10px 20px 9px; background:#B71B21; color:#FFF; }
.otherbox { padding-left:20px; overflow:hidden; }
.otherbox h3 { margin-bottom:10px; }
.lbox215 { width:210px; float:left; display:block; position:relative; }
.lbox235 { width:235px; float:left; display:block; position:relative; }
.lbox250 { width:250px; float:left; display:block; position:relative; }
.lbox320 { width:320px; float:left; display:block; position:relative; }
.lbox350 { width:350px; float:left; display:block; position:relative; }
.lbox420 { width:420px; float:left; display:block; position:relative; }
.lbox235 .boxtop-posi, .lbox250 .boxtop-posi, .lbox320 .boxtop-posi, .lbox350 .boxtop-posi, .lbox420 .boxtop-posi { top:45px; left:20px; }
.other-upper { width:670px; border-bottom:solid 1px #CCC; margin-bottom:10px; overflow:hidden; }
.boxtop-posi a .arrow-sm { background:url(/common/img/icon-link-r.gif) no-repeat;
width:11px; height:11px; position:absolute; top:50%; margin-top:-5.5px; left:10px; }

img.floatR { float:right; }
.floatR222 { float:right; width:220px; margin-right:20px; }
.floatR174 { float:right; width:174px; }
.floatR70 { float:right; width:70px; }
p.padl25 { padding-left:25px; font-size:12px; letter-spaceing:0; }


.noticeBox{ clear:both; padding:10px 0 0; border-top:1px solid #ccc; width:670px;}
#main .noticeBox p{margin-bottom:10px;}
#main .noticeBox ul.iconList{margin-bottom:0; line-height:1.1;}


.otherbox .btn-pink{ margin: 10px 0 20px 20px;}

