@charset "UTF-8";

body {
	font-size: 15px !important;
}

/* -------------------------------------------------
ページタイトル
----------------------------------------------- */
h1.font_size_title{
	font-weight: bold;
	margin: 20px 0;
}

.user_page_title {
	padding-bottom: 10px;
	width: 400px;
	font-size: 20px;
}

/* -------------------------------------------------
コンテンツ調整
----------------------------------------------- */

.box1 {
	width: 90%;
	text-align: left;
}

.box01 {
	width: 550px;
}

.caption_style {
	font-size: 16px;
}

.label_position {
	text-align: left;
	margin: 15px 0 0 0;
	width: 60%;
}

.label_position > label {
	font-weight: bold;
}

.label_position > input {
	width: 100%;
	height: 37px;
	border: solid 1px;
	border-radius: 3px;
	display:block;
	padding-left: 6px;
}

.select_box {
	width: 90%;
	height: 37px;
	padding: 6px 20px;
	border-radius: 5px;
	background: #fff;
	border: solid 1px #565050;
	color: #000;
}

input[type=text],
input[type=textarea],
select {
	font-size: 15px;
}

input[type=checkbox] {
	transform: scale(1.3);
	margin-right: 7px;
}

input[type=radio] {
	transform: scale(1.4);
	margin-right: 7px;
}

.btn_box {
	text-align: center;
	max-width: 300px;
}

.border_l {
	border-left: solid 3px;
	padding-left: 5px;
}

.border_color_green {
	border-color: rgb(196 215 155);
}

.border_color_orange {
	border-color: rgb(242 226 203);
}

.border_color_blue {
	border-color: rgb(209 228 241);
}

.table_style {
	width: 100%;
}

.table_style th {
	background-color: #F2F2F2;
	border: solid 2px #BCBCBC;
	text-align: center;
}

.table_style td {
	background-color: #fff;
	border: solid 2px #BCBCBC;
	text-align: center;
}

.table_style .align_r {
	text-align: right;
	padding-right: 5px;
}

.disabled {
	border-color: #BFBFBF;
	background-color: #BFBFBF;
}

/* -------------------------------------------------
共通調整
----------------------------------------------- */

.margin_t_10 {
	margin-top: 10px;
}

.margin_r_10 {
	margin-right: 10px;
}

#content {
	padding-bottom: 65px;
}

/* -------------------------------------------------
ヘッダー調整
----------------------------------------------- */
#header.hide {
	transform: translateY(-100%);
	opacity: 0;
}


/* -------------------------------------------------
フッター調整
----------------------------------------------- */
#footer.hide {
	transform: translateY(100%);
	opacity: 0;
}

/* -------------------------------------------------
aタグ共通
----------------------------------------------- */
.no_link_decoration {
	text-decoration: none;
}

/* -------------------------------------------------
ボタン共通
----------------------------------------------- */
.base_button_style {
	border-radius: 7px;
	border: solid 3px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 20px;
	width: 250px;
	padding: 12px 0;
	font-size: 18px;
}

.small_button_style {
	border-radius: 7px;
	border: solid 3px;
	font-weight: bold;
	text-decoration: none;
	width: 50px;
	padding: 4px 0;
	font-size: 15px;
}

.button_box {
	text-align: center;
	max-width: 300px;
}

.button_style_other {
	border-color: #F0738D;
	background-color: #F0738D;
	color: #fff;
}

.button_style_next {
	border-color: #006fbc;
	background-color: #006fbc;
	color: #fff;
}

.button_style_back {
	border-color: #006fbc;
	background-color: #fff;
	color: #006fbc;
}

.button_style_disabled {
	border-color: #BFBFBF;
	background-color: #BFBFBF;
	color: #fff;
}

.button_style_sub {
	border-color: #EB6100;
	background-color: #EB6100;
	color: #fff;
}

.transition_top_style {
	border-color: #03AF7A;
	background-color: #fff;
	color: #03AF7A;
}

/* -------------------------------------------------
エラーメッセージ
----------------------------------------------- */
.error{
	padding:0px 5px 20px 50px;
	color:#F90000;
	width:90%;
}
#message_area{
	max-width: 510px;
	margin: 40px auto 0 auto;
}
dt.error_icon{
	display: block;
	float: left;
	margin : 0 10px 0 0;
}
dt.error_message{
	margin : 0 0 0 40px;

}
dd.error_message{
	margin : 0 0 0 40px;

}
@media screen and (max-width: 450px) {
	/* -------------------------------------------------
	ページタイトル
	----------------------------------------------- */
	.user_page_title {
		width: 75%;
	}

	.box01 {
		width: 75%;
		text-align: left;
	}
	
	/* -------------------------------------------------
	コンテンツ調整
	----------------------------------------------- */
	.label_position{
		width: 100%;
	}
}