@charset "utf-8";
/*-------------------------------------------------*/
/* 2ndフェーズ
/* ユーザー一般画面
/* ユーザーマイページ
/*-------------------------------------------------*/

.hidden{
	display: none;
}
/*-------------------------------------------------*/
/* form サイズ変更
/*-------------------------------------------------*/
select.size2,
input.size2{
	width: 360px !important;
	max-width: 360px !important;
}
input.size3{
	width: 255px !important;
}
textarea.size4{
	width: 740px !important;
	height: 205px !important;
	margin-right: -10px;
}

#input_row input, #input_row select{
	width:98%;
	max-width : 98%;
}
/* ヘッダー固定を解除に変更 */
.header{
	position: inherit !important;
}
.pagebody{
	margin-top: 0 !important;
}
.gnav_wrap{
	top: 0 !important;
}
/* ヘッダー幅を変更 */
.header > .inner{
	width: 100% !important;
	margin: 0 auto;
}
.header > .inner h1,
.header > .inner .logo{
	left: 0px !important;
}
.header > .inner .header_btns{
	/* right: 0px !important; 04/19 S.J. */
}

/* color */

a:link{color: #b8734c; text-decoration: underline;}
a:visited{color: #c3967d; text-decoration: underline;}
a:hover{color: #ff814a; text-decoration: underline;}

/* button */
.btn,
.btn a{
	color: #fff !important;
	text-decoration: none !important;
	border: none !important;
}
.list_degine_two{
	width:130px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
}
.list_degine_one{
	width:130px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	padding-top:15px;
}
.edit_info th, td{
	text-align:left;
}
.btn{
	font-size: 14px;
	font-weight: bold;
	border: none;
	border-radius: 3;
}
.btn:hover{
	/*background: #5d4e45;*/
}
.btn.beige{
	background: #8A8A8A;
}
.btn.beige:hover{
	background: #A8A8A8;
}
.btn.grey,
.btn_back,
.btn_cancel{
	background: #504F4F;
	color: #fff;
	margin-top:2px;
}
.btn.grey:hover,
.btn_back:hover,
.btn_cancel:hover{
	background: #808080;
	color: #fff;
}
.btn.btn2{
	padding: 12px 72px;
	font-size: 18px;
}

/* error */
.error{
	color: #b8734c;
	border: #b8734c 1px dotted;
}
/*-------------------------------------------------*/
/* 1stを含む変更 マイページ
/*-------------------------------------------------*/
/* mypage nav */
#nav_side{
	position: inherit;
}
/* mypage nav 2nd */
#nav_side2{
	position: inherit;
	font-size: 14px;
	width: 75%;
	margin: 18px 0 0 18px;
	padding: 0 10px 10px;
	border: 2px #1F497D solid;
	border-radius: 4px;
	background: #fff;
}
#nav_side2 .nav_title{
	background: #292321;
	color: #fff;
	height: 43px;
	text-align: center;
	margin: 0 -10px 10px;
}
#nav_side2 .nav_title h3{
	padding-top: 8px;
}
#nav_side2 h4{
	height: 40px;
	line-height: 40px;
	background: #e9e9e9;
	border-top: #1F497D 2px solid;
	border-bottom: #1F497D 2px solid;
	margin: 0 -10px;
	padding: 0 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#nav_side2 h4 span{
	background: url('../img/common/ui/ic_circle_12.png') no-repeat 0 2px;
	padding-left: 16px;
}
#nav_side2 li{
	line-height: 40px;
	background: #dfdfdf;
	border-radius: 3px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
#nav_side2 li:hover,
#nav_side2 li.current{
	background: #9DC0EA;/*ACCEF7*/
}
#nav_side2 li.disable{
	cursor: pointer;
	opacity: 0.5;
}
#nav_side2 li.disable:hover{
	background: #dfdfdf;
}
#nav_side2 li a{
	display: block;
	color: #292321;
	text-decoration: none;
}
#nav_side2 li .cnt{
	color: #f00;
	margin-left: 5px;
}
#nav_side2 li .num{
	text-decoration: underline;
}

/*-------------------------------------------------*/
/* ページング
/*-------------------------------------------------*/
.pager2{
	font-size: 12px;
	text-align: center;
}
.pager2 ul{
	text-align: center;
	letter-spacing: -.40em;
}
.pager2 ul li{
	display: inline-block;
	letter-spacing: normal;
	width: 21px;
	height: 23px;
	margin: 0 4px;
	border: solid 2px #352217;
	background: #fff;
	cursor: pointer;
	line-height: 23px;
	text-align: center;
	vertical-align: middle;
}
.pager2 ul li.current,
.pager2 ul li:hover{
	background: #352217;
	color: #fff;
}
.pager2 ul li.current a,
.pager2 ul li:hover a{
	color: #fff;
}
.pager2 ul li a{
	transition-duration: 0s;
}
.pager2 ul li.prev,
.pager2 ul li.next{
	border: none;
	background: none;
	margin: 0 10px;
}
.pager2 ul li.prev:hover,
.pager2 ul li.next:hover{
	background: none;
}
.pager2 a{
	text-decoration: none !important;
}

/*-------------------------------------------------*/
/* header
/*-------------------------------------------------*/
.header{
	min-width: 980px;
}
.header .header_btns{
	position: absolute;
	top: 31px;
	right: 30px;
	font-size: 14px;
	font-weight: bold;
}
.header .header_btns li{
	float: left;
	margin-left: 15px;
}
.header .header_btns li .btn{
	padding: 8px 16px;
}
 
.header .header_btns li.contact{
	margin-top: 13px;
	padding-left: 18px;
	background: url('../img/common/ui/ic_circle_arrow_right_15.png') no-repeat 0 3px;
}
.header .header_btns li.contact a{
	color: #b8734c;
}

.header .header_lang{
	position: absolute;
	top: 50px;
	right: 180px;
	font-size: 14px;
	font-weight: bold;
}

/*-------------------------------------------------*/
/* footer
/*-------------------------------------------------*/
.footer .inner{
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}