@charset "Shift_JIS";

.page-contact {
}


.page-contact #header.mypage-short #header-utility {
	position: absolute;
	top: 11px;
	right: 20px;
}
.page-contact #header.mypage-short #header-main #headernav li.logout {
	position: relative;
	top: 3px;
	padding-left: 7px;
}

.page-contact .header-mypage {
	position: relative;
	width: 1180px;
	height:50px;
	margin: 0 auto 30px auto;
	padding: 0px 20px 0px 20px;
	font-size:14px;
	color:#ffffff;
	background: url(/images/cs-bg-mypage-header.png) 20px 0px no-repeat;
}
.page-contact .header-mypage h1 {
	position:absolute;
	top:8px;
	right:40px;
}
.page-contact .header-mypage .customer_status_ {
	padding:12px;
}

/* entry */

.page-contact #customer-section1 {
	width: 220px;
	margin-right: 20px;
	float: left;
}
.page-contact #customer-section2,
.page-contact #customer-section3,
.page-contact #customer-section4  {width: 900px; float: right;}

*:first-child+html .page-contact .submit_ {
	padding-bottom: 40px;
}

.page-contact .common_headline1_ {
	padding-bottom:30px;
}
.page-contact #customer-section2 .message_ {
	padding:4px 0px 0px 0px;
	height:76px;
	font-size: 14px;
	line-height:28px;
}
.page-contact #customer-section2 .error_ {
	padding:36px 0px 0px 0px;
	height:44px;
	font-size: 14px;
}
.page-contact #customer-section2 p.error_ {
	padding:10px 0px 0px 0px;
	font-size: 14px;
	color:#fe3807;
}
.page-contact #customer-section3 p {
	padding:4px 0px 30px 0px;
	font-size: 14px;
	line-height:28px;
}
.page-contact #customer-section3 .message_ {
	height:46px;
}
.page-contact #customer-section3 h2 {
	margin-bottom:20px;
	padding:22px 0px 30px 0px;
	
}
.page-contact #customer-section4 p {
	padding:4px 0px 30px 0px;
	height:45px;
	font-size: 14px;
	line-height:28px;
}
.page-contact #customer-section4 .agreebody_ {
	margin: 0px 0px 20px 0px;
	padding:20px;
	width: 900px;
}

.page-contact .must_ {
	background:#ed8408;
	color:#ffffff;
	padding:3px 5px;
	font-weight:bold;
}

.page-contact table.formdetail_ {
	border-spacing:0px;
	background: url(/images/cs-separator-dotted.png) left top repeat-x;
	padding:1px 0px 0px 0px;
	margin-bottom:30px;
	width:940px;
}
.page-contact table.formdetail_ th {
	background: #f8f7f3 url(/images/cs-separator-dotted.png) left bottom repeat-x;
	padding: 11px 0px 10px 10px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 14px;
}
.page-contact table.formdetail_ th .must_ {
	display:block;
	float:right;
	padding-top:4px;
	margin-top: -2px;
}
.page-contact table.formdetail_ td {
	background: url(/images/cs-separator-dotted.png) 2px bottom repeat-x;
	padding: 11px 0px 10px 20px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
}
.page-contact table.formdetail_ td label {
	margin: 0px 30px 0px 5px;
}
.page-contact table.formdetail_ td .small_ {
	margin: 0px 0px 0px 20px;
}
.page-contact table.formdetail_ td .input-block {
	margin: 0px 0px 10px 0px;
}
.page-contact table.formdetail_ td .description {
	margin: 0px 0px 0px 0px;
}
.page-contact table.formdetail_ td input[type="text"],
.page-contact table.formdetail_ td input[type="password"] {
	background: #efe9e0;
}
.page-contact #customer-section2 .submit_ {
	margin-left: 240px;
}
.page-contact #customer-section3 .submit_ a {
	margin-right: 20px;
}
.page-contact #customer-section4 .submit_ {
	text-align:center;
}
.page-contact #customer-section4 .submit_ a {
	margin: 0px 20px 0px 0px;
}

.page-contact #customer-section1 ul {
	margin-top:0px;
	border-top: 1px dotted #ddd;
}
.page-contact #customer-section1 ul li {
	padding: 12px 1px;
border-bottom: 1px dotted #ddd;
}
.page-contact #customer-section1 ul li a {
	display: block;
color: #004898;
text-decoration: none;
background: url(/common/mod_icon_arrow_navy.png) left center no-repeat;
padding-left: 12px;
}
.page-contact #customer-section3 .submit_ a img {
	width: 360px;
	height: 60px;
}