@charset "Shift_JIS";

/* container (Member)
----------------------------------------------- */
#containerMember {
	margin:0 0 15px 0;
	padding:0;
	width:979px;
	clear:both;
}

#containerMember h1 {
	margin:35px 0 16px 50px;
	padding:0;
	float:left;
	width:640px;
	height:25px;
	font-weight:normal;
	font-size:16px;
	text-indent:7px;
	line-height:25px;
}


#containerMember h1.title_others {
	border-left:4px solid #787878;
}

#containerMember #text,
#containerMember #text_w {
	clear:both;
	margin:16px 0 16px 50px;
	padding:0;
}

#containerMember #text {
	width:640px;
}

#containerMember #text_w {
	width:880px;
}

#containerMember #text img,
#containerMember #text_w img {
	margin:0 10px 10px 0;
}

#containerMember #text p,
#containerMember #text_w p {
	margin:10px 0;
}

#containerMember #text p.writing,
#containerMember #text_w p.writing {
	text-align:right;
}

#containerMember #text #pager,
#containerMember #text_w #pager{
	margin: 0;
	padding: 15px 0 25px 0;
	text-align: center;
}

#containerMember #text #pager a.page,
#containerMember #text_w #pager a.page {
	border: 1px dotted #888;
	padding: 8px 13px;
	margin: 0px;
	color: #666;
}

#containerMember #text #pager a.page:hover,
#containerMember #text_w #pager a.page:hover {
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}

#containerMember #text #pager .page_on,
#containerMember #text_w #pager .page_on {
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}


#containerSignUpContents,
#containerResignContents,
#containerMypageContents,
#containerNewCommentContents,
#containerLoginContents,
#containerMemberSupportContents,
#containerPassRemindContents,
#containerProfileContents,
#containerEditImageContents,
#containerEditProfileContents,
#containerEditEmailContents,
#containerEditPassContents,
#containerInquiryContents{
	margin:15px 49px 0 50px;
	padding:0;
	width: 880px;
	clear: both;
}

#containerBookmarkContents,
#containerCommentContents {
	width: 979px;
	clear: both;
	border-bottom:1px solid #ccc;
}

#containerBookmarkContents h3,
#containerCommentContents h3 {
	margin:40px 0 0 16px;
}


#containerMypageContents .image {
	clear:both;
	float:left;
	margin: 50px 0 10px 10px;
	padding:0;
	text-align:center;
	line-height:1.8em;
	width: 160px;
}

#containerMypageContents .message {
	background-color: #fff;
	margin: 10px 0 10px 20px;
	padding:0;
	float:left;
	width: 440px;
}

#containerMypageContents .message p {
	line-height:1.8em;
	font-size:13px;
	color:#555;
}

#containerMypageContents .message p.top {
	font-weight:bold;
	font-size:13px;
}

#containerMypageContents .message p.bottom {
	margin-top: 10px;
	font-size:11px;
}


.containerNewCommentList {
	margin: 10px 0 0 0;
}

.containerNewCommentList img{
	width:45px;
	height:45px;
	-ms-interpolation-mode: bicubic;
}

.containerNewCommentList h4 {
	clear: both;
	margin: 0;
	padding: 4px 0 0 0;
	width: 877px;
	min-height: 20px;
	height: auto !important;
	border-bottom:1px solid #ccc;
	border-left:3px solid #ccc;
	font-size: 14px;
	line-height: 14px;
	font-weight:normal;
	text-indent:10px;
}



.containerNewCommentList dl {
	margin:0;
	padding:5px 0px 0px 0px;
	clear:both;
}

.containerNewCommentList dl dt {
	margin:0;
	padding:10px;
	width:55px;
	float:left;
}

.containerNewCommentList dl dd {
	margin:0;
	padding:5px 0px 0px 0px;
	width:800px;
	float:left;
}

.containerNewCommentList dl dd p.caption {
	margin:0;
	padding:5px 0px 0px 0px;
	color:#484848;
	width:700px;
	clear:both;
}

.containerNewCommentList dl dd p.star1,
.containerNewCommentList dl dd p.star2,
.containerNewCommentList dl dd p.star3, 
.containerNewCommentList dl dd p.star4, 
.containerNewCommentList dl dd p.star5, 
.containerNewCommentList dl dd p.star6{
	text-indent:-9999px;
	margin:3px 0px 0px 0px;
	padding:0;
	width:63px;
	height:17px;
	clear:both;
}

.containerNewCommentList dl dd p.star1 {
	background:url(/image/site/star_s1.gif) no-repeat;
}
.containerNewCommentList dl dd p.star2 {
	background:url(/image/site/star_s2.gif) no-repeat;
}
.containerNewCommentList dl dd p.star3 {
	background:url(/image/site/star_s3.gif) no-repeat;
}
.containerNewCommentList dl dd p.star4{
	background:url(/image/site/star_s4.gif) no-repeat;
}
.containerNewCommentList dl dd p.star5 {
	background:url(/image/site/star_s5.gif) no-repeat;
}
.containerNewCommentList dl dd p.star6 {
	background:url(/image/site/star_s6.gif) no-repeat;
}


.containerNewCommentList dl dd a {
	font-size:10px;
	font-weight:normal;
	color:#333;
}

.containerNewCommentList dl dd a:hover {
	color:#b2b2b2;
}



#containerSignUpContents #error_message,
#containerResignContents #error_message,
#containerProfileContents #error_message,
#containerPassRemindContents #error_message,
#containerEditProfileContents #error_message,
#containerEditEmailContents #error_message,
#containerEditPassContents #error_message,
#containerInquiryContents #error_message {
	margin: 0 0 20px 10px;
	color:#ff0000;
}

#containerLoginContents #error_message {
	color:#ff0000;

}

#containerSignUpContents .required,
#containerLoginContents .required,
#containerProfileContents .required,
#containerEditProfileContents .required,
#containerEditEmailContents .required,
#containerEditPassContents .required,
#containerInquiryContents .required {
	color:#ff0000;
}


#containerSignUpContents .special {
	width:620px;
	margin: 10px 5px 10px 10px;
	padding:0;
}

#containerSignUpContents .special_left {
	float: left;
	margin:20px 0;
	width: 495px;
	color: #222222;
	line-height:1.5em;
}

#containerSignUpContents .special_right {
	float: left;
	width: 125px;
	margin:20px 0;
}

#containerSignUpContents p,
#containerResignContents p,
#containerMypageContents p,
#containerLoginContents p,
#containerPassRemindContents p,
#containerProfileContents p,
#containerEditProfileContents p,
#containerEditEmailContents p,
#containerEditPassContents p,
#containerInquiryContents p{
	margin: 5px 0px 5px 10px;
	padding: 0;
	line-height:1.5em;
}
#containerSignUpContents p a,
#containerResignContents p a,
#containerMypageContents p a,
#containerLoginContents p a,
#containerPassRemindContents p a,
#containerProfileContents p a,
#containerEditProfileContents p a,
#containerEditEmailContents p a,
#containerEditPassContents p a,
#containerInquiryContents p a{
	color: #007788;
	text-decoration:underline;
}

#containerMypageContents .image {
	clear:both;
	float:left;
	margin: 50px 0 10px 10px;
	padding:0;
	text-align:center;
	line-height:1.8em;
	width: 160px;
}

#containerMypageContents .message {
	background-color: #fff;
	margin: 10px 0 10px 20px;
	padding:0;
	float:left;
	width: 440px;
}

#containerMypageContents .message p {
	line-height:1.8em;
	font-size:13px;
	color:#555;
}

#containerMypageContents .message p.top {
	font-weight:bold;
	font-size:13px;
}

#containerMypageContents .message p.bottom {
	margin-top: 10px;
	font-size:11px;
}

#containerMemberSupportContents ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	text-indent:0;
	text-align:left;
	float:left;
}

#containerMemberSupportContents li {
	margin:10px 0 0 15px;
	padding:0 0 10px 22px;
	list-style:none;
	font-size: 12px;
	background:url(/image/site/arrow_double.gif) no-repeat;
}

#containerMemberSupportContents li a {
	color: #007788;
}

#containerMemberSupportContents li.bold a {
	font-weight:bold;
}

#containerMemberSupportContents li p {
	margin: 10px 0 0 0;
}


#containerSignUpContents table,
#containerResignContents table,
#containerPassRemindContents table,
#containerProfileContents table,
#containerEditProfileContents table,
#containerEditEmailContents table,
#containerEditPassContents table,
#containerInquiryContents table {
	border-collapse: collapse;
	margin: 0 0 0 20px;
	padding: 0;
	width: 800px;
	color: #222222;
}


#containerLoginContents .left_table,
#containerLoginContents .right_table {
	width:410px;
	float: left;
	padding: 0;
}
#containerLoginContents .left_table {
	margin: 10px 0 10px 0;
}
#containerLoginContents .right_table {
	margin: 10px 0 10px 10px;
}

#containerLoginContents table.login,
#containerLoginContents table.signup {
	border-collapse: collapse;
	margin: 0 0 0 15px;
	padding: 0;
	width:409px;
	height:300px;
	border:2px solid #eaeaea;
}

#containerLoginContents table.login th {
	text-indent: -9999px;
	margin: 0;
	padding: 0px 0px 5px 0px;
	background:url(/image/site/for_member.gif) center;
	width:409px;
	height:40px;
	clear: both;
}

#containerLoginContents table.login td {
	padding: 5px 10px 10px 10px;
}

#containerLoginContents table.signup th {
	text-indent: -9999px;
	margin: 0;
	padding: 0px 0px 5px 0px;
	background:url(/image/site/for_non_member.gif) center;
	width:409px;
	height:40px;
	clear: both;
}

#containerLoginContents table.signup td {
	text-align:center;
	line-height:2.0em;
	font-size:15px;
	padding: 10px 10px 20px 10px;
}

#containerSignUpContents table td,
#containerResignContents table td,
#containerPassRemindContents table td,
#containerProfileContents table td,
#containerEditProfileContents table td,
#containerEditEmailContents table td,
#containerEditPassContents table td,
#containerInquiryContents table td{
	padding: 10px 10px;
}

#containerSignUpContents table td.left,
#containerResignContents table td.left,
#containerPassRemindContents table td.left,
#containerProfileContents table td.left,
#containerEditProfileContents table td.left,
#containerEditEmailContents table td.left,
#containerEditPassContents table td.left,
#containerInquiryContents table td.left{
	border: 1px solid #ccc;
	background-color: #ecebea;
	margin: 0;
	padding: 10px 10px 10px 25px;
	width: 209px;
}

#containerSignUpContents table td.right,
#containerResignContents table td.right,
#containerPassRemindContents table td.right,
#containerProfileContents table td.right,
#containerEditProfileContents table td.right,
#containerEditEmailContents table td.right,
#containerEditPassContents table td.right,
#containerInquiryContents table td.right{
	border: 1px solid #ccc;
	margin: 0;
	padding: 10px;
	width: 370px;
}

#containerSignUpContents table td.bottom,
#containerResignContents table td.bottom,
#containerPassRemindContents table td.bottom,
#containerLoginContents table td.bottom,
#containerProfileContents table td.bottom,
#containerEditProfileContents table td.bottom,
#containerEditEmailContents table td.bottom,
#containerEditPassContents table td.bottom,
#containerInquiryContents table td.bottom{
	text-align: center;
}