@charset "UTF-8";

body {
	width:100%;
	background:url('../../img/gradation.gif') repeat-x #f8e8f2;
}
div#container {
	width:900px;
	margin:0 auto;
	background:#fff;
}
/**********ヘッダー**/
header {
	position:relative;	
}
header div#header_logo {
	position:relative;
	width:900px;
	height:92px;
	background:url('../../../img/logo_wide.jpg') no-repeat #f0f0f0;
}
header a#btn_logout {
	position:absolute;	
	top:0;
	right:20px;
}
header a#btn_logout:hover {
	opacity:0.4;
	filter: alpha(opacity=40);
}
header div#header_logo, header h1, nav, nav * {
	display:inline-block;
}
header h1 {
	position:relative;
	background:url('../../../img/bg_h1_wide.jpg') no-repeat;
	width:100%;
	padding-top:8%;
}
header h1 span {
	position:absolute;
	bottom:5px;
	padding-left:5%;
}
header nav {
	position:absolute;
	right:40px;
}
header nav ul li {
	vertical-align:middle;
	width:272px;
}
header nav ul li a:hover {
	opacity:0.4;
	filter: alpha(opacity=40);
}
/**********登録情報**/
section#my_data {
	padding:0 40px 0;
	overflow:hidden;
}
section#my_data table {
	width:100%;
	margin:20px 0 0 0;
	background-color:#e7e5f0;
	word-break: break-all;
}
section#my_data table caption {
	margin:10px 0;
	text-align:left;
}
section#my_data table tbody tr {
	border-bottom:2px solid #ccc;
}
section#my_data table tbody th {
	width:17em;
	height:2em;
	padding:0.5em 1em;
	text-align:left;
	color:#666;
	vertical-align:middle;
}
section#my_data table tbody th span {
	display:block;
}
section#my_data table tbody td {
	padding:8px;
	vertical-align:middle;
}
form[name="new_mypage"] > a {
	display:block;
	text-align:right;	
	margin:1em 0;
}
/**********エラーメッセージ**/
#err_caution {
	display:inline-block;
	color:#e53477;
	margin:17px 40px;
	padding:17px;
	border:1px solid #e53477;
	border-radius: 6px;
	-webkit-border-radius: 6px; /* Safari, Chrome */ 
	-moz-border-radius: 6px; /* Firefox */ 		
	
}
#err_caution ul {
	margin:1em;
}

/**********フォーム**/
section#my_data form input[type=text] {
	font-size:1em;
}
input[name=address1],
input[name=address2],
input[name=email],
input[name=email_re],
input[name=pass],
input[name=pass_re],
input[name=email_urgent],
input[name=email_urgent_re],
input[name=group_name] {
	width:95%;
}
#birth-notes,
#zipcode-notes,
#address1-notes,
#address2-notes,
#tel-notes,
#fax-notes,
#email-notes,
#email_re-notes,
#pass-notes,
#pass_re-notes,
#email_urgent-notes,
#email_urgent_re-notes {
	display:none;
	padding:0.5em 0 0;
	font-size:90%;
}
nav#bottom_nav {
	width:100%;
}
#back {
	display:left;
	background:#44378c;
	width:380px;
	margin:15px;
	line-height:46px;
	text-align:center;
	color:#fff;
	font-size:22px;
	text-decoration:none;

}
nav#bottom_nav {
	width:100%;
}
#back {
	float:right;
	background:#44378c;
	width:380px;
	margin:15px;
	line-height:46px;
	text-align:center;
	color:#fff;
	font-size:22px;
	text-decoration:none;

}
#submit {
	float:right;
	background:#44378c;
	width:380px;
	margin:15px;
	line-height:46px;
	text-align:center;
	color:#fff;
	font-size:22px;
	text-decoration:none;
}
#submit:hover, #buck:hover {
	opacity:0.4;
	filter: alpha(opacity=40);
}
/**********text**********/
.txt-red{
	color:#f33;
}

/*********form**********/
#zip1, #zip2, #zip3, #zip4, #group_code {
	ime-mode: disabled;
}
/**********フッター**/
footer {
	margin:1em 0 0 0;
	background:#25085a;
	padding:1em 0;
	text-align:center;
	color:#fff;
}