@charset "EUC-JP";

/*====== topic_index ======*/

.formSectionHead,
.pointInfoHead,
.bdInfoHead,
.mailRemindHead,
.favorInfoHead,
.detailHead,
.bdWriteHead,
.bdWriteHead2,
.userProfHead,
.userOptionHead {
	padding: 7px 10px;
	font-size: 12px;
	font-weight: bold;
}
.formSectionHead,
.bdInfoHead,
.mailRemindHead,
.favorInfoHead,
.detailHead,
.bdWriteHead,
.pointInfoHead {
	background: #D1F0FF;
	border-top: #92d7f8 solid 2px;
}
.bdWriteHead2,
.userProfHead {
	background: #FFF3C9;
	border-top: #FDDC84 solid 2px;
}
.userOptionHead {
	background: #FFE1E4;
	border-top: #FFC6CF solid 2px;
}
.formSectionHead .desc,
.pointInfoHead .desc,
.bdInfoHead .desc,
.mailRemindHead .desc,
.favorInfoHead .desc,
.detailHead .desc,
.bdWriteHead .desc,
.bdWriteHead2 .desc,
.userProfHead .desc,
.userOptionHead .desc {
	font-size: 11px;
	font-weight: normal;
}

/*====== userProfSection ======*/

.userProfSection {
	width: 100%;
	float: left;
}
.userProfSection .userProfHead a {
	font-weight: normal;
}
.userProfSection .avatarArea {
	float: right;
	width: 200px;
	margin: 15px 0 15px 0;
	text-align: center;
}
.userProfSection .avatarArea p {
	margin-top: 5px;
	font-size: 12px;
}
.userProfSection .avatarArea .avatarImage {
	position: relative;
	margin: 0 auto;
	width: 170px;
	height: 170px;
	padding: 5px;
	background: #F0F0F0;
	border:  #DDDDDD solid 1px;
	text-align: center;
}
.userProfSection .avatarArea .avatarPic {
	position: absolute;
	top:50%;
	left:50%;
}
.userProfSection .userProfText {
	float: left;
	width: 580px;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
}

.userProfSection .userProfText .subInfo {
	width: 100%;
	border-collapse: collapse;
}
.userProfSection .userProfText .subInfo td {
	padding: 4px 10px;
	border-top:  #EEEEEE solid 1px;
	border-bottom:  #EEEEEE solid 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.userProfSection .userProfText .subInfo .head {
	width: 120px;
	background: #F5F5F5;
	color: #666666;
	text-align: center;
}
.userProfSection .userProfText .subInfo .cts {
	background: #FFFFFF;
}

/*====== userOptionalSection ======*/

.userOptionalSection {
	width: 100%;
	float: left;
}
.userOptionalSection .userOptionHead a {
	font-weight: normal;
}
.userOptionalSection .avatarArea {
	float: right;
	width: 200px;
	margin: 15px 0 15px 0;
	text-align: center;
}
.userOptionalSection .avatarArea p {
	margin-top: 5px;
	font-size: 12px;
}
.userOptionalSection .avatarArea .avatarImage {
	position: relative;
	margin: 0 auto;
	width: 170px;
	height: 170px;
	padding: 5px;
	background: #F0F0F0;
	border:  #DDDDDD solid 1px;
	text-align: center;
}
.userOptionalSection .avatarArea .avatarPic {
	position: absolute;
	top:50%;
	left:50%;
}
.userOptionalSection .userOptionText {
	float: left;
	width: 580px;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
}

.userOptionalSection .userOptionText .subInfo {
	width: 100%;
	border-collapse: collapse;
}
.userOptionalSection .userOptionText .subInfo td {
	padding: 4px 10px;
	border-top:  #EEEEEE solid 1px;
	border-bottom:  #EEEEEE solid 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.userOptionalSection .userOptionText .subInfo .head {
	width: 120px;
	background: #F5F5F5;
	color: #666666;
	text-align: center;
}
.userOptionalSection .userOptionText .subInfo .cts {
	background: #FFFFFF;
}

/*====== pointInfoSection ======*/

.pointInfoSection {
	width: 100%;
	float: left;
}
.pointInfoSection .pointInfoHead a {
	font-weight: normal;
}

.pointInfoSection .pointInfoText {
	float: left;
	width: 580px;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
}
.pointInfoSection .pointInfoText .subInfo {
	width: 100%;
	border-collapse: collapse;
}
.pointInfoSection .pointInfoText .subInfo td {
	padding: 4px 10px;
	border-top:  #EEEEEE solid 1px;
	border-bottom:  #EEEEEE solid 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.pointInfoSection .pointInfoText .subInfo .head {
	width: 120px;
	background: #F5F5F5;
	color: #666666;
	text-align: center;
}
.pointInfoSection .pointInfoText .subInfo .cts {
	background: #FFFFFF;
}
 .pointInfoSection .pointInfoText .subInfo .cts .userStat0 {
	padding-left: 15px;
}
.pointInfoSection .pointInfoText .subInfo .cts .userStat1 img,
.pointInfoSection .pointInfoText .subInfo .cts .userStat2 img,
.pointInfoSection .pointInfoText .subInfo .cts .userStat3 img{
    display: inline;
    margin-bottom: 4px;
}
/*
.pointInfoSection .pointInfoText .subInfo .cts .userStat1 {
	padding-left: 15px;
	background: url(../IMG/_/user_staticon_1.gif) 1px 4px no-repeat;
}
.pointInfoSection .pointInfoText .subInfo .cts .userStat2 {
	padding-left: 15px;
	background: url(../IMG/_/user_staticon_2.gif) 1px 4px no-repeat;
}
.pointInfoSection .pointInfoText .subInfo .cts .userStat3 {
	padding-left: 15px;
	background: url(../IMG/_/user_staticon_3.gif) 1px 4px no-repeat;
}
*/
/*====== bdInfoSection ======*/

.bdInfoSection {
	width: 100%;
	float: left;
}
.bdInfoSection .bdInfoHead a {
	font-weight: normal;
}

.bdInfoSection .bdInfoText {
	float: left;
	width: 580px;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
}
.bdInfoSection .bdInfoText .subInfo {
	width: 100%;
	border-collapse: collapse;
}
.bdInfoSection .bdInfoText .subInfo td {
	padding: 4px 10px;
	border-top:  #EEEEEE solid 1px;
	border-bottom:  #EEEEEE solid 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.bdInfoSection .bdInfoText .subInfo .head {
	width: 300px;
	background: #F5F5F5;
	color: #666666;
	text-align: center;
}
.bdInfoSection .bdInfoText .subInfo .cts {
	background: #FFFFFF;
}

/*====== mailRemindSection ======*/

.mailRemindSection {
	width: 100%;
	float: left;
}
.mailRemindSection .mailRemindHead a {
	font-weight: normal;
}

.mailRemindSection .mailRemindText {
	float: left;
	width: 580px;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
}
.mailRemindSection .mailRemindText .subInfo {
	width: 100%;
	border-collapse: collapse;
}
.mailRemindSection .mailRemindText .subInfo td {
	padding: 4px 10px;
	border-top:  #EEEEEE solid 1px;
	border-bottom:  #EEEEEE solid 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.mailRemindSection .mailRemindText .subInfo .head {
	width: 300px;
	background: #F5F5F5;
	color: #666666;
	text-align: center;
}
.mailRemindSection .mailRemindText .subInfo .cts {
	background: #FFFFFF;
}

/*====== favorInfoSection ======*/

.favorInfoSection {
	width: 100%;
	float: left;
}
.favorInfoSection .favorInfoHead a {
	font-weight: normal;
}

.favorInfoSection .favorInfoText {
	float: left;
	width: 800px;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
}
.favorInfoSection .favorInfoText .subInfo {
	width: 100%;
	border-collapse: collapse;
}
.favorInfoSection .favorInfoText .subInfo td {
	padding: 4px 10px;
	border-top:  #EEEEEE solid 1px;
	border-bottom:  #EEEEEE solid 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.favorInfoSection .favorInfoText .subInfo .head {
	width: 120px;
	background: #F5F5F5;
	color: #666666;
	text-align: center;
}
.favorInfoSection .favorInfoText .subInfo .checkbox {
	width: 15px;
	background: #DDDDDD;
	text-align: center;
}
.favorInfoSection .favorInfoText .subInfo .cts {
	background: #FFFFFF;
}
.favorInfoSection .favorInfoText .subInfo .input_favor_report .topic {
	font-size: 11px;
}
.favorInfoSection .favorInfoText .subInfo .input_favor_report .reportText {
	margin-top: 3px;
}
.favorInfoSection .favorInfoText .subInfo .cts input {
	margin-right: 5px;
}
.favorInfoSection .favorInfoText .linkText {
	margin-top: 10px;
	font-size: 12px;
}

/*====== detailSection [profile] ======*/

.detailSection {
	width: 100%;
	float: left;
}
.detailSection .detailHead a {
	font-weight: normal;
}

.detailSection .detailText {
	float: left;
	width: 580px;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
	font-size: 12px;
}

/*====== bdWriteSection ======*/

.bdWriteSection {
	width: 100%;
	float: left;
}
.bdWriteSection .bdWriteHead a {
	font-weight: normal;
}

.bdWriteSection .bdWriteText {
	float: left;
	padding: 0 0 0 10px;
	margin: 20px 20px 15px 0;
}
.bdWriteSection .bdWriteText .subInfo {
	width: 100%;
	border-collapse: collapse;
}
.bdWriteSection .bdWriteText .subInfo td {
	padding: 7px 10px;
	border-top:  #EEEEEE solid 1px;
	border-bottom:  #EEEEEE solid 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.bdWriteSection .bdWriteText .subInfo .cell_num {
	width: 50px;
	background: #F5F5F5;
	text-align: center;
}
.bdWriteSection .bdWriteText .subInfo .cell_item {
	width: 250px;
}
.bdWriteSection .bdWriteText .subInfo .cell_time {
	width: 150px;
}
.bdWriteSection .bdWriteText .subInfo .cell_subject {
}


/*====== form ======*/

.formSection .orderForm {
	padding: 15px 10px;
}
.formSection .orderForm .inputArea {
	width: 100%;
	border-collapse: collapse;
	border-bottom:  #CCCCCC dotted 1px;
}
.formSection .orderForm .required {
	width: 100%;
	border-collapse: collapse;
	border:  #FFBBBB solid 1px;
}
.formSection .orderForm .inputArea td {
	padding: 5px 10px;
	border-top:  #CCCCCC dotted 1px;
	border-collapse: collapse;
	font-size: 12px;
}
.formSection .orderForm .inputArea td table td {
	padding: 1px 0;
	border: none;
}
.formSection .orderForm .inputArea .head {
	width: 150px;
	background: #DDDDDD;
	text-align: center;
}
.formSection .orderForm .required .head {
	width: 150px;
	background: #FFDDDD;
	text-align: center;
}
.formSection .orderForm .inputArea .cts {
	background: #F3F3F3;
}
.formSection .orderForm .inputArea .cts .line1 {
	margin-bottom: 3px;
}
.formSection .orderForm .inputArea .cts .line2 {
	margin-top: 3px;
}
.formSection .orderForm .inputArea .cts label input {
	margin: 0 5px;
}
.formSection .orderForm .inputArea .cts select {
	margin-left: 4px;
}
.formSection .orderForm .inputArea .cts select option {
	padding: 1px 5px;
}
.formSection .orderForm .inputArea .cts .input_uname,
.formSection .orderForm .inputArea .cts .input_pwd,
.formSection .orderForm .inputArea .cts .input_secret_ans,
.formSection .orderForm .inputArea .cts .input_company,
.formSection .orderForm .inputArea .cts .input_div {
	width: 300px;
}
.formSection .orderForm .inputArea .cts .input_email,
.formSection .orderForm .inputArea .cts .input_addr3,
.formSection .orderForm .inputArea .cts .input_email_hp,
.formSection .orderForm .inputArea .cts .input_url {
	width: 400px;
}
.formSection .orderForm .inputArea .cts .input_name_kanji1,
.formSection .orderForm .inputArea .cts .input_name_kanji2,
.formSection .orderForm .inputArea .cts .input_name_kana1,
.formSection .orderForm .inputArea .cts .input_name_kana2 {
	width: 80px;
}
.formSection .orderForm .inputArea .cts .input_zip1,
.formSection .orderForm .inputArea .cts .input_zip2,
.formSection .orderForm .inputArea .cts .input_tel1,
.formSection .orderForm .inputArea .cts .input_tel2,
.formSection .orderForm .inputArea .cts .input_tel3,
.formSection .orderForm .inputArea .cts .input_fax1,
.formSection .orderForm .inputArea .cts .input_fax2,
.formSection .orderForm .inputArea .cts .input_fax3,
.formSection .orderForm .inputArea .cts .input_hp1,
.formSection .orderForm .inputArea .cts .input_hp2,
.formSection .orderForm .inputArea .cts .input_hp3 {
	width: 40px;
}
/* .formSection .orderForm .inputArea .cts .input_birth1 {
	width: 40px;
}
.formSection .orderForm .inputArea .cts .input_birth2,
.formSection .orderForm .inputArea .cts .input_birth3 {
	width: 30px;
} */
.formSection .orderForm .inputArea .cts .input_addr2 {
	width: 100px;
}
.formSection .orderForm .inputArea .cts .input_comment {
	width: 580px;
	height: 50px;
}
.formSection .orderForm .submitArea {
	margin: 20px 0 10px;
	text-align: center;
}
.formSection .orderForm .submitArea .submitBtn {
	width: 150px;
	padding: 4px 0;
	margin-bottom: 15px;
}
.formSection .orderForm .submitArea .submitBtn2 {
	width: 305px;
	padding: 4px 0;
	margin-bottom: 15px;
}
.formSection .orderForm .submitArea .resetBtn {
	width: 150px;
	padding: 4px 0;
}


.mailRemindSection .formSection .orderForm .inputArea .head {
	width: 300px;
	background: #DDDDDD;
	text-align: left;
}

.formSection .avatarArea {
	float: right;
	margin: 0 0 0 0;
	text-align: center;
}
.formSection .avatarArea p {
	margin-top: 5px;
	font-size: 12px;
}
.formSection .avatarArea .avatarImage {
	position: relative;
	width: 170px;
	height: 170px;
	padding: 5px;
	background: #F0F0F0;
	border:  #FFFFFF solid 1px;
	text-align: center;
}
.formSection .avatarArea .avatarPic {
	position: absolute;
	top:50%;
	left:50%;
}

/*====== reportConfirm ======*/

.reportSection .reportForm .inputArea .cts .rating_star {
	color: #CC0033;
}
.reportSection .reportForm .submitArea .editBtn,
.formSection .orderForm .submitArea .editBtn {
	width: 150px;
	padding: 4px 0;
	margin-right: 5px;
}

.reportSection .notesSection p {
	margin-bottom: 10px;
}

/*====== favor_list ======*/

.favorInfoSection .orderForm .submitArea {
	margin: 20px 0 10px;
	text-align: center;
}
.favorInfoSection .orderForm .submitArea .submitBtn {
	width: 150px;
	padding: 4px 0;
	margin-bottom: 15px;
}
.favorInfoSection .orderForm .submitArea .submitBtn2 {
	width: 305px;
	padding: 4px 0;
	margin-bottom: 15px;
}
.favorInfoSection .orderForm .submitArea .resetBtn {
	width: 150px;
	padding: 4px 0;
}

.favorInfoSection .orderForm .submitArea .confText {
	margin: 50px;
}
.favorInfoSection .notesSection,
.formSection .notesSection {
	padding: 15px 10px 0;
	font-size: 12px;
}

/*====== Login ======*/

.loginBox {
	width: 300px;
	margin: 0 auto;
	background: #F0F0F0;
	border: #DDDDDD solid 1px;
	font-size: 12px;
}
.loginBox ul#loginFormSection {
	padding: 20px 10px;
	margin: 0 auto;
}
.loginBox ul#loginFormSection li {
	list-style: none;
	font-weight: bold;
}
.loginBox ul#loginFormSection .pwd {
	margin-top: 7px;
}
.loginBox ul#loginFormSection .head {
	float: left;
	width: 80px;
	display: block;
	text-align: right;
}
.loginBox ul#loginFormSection input {
	width: 160px;
}
.loginBox #loginBtnSection {
	text-align: center;
	margin-bottom: 20px;
}
.loginBox #loginBtnSection input {
	width: 150px;
}
.loginBox #joinSection {
	text-align: center;
	padding: 20px;
	background: #FFFFF0 url(../IMG/_/dotline_1.gif) top left repeat-x ;
}
.loginBox #joinSection input {
	width: 150px;
}
.loginBox #pwdRemindSection {
	text-align: center;
	padding: 20px;
	background: transparent url(../IMG/_/dotline_1.gif) top left repeat-x ;
}
.loginBox #pwdRemindSection a {
	padding-left: 15px;
	background: transparent url(../IMG/_/icon_arrow_1.gif) 1px 3px no-repeat;
}

/*====== Logout ======*/

.loginBox #toHomeSection {
	text-align: left;
	padding: 20px;
}
.loginBox #toHomeSection a {
	padding-left: 15px;
	background: transparent url(../IMG/_/icon_arrow_1.gif) 1px 3px no-repeat;
}

.loginBox #toLoginSection {
	text-align: left;
	padding: 20px;
	background: transparent url(../IMG/_/dotline_1.gif) top left repeat-x ;
}
.loginBox #toLoginSection a {
	padding-left: 15px;
	background: transparent url(../IMG/_/icon_arrow_1.gif) 1px 3px no-repeat;
}

/*====== Password ======*/

.formSection .errMsg {
	padding: 8px 12px;
	margin-bottom: 15px;
	background: #ffedf2;
	border: #CC0033 solid 2px;
	color: #CC0033;
	line-height: 160%;
}
.formSection .orderForm .orderText {
	margin-bottom: 10px;
	font-size: 12px;
}

label {
	white-space: nowrap;
}