@charset "utf-8";
/* -----------------------------
	HEADER定義
----------------------------- */
#header #usr_info2 {
	padding-top: 20px;
	float: right;
	width: 325px;
}

#header #usr_info2 li {
	padding-right: 5px;
	float: right;
	width: auto;
}

#header #usr_info li2 a img {
	display: block;
}
/* ===================================
	会員メニューCONTENT定義(共通)
=================================== */
#guide_content {
	margin: 0 auto;
	width: 780px;
	text-align: left;
}

#guide_content img {
	display: block;
}

#guide_content div.guide_paragraph img.imgcenter {
	margin: 10px 20px;
}


#guide_content #headline {
	margin: 35px 0 15px;
}

#guide_content .subheading {
	margin-bottom: 30px;
	text-align: center;
}

#guide_content .subheading img {
	margin: 0 auto;
	display: block;
}

#guide_content p {
	margin-bottom: 20px;
	padding: 0 20px;
	line-height: 1.3;
	letter-spacing: 1px;
	margin-top: 9px;
}

p.pright {
	text-align: right;
}

	
ul.pipe li {
	padding-left: 12px;
	background: url("../../common/img_sign/pipe.gif") no-repeat left center;
	float: left;
	width: auto;
}

ul.greater li {
	padding-left: 15px;
	background: url("../../common/img_sign/greater.gif") no-repeat left center;
}

ul.slash li {
	padding-left: 12px;
	background: url("../../common/img_sign/slash.gif") no-repeat left center;
}

* html ul.pipe li {
	white-space: nowrap;
}

*:first-child+html ul.pipe li {
	white-space: nowrap;
}

html>/**/body ul.pipe li {
	white-space /*\**/: nowrap\9;
}

ul.pipe li.first,
ul.greater li.first,
ul.slash li.first {
	padding-left: 0;
	background: none;
}


#guide_index_title {
	margin: 35px 0 20px;
	font-size: 85%;
}
#guide_title{
	margin: 35px 0 0px;
	font-size: 85%;
}

#guide_content .guide_title dt,
#guide_content #order_info #order_list dt,
#guide_content #order_info #order_cancel dt {
	margin-bottom: 10px;
}

#guide_content #forget_data div.input_data,
#guide_content #regist_mail div.input_data,
#guide_content #resign_member div.input_data,
#guide_content #inquiry_info div.input_data,
#guide_content #usr_review div.input_data,
#guide_content #review_goods .input_data,
#guide_content #order_info #order_list {
	margin-bottom: 28px;
}

#guide_content div.input_data {
	margin: 0 8px;
	border-top: 1px solid #000;
	width: 760px;
}

#guide_content div.input_data dl {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFF url("/tbsi/common/img_sign/bg_input.gif") repeat-y -2px top;
	min-height: 24px;
	text-align: left;
}

* html #guide_content div.input_data dl {
	height: 24px;
}

#guide_content div.input_data dl dt {
	margin: 0;
	float: left;
	width: 24%;
}
#guide_content div.input_data dl dt .input_info {
	padding: 9px;
	display: block;
}

#guide_content div.input_data dl dt .input_title {
	display: inline-block;
	vertical-align: super;
}

#guide_content div.input_data dl dt .input_required {
	margin-left: 2px;
	padding-top: 4px;
	display: inline-block;
	color: #C20E42;
	vertical-align: top;
	white-space: nowrap;
	font-size: 85%;
}

#guide_content div.input_data dl dd .input_sample {
	margin-bottom: 5px;
	display: block;
	font-size: 85%;
}

#guide_content div.input_data dl dd span.input_required {
	margin-right: 4px;
}

#guide_content div.input_data dl dd {
	float: left;
	width: 75.9%;
	height: 100%;
}

#guide_content div.input_data dl dd div {
	padding: 9px;
}

#guide_content div.input_data dl dd .input_detail {
	vertical-align: bottom;
	font-size: 85%;
}

#guide_content div.input_data dl dd div input,
#guide_content div.input_data dl dd div label {
	margin-right: 10px;
	vertical-align: middle;
}

#guide_content div.input_data a.help {
	margin-left: 5px;
}

#guide_content .navi {
	padding: 15px 0;
	border-bottom: 1px dashed #000;
	text-align: center;
}

#guide_content .history_navi {
	margin-bottom: 30px;
	padding: 15px 0;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	text-align: center;
}

#guide_content .history_navi .pre {
	float: left;
	width: auto;
}

#guide_content .history_navi .next {
	float: right;
	width: auto;
}

#guide_content .usr_status dd .navi img,
#guide_content .usr_status dd .navi input{
	margin: 0 auto;
}

#guide_content .input_data .usr_selected input {
	margin-right: 0;
}

#guide_content .input_data .usr_selected label {
	margin-right: 15px;
}

/* -----------------------------------
	会員メニュー FORM共通定義
----------------------------------- */
#guide_content .input_data .usr_name input,
#guide_content .input_data .usr_tel input,
#guide_content .input_data .usr_post .input_text input {
	width: 100px;
}

#guide_content .input_data .usr_mail input,
#guide_content .input_data .usr_pass input,
#guide_content .input_data .usr_address input {
	width: 203px;
}

#guide_content div.input_data dl dd div .usr_birthday select#year,
#guide_content #review_goods .input_data .usr_rating select {
	width: 110px;
}

#guide_content div.input_data .usr_birthday select#month,
#guide_content div.input_data .usr_birthday select#date {
	width: 67px;
}

#guide_content div.input_data .usr_id input,
#guide_content #review_goods .input_data .review_title input,
#guide_content #review_goods .input_data .review_nickname input {
	width: 200px;
}

/* -----------------------------------
	会員メニュー マイページ定義
----------------------------------- */

/* @group guide */

.guide_paragraph{
	margin-bottom: 20px;
	width: 780px;
	clear:both;
}

.guide_title {
	margin-bottom: 10px;
	width: 780px;
}

	
}

div.guide_halfparagraphright {
	margin-bottom: 30px;
	width: 380px;
	float: right;	
}
div.guide_halfparagraphleft {
	margin-bottom: 30px;
	width: 360px;
	float: left;
}

#guide_content div.guide_paragraph div.icon {
	padding-top: 3px;
	clear:both;
}
#guide_content #guide_paragraph dd {
	padding: 3px 20px;
	background: #E0E0E0;
}

#guide_content .guide_paragraph dd dl dt {
	padding : 9px 0 3px 30px;
	background: url("/tbsi/common/img_mb/icon_arrow_gray.gif") no-repeat 15px 62%;
	font-weight: bold;
}
#guide_content .guide_halfparagraphright dd dl dt {
	padding : 9px 0 3px 30px;
	background: url("/tbsi/common/img_mb/icon_arrow_gray.gif") no-repeat 15px 62%;
	font-weight: bold;
}
#guide_content .guide_halfparagraphleft dd dl dt {
	padding : 9px 0 3px 30px;
	background: url("/tbsi/common/img_mb/icon_arrow_gray.gif") no-repeat 15px 62%;
	font-weight: bold;
}


#guide_content .guide_paragraph dd dl dd {
	padding : 0 0 5px 30px;
	border-bottom: 1px dashed #000;
	font-size: 85%;
}

.attention_note {
	margin-top: 5px;
	display: block;
	line-height: 1.3;
	color: #CC0000;
	font-size: 93%;
}

#guide_content div.guide_paragraph div.enclosure h6 {
	text-align: left;
		clear:both;
	
}

#guide_content div.input_data dl dd .input_required {
	background: #FFDCE3;
}

#guide_content .imgleft {
	float: left;
	margin: 10px 10px 10px 20px;
}

h4 {
	font-weight: bold;
	margin-top: 15px;
	margin-left: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	letter-spacing: 1px;
	margin-right: 20px;
	clear:both;
	font-size: 93%;
}

.guide_paragraph h3 {
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #AAAAAA;
	letter-spacing: 2px;
	margin-right: 20px;
}



/* @end */

/* -----------------------------------
	会員メニュー 会員規約定義
----------------------------------- */
#guide_content #agreement #regulation {
	margin: 0 auto 19px;
	border: 1px solid #000;
	width: 758px;
	height: 281px;
	overflow : auto;
}

* html #guide_content #agreement #regulation {
	width: 760px;
}

*:first-child+html #guide_content #agreement #regulation {
	width: 760px;
}

#guide_content #agreement #regulation p {
	margin: 0;
	padding: 7px 10px;
	line-height: 1;
	letter-spacing: 1px;
}

#guide_content #agreement #agree {
	margin-bottom: 13px;
	text-align: center;
}

#guide_content #agreement #agree #agree_ok {
	padding-right: 20px;
}

/* -----------------------------------
	会員メニュー ID忘れ
----------------------------------- */
#guide_content #forget_data .input_data .usr_tel .input_sample,
#guide_content #forget_data .input_data .usr_tel .input_note {
	margin: 0 0 4px;
	line-height: 1;
}

/* -----------------------------------
	会員メニュー メール配信設定入力定義
----------------------------------- */
#guide_content #regist_mail p {
	margin-bottom: 15px;
}

#guide_content #regist_mail .input_data dl dd {
	width: 75.1%;
}

/* -----------------------------------
	会員メニュー ご注文履歴定義
----------------------------------- */
#guide_content #order_info #headline {
	margin-bottom: 20px;
}

#guide_content #order_info #order_list table {
	margin: 0 auto;
	border: 1px solid #000;
	border-collapse: collapse;
	width: 760px;
	vertical-align: middle;
	text-align: center;
}

#guide_content #order_info #order_list table tr {
	height: 41px;
}

#guide_content #order_info #order_list table th {
	border: 1px solid #000;
	border-collapse: collapse;
	background: #E0E0E0;
}

#guide_content #order_info #order_list table th#order_date,
#guide_content #order_info #order_list table th#order_code,
#guide_content #order_info #order_list table th#order_status,
#guide_content #order_info #order_list table th#order_method,
#guide_content #order_info #order_list table th#order_schedule {
	width: 90px;
}

#guide_content #order_info #order_list table th#order_update {
	width: 100px;
}

#guide_content #order_info #order_list table th#order_goods {
	width: 212px;
}

#guide_content #order_info #order_list table th#order_goods div {
	padding: 0 15px;
	text-align: left;
}

#guide_content #order_info #order_list table td {
	border: 1px solid #000;
	border-collapse: collapse;
	font-size: 85%;
}

#guide_content #order_info #order_list table td div {
	padding: 0 15px;
	text-align: left;
}

#guide_content #order_info #order_list table td input {
	padding: 2px;
	font-size: 93%;
}

#guide_content #order_info #order_search #search {
	margin: 0 8px 15px;
}

#guide_content #order_info #order_search p {
	margin-bottom: 20px;
	font-size: 85%;
}

#guide_content #order_info #order_search #search select {
	margin-right: 10px;
	float: left;
	width: 110px;
}

#guide_content #order_info #order_cancel address {
	margin-bottom: 10px;
	padding:0 10px;
	letter-spacing: 1px;
	line-height: 1.3;
}

/* -----------------------------------
	会員メニュー 退会定義
----------------------------------- */

#guide_content #resign_member div.input_data dl dd.usr_pass {
	width: 75.7%;
}

#guide_content #resign_member div.input_data .usr_reason select {
	margin-bottom: 8px;
	display: block;
	width: 110px;
	font-size: 93%;
}

#guide_content #resign_member div.input_data .usr_reason textarea {
	margin-bottom: 5px;
	width: 99.5%;
	height: 55px;
}

#guide_content #resign_member div.input_data .usr_reason .input_detail {
	display: block;
}

/* -----------------------------------
	会員メニュー お問い合わせ定義
----------------------------------- */
#guide_content #inquiry_info p {
	margin-bottom: 15px;
}

#guide_content #inquiry_info .input_data .inquiry_kind select {
	width: 110px;
	font-size: 93%;
}

#guide_content #inquiry_info .input_data .inquiry_report textarea {
	width: 554px;
	height: 56px;
}

#guide_content #inquiry_info .input_data .usr_tel .input_sample,
#guide_content #inquiry_info .input_data .usr_tel .input_note {
	margin: 0 0 3px;
	line-height: 1;
}

#guide_content #inquiry_info .input_data .usr_mail {
	width: 75.2%;
}

/* -----------------------------------
	会員メニュー ユーザーレビュー定義
----------------------------------- */
#guide_content #review_goods .headline {
	margin-bottom: 10px;
}

#guide_content #review_goods p.review_title {
	margin-bottom: 10px;
	padding-bottom: 10px;
	letter-spacing: 2px;
	border-bottom: 1px dashed #000;
}

#guide_content #review_goods p {
	margin-bottom: 15px;
}

#guide_content #review_goods .input_data .review_write textarea {
	margin-bottom: 8px;
	display: block;
	width: 554px;
	height: 96px;
}

#guide_content #review_goods .input_data .review_nickname input {
	margin-bottom: 4px;
}

#guide_content #review_goods .input_data .review_write .input_detail,
#guide_content #review_goods .input_data .review_nickname .input_detail {
	display: block;
}

/* -----------------------------------
	会員メニュー お気に入り定義
----------------------------------- */
#guide_content #favorite_info {
	margin-bottom: 30px;
	border-bottom: 1px dashed #000;
}

#guide_content #favorite_info .subheading {
	margin-bottom: 15px;
}

#guide_content #favorite_info #favorite_sort {
	margin-bottom: 20px;
	padding: 0 8px 20px;
	border-bottom: 1px dashed #000;
}

#guide_content #favorite_info #favorite_sort select {
	font-size: 93%;
}

#guide_content #favorite_info #favorite_list .input_data dl {
	background: #FFF url("/tbsi/common/img_sign/bg_input.gif") repeat-y -60px top;
}

#guide_content #favorite_info #favorite_list .input_data div {
	padding: 9px 5px;
}

#guide_content #favorite_info #favorite_list .input_data div div {
	padding: 0;
}

#guide_content #favorite_info #favorite_list .input_data dl dt {
	width: 16.8%;
}

#guide_content #favorite_info #favorite_list .input_data dl dd {
	width: 83.2%;
}

#guide_content #favorite_info #favorite_list .input_data .input_title input {
	margin: 0 3px;
	vertical-align: middle;
}

* html #guide_content #favorite_info #favorite_list .input_data .input_title input {
	margin:0;
}

*:first-child+html #guide_content #favorite_info #favorite_list .input_data .input_title input {
	margin:0;
}

#guide_content #favorite_info #favorite_list .input_data img {
	vertical-align: middle;
	display: inline;
}

#guide_content #favorite_info #favorite_list .input_data div div {
	padding: 0;
}

#guide_content #favorite_info #favorite_list .input_data .goods_info {
	padding: 0;
	float: left;
	width: 245px;
}

#guide_content #favorite_info #favorite_list .input_data .goods_detail {
	margin-bottom: 20px;
}

#guide_content #favorite_info #favorite_list .input_data .goods_detail span {
	display: block;
}

#guide_content #favorite_info #favorite_list .input_data .goods_comment {
	float: right;
	width: 369px;
}

#guide_content #favorite_info #favorite_list .input_data .goods_comment textarea {
	width: 280px;
	height: 80px;
}

#guide_content #favorite_info #favorite_list .input_data .goods_comment span {
	margin-left: 2px;
	vertical-align: super;
	white-space: nowrap;
}

#guide_content #favorite_info #favorite_delete {
	margin: 12px 0 15px;
	text-align: left;
}

#guide_content #favorite_info #favorite_delete #selected_delete {
	margin-bottom: 8px;
}

#guide_content #favorite_info #favorite_delete #selected_all a { 
	margin-left: 5px;
	font-size: 85%;
}

/* -----------------------------------
	会員メニュー ID・パスワード定義
----------------------------------- */

#guide_content #regist_profile a.help {
	margin: 0;
	display: block;
}

#guide_content #regist_profile .subheading {
	margin-bottom: 10px;
}

#guide_content #regist_profile .input_data {
	margin-bottom: 30px;
}

#guide_content #regist_profile .input_data div div {
	padding: 0;
}

#guide_content #regist_profile .input_data .usr_post .input_sample,
#guide_content #regist_profile .address_info .input_data .usr_tel .input_sample {
	margin-bottom: 0;
}

#guide_content #regist_profile .input_data .usr_post .input_note {
	margin: 4px 0;
}

#guide_content #regist_profile .input_data div .send_terminal {
	margin: 3px 25px 0 0;
	float: left;
	width: auto;
}

#guide_content #regist_profile .address_info .input_data .usr_tel ul {
	margin-top: 3px;
}

#guide_content #regist_profile .address_info .input_data .usr_tel ul li {
	margin-bottom: 5px;
}

#guide_content #regist_profile .address_info .input_data .usr_post .input_text {
	margin: 0 0 7px;
}

#guide_content #regist_profile .input_data ul.usr_address li {
	padding: 8px 10px;
	border-bottom: 1px solid #9A9A9A;
}

#guide_content #regist_profile .input_data ul.usr_address li.last {
	border: none;
}

#guide_content #regist_profile .input_data .usr_selected .send_terminal .send_html label {
	margin: 0;
}

/* -----------------------------------
	会員メニュー 特典
----------------------------------- */
#guide_content #privilege_info dl dd dl.privilege_list {
	margin: 0 auto 10px;
	width: 760px;
}

#guide_content #privilege_info .subheading {
	margin-bottom: 15px;
}

#guide_content #privilege_info table {
	margin: 0 auto;
	border: 1px solid #999;
	border-collapse: collapse;
	vertical-align: middle;
	width: 760px;
	text-align: center;
}

#guide_content #privilege_info #privilege_list table {
	margin-bottom: 40px;
}


#guide_content #privilege_info #campaign_list table {
	margin-bottom: 30px;
}

#guide_content #privilege_info table tr {
	height: 41px;
}

#guide_content #privilege_info table th {
	border: 1px solid #999;
	border-collapse: collapse;
	background: #E0E0E0;
}

#guide_content #privilege_info table td {
	border: 1px solid #999;
}

#guide_content #privilege_info #privilege_list table td {
	font-size: 93%;
}

#guide_content #privilege_info #privilege_list table th#coupon_name {
	padding: 0 20px;
	width: 254px;
	text-align: left;
}

#guide_content #privilege_info #privilege_list table th#use_coupon,
#guide_content #privilege_info #privilege_list table th#limit_coupon,
#guide_content #privilege_info #privilege_list table th#first_date,
#guide_content #privilege_info #privilege_list table th#end_date {
	width: 127px;
}
#guide_content #privilege_info #campaign_list table td div {
	padding: 0 10px;
}

#guide_content #privilege_info #privilege_list table td.coupon {
	padding: 0 20px;
	text-align: left;
}

#guide_content #privilege_info #campaign_list table td.campaign_name {
	background: #E0E0E0;
	width: 180px;
	text-align: left;
}

#guide_content #privilege_info #campaign_list table td.campaign_detail {
	width: 580px;
	font-size: 93%;
	text-align: left;
}
#guide_content div.guide_paragraph ol {
	margin: 10px 40px 20px;
}

#guide_content div.guide_paragraph ul {
	margin: 10px 20px 20px;
}

#guide_content div.guide_paragraph ol li {
	padding-bottom: 3px;
	margin-top: 5px;
	border-width: 1px;
	border-bottom: 1px solid #CCCCCC;
	list-style-type: decimal;
	}
	
#guide_content div.guide_paragraph ul li {
	padding-bottom: 3px;
	margin-top: 5px;
	border-width: 1px;
	}


#guide_content div.guide_paragraph ol.noline li {
	padding-bottom: 3px;
	margin-top: 5px;
	border-width: 1px;
	border-bottom: 1px solid #FFFFFF;
	list-style-type: decimal;
	}

	
	#guide_content div.guide_paragraph ol.order li {
	padding-bottom: 3px;
	margin-top: 5px;
	border-width: 1px;
	list-style-type: decimal;
	border-bottom: 1px solid #FFFFFF;
	}

#guide_content div.guide_paragraph p.left {
	text-align: right;
}
.enclosure {
	background-color: #EEEEEE;
	padding: 10px;
	border-bottom-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 20px;
}

#guide_content div.guide_paragraph div.enclosure_red{
	background-color: #FFCCCC;
	padding: 15px;
	margin: 10px 20px 20px;
	border: 1px solid #CC0000;
}
#guide_content div.guide_paragraph h5 {
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 6px;
}
#guide_content div.guide_paragraph p.supplementation {
	font-size: 85%;
}

#guide_content div.guide_paragraph img.imgright {
	float: right;
	margin: 10px 20px 10px 10px;
}
#content .item_sale #item_detail #item_info {
	float: right;
	width: 290px;
}

#guide_content div.guide_paragraph img.icon {
	float: left;
	margin: 5px 5px 5px 20px;
}

#guide_content div.guide_paragraph p.icon {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 7px;
}

hr {
	margin-right: 20px;
	margin-left: 20px;
}

#guide_content.guide_halfparagraph{
	margin-bottom: 30px;
	width: 380px;
	clear:both;
}

guide_halfparagraph {
	margin-bottom: 30px;
	width: 380px;
	clear:both;
}

dl.guide_halfparagraph {
		margin-bottom: 30px;
	width: 380px;
	clear:both;
}