@charset "utf-8";
/* ===================================================================
CSS information

 file name  :member.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	#main
----------------------------------------------------*/
#member #main h2{
	margin-top: 32px;
}
.sp{
		display: none;
	}
.pc{
	display: block;
}
#member .page_title{
	display: none;
}
/*----------------------------------------------------
	.cont
----------------------------------------------------*/
#member #main .cont .member_head{
	position: relative;
	height: 40px;
	border-bottom: 1px dotted #aaaaaa;
	padding-bottom: 8px;
}

#member #main .cont #myname{
	position: absolute;
	top: 8px; left: 0;
}

#member #main .cont #myname:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#member #main .cont #myname div{
	/*float: right;*/
	margin-right: 10px;
}

#member #main .cont #myname p,
#member #main .cont #myname div div{
	float: left;
}

#member #main .cont #myname p{
	margin: 0px 19px 0 0;
	color: #66471a;
	line-height: 1.7;
}

#member #main .cont #myname strong{
	font-weight: normal;
	font-size: 123.1%;
}

#member #main .cont .member_head .btn{
	position: absolute;
	top: 0; right: 0;
	margin-top: 0;
}


/*	#info
----------------------------------------------------*/
#member #main .cont #info{
	margin-top: 24px;
}

#member #main .cont #info .box_cont dt{
	position: absolute;
	top: 0;
	right: 20px;
	margin: 0;
}

#member #main .cont #info .box_cont{
	position: relative;
}

#member #main .cont #info dl:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#member #main .cont #info .box_cont dd{
	padding-top: 14px;
}

#member #main .cont #info p.date{
	width: 10em;
	float: left;
	clear: left;
	padding: 22px 0 22px 24px;
}

#member #main .cont #info .box_news{
	border-top: 1px dotted #acacaa;
	padding: 22px 22px 22px 15em;
}

/*#member a:link{
	color: #0779ae;
	text-decoration: underline;
}

#member a:hover{
	text-decoration: none;
}*/

/*----------------------------------------------------
	.tab
----------------------------------------------------*/
#member #main .cont .tab{
	margin: 43px 0 0 10px;
}

#member #main .cont .tab:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#member #main .cont .tab li{
	float: left;
	width: 136px;
	margin-left: 5px;
	height: 50px;
	overflow: hidden;
}

#member #main .cont .tab li:first-child{
	margin-left: 0px;
}

#member #main .cont .tab li a {
	background-image: url(../member/images/tab.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 0;
	padding-top: 50px;
	display: block;
	overflow: hidden;
}

#member #main .cont .tab a:hover {
	background-position: 0 -50px;
	/* for IE */
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	/* CSS3 standard */
	opacity: 1.0;
}

/*01*/
#member #main .cont .tab li.tab01 a:hover,
#member #main .cont .tab li.tab01 a.active{
	background-position: 0 -50px;
}

/*02*/
#member #main .cont .tab li.tab02 a{
	background-position: -140px 0px;
}

#member #main .cont .tab li.tab02 a:hover,
#member #main .cont .tab li.tab02 a.active {
	background-position: -140px -50px;
}

/*03*/
#member #main .cont .tab li.tab03 a{
	background-position: -281px 0px;
}

#member #main .cont .tab li.tab03 a:hover,
#member #main .cont .tab li.tab03 a.active {
	background-position: -281px -50px;
}

/*04*/
#member #main .cont .tab li.tab04 a{
	background-position: -422px 0px;
}

#member #main .cont .tab li.tab04 a:hover,
#member #main .cont .tab li.tab04 a.active {
	background-position: -422px -50px;
}

/*05*/
#member #main .cont .tab li.tab05 a{
	background-position: -563px 0px;
}

#member #main .cont .tab li.tab05 a:hover,
#member #main .cont .tab li.tab05 a.active {
	background-position: -563px -50px;
}

/*06*/
#member #main .cont .tab li.tab06 a{
	background-position: -703px 0px;
}

#member #main .cont .tab li.tab06 a:hover,
#member #main .cont .tab li.tab06 a.active {
	background-position: -703px -50px;
}

/*07*/
#member #main .cont .tab li.tab07 a{
	background-position: -844px 0px;
}

#member #main .cont .tab li.tab07 a:hover,
#member #main .cont .tab li.tab07 a.active {
	background-position: -844px -50px;
}

#member #page.reward #main .cont .tab li.tab07 a {
	background-position: -844px -50px;
}

/*----------------------------------------------------
	.menber_contents
----------------------------------------------------*/
#member #main .cont .menber_contents{
	border: 3px solid #775716;
	padding: 20px 17px 24px;
	background: #fff;
}

#member .table01 .table_th th.th01{
	width: 40px;
}

#member .table01 .table_th th.th02{
	width: 210px;
}

#member .table01 .table_th th.th03{
	width: 182px;
}

#member .table01 .table_th th.th04{
	width: 79px;
}

#member .table01 td:first-child{
	text-align: center;
	border-left: none;
}

#member .table01 td.changestatus{
	text-align: left;
}

#member p.account{
	margin-bottom: 23px;
}

#member p.account_end{
	margin-bottom: 23px;
	font-size:120%;
	text-align:center;
}
.menber_contents .txt_title {
	text-align: center;
	font-size: 150%;
	color: #775716;
	font-weight: normal;
	display: none;
}
/*----------------------------------------------------
	.message メッセージページ
----------------------------------------------------*/
#member .message .table01{
	margin-top: 18px;
	border: none;
}

#member .message .menber_contents p.denote{
	margin-top: 1em;
}

#member .message .table01 a{
	color: #775716;
	background: url(../member/message/images/clip.gif) 0 3px no-repeat;
	padding-left: 23px;
}

#member .message .table_th th.th01{
	width: 120px;
}
#member .message .table_th th.th02{
	width: 778px;
}
#member #received{
	display: none;
}

#member .message .tab_flow:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#member .message .tab_flow li{
	width: 50%;
	float: left;
	height: 45px;
	text-align: center
}
#member .message .tab_flow li a br, #member .information .infodetail h3 br {
	display: none;
}
#member .message .tab_flow li a{
	background: url(../member/message/images/bg_tab.png) 0 0 no-repeat;
	height: 38px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding-top: 7px;
	font-weight: bold;
	color: #27927a;
	font-size: 108%;
}

#member .message .tab_flow li a:hover {
	/* for IE */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	/* CSS3 standard */
	opacity: 1;
}

#member .message .tab_flow li.step01 a{
	background-position: 0px -45px;
}

#member .message .tab_flow li.step02 a{
	background-position: -1px -45px;
}


#member .message .tab_flow li.step01 a:hover,
#member .message .tab_flow li.step01 a.selected{
	background-position: 0px 0px;
	color: #fff;
}

#member .message .tab_flow li.step02 a:hover,
#member .message .tab_flow li.step02 a.selected{
	background-position: 0 0;
	color: #fff;
}

/*index02*/
#member .message .menber_contents .btn{
	text-align:center;
	margin:40px 0 0 0;
}

/*index03*/
#member .message .menber_contents p.txt_res{
	margin-top:20px;
	margin-bottom:20px;
}

#member .message .menber_contents textarea.res{
	width: 95%;
	height:240px;
	padding:3px;
	border:1px solid #b0b0b0;
	margin-left:5px;
}

/*----------------------------------------------------
	.match あなたに合った求人
----------------------------------------------------*/
#member .match table .table_th th.th02{
	width: 230px;
}

#member .match table .table_th th.th03{
	width: 364px;
}

#member .match table .table_th th.th04{
	width: 109px;
}

#member .match table .table_th th.th05{
	width:62px;
}


/*----------------------------------------------------
	.resume WEB履歴書ページ
----------------------------------------------------*/
#member .resume .table02 th{
	width: 17.5em;
}
#member .resume .table02 td input.long, #member .resume .table02 textarea{
	width: 100%;
	max-width: 450px;
	        box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#member .resume table th,  #member .resume table td {
	  box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#member .resume .accordion {
	width: 100%;
}
#member .resume #table_check {
	margin: 0 15px;
}
#member .resume .table02 td ul li{
    display: inline;
    margin-right: 20px;
}

#member .accordion dl{
	margin-top: 10px;
}

#member dl.first{
	margin-top: 16px;
}

#member .accordion dt{
	height: 40px;
	margin-top: 10px;
}

#member .resume .btn{
	text-align: center;
	margin: 40px 0 0 0;
}

#member .resume .menber_contents .txt{
	margin: 0 15px 15px;
}

/*----------------------------------------------------
	.folder 検討中フォルダページ
----------------------------------------------------*/
#member .folder table .table_th th.th02{
	width: 230px;
}

#member .folder table .table_th th.th03{
	width: 364px;
}

#member .folder table .table_th th.th04{
	width: 326px;
}


/*----------------------------------------------------
	.condition あなたに合った求人ページ
----------------------------------------------------*/
#member .condition .table01 th.th02{
	width:auto;
}

#member .condition .table01 td p{
	text-align:center;
	padding-top: 15px;
}

#member .condition .table01 th.th03{
	width:170px;
}

#member .condition .table01 th.th04{
	width: 4em;
}
#member .condition .table01 .submit{
	text-align: left;
}

#member .condition .table01 span{
	font-weight: bold;
}

#member .condition .menber_contents p.btn,
#member .condition .menber_contents p.btn_drop{
	text-align: center;
}

#member .condition .menber_contents p.account{
	margin-bottom:23px;
}

#member .condition .menber_contents table td input{
	margin:5px 3px 0px;
}


/*----------------------------------------------------
	.edit 登録情報ページ
----------------------------------------------------*/
#member .edit .menber_contents p.btn,
#member .edit .menber_contents p.btn_drop{
	text-align: center;
}

#member .edit .menber_contents p.btn{
	margin-top: 30px;
}

#member .edit .menber_contents p.btn_drop{
	margin-top: 50px;
}


/*----------------------------------------------------
	.information 過去のお知らせページ
----------------------------------------------------*/
#member .information #main .menber_contents .table02 th{
	width: 30%;
	text-align: center;
}

#member .information .table02 td{
	width: auto;
}

#member .information .ttl_info{
	font-size: 131%;
	padding:  0 0 3px 14px;
	border-bottom: 1px dotted #acacaa;
	border-left: 10px solid #525252;
}

#member .information .infodetail{
	margin-top: 40px;
}

#member .information .infodetail h3{
}

#member .information .infodetail h3 span{
	background-color: #27927a;
	color: #fff;
	padding: 4px 10px 2px;
	margin-right: 5px;
}

#member .information .infodetail p{
	margin-top: 40px;

}

#member .information .infodetail p.back a{
	color: #0779ae;
}



/*----------------------------------------------------
	login ログインページ
----------------------------------------------------*/
#member .login #cnt_login{
	margin-top: 22px;
}

#member .login .box_login h3{
	border-bottom: 1px dotted #acacaa;
	padding-bottom: 12px;
}

#member .login .box_login dl {
	margin: 30px auto 0;
	width: 870px;
	overflow: hidden;
}

#member .login .box_login dl:after{
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#member .login .box_login dl.txt span{
	color: #66471a;
}

#member .login .box_login dl dt{
	float: left;
	text-align: right;
	width: 110px;
	margin-top: 10px;
}

#member .login .box_login dl dd{
	width: 760px;
	margin-top: 10px;
	float: left;
}

#member .login .box_login dl dd .form{
	width: 720px;
	margin-left: 15px;
}

#member .login .box_login .btn_login{
	text-align: center;
	margin-top: 25px;
}

#member .login .box_login .check_login{
	text-align: center;
	margin-top: 8px;
}

#member .login .box_login .check_login input{
	margin-right: 4px;
}

#member .login .box_login p.pass{
	text-align: center;
	margin-top: 22px;
}

#member .login .box_login p.pass a{
	color: #66471a;
	font-size: 92%;
}

#member .login .box_login .left dl dd #logincheck{
	margin-right: 5px;
}

#member .login .box_login h4{
	color: #27927a;
	text-align: center;
	font-weight: normal;
	font-size: 138.5%;
	margin-top: 24px;
}

#member .login .box_login p.txt_regist{
	text-align: center;
	margin-top: 3px;
}

#member .login .box_login .btn02{
	text-align: center;
	margin-top: 20px;
}

#member .login .box_login .box_txt{
	margin: 20px 35px;
	padding: 22px 22px 0;
	border-top: 1px dotted #acacaa;
}

#member .login .ttl_info{
	font-size: 131%;
	padding:  0 0 3px 14px;
	border-bottom: 1px dotted #acacaa;
	border-left: 10px solid #525252;
}

#member .login .lost_txt{
	padding: 20px;
}

#member .login .btn03{
	margin-top: 24px
}

#member .login .back{
	clear: both;
	margin: 23px 0 0 20px;
}

/*----------------------------------------------------
	withdrawal 退会ページ
----------------------------------------------------*/
#member .withdrawal .inner_cont{
	padding: 18px 20px 25px;
	background-size: 100% auto;
}

#member .withdrawal .line_t{
	margin-top: 23px;
}

#member .withdrawal .inner_cont .account{
	margin-left: 15px;
}

#member .withdrawal .btn{
	margin-top: 40px;
	text-align: center;
}

#member .withdrawal .btn_back{
	text-align: center;
	margin-top:40px;
}



/*----------------------------------------------------
	.about マイページについてページ
----------------------------------------------------*/
#member #aboutm{
	margin-top:30px;
}


#member .about #aboutm{
	margin-top: 29px;
}

#member .about h3.catch{
	margin:30px 0;
	text-align:center;
}

#member .about .box_cont{
	clear:both;
	overflow:hidden;
	margin-bottom:40px;
}

#member .about .box_cont .box_l{
	float:left;
	width:550px;
}

#member .about .box_cont .box_r{
	float:right;
}

#member .about .box_cont h4{
	padding:40px 0 0 5px;
}

#member .about .box_cont .txt{
	margin-bottom:25px;
}
#member .about .btn{
	text-align:center;
	margin-bottom:25px;
}
#member .about .merit{
	clear:both;
	margin: 30px 20px 20px;
}

#member .about .merit:after{
	content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#member .about .merit li{
	width:310px;
	margin-right:15px;
	float:left;
}

#member .about .merit li.ttl{
	text-align:center;
	padding-top:5px;
}

#member .about .merit li.box_merit{
	border:5px solid #c5b9a8;
	width:280px;
	background: none 0 0 #fff;
	padding:10px;
}

#member .about .merit li.box_merit h5{
	text-align: center;
	padding: 20px 0;
	text-align:center;
}

#member .about .merit li#m02,
#member .about .merit li#m05{
	margin-right:0;
}

#member .about .merit li#m01 h5{
	padding-top: 33px;
}

#member .about .merit li#m02 h5{
	padding-top: 36px;
}

#member .about .merit li#m04 h5{
	padding-top: 35px;
}

#member .about .merit li#m05 h5{
	padding-top: 27px;
}

#member .about .btn {
	text-align: center;
	margin-bottom: 20px;
}


/*----------------------------------------------------
	.logout ログアウトページ
----------------------------------------------------*/
#member .logout .inner_cont{
	padding: 25px 20px;
}

#member .logout .line_t{
	margin-top: 23px;
}

#member .logout .inner_cont .account{
	margin-top: 20px;
	text-align: center;
}

#member .logout .inner_cont th{
	width: 250px;
}

#member .logout .inner_cont td{
	background: #fff;
}


#member .logout .btn{
	margin-top: 40px;
	text-align: center;
}

#member .logout .btn_back{
	text-align: center;
	margin-top:40px;
}

/*----------------------------------------------------
	.funding 採用支援金の受取申請ページ
----------------------------------------------------*/


#member #main h2{
	margin-top: 32px;
	color:#66471a;
}

#member #main .table02{
	background-color:#fff;
}

#member #main .table02 th{
	width: 17.5em;
}

#member #main .table02 td ul li{
    display: inline;
    margin-right: 20px;
}

#member #main .box_form .lead_agreements{
	margin: 25px 0 -10px;
}

#member #main .box_form .agreements{
	width:950px;
	height:200px;
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
	font-size:100%;
	line-height:1.4em;
	margin-top: 15px;
	overflow:auto;
}

#member #main #cnt_entry .box_form .agreements h4{
	font-size: 130%;
	padding:17px 0 17px 10px;
}

#member #main #cnt_entry .box_form .agreements h5{
	padding:0 10px 3px;
}

#member #main #cnt_entry .box_form .agreements p{
	padding:0 25px 20px;
}

#member #main #cnt_entry .box_form .agreements p.end_agreements{
	text-align: right;
}


#member #main #cnt_entry .box_form .txt_c{
	margin: 13px 0 20px;
	text-align:center;
}

#member #main #cnt_entry .box_form p.btn{
	text-align: center;
	margin-top: 22px;
}

#member #main .box_form .back{
	text-align: center;
	margin-top: 35px;
}


/*----------------------------------------------------
	#cnt_entry
----------------------------------------------------*/
#member #main #cnt_entry{
	margin-top: 30px;
}

#member #main #cnt_entry .box_head:after{
	content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#member #main #cnt_entry .box_head{
	margin: 18px 20px 0;
	background: url(../inn/apply/images/line.png) center bottom no-repeat;
	padding-bottom: 12px;
}

#member #main #cnt_entry .box_head .left{
	float: left;
	border-left: 3px solid #4f4c47;
	padding-left: 10px;
}

#member #main #cnt_entry .box_head .left h3{
	font-size: 146.5%;
	line-height: 1.5;
}

#member #main #cnt_entry .box_head .left h3 span{
	font-size: 77%;
	margin-left: 10px;
}

#member #main #cnt_entry .box_head .right{
	float: right;
	margin-top: 17px;
}

#member #main #cnt_entry .box_cont .box_login form{
	margin: 12px 0 0 33px;
}

#member #main #cnt_entry .box_cont .box_login:after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#member #main #cnt_entry .box_cont .box_login .left{
	float: left;
}

#member #main #cnt_entry .btn_log{
	margin-top: 7px;
}

#member #main #cnt_entry .box_cont .box_login h3{
	border-bottom: 1px dotted #acacaa;
	padding-bottom: 15px;
}

#member #main #cnt_entry .box_cont .box_login dl{
	padding: 2px 0;
	width: 440px;
	color: #66471a;
}

#member #main #cnt_entry .box_cont .box_login dl:after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#member #main #cnt_entry .box_cont .box_login dl dt{
	float: left;
	text-align: right;
	width: 7em;
}

#member #main #cnt_entry .box_cont .box_login dl dd{
	float: right;
	width: 330px;
}

#member #main #cnt_entry .box_cont .box_login dl dd #logincheck{
	margin-right: 4px;
}

#member #main #cnt_entry .box_cont .box_login p{
	clear: both;
	margin: 60px 0 0 143px;
	font-size: 93%;
}

#member #main #cnt_entry .box_cont .box_login p a{
	text-decoration: underline;
}

#member #main #cnt_entry .box_cont .box_login p a:hover{
	text-decoration: none;
}

#member #main #cnt_entry .ssl{
	text-align: center;
}

#member #main #cnt_entry .box_form{
	margin: 18px 20px;
}

#member #main #cnt_entry .box_form .txt{
	margin: 13px 0 20px 15px;
}



#member #main #cnt_entry .box_form .table02 th{
	width: 246px;
}

#member #main #cnt_entry .box_form .table02 td ul li {
	display: inline;
	margin-right: 20px;
}

#member #main #cnt_entry .box_form dl.first {
	margin-top: 16px;
}

#member #main #cnt_entry .box_form dd{
	margin-top: -8px;
}

#member #main #cnt_entry .box_form p.btn{
	text-align: center;
	margin-top: 22px;
}


/*index02*/
#member #main .btn .back{
	margin-top: 35px;
}

/*index03*/
#member #main .btn ul{
	margin: 50px 0 0 270px;
}

#member #main .btn ul:after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#member #main .btn ul li{
	float: left;
	width: 200px;
	margin-left: 20px;
}


#member #main .btn ul li:first-child{
	margin-left: 0;
}
#member #main #cnt_entry .box_form .txt_end{
	margin: 13px 0 20px 15px;
	text-align:center;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html #member #main .cont #myname{
	zoom: 1;
}

* html #member #main .cont #info dl{
	zoom: 1;
}

* html #member #main .cont .tab{
	zoom: 1;
}

* html #member .message .tab_flow{
	zoom: 1;
}

* html #member .login .box_login{
	zoom: 1;
}

* html #member .login .box_login .left dl{
	zoom: 1;
}
@media screen and (max-width: 1000px){
	/* Withdrawal member page */
	#member .withdrawal #main .inner_cont table,
	#member .withdrawal #main .inner_cont tbody,
	#member .withdrawal #main .inner_cont table tr,
	#member .withdrawal #main .inner_cont th,
	#member .withdrawal #main .inner_cont td{
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#member .withdrawal #main .inner_cont table tr:after{
		display: table;
		content: '';
		clear: both;
	}
	#member .withdrawal #main .inner_cont table th{
		width: 25%;
		float: left;
	}
	#member .withdrawal #main .inner_cont table td{
		width: 75%;
		float: right;
	}
	#member .withdrawal table td input#mail, #member .withdrawal table td input#mail_re, #member .withdrawal table textarea{
		max-width: 100%;
	}

}
@media screen and (max-width: 750px) {
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	.display_bock {
		display: block;
	}
	#member .page_title{
		background: grey;
		display: block;
		color:#fff;
		width: 90%;
		margin: 10px auto;
		text-align: center;
	}
	.page_title h4{
		display: inline-block;
		padding: 10px;
		position: relative;
	}
	.page_title h4:before{
		position: absolute;
		content: '';
		width: 50px;
		height: 1px;
		background: #fff;
		left: -50px;
		top:20px;
	}

	.page_title h4:after{
		position: absolute;
		content: '';
		width: 50px;
		height: 1px;
		background: #fff;
		right: -50px;
		top:20px;
	}
	#member .inner_cont{
		background: none;
	}
	#member .line_u{
		display: none;
	}
	#member .line_t{
		display: none;
	}
	#member p.account{
		text-align: center;
	}
	#member #main .cont .member_head .btn{
		display: none;
	}
	.menber_contents .txt_title {
		display: block;
	}
	#member .cont .accordion{
		width: 90%;
		margin: 0 auto;
		border-radius: 5px;
	}

	#member .cont .accordion a{
		text-transform: uppercase;
		color:#fff;
		text-decoration: none;
		display: block;
	}
	#member .cont .accordion a i{
		float: right;
		font-size: 20px;
	}
	#member .accordion dt{
		background: url('../member/images/bg_acc.png') repeat;
		color:#fff;
		height: auto;
	}
	#member .accordion dd{
		padding: 0;
	}
	#member .accordion dd li{
		width: 100%;
	}
	#member .accordion dd a{
		background: url('../member/images/bg_acc.png') repeat;
		color:#fff;
		padding: 10px;
		width: auto;

	}
	#member .message .tab_flow li a br, #member .information .infodetail h3 br {
		display: block;
	}
	#member .information .infodetail h3 span {
		margin-bottom: 10px;
		display: inline-block;
	}
	#member .accordion dd a:hover,#member .accordion dd a:active{
		background: url('../member/images/bg_acc_active.png') repeat;
	}
	/*Login page style for responsive*/
#member #main .cont .tab{
	margin: 43px auto;
	width: 90%;
}
	#member .box_login h3 {
		margin: 0 auto;
		text-align: center;
	}
	#member .login .box_login dl {
		width: 100%;
	}
	#member .login .box_login dl dt {
		width: 100%;
		text-align: center;
	}

	#member .login .box_login dl dd {
		width: 100%;
	}
	#member .login .box_login dl dd .form {
		width: 100%;
		margin: 0 auto;
		padding: 10px 5px;
		-webkit-appearance: none;
		appearance: none;
		line-height: 1.5em;
	}
	#member .login .box_login dl dd input[type='text']{
		 -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: 1px solid #f00;
   height: 50px;
	}
	/*Logout page style for responsive*/

	.box_login {
		text-align: center;
	}

	/*	#topicpath ul {
		width: 100%;
	}*/
	#member #main .cont .member_head {
		height: 90px;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	#member #main .cont #myname {
		left: 20px;
	}
	#member #main .cont #myname div {
    margin: 10px;
    text-align: left;
	}
	#member #main .cont #myname div div {
    float: right;
    text-align: left;
    margin: 0 0 15px 0;
	}
	#member #main .cont .member_head .btn {
		margin-top: 30px;
		right: 20px;
	}
	#member #main .cont #myname div {
		margin: 10px auto;
		text-align: center;
	}
	#member #main .cont .tab li {
		margin-bottom: 15px;
	}
	#member .cont {
		width: 100%;
	}
	#member #main .cont #myname{
		position: static;
		width: 90%;
		margin: 0 auto;
	}
	#member #main .cont .member_head{
		height: auto;
	}
	#member #main .cont #info{
		display: none;
	}
	.accordion  dt, dd {
		 padding: 10px;
     border: 1px solid black;
     border-bottom: 0;
	}
/*	#member #main .cont #myname div div{
		text-align: center;
		float: none;
	}*/
	#member #main .cont .member_head .btn{
		margin-top:0;
	}
	#member #main .cont .tab li:nth-child(2n+1){
		margin-left: 0;
	}
	#member #main .cont #myname p{
		font-size: 12px;
		margin-right: 20px;
		float: left;
	}
	#member #main .cont #myname strong{
		font-size: 12px;
	}
	.changestatus select{
		width: 100%;
	}

	/* Style box2*/

	#member #main .cont #info dt {
    width: 24%;
    padding: 3%;
    border-top: 1px dotted #acacaa;
	}
	#member #main .cont #info dd {
    border-top: 1px dotted #acacaa;
    padding: 1em;
    float: left;
    width: 64%;
    padding: 3%;
	}
	#member .menber_contents table {
		margin: 0 auto;

	}
	#member #main .cont .menber_contents{
		padding: 20px 0;
		border: 0;
	}
	#member .menber_contents {
		width: 96%;
		margin: 5% auto;

	}
	#member .menber_contents table .table_th {
		display: none;
	}
	#member .menber_contents table td{
		display: block;
		border: none;
	}
	#member #main .cont .menber_contents table td.changestatus{
		text-align: center;
	}
	#member .menber_contents table.member_home  td:first-child {
		display: none;
	}
	#member .menber_contents table.member_home .sp{
		float: left;
		vertical-align: middle;
		width: 10%;
		margin: 0;
	}
	#member .menber_contents table tr{
		border-bottom: 1px solid #000;
	}
		#member .menber_contents table tr:last-child{
			border: none;
		}
	#member .menber_contents table.member_edit{
		width: 100%;
	}

	#member .menber_contents table.member_edit td::before{
		left:5px;
	}
	#member .menber_contents table.member_edit td{
		word-break: break-all;
	}
	table td input#mail, table td input#mail_re{
		width: 90%;
	}
	#member .menber_contents table.member_home td.changestatus{
		display: block;
	}
	#member #main .cont .menber_contents{
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
	}
	#member #main .table02{
		background-color: none;
	}

	#member #main #table_check .table02 th{
		width: 30%;
	}

	#member .accordion{
		border-radius: 0;
	}
	#member .resume .member_edit .accordion {
		width: 100%;
	}
	#member .resume .accordion.sp{
		width: 90%;
	}
	.accordion dt {
		overflow: hidden;
	}
	.accordion dt img {
		width: auto;
		max-width: none;
	  position: relative;
	  left: 50%;
	  -moz-transform: translate(-50%, 0);
	  -ms-transform: translate(-50%, 0);
	  -webkit-transform: translate(-50%, 0);
	  transform: translate(-50%, 0);
	}
	#member #main .cont .menber_contents, #member #main .menber_contents .table02, #member #main .menber_contents .table02 th, #member #main .menber_contents .table02 td {
		 /*background: none; */
	}
	/*edit*/
	#member #main .menber_contents .table02.member_edit th,#member #main #table_check .table02 th{
		display: block;
		width: 100%;
		background: none;
		color:#000;
		font-weight: bold;
	}
	#member #main .menber_contents .table02 td{
		display: block;
	}
	#member #main .menber_contents .table02 td input.long{
		width: 90%;
	}
	#member .resume  #main #table_check .table02 td,
	#member .resume  #main #table_check .table02 th {
		display: block;
		overflow: hidden;
		width: 100%;
	}
	#member .message .menber_contents{
		width: 94%;
	}
	#member .resume  #main #table_check .table02 th br {
		display: none;
	}
	#member .resume #main .menber_contents .accordion dd {
		/*border-bottom: 1px solid #000;*/
		border: none;
	}
	#member .resume #main .menber_contents .table02 td input.long, #member .resume #main .menber_contents .table02 td textarea {
		width: 87%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		padding: 8px 5px;
	}
	#member .resume .table02 td {
		width: 60%;
	}
	#member .resume .table02 td input.long, #member .resume .table02 textarea {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#member .resume .table02 #age {
		margin-top: 10px;
	}

	#member .message .tab_flow li a {
		background: none;
		border: 1px solid #27927a;
		height: auto;
		padding-bottom: 6px;
		position: relative;
		overflow: visible;
	}
	#member .message .tab_flow li a:before {
		position: absolute;
		display: none;
		content: "";
		bottom: -0.8em;
		width: 0;
		height: 0;
		left: 50%;
		margin-left: -0.4em;
		border-style: solid;
		border-color: #27927a transparent transparent transparent;
		border-width: 0.5em 0.8em 0.3em;
	}
	#member .message .tab_flow li.step02 a:before {
		display: none;
	}
	#member .message .tab_flow li a:hover, #member .message .tab_flow li a.selected {
		background: #27927a;
		color: #fff;
	}
	#member .message .tab_flow li:hover a:before, #member .message .tab_flow li a:hover:before, #member .message .tab_flow li a.selected:before {
		display: block;
	}
	#member table th,
	#member table td {
		padding: 10px 15px;
	}
	#member .information #main .menber_contents .table02 th {
		text-align: left;
	}
	#member .information #main .menber_contents .table02 td, #member .information #main .menber_contents .account  {
		padding-left: 15px;
		padding-right: 15px;
	}
	#member .resume .menber_contents table.member_edit tr,#member .menber_contents table.member_edit tr{
		border-bottom: 0;
	}
	#member .resume .menber_contents table.member_edit span.middle_txt{
		clear: both;
		float: left;
		width: 87%;
		padding-top: 10px;
	}
	#member .menber_contents table.member_edit select{
		margin-bottom: 10px;
	}
	#member #main .cont .menber_contents.condition .table01 td{
		display: block;
		float: right;
		vertical-align: middle;
		width: 82%;
		border-left: 1px dotted #000;
		padding: 0 0 0 10px;
	}
	#member #main .menber_contents.condition .table01 td.check{
		float: left;
		width: 7%;
		border: none;
		padding-left: 0;
	}
		#member #main .cont .menber_contents.condition .table01 tr {
			position: relative;
	    display: block;
	    overflow: hidden;
		}
		#member #main .cont .menber_contents.condition .table01 td:nth-child(2){
			padding-top: 20px;
		}
		#member #main .cont .menber_contents.condition .table01 td:last-child{
			padding-bottom: 20px;
		}
		#member .condition .menber_contents table td.check .checker {
	    position: absolute;
	    top: 50%;
		}
		#member .condition .menber_contents table td input.middle{
			width: 142px;
		}
		#member .condition .menber_contents table td form .btn{
			margin-left: 0px;
		}
		#member .condition .menber_contents table th{
			display: none;
		}
		#member .condition .table01 td p{
			padding-top: 0px;
		}
		#member #main .cont .menber_contents.condition .table01 td.changestatus{
			float: none;
			border: none;
			margin-top: 20px;
			width: auto;
		}
		#member #main .cont .menber_contents.condition{
			padding: 10px;
		}
		#member #main .cont .menber_contents.condition .account{
			text-align: left;
		}
		#member .resume #main #table_check .table02 td, #member .resume #main #table_check .table02 th{
			padding: 10px 0;
		}
		#member .resume #main #table_check .table02 tr{
			border-bottom: 0;
		}
		#member .resume p.account{
			text-align: left;
			width: 90%;
    	margin: 0 auto 10px;
		}
		#member .login .inner_cont {
			background: none;
		}
		#member .login .lost_txt {
			text-align: left;
			padding: 0;
		}
		#member .login .box_login dl dd {
		    width: 100%;
		    border: 0;
		    padding: 0;
		}
		#member .login .box_login dl dd .form, #member .login .box_login dl dd input[type='text'] {
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		    height: auto;
		    line-height: 1.5em;
		    width: 100%;
		    margin: 0 auto;
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		}
		#member .withdrawal #main .inner_cont table th{
			width: 100%;
			background: none;
			color:#000;
			padding: 10px 0 5px;
			font-weight: bold;
		}
		#member .withdrawal .table02 tr:first-child{
			border-top: 0;
		}
		#member .withdrawal .table02 tr{
			border: 0;
		}
		#member .withdrawal #main .inner_cont table td{
			width: 100%;
			padding: 10px 0;
		}
		#member .withdrawal #main .inner_cont table td{
			width: 100%;
		}
		#member .withdrawal #main table td input.middle{
			width: 90%;
		}
	}

@media screen and (max-width: 750px) {
	#member #main .cont .tab li:nth-child(2n+1) {
		margin-left: 5px;
	}
	#member .menber_contents table.member_home  td:nth-child(3) {
		background: #8c8477;
		color: #fff;
		display: inline-block;
	}
}