/* member-top styles */
.member-xsbtn {
	top:38px;
	min-width:106px;
	padding: 2px 5px;
	font-size: 11px;
	line-height:1.5;
	display:inline-block;
}
.member .menber-top-plan {
	text-align:right;
}
.member #content .menber-top-plan a{
	color:#00a33c;
}
.member #content .menber-top-plan a:hover{
	color:#fff;
}
.member #content .menber-top-plan a.resign{
	color:#fff;
}
.member #content .menber-top-plan a.resign:hover{
	color:#00a33c;
}

.member .table-holder .table .men-col {
	text-align:left;
}
.select-mem-sele-long {
	width:125px !important;
}
/*message-styles*/
#content .posts-list li .read_date{
	background:url(../images/icon_message_reading.gif) no-repeat scroll left center;
	padding:0 0 0 25px;
}
#content .posts-list li .unread_date{
	background:url(../images/icon_message_unread.gif) no-repeat scroll left center;
	padding:0 0 0 25px;
}

#content ul.posts-list .posts-list-date.read_date, 
#content ul.posts-list .posts-list-date.unread_date{
    width: 125px;
}

#content ul.posts-list .read_title{
	font-weight:normal;
}
#content ul.posts-list .posts-list-date.unread_date, 
#content ul.posts-list .unread_title{
	font-weight:bold;
}
#content .message_del{
	margin-bottom:20px;
}
.member .article-custom{
	margin-bottom:40px;
}

/*phone-styles*/
#content .lead.tel{
	color: #00A23B;
}

/*table styles*/
.member .table-holder .table th {
	white-space:nowrap;
	padding:8px 12px;
	/*background: #00a33c;*/
}
#noc-th-nowrap {
	white-space:normal;
}

#station-and-car-th-nowrap {
	white-space:normal;
}

.member .table-holder .table td {
	vertical-align:middle;
	width:auto;
	padding:10px;
}

#reserve-list {
	padding:5px !important;
}

/*confirm styles*/
.member .table-box .table td a.btn-danger {
	color:#624c40;
}
.member .table-box .table td a.btn-danger:hover {
	color:#00a33c;
}
/* member-bill styles */
.member-bill .table-holder table td.title{
	width:75%;
}
.table-holder .table td.mem-bill-title {
	background-color:#E9E9E9;
	font-weight:bold;
	color:#00a33c;
}
.table-holder .table td.mem-bill-title2 {
	background-color:#2C9E56;
	font-weight:bold;
	color:#fff;
}
.member-bill .table-holder .col{
	text-align:right;
}
/* member-profile styles */
#content .info .select_date p {
	margin-bottom:0;
	line-height:32px;
	margin-right:7px;
}
#content .info.mem-prof p {
	margin-bottom:0;
}
#content .form-col .email-mem input[type="text"].email{
	margin-right:5px;
}
#content .form-col .email-mem p {
	line-height:25px;
	margin-right:5px;
}
.form-col input[type="submit"] {
	width:125px;
}
.form-col input[type="submit"].btn-normal {
	width:auto;
}
#content .mem-prof input.btn-danger {
	height:auto;
	font-size:12px;
}
.member .table-holder .table td.col2 {
	width:5%;
	padding:5px;
}
/* member-reserve styles */
.table-box.reserve-box .table .title {
	width:25%;
}
.mem-res-wrap {
	height: 550px;
	width:515px;
	margin:0 auto;
}
.member #content .info .info-form p {
	margin-bottom:0;
}
/* member-address styles */
.zip-mem {
	float:left;
}
#content .form-col .zip-mem input.short {
	width:100px;
	margin-right:5px;
}
#content .form-col .zip-mem p {
	margin-right:5px;
	line-height:31px;
}
#content .form-col .zip-wrap .format {
	padding-top:5px;
}

/* member-adddriver styles */
.select-nengou {
	margin-right:8px;
}
#content .form-col .men-cellphone input[type="text"] {
	margin-right:5px;
	width:20%;
}
#content .info .men-cellphone p{
	float:left;
	line-height:31px;
	margin-right:5px;
}

.btn_space{
	margin-top: 5px;
}

/* member-emergency styles */
.emergencyList{
	background-color: #f5f5f5;
}
.emergencyList div.wrap{
	background-color: #fff;
	margin: 20px;
	padding: 20px;
}
.emergencyList h3.title{
	padding: 0;
	color: #00a23b;
	cursor:pointer;
}
.toggleArrow{
	display: inline-block;
	width: 15px;
	height: 9px;
	float: right;
	background: url(./../images/arrow04.png) no-repeat top right/15px;
}
.flipArrow{
	transform: scaleY(-1);
}
#content .emergencyList ul{
	margin: 20px 0 0;
	padding: 0 0 0 30px;
	display: block;
}
#content .emergencyList ul li {
	list-style: none;
	background: url(./../images/phone.png) no-repeat 0 9px/35px;
	margin: 0 0 15px;
	padding: 5px 0 5px 50px;
	font-size: 16px;
	color: #00a23b;
}
#content .emergencyList ul li p{
	display: block;
	margin: 0;
	color: #a0a0a0;
}

@media only screen and (max-width: 992px) {
/* ---------------------------------------------------------
   member style
   ---------------------------------------------------------*/
.sp-w100 {
	width:100%;
}
/*member-login styles*/
#content .info.mem-login .form-block .form-row{
	padding-left:0px;
}
/*table styles*/
.member .table-holder .table td {
	width:100%;
	padding:8px
}
.top-right {
	position:static;
}
.spborder_top tr{
	border-top:1px solid #f0f0f0;
}
.table-holder .table td.btn_cell{
	border-bottom:1px solid #f0f0f0;	
	margin-bottom:20px;
}
.btn_space{
	margin-top: 0px;
	margin-left: 5px;
}
/* member-profile styles */
#main #content .mem-line tr{
background: repeat-x url(../images/bg-heading.png) left 88%;
}
#content .form-col .email-mem input[type="text"].email{
	clear:none;
	height: 46px;
	width:43%;
}
#content .form-col .email-mem p {
	line-height:46px;
}
/* member-bill styles */
.member-bill .table-holder table td.title{
	width:100%;
}
.member .table-holder .table td.col2 {
	width:100%;
	border-bottom:none;
	margin-bottom:55px;
}
.mem-res-wrap {
	height: 800px;
	width:290px;
	margin:0 auto;
}
#content a.btn-w140, #content input.btn-w140,#content a.btn-w160, #content input.btn-w160 {
	margin-right:0px !important;
	margin-top:10px;
}
	
/* member-address styles */
#content .form-col .zip-mem input.short {
	clear:none;
	width:45%;
}
#content .form-col .zip-mem {
	width:100%;
}
#content .form-col .zip-mem p {
	margin-right:5px;
	line-height:46px;
}
#content .form-col .zip-wrap .format {
	padding-top:0px;
}

/* member-adddriver styles */
.select-nengou {
	width:21% !important;
	margin-right:3px;
}
#content .form-col .men-cellphone input[type="text"] {
	margin-right:5px;
	width:29%;
	clear:none;
}
#content .info .men-cellphone p{
	line-height:46px;
	margin-right:5px;
}
/* member-emergency styles */
.emergencyList{
	margin: 0 -15px 0;
}
#content .emergencyList ul{
	margin-top: 20px;
	padding-left: 15px;
	/*display: none;*/
}
#content .emergencyList ul li{
	background: url(./../images/phone.png) no-repeat 0 10px/30px;
	margin-bottom: 10px;
	padding: 10px 0 10px 50px;
}
#content .emergencyList ul li p{
	display: block;
	margin: 5px 0 0;
	padding: 0px;
}

}
/*---------------------------------
 border
-----------------------------------*/
.brdGreen01{ padding: 0px 25px 25px; margin: 5px 0 5px; border: solid 2px #00a33c; }
.brdGreen01 > .deviceLev02Ttl02{ background: none; }

@media screen and (max-width: 768px){ /* 768px以下用（タブレット／スマートフォン用）の記述 */
  .brdGreen01{ padding: 0px 15px 25px; }
}
