@charset "utf-8";

body { color:#484848; font-size:13px;
font-family:"メイリオ", Meiryo, sans-serif}

/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after, .col:after,
.col_r:after, .clr:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* --------------- 共通ボーダー＆角丸 --------------- */
.box_inner, input, select {border:#c29a6b solid 1px;}

.box_inner, input, select,
.box_inner span,
.login_btn, .login_btn a:hover,
.conf_btn, .conf_btn a:hover,
.reset_btn, .reset_btn a,
.change_btn, .change_btn a,
.mypage_btn, .mypage_btn a, .procedure_btn,
.pre_btn, .nex_btn,
.matri_btn a,
.tabiTop_btn, .tabiTop_btn a:hover {
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

/* ボタンカラー共通 */
.login_btn, .conf_btn, .tabiTop_btn, .matri_btn, .reset_btn, .change_btn, .mypage_btn, .pre_btn, .nex_btn {
	margin:10px auto 15px auto;
	height:35px;
	line-height:2.8;
	width:40%;
	background: rgb(197,164,126); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(197,164,126,1) 0%, rgba(179,136,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,164,126,1)), color-stop(100%,rgba(179,136,86,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(197,164,126,1) 0%,rgba(179,136,86,1) 100%); /* Chrome10+,Safari5.1+ */
box-shadow:0 1px 1px 0px #bfbfbf;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px 0px;
}

.login_btn a, .conf_btn a, .tabiTop_btn a, .matri_btn a, .reset_btn a, .change_btn a, .mypage_btn a, .pre_btn a, .nex_btn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
        text-align: center;
}
.login_btn a:hover, .conf_btn a:hover, .tabiTop_btn a:hover .mypage_btn a:hover {
	background:#542218;
        height:35px;
}


/* --------------- コンテンツ --------------- */

/* DPトップへ */
.dp_top { font-size:14px; margin:15px 0; padding:0 10px;}

/* 全体の枠 */
#container {
	width:100%;	
}

/* flow */
.flow {display:none;}

/* 個別の枠 */
.loginBox, .inquiryBox {width:95%; margin:0 auto 15px auto;}

/* タイトル */
#container h2 {
	color:#542218;
	font-size:23px;
	padding-left:50px;
	line-height:2;
	margin-bottom:13px;
}

/* アイコン */
.ico_login {background:url(../images/icon_login.png) no-repeat 0 0;}
.ico_inq {background:url(../images/icon_members.png) no-repeat 0 5px;}
.ico_password {background:url(../images/icon_passw.png) no-repeat 0 8px;}
.ico_members {background:url(../images/icon_members.png) no-repeat 0 8px;}

/* 注意 */
.att { display:block; color:#FC0105; font-size:12px; margin-top:8px;}

/* 文言 */
.read { margin-top:20px; padding:10px;}


.dp_login h3 {
	background:#fff;
	color:#542218;
	padding:12px 10px;
	font-size:16px;
}

.dp_login span {
	display:block;
	background:#724b22;
	color:#fff;
	height:30px;
	line-height:2.3;
	padding:0 5px;
        text-align: center;
}

/* ------*----- form ------*----- */

form {vertical-align:baseline;}

select, input, textarea, button { 
     vertical-align:middle; 
     position:relative; 
     *margin-right:3px; 
}

input {
	height: 30px;
    width: 94%;
	font-size: 120%;
}
select {
    height: 40px;
    margin-top: 8px;
    width: 100%;
	font-size:16px;
}

/* -------------------------------------- ログイン -------------------------------------- */

/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.dp_login li:after, .inq_login li:after,
.dp_login li span:after, .inq_login li span:after,
.loginBox:after, .inquiryBox { 
	content: ""; 
	display: table; 
	clear: both; 
}

.dp_login, .inq_login { width:85%; margin:20px auto;list-style: none;}
.dp_login li, .inq_login li {margin-bottom:15px;list-style: none;}

/* ログイン（ボタン） */
.login { margin-bottom:15px; list-style: none;}
.login li { list-style: none;}

.header {
    width: 100%;
    background: #e8daca;
}
.header_inner {
    margin: 0 auto; 
}
.RTtpadding{
    padding-top: 10px;
    padding-right: 20px;
}