/* CSS Document */
#contact_contents{
width:960px;
float:lift;
text-align:left;
margin-top:5px;
margin-bottom:5px;
padding-bottom:0px;
}

#contact_contents #detail_top{
width:960px;
height:23px;
}

#contact_contents #detail_top p.pan{
margin-top:0px;
width:960px;
height:23px;
float:left;
margin-top:0px;
}

#contact_contents #detail_title{
clear:both;
background-color:#b4ddf7;
width:960px;
margin:5px 0px 0px 0px;
}

#contact_contents #detail_title h2.detail_title01{
background:url(/images/contact/arrow.gif) no-repeat 5px 11px;
margin-left:5px;
font-size:14px;
font-weight:bold;
padding:10px 0px 10px 0px;
padding-left:15px;
width:960px;
}

#contact_contents h3.detail_title02{
color:#1285D0;
margin:10px 0px 10px 5px;
font-size:12px;
}

#contact_contents h3.mail_title02{
margin:10px 0px 10px 5px;
font-size:17px;
}

#contact_contents #mail_main{
border-bottom:5px #B4DDF7 solid;
height:22px;
margin-top:15px;
}

#contact_contents #mail_main ul.mail_menu{
list-style:none;
}

#contact_contents #mail_main ul.mail_menu li{
list-style:none;
float:left;
margin-left:0px;
}
#contact_contents #mail_main li#mail_menu01{
background:url(/images/contact/manage_menu.gif) no-repeat top;
width:134px;
height:22px;
text-indent:-9999px;
}

#contact_contents table.mail_box{
width:960px;
border:#d4d4d4 1px solid;
text-align:left;
margin-top:0;
margin-bottom:20px;
font-weight:normal;
}

#contact_contents table.mail_box02 {
width:960px;
text-align:left;
margin-top:0;
margin-bottom:20px;
font-weight:normal;
}

#contact_contents th.mail_box_th{
width:200px;
padding:5px 0px;
padding-left:11px;
border-bottom:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
background-color:#eeeeee;
font-size: 16px;
text-align: left;
}

#contact_contents th.mail_box_th01{
/*width:550px;*/
padding:5px 0px;
padding-left:5px;
border-right:#d4d4d4 1px solid;
background-color:#eeeeee;
}

#contact_contents th.mail_box_th02{
padding:5px 0px;
padding-left:5px;
background-color:#eeeeee;
}

#contact_contents th.mail_box_th_title{
padding:5px 0px;
padding-left:5px;
border-bottom:#d4d4d4 1px dotted;
}

#contact_contents th.mail_box_th_title01{
padding:5px 0px;
padding-left:5px;
border-bottom:#d4d4d4 1px dotted;
background-color:#F9F9F9;
}


#contact_contents th.mail_box_th_title02{
padding:20px 0px;
padding-left:5px;
background-color:#F9F9F9;
text-align:center;
}

#contact_contents th.mail_box_th_title03{
padding-left:5px;
text-align:center;
}

#contact_contents td.mail_box_td{
padding:10px 0px;
padding-left:5px;
border-bottom:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
}



#contact_contents td.mail_box_td01{
padding:10px 0px;
padding-left:10px;
padding-right: 10px;
border-bottom:#d4d4d4 1px solid;
font-size: 16px;
}


#contact_contents td.mail_box_td01 table td div input{
height: auto;
}

#contact_contents td.mail_box_td01_01{
padding:10px 0px;
padding-left:5px;
padding-right:5px;
border-bottom:#d4d4d4 1px solid;
}

#contact_contents td.mail_box_td01_02{
padding:10px 0px;
padding-left:5px;
padding-right:5px;
border-bottom:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
}

#contact_contents td.mail_box_td02{
padding:10px 0px;
padding-left:5px;
border-right:#d4d4d4 1px solid;
}

#contact_contents td.mail_box_td03{
padding:10px 0px;
padding-left:5px;
}


#contact_contents td.mail_box_td04{
padding:10px 0px;
padding-left:5px;
background-color:#eeeeee;
}




#contact_contents th.mail_check{
width:30px;
padding:5px 0px;
padding-left:5px;
border-bottom:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
background-color:#eeeeee;
}

#contact_contents th.mail_date{
width:100px;
padding:5px 0px;
padding-left:5px;
border-bottom:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
background-color:#eeeeee;
}

#contact_contents th.mail_date01{
width:100px;
padding:5px 0px;
padding-left:5px;
border-right:#d4d4d4 1px solid;
background-color:#eeeeee;
}

#contact_contents th.mail_date02{
padding:5px 0px;
padding-left:5px;
background-color:#eeeeee;
}

#contact_contents th.mail_date02_2{
padding:5px 0px;
padding-left:5px;
padding-right:5px;
background-color:#eeeeee;
}

#contact_contents th.mail_from{
width:235px;
padding:5px 0px;
padding-left:5px;
border-bottom:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
background-color:#eeeeee;
}

#contact_contents th.mail_box_th01{
padding:5px 0px;
padding-left:5px;
border-right:#d4d4d4 1px solid;
background-color:#eeeeee;
}




#contact_contents td.mail_box_td input{
height:15px;
width:15px;
margin-left:5px;
}

#contact_contents td.mail_box_td02 input{
height:15px;
width:15px;
margin-left:5px;
}


#contact_contents td.mail_box_td_dot{
padding-top: 7px;
padding-bottom: 0px;
padding-left:10px;
padding-right: 10px;
border-bottom: none;
font-size: 16px;
}

#contact_contents p.mail_btn{
margin:0px;
padding:0px;
margin-top:5px;
height:20px;
}

#contact_contents p.mail_btn img{
margin:0px;
padding:0px;
margin-top:5px;
}

#contact_contents #mail_main00{
border-bottom:5px #B4DDF7 solid;
height:22px;
margin-top:15px;
}

#contact_contents #mail_main00 ul.mail_menu00_01{
list-style:none;
}

#contact_contents #mail_main00 ul.mail_menu00_01 li{
list-style:none;
float:left;
margin-right:3px;
margin-left:8px;
}
#contact_contents #mail_main00 li#mail_menu00_02{
background:url(/images/contact/manage_menu00.gif) no-repeat top;
width:83px;
height:22px;
text-indent:-9999px;
}

/*応募*/
#contact_contents table.apply{
/*width:450px;*/
width:99%;

}

#contact_contents input.submit_btn{
padding:10px 35px 10px 35px;
font-size:16px;
}

#contact_contents input.submit_btn01{
margin-top:10px;
}

#contact_contents .must{
color:#FF0000;
font-weight:normal;
font-size:16px;
font-weight: bold;
margin-bottom: 10px;
}

#contact_contents .nini{
color:#000000;
font-weight:normal;
font-size:16px;
font-weight: bold;
}

#contact_contents #mail_main{
border-bottom:3px #85c9f6 solid;
width:960px;
height:31px;
margin-top:15px;
}

#contact_contents #mail_main ul.apply_menu{
list-style:none;
}

#contact_contents #mail_main ul.apply_menu li{
list-style:none;
float:left;
margin-left:0px;
}

#contact_contents #mail_main li#apply_menu01{
background:url(/images/contact/f_app.jpg?1) no-repeat top;
width:226px;
height:23px;
text-indent:-9999px;
}

#contact_contents #mail_main li#apply_menu02{
background:url(/images/contact/f_info.jpg) no-repeat top;
width:125px;
height:23px;
text-indent:-9999px;
}

#contact_contents #mail_main li#apply_menu03{
background:url(/images/contact/profile01.gif) no-repeat top;
width:245px;
height:22px;
text-indent:-9999px;
}

#contact_contents #mail_main02 li#apply_menu04{
background:url(/images/contact/password01.gif) no-repeat top;
width:124px;
height:22px;
text-indent:-9999px;
}

#contact_contents #mail_main li#contact_menu01{
background:
url(/images/contact/contact01.gif) no-repeat top;
width:134px;
height:22px;
text-indent:-9999px;
}

#contact_contents #mail_main01{
border-bottom:5px #B4DDF7 solid;
height:22px;
margin-top:15px;
}

#contact_contents #mail_main01 ul.apply_menu01{
list-style:none;
}

#contact_contents #mail_main01 ul.apply_menu01 li{
list-style:none;
float:left;
margin-left:8px;
}

#contact_contents #mail_main01 li#apply_menu03{
background:
url(/images/contact/profile01.gif) no-repeat top;
width:172px;
height:22px;
text-indent:-9999px;
}


#contact_contents p.mail_text{
margin-left:5px;
}

#contact_contents .rule{
padding:0px;
width:450px;
height:100px;
overflow:auto;
border:#cccccc 1px solid;
padding:5px 5px 5px 5px;
}

/*パスワード照会*/
#contact_contents #mail_main02{
border-bottom:5px #B4DDF7 solid;
width:960px;
height:22px;
margin-top:15px;
}

#contact_contents #mail_main02 ul.apply_menu03{
list-style:none;
}

#contact_contents #mail_main02 ul.apply_menu03 li{
list-style:none;
float:left;
margin-left:8px;
}

/*退会手続き*/
#contact_contents #mail_main_quit{
border-bottom:5px #B4DDF7 solid;
height:22px;
margin-top:15px;
width:960px;
}

#contact_contents #mail_main_quit ul.quit01{
list-style:none;
}

#contact_contents #mail_main_quit ul.quit01 li{
list-style:none;
float:left;
margin-left:8px;
}

#contact_contents #mail_main_quit li#quit02{
background:
url(/images/contact/quit01.gif) no-repeat top;
width:93px;
height:22px;
text-indent:-9999px;
}




#contact_contents th.mail_date03{
padding:5px 0px;
padding-left:5px;
border-right:#d4d4d4 1px solid;
border-bottom:#d4d4d4 1px solid;
background-color:#eeeeee;
}

#contact_contents th.mail_date03_01{
padding:5px 0px;
padding-left:5px;
border-right:#d4d4d4 1px solid;
border-bottom:#d4d4d4 1px solid;
background-color:#eeeeee;
width:100px;
}

#contact_contents ul#remainder{
list-style:none;
margin-top:15px;
}

#contact_contents ul#remainder li{
margin-bottom:5px;
}

#contact_contents p#remainder01{
color:#FF0000;
}

#contact_contents input.remainder02{
width:250px;
padding:0px 0px;
margin-bottom:0px;
}

#contact_contents td.mail_box_td05{
padding:10px 0px;
padding-left:5px;
border-bottom:#d4d4d4 1px dotted;
}


/* 20110521 追加 */
.info_tbl{
	margin-top: 0px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
.info_tbl th{
	padding: 11px 133px 11px 11px;
	background-color: #c5e5f9;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #cccccc;
}
.info_tbl td{
	padding-top: 11px;
	padding-left: 14px;
	padding-bottom: 11px;
	font-size: 16px;
	border: 1px solid #cccccc;
	padding: 7px;
}

.add_offer{
	margin-top: 17px;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	font-weight: bold;
	color: #646464;
}

.add_offer span{
	font-weight: bold;
	font-size: 23px;
	color: #ff0000;
}

.btnCenter{
	margin: 10px 0 20px 0;
	text-align: center;
}

.check_box{
    width:30px;
    height:100px;
    background-color:#E8E8E8;
    float:left;
    margin-right:7px;
}


.check_box input{
    margin:40px 0 0 9px;
}

.other_box02{
    width:480px;
    height:110px;
    margin-top:0px;
    float:left;
    margin-bottom:0px;
}

.other_box02 dl{
    float:left;
    width:440px;
}

.other_box02 dl dt{
    width:130px;
    float:left;
    margin-right:10px;
    line-height:1.5em;
}


.other_box02 dl dd{
    width:290px;
    height:14px;
    float:left;
    display:block;
    margin-bottom:3px;
    overflow:hidden;
}

.other_box02 dl dd.other_ditail{
    width:290px;
    height:104px;
    background-color:#FBF5E7;
    display:block;
}

.other_box02 dl dd.other_ditail dl{
    margin-left:5px;
    margin-top:5px;
}


.other_box02 dl dd.other_ditail dl dt{
    width:20px;
    float:left;
    margin-right:5px;
    font-weight:bold;
}

.other_box02 dl dd.other_ditail dl dd{
    width:240px;
    float:left;
    display:block;
    height:26px;
    color:#5C4330;
    font-size:12px;
    overflow:hidden;
}
.other_title{
    width:270px;
    height:17px;
    margin-bottom:15px;
}

/* 20131122 追加分ここから */
.mail_box_bgbl{
	padding:10px 5px;
	background-color:#e2f1fb;
	border-bottom:#d4d4d4 1px solid;
}


.kyujin_box{
	display:table;
	width:100%;
	height:auto;
	border-bottom:1px solid #d4d4d4;
}

.kyj_check_box, .kyj_img_box, .kyj_txt_box{
	display:table-cell;
}

.kyj_check_box{
	width:30px;
	background-color:#E8E8E8;
	text-align:center;
	vertical-align:middle;
}
.kyj_img_box{
	width:100px;
	text-align:center;
	padding:5px;
}
.kyj_txt_box{
	width:auto;
	vertical-align:top;
	padding:5px;
	
}

.kyj_txt_box dl{
	width:100%;
	margin: 0 0;
}
.kyj_txt_box dl dt, .kyj_txt_box dl dd{
	display:table-cell;
}

.kyj_txt_box dl dt{
	padding:3px 0 0;
	width:25px;
	vertical-align:top;
}
.kyj_txt_box dl dd{
	padding:0;
	vertical-align:middle;
}

/* 20131122 追加分ここまで */

/* 20141120 追加分開始 */

#header {
    background: url("/images/contact/bg-header.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 75px;
    position: relative;
}




.ttl_nav {
    margin: 25px 0 27px;
}

.ttl_nav ul li {
    float: left;
    list-style-type: none;
}

.check_b{
	background-color: #fbf5e7;
	width: 901px;
	margin: 0 auto;
}

.check_con{
	width: 859px;
	padding: 0 20px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.check_bo{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 17px;
	border-bottom: 1px dashed #bca268;
}

.check_bo2{
	padding-bottom: 20px;
	margin-bottom: 17px;
}

.check_bo3{
	padding-bottom: 20px;
	margin-bottom: 17px;
	border-bottom: 1px dashed #bca268;
}

.c_in{
	float: left;
	width: 13px;
	padding-top: 37px;
	padding-bottom: 37px;
	padding-right: 20px;
}

.c_photo{
	float: left;
	width: 114px;
}

.c_info{
	text-align: left;
	float: left;
	width: 650px;
	font-size: 16px;
	padding-left: 10px;
}

.check_bo dl dt{
	margin-bottom: 10px;
}

.check_bo dl dd{
	margin-bottom: 10px;
}

.check_bo2 dl dt{
	margin-bottom: 10px;
}

.check_bo2 dl dd{
	margin-bottom: 10px;
}

.check_bo3 dl dt{
	margin-bottom: 10px;
}

.check_bo3 dl dd{
	margin-bottom: 10px;
}

.icon_01{
	background: url("/images/contact/icon01.jpg") ;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.icon_02{
	background: url("/images/contact/icon02.jpg") ;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.un_in{
	text-align: left;
	margin: 0 auto;
	padding-top: 10px;
	width: 895px;
	font-size: 12px;
}

.un_in p{
	margin: 10px;;
	font-weight: normal;
}

.un_in input{
	vertical-align: bottom;
}

.un_ti{
	margin-top: 20px;
	padding-bottom: 8px;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}

.mr{
	padding-bottom: 8px;
	padding-left: 15px;
}

.mr2{
	padding-bottom: 10px;
}

.mr3{
	padding-bottom: 8px;
	padding-left: 5px;
}

.mail_box tr td input,.mail_box tr td select{
	height: 23px;
}
.mail_box tr td input{
	margin: 0 0 7px;
}
.mail_box tr td select{
	margin-right: 10px;
}

.ad_le{
	margin: 10px 0 0 120px;
}

/* 20141120 終了 */

/* 20141121 開始 */

.in_box{
	background: url("/images/contact/de_info.jpg") ;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #fbf5e7;
	padding-top: 40px;
	margin-bottom: 10px;
}

.in_box .in_boxbo{
	margin: 0 auto;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-top: 26px;
	padding-left: 8px;
	padding-right: 8px;
}

.in_boxphoto{
	float: left;
	width: 80px;
	text-align: center;
}

.inboxinner{
	float: right;
	width: 95px;
	line-height: 14.5px;
}

.ad{
	margin-top: 10px;
	padding-bottom: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #bca268;
}

.ad_last{
	margin-top: 10px;
	padding-bottom: 10px;
	padding-bottom: 13px;
}

.icon_03{
	background: url("/images/contact/icon02.jpg") ;
	background-repeat: no-repeat;
	font-size: 1em;
	padding-left: 30px;
	padding-bottom: 2px;
}

.icon_04{
	background: url("/images/contact/icon01.jpg") ;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 1em;
}

.text_no{
	padding-top: 5px!important;
	padding-bottom: 0px!important;
}

.mail_box_td01 #male,
.mail_box_td01 #female,
.mail_box_td01 #sex{
	height: auto;
}

/* 20141121 終了 */

/* 20141201 CSS追加
-------------------------------------------*/
#contact_contents #mail_main li#apply_menu05{
background:url(/images/contact/f_app_02.jpg) no-repeat top;
width:351px;
height:24px;
text-indent:-9999px;
}

#contact_contents #mail_main li#apply_menu06 {
width:100%;
}
#contact_contents #mail_main li#apply_menu06 .title{
float:left;
background:url(/images/contact/f_app_03.jpg) no-repeat top;
width:180px;
height:23px;
text-indent:-9999px;
}
#contact_contents #mail_main li#apply_menu06 .count{
margin-left:1em;
float:left;
font-size: 23px;
height:23px;
font-weight: bold;
}

.mail_box_td06{
	border-bottom: 1px solid #D4D4D4;
	font-size: 16px;
}
.mail_box_td06 table{ width: 100%;}
.mail_box_td06 table tr td{
	border-bottom: 1px solid #D4D4D4;
	padding: 10px;
}
#contact_contents .bbtm_n{ border-bottom: none !important;}

#contact_contents td.mail_box_td_dot02{
	border-bottom: none;
	font-size: 16px;
	padding: 10px 10px 0;
}
.btm_tb_area{
	width: 100%;
	font-size: 16px;
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	margin-bottom: 20px;
}
.btm_tb_area tr td{
	border-right: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	padding: 10px;
}
.btm_tb_area tr td.btm_td01{ width: 318px;}
.btm_tb_area tr td.btm_td02{ width: 160px;}

.ch_ttl{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.btn_area{
	text-align: center;
}


/* =============== clearfix ================= */

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




.btnCenter ul li{
float:left;
list-style: none;
}
.btnCenter ul li a{
display: block;
font-weight: bold;
text-decoration:none;
width: 162px;
height: 44px;
color: #5C5C5C;
text-align: left;
padding-left:50px;
}
.btnCenter ul li a:hover{
opacity:0.8;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
}
.btnCenter ul{
width: 601px;
margin:0 auto;
}
.btnCenter ul .btn_find02{width: 389px;/text-align: left}
.btnCenter ul .btn_find02 a{
background: url("/images/search/clip/btn_find_bg.gif") no-repeat ;
line-height:2.4;
font-size:18px;
}
.btnCenter ul .btn_anxious a{
background: url("/images/search/clip/btn_anxious_bg.gif") no-repeat ;
padding-top:7px;
font-size:14px;
height: 37px;
}
.btnCenter ul .btn_anxious a span{color:#FF0000;}

.btnCenter ul .btn_one {
float: none !important;
width: 162px !important;
margin: 0 auto;
}