@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
#main_image {
    margin-bottom: 10px;
    text-align: center;
}
 
#main-image2 {
	margin-left:1px;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
div#undercolumn_aboutus {
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
}

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
    margin: 0 auto;
    width: 100%;
}

.zipimg img {
    vertical-align: middle;
}


/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 100%;
}

div#mynavi_area {
    width: 100%;
}

div#mycontents_area {
    width: 100%;
}
div#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
div#mynavi_area .mynavi_list li {
    margin: 0 15px 5px 0;
    padding-left: 15px;
    float: left;
    background: url('../img/icon/ico_arrow_01.gif') no-repeat left ;
    font-size: 120%;
}

div#mynavi_area div.point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ffcc62;
    background-color: #fffaf0;
}
div#mynavi_area div.point_announce p {
    padding-left: 20px;
    background: url('../img/icon/ico_point.gif') no-repeat left ;
}

div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}

div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px 8px;
    border: solid 0px #ccc;
    width: 97.4%;
    background: #E9EBEC;
}
div#mycontents_area div.mycondition_area p {
    float: left;
}
div#mycontents_area div.mycondition_area .btn {
    width: 160px;
    margin-top: 15px;
    float: right;
}
.add_address {
    margin-bottom: 20px;
}


/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}


/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}

div#undercolumn_login .login_area {
    margin-bottom: 30px;
}

div#undercolumn_login .login_area .inputbox {
    margin: 15px auto 15px auto;
    padding: 15px 20px 10px 20px;
    background: #FFF;
}

div#undercolumn_login .login_area .inputbox .btn_area {
    margin-top: 0;
}

div#undercolumn_login .login_area .inputtext {
    padding:8px;
}





/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.page_navi {
    border-top:solid 1px #999;
    border-bottom:solid 1px #999;
    margin-bottom:12px;
	padding:6px 0;
	clear: both;
}

.pagenumber_area {
    padding: 0;
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagenumber_area {
    margin: 0px 0;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
}
.pagenumber_area .navi li {
    display: inline;
}
.number-left .total-number {
    float: left;
    text-align: right;
    white-space: nowrap;
}
.number-left .change {
    float: left;
    text-align: right;
    white-space: nowrap;
	font-size:10px;
}


/* レイアウト
----------------------------------------------- */
ul.product_list {
	margin-top:0px;
}

ul.product_list li.list_box {
    width: 88px;
    margin: 0 18px 12px 0;
	/*display:inline-block; 
	/display:inline; 
	/zoom:1;*/
	float:left;
	/*min-height:190px;*/
	left:0px;
	position:relative;	
	display: list-item;
	text-align: -webkit-match-parent;
	/*min-height:200px;*/
}


ul.product_list li.list_box {
　margin/*¥**/:0 7px 12px 8px¥9; /* IE7・IE8 */
}

#page_navi_top {
	max-width:200px;
	text-align:right;
	float:right;
}



ul.product_list li.list_box:nth-child(8),
ul.product_list li.list_box:nth-child(14),
ul.product_list li.list_box:nth-child(20),
ul.product_list li.list_box:nth-child(26),
ul.product_list li.list_box:nth-child(32),
ul.product_list li.list_box:nth-child(38) {
    clear:both !important;
	float:left !important;
}

#list_box_7 {
    clear:both !important;
	float:left !important;
}
#list_box_13 {
    clear:both !important;
	float:left !important;
}
#list_box_19 {
    clear:both !important;
	float:left !important;
}
#list_box_25 {
    clear:both !important;
	float:left !important;
}

ul.product_list li.list_box:nth-child(7),
ul.product_list li.list_box:nth-child(13),
ul.product_list li.list_box:nth-child(19),
ul.product_list li.list_box:nth-child(25),
ul.product_list li.list_box:nth-child(31),
ul.product_list li.list_box:nth-child(37),
ul.product_list li.list_box:nth-child(43) {
    margin: 0 0px 12px 0 !important;
}

#list_box_6 {margin: 0 0px 12px 0 !important;}
#list_box_12 {margin: 0 0px 12px 0 !important;}
#list_box_18 {margin: 0 0px 12px 0 !important;}
#list_box_24 {margin: 0 0px 12px 0 !important;}
#list_box_30 {margin: 0 0px 12px 0 !important;}

div.list_area {
    padding: 0 0 10px 0;
    width: 88px;
	/*word-break: break-all;*/
}

div.listphoto {
  margin: 0 0 2px 0;
　padding: 0;
　font-size: 10px;
　line-height: 1.1em; 
  border:solid 1px #999;
}

/* メインカラム用 1カラム時*/
#one_maincolumn div.listrightbloc {
  margin: 0 0 2px 0;
　padding: 0;
　font-size: 10px;
　line-height: 1.1em;
}

/* メインカラム用 2カラム時*/
#two_maincolumn_right div.listrightbloc,
#two_maincolumn_left div.listrightbloc {
}

/* メインカラム用 3カラム時*/
#three_maincolumn div.listrightbloc {
    font-weight:normal;
  	margin: 0 0 2px 0;
　	padding: 0;
　	font-size: 10px;
　	line-height: 1.1em;
	width:90px;
}

#three_maincolumn div.listrightbloc p {
    font-size:10px;
}

#three_maincolumn div.listrightbloc p a {
   text-decoration: none;
   color: #996600;
}

a:link, a:visited {
text-decoration: none;
color: #996600;
}

.new_item a:link, .new_item a:visited,
.sp_topics a:link, .sp_topics a:visited,
.i_gallery a:link, .i_gallery a:visited,
.l_seller a:link, .l_seller a:visited {
color: #666666;
}


/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {
    margin-bottom: 10px;
    width: 100%;
}
div.listrightbloc ul.status_icon li {
    margin-right: 5px;
    float: left;
}

/* 商品名 */
div.listrightbloc h3 {
    font-weight: bold;
    font-size: 10px;
}

/* コメント */
div.listrightbloc .listcomment {
	font-size: 10px;
    margin: 0 0 10px 0;
    text-align: left;
}

/* 商品詳細を見る */
div.listrightbloc .detail_btn {
    margin-bottom: 20px;
}

/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 5px 0;
}

/* 買い物かご */
div.listrightbloc .cart_area {
    padding: 10px;
    border: 1px solid #cef0f4;
    background-color: #ecf5ff;
    width: 94%;
}

/* 規格 */
div.listrightbloc .classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
div.listrightbloc dl {
    width: 100%;
}
div.listrightbloc dt {
    display: inline-block;
    vertical-align: top;
}
div.listrightbloc dd {
    padding-bottom: 10px;
    display: inline-block;
}
div.listrightbloc dd p.attention {
    margin-top: 5px;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
    float :right;
}
div.listrightbloc .cartin .quantity {
    padding: 3px 10px 0 0;
    width: 150px;
    float :left;
    text-align: right;
}
div.listrightbloc .cartin .quantity .box {
    width: 70px;
}
div.listrightbloc .cartin_btn {
    width: 160px;
    float :left;
}


/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
    *1カラム時 [one_maincolumn]
    *2カラム時 [two_maincolumn_left]
               [two_maincolumn_right]
    *3カラム時 [three_maincolumn]

----------------------------------------------- */
#detailarea,
.sub_area {
    margin-bottom: 0px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#one_maincolumn div#detailphotobloc {
    width: 37%;
    float: left;
}
#one_maincolumn #detailrightbloc {
    width: 63%;
    float: right;
}
#one_maincolumn div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 69%;
}
#one_maincolumn div.subphotoimg {
    float: right;
    width: 25%;
    text-align: right;
}
#one_maincolumn p.subtext {
    margin-bottom: 20px;
}

/* 2カラム用 */
#two_maincolumn_left div#detailphotobloc,
#two_maincolumn_right div#detailphotobloc {
    float: left;
    width: 37%;
}
#two_maincolumn_left #detailrightbloc,
#two_maincolumn_right #detailrightbloc {
    float: right;
    width: 63%;
}
#two_maincolumn_left div.subtext,
#two_maincolumn_right div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 73%;
}
#two_maincolumn_left p.subtext,
#two_maincolumn_right p.subtext {
    margin-bottom: 20px;
}
#two_maincolumn_left div.subphotoimg,
#two_maincolumn_right div.subphotoimg {
    float: right;
    width: 25%;
    text-align: right;
}

/* 3カラム用 */
#three_maincolumn div#detailphotobloc {
    float: left;
    width: 100%;
	margin-left:6px;
}
#three_maincolumn #detailleftbloc {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#three_maincolumn div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 63%;
}
#three_maincolumn p.subtext {
    margin-bottom: 20px;
}
#three_maincolumn div.subphotoimg {
    float: right;
    width: 35%;
    text-align: right;
}


#detailarea .product-title {
	font-size: 18px;
	font-weight:bold;
	line-height: 1.2em;
	margin: 30px 0 5px 5px;
	color: #222;
}
#detailarea .maker-name {
	font-size: 10px;
	font-weight:bold;
	line-height: 1.2em;
	margin: 0 0 10px 5px;
	color: #222;
}
.comment_area {
	margin-left:6px;
}


/*---------------------------
			
		詳細画像			

---------------------------*/
/*詳細画像をみる*/
#product-detail2 #d-image {
	background: #FFFFFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 613px;
	}
	
#product-detail2 #d-image ul {
	display:table;
	overflow: hidden;
	}	

#product-detail2 #d-image li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 0 -2px 0;
	display: table-cell;
	}
#product-detail2 #d-image li:nth-child(8),
#product-detail2 #d-image li:nth-child(15),
#product-detail2 #d-image li:nth-child(22),
#product-detail2 #d-image li:nth-child(29),
#product-detail2 #d-image li:nth-child(36) {
	clear:both;
	float: left;
	}	
	
#product-detail2 #d-image li:nth-child(8) {clear:both; float: left;}
#product-detail2 #d-image li:nth-child(15) {clear:both; float: left;}
#product-detail2 #d-image li:nth-child(22) {clear:both; float: left;}
#product-detail2 #d-image li:nth-child(29) {clear:both; float: left;}
#product-detail2 #d-image li:nth-child(36) {clear:both; float: left;}	
	
html>body #product-detail2 #d-image li {
	margin: 0 0 8px 0;
	}
#product-detail2 #d-image .list01 {
	width: 88px;
	}
#product-detail2 #d-image li img {
	border: 1px solid #ffffff;
	}
#product-detail2 #d-image .list02, #product-detail2 #d-image .list03 {
	width: 87px;
	}
#product-detail2 #d-image .list02 img, #product-detail2 #d-image .list03 img {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}
#product-detail2 #d-image li p {
	font-size: 10px;
	margin: 0 0 2px 0;
	padding: 0 4px 0 0;
	width: 83px;
	}
*html #product-detail2 #d-image li p {
	width: 86px;
	}
*html #product-detail2 #d-image li img {
	/*\*/margin: 0 -4px 0 0;/**/
	}
/*\*/@media print {
	*html #product-detail2 #d-image ul {
	display: none;
	}
}/**/




/* 商品情報 各種設定
----------------------------------------------- */
#detailrightbloc h2 {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    color: #666;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: bold;
    font-size: 160%;
}
#detailrightbloc .point,
.relative_cat {
	width:620px;
    margin: 0px 0;
    padding: 5px 0;
    background: url("../img/common/line06.gif") repeat-x bottom ;
}
.relative_cat dt,
.relative_cat dd {
	font-size:10px;
    display:inline;
}
.relative_cat dt a,
.relative_cat dd a {
	font-size:10px;
	text-decoration:underline;
	color: #666;
}
#detailrightbloc .main_comment {
    margin-bottom: 20px;
}

/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
    display: inline;
}

/* 商品ステータス */
ul.status_icon {
    margin-bottom: 10px;
    width: 100%;
}
ul.status_icon li {
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
}

/* 通常価格 */
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
    display: inline;
}

/* 販売価格 */
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
    display: inline;
}

/* ポイント */
#detailrightbloc .point dt,
#detailrightbloc .point dd {
    display: inline;
}

/* 規格 */
#detailrightbloc div.classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
#detailrightbloc .classlist {
    margin-bottom: 5px;
}
#detailrightbloc ul {
    margin-bottom: 0px;
    width: 100%;
}
#detailrightbloc ul li {
    vertical-align: top;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat dd {
    margin-left: 1em;
}

/* 買い物かご */
.cart_area {
	margin-right:5px;
    border-top: #666 solid 1px;
	border-bottom: #666 solid 1px;
}
.cart_area ul li {	
    padding: 10px 0;
}
.cart_area ul li.border {
	background:url('../img/common/line06.gif') left bottom no-repeat;
	width:620px;
	height:1px;
	margin-bottom:1px;
	padding: 0;
	clear: both;
}
#detailrightbloc .quantity dt,
#detailrightbloc .quantity dd {
    display: inline;
}
#detailrightbloc .cartin {
    text-align: center;
}
#detailrightbloc .cartin_btn {
    text-align: center;
}
#detailrightbloc .favorite_btn {
    text-align: center;
    margin-top: 10px;
}

/* 詳細メインコメント */
.main_comment {
	width:100%;
	line-height:1.5;
}

/* スペック */
#detailrightbloc ul {
	width: 352px;
	float: right;
	background: rgb(255, 255, 255);
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 2px;
}

#detailrightbloc ul li.heading {
	background:#ddd;
	font-size: 10px;
	fonw-weight:bold;
}
#detailrightbloc ul li.heading div {
	background:#ddd;
	float:left;
	padding:7px 0;
	border-right:solid 1px #FFF;
	width:57px;
	text-align:center;
}
#detailrightbloc ul li.spec div {
	background:#FFF;
	float:left;
	padding:10px 0;
	border-right:solid 1px #FFF;
	width:57px;
	text-align:center;
}
#detailrightbloc ul li.heading .check,
#detailrightbloc ul li.spec .check2 {
	width:20px;
	border-left:solid 0px #FFF;
}
#detailrightbloc ul li.spec .check2 {
	height:14px;
}
#detailrightbloc ul li.heading .color {
	width:20px;
}
#detailrightbloc ul li.spec .color2 {
	width:20px;

}
#detailrightbloc ul li.heading .material,
#detailrightbloc ul li.spec .material2 {
	width:119px;
}
#detailrightbloc ul li.heading .price,
#detailrightbloc ul li.spec .price2 {
	width:78px;
}
#detailrightbloc ul li.heading .stock,
#detailrightbloc ul li.spec .stock2 {
	width:52px;
	border-left:solid 0px #FFF;
}
#detailrightbloc ul li.spec .stock2 {
	font-size:10px;
	color: rgb(0, 51, 102);
}
#detailrightbloc ul li.spec .material2 {
	text-align:left;
}
#detailrightbloc ul li.spec .price2,
#detailrightbloc ul li.spec .delivery2 {
	text-align:right;
}
#detailrightbloc ul li.border {
	background:url('../img/common/line06.gif') left bottom no-repeat;
	width:352px;
	height:1px;
	margin-bottom:1px;
	clear:both;
}

#cartbtn_default {
	width:352px;
	float:right;
	padding-bottom:10px;
}

#cartbtn_default img {
	float:right;
	margin-right:0px;
}

.cart_area {
	width:620px;
}

ul li.spec0 {
	width:309px;
	float:left;
}

ul li.spec0 .designer,
ul li.spec0 .maker {
	float:left;
	width:70px;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}

ul li.spec0 .d-name,
ul li.spec0 .m-name {
	width:220px;
	height:auto;
	float:left;
	font-size:12px;
	display:inline-block;
	word-break: break-all;
	line-height:145%;
}

ul li.spec1 {
	width:620px;
	clear: both;
}

ul li.spec1 .size {
	float:left;
	width:70px;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}

ul li.spec1 .s-name {
	width:531px;
	height:auto;
	float:left;
	font-size:12px;
	display:inline-block;
	word-break: break-all;
	line-height:145%;
}


/*アイコン*/
ul.icon {
	list-style:none;
	margin-top:5px;
	float:right;
	}
ul.icon li {
	float:left;
	}
ul.icon li.gift {
	margin:0 5px 0 0;
	}
ul.icon li.guide_icon {
	margin:0;
	}
ul.icon li.guide_icon a {
	background: url(../img/common/mark_arrow.gif) no-repeat;
	padding-left:12px;
	}
ul.icon li.guide_icon a:hover {
	background: url(../img/common/mark_arrow.gif) 0 -330px no-repeat;
	}

/*---------------------------
			
		お気に入り
		注文
		お問い合わせ			

---------------------------*/
.cart {
	width: 350px;
	text-align:right;
	border-bottom: solid 1px #999999;
	}

.rsv_wish {
	float:right;
	width: 350px;
	text-align:right;
}
.cart input,
.rsv_wish {
	margin: 8px 0;
	}
.cart a.inquiry {
	margin: 8px 0;
	display:block;
	}
.reserve,
.wish {
	float:right;
	margin-left:15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	}

p.whatwish a {
	background-color: #FFFFFF;
	background-image: url(../img/common/mark_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 -109px;
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
	}
p.whatwish a:hover {
	background-position: 0 1px;
	}
p.whatwish {
	clear:both;
	text-align:right;
}

/*---------------------------
			
	××について
			

---------------------------*/
#Aboutxx {
	margin-top:25px;
	padding:5px;
	background: url('../img/product/aboutxx_bg.gif') repeat-y;
	}
#Aboutxx div.columns1,
#Aboutxx div.columns2 {
	background: url('../img/product/aboutxx_bg02.gif') repeat-y;
	}
#Aboutxx div.columns2 {
	margin-top:5px;
	}
#Aboutxx div.columns1 .gotocart,
#Aboutxx div.columns1 .no_stock,
#Aboutxx div.columns2 .largesize,
#Aboutxx div.columns2 .pdate{
	width:200px;
	padding:15px 0;
	margin-right:5px;
	float:left;
	}
#Aboutxx div.columns1 .incoming_odr,
#Aboutxx div.columns2 .returns{
	width:195px;
	padding:15px 0;
	float:right;
	}
#Aboutxx h3{
	margin:0 12px;
	width:170px;
	height:12px;
	text-indent:-9999px;
	}
#Aboutxx .gotocart h3{
	background: url('../img/product/aboutxx_txt01.gif') repeat-y;
	}
#Aboutxx .no_stock h3{
	background: url('../img/product/aboutxx_txt02.gif') repeat-y;
	}
#Aboutxx .incoming_odr h3{
	background: url('../img/product/aboutxx_txt03.gif') repeat-y;
	}
#Aboutxx .largesize h3{
	background: url('../img/product/aboutxx_txt04.gif') repeat-y;
	}
#Aboutxx .pdate h3{
	background: url('../img/product/aboutxx_txt05.gif') repeat-y;
	}
#Aboutxx .returns h3{
	background: url('../img/product/aboutxx_txt06.gif') repeat-y;
	}
#Aboutxx p{
	margin:12px 12px 0 12px;
	}

/*---------------------------
			
	関連商品
			
---------------------------*/

#productlist {
	width: 636px;
	margin-top:25px;
}
#productlist h3 {
	width: 618px;
	height:17px;
	background: url('../img/product/otherproducts_txt.gif') no-repeat;
	text-indent:-9999px;
	border-bottom:#666666 solid 1px;
	margin-bottom:5px;
}
#productlist ul li.list_box {
    width: 88px;
    margin: 0 18px 12px 0;
	display:inline-block; 
	/display:inline; 
	/zoom:1;
	min-height:150px;
	font-size:10px;
}
#productlist ul li.last {
    margin: 0 0 12px 0 !important;
}
#productlist ul li.list_box img {
    border:solid 1px #ccc;
}

/*---------------------------
			
	購入前にお読み下さい　LINK
			
---------------------------*/
p.readme {
	display:block;
	background: url('../img/product/icon_readme.gif') no-repeat;
	padding-left: 15px;
	}
ul.attention {
	background: url('../img/product/txt_attention2.gif') top left no-repeat;
	padding-top: 30px;
	margin-top:1em;
	}
		


/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    padding: 35px 0 0 0;
}

div#customervoice_area h2 {
    margin-bottom: 20px;
    padding: 6px 0 8px 10px;
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area review_bloc .review_btn {
    float: right;
    width: 160px;
}

div#customervoice_area ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
}


/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
div#whobought_area {
    clear: both;
    padding: 35px 0 0 0;
}

div#whobought_area h2 {
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
    padding: 5px 0 8px 10px;
    font-size: 14px;
}


/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #ffcc62;
    background: #fffaf0;
    font-size: 120%;
    text-align: center;
    line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 5px;
}

div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}


/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer {
}

.flow_area {
    margin: 0 0 20px 0;
}

div#undercolumn_customer th em {
    color: #000;
    font-weight: bold;
}


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
	padding:8px;
    width: 600px;
	line-height:1.3;	
}
div#undercolumn_shopping .pay_area02 {
    margin: 10px auto;
	padding:8px;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}

div#undercolumn_shopping .point_area {
    margin: 10px auto 0 auto;
	padding:8px;
	line-height:1.3;
}

div#undercolumn_shopping .point_area .point_announce {
	background:#FFF;
    padding: 20px;
    border: 1px solid #ccc;
	line-height:1.3;
}

div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}

#card_nouki {
	background:#FFF;
	font-size:11px;
}

.delivdate {
	margin:0;
	padding:0;
	top:-10px;
	position:relative;
}

.left-area {
	clear:both;
	width:180px;
	height:100%;
	float:left;
}

.right-area {
	top:-30px;
	left:-15px;
	position:relative;
	width:400px;
	float:right;
	font-size:11px;
}



/* お届け先の指定
----------------------------------------------- */
#address_area {
    margin-bottom: 10px;
    width: 100%;
}

#address_area .information {
    width: 100%;
}

#undercolumn_shopping .information {
    margin-bottom: 15px;
	line-height:1.3;
}

#address_area .add_multiple {
    padding: 15px 10px;
    border: 1px solid #CCC;
    float: left;
    width: 280px;
    color: #555;
    background: #E9EBEC;
    text-align: center;
    font-weight: bold;
}

#address_area .add_multiple p {
    margin-bottom: 10px;
}

#address_area .addbtn {
    padding: 15px 10px;
    border: 1px solid #CCC;
    float: left;
    width: 277px;
    color: #555;
    background: #E9EBEC;
    text-align: center;
    font-weight: bold;
}

#address_area .add_multiple h3,
#address_area .addbtn h3 {
    margin:0;
}

.select-msg {
	padding:10px 0;
}

table#payment {
	background:#FFF;
	width:483px;
	/*padding:10px;*/
}

th.payment-th1 {
	padding:0px 0 5px;
	width:30%;
}
th.payment-th2 {
	padding:5px 0;
	width:70%;
	text-align:left;
}
td.payment-th4 {
	padding:0;
	width:70%;
	text-align:left;
}

.white-base {
	background:#FFF;
	padding:20px 10px;
	position:relative;
}

table.delivname {
	/*font-size:80%;*/
	line-height:1.3;
}



/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}








/*アイテム一覧*/
/*サイトマップ*/
#content h2.item {
	background: url(../img/title/tl_allitem.gif) 0 23px no-repeat;
	text-indent: -9999px;
	width: 295px;
	height: 78px;
	margin: 0;
	padding: 12px 0 0 0px;
	padding: 0;
	font-size: 10px;
}
#content h2.sitemap {
	background: url(../img/title/tl_sitemap.gif) 0 23px no-repeat;
	text-indent: -9999px;
	width: 295px;
	height: 78px;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
}
#content ul.items,
#content ul.bundle {
	width:285px;
	margin-bottom:20px;
}
#content ul.left,
#content div.left {
	float:left;
}
#content ul.right,
#content div.right {
	float:right;
}
#content ul.items li,
#content ul.bundle li {
	padding:0 5px 5px;
}
#content ul.type li,
#content ul.each li {
	padding:0 5px 5px;
}
#content ul.items li a,
#content ul.bundle li a,
#content ul.bundle li.noa {
	padding: 0 0 1px 14px;
	background: url(../img/common/mark_style.gif) 0 -50px no-repeat;
	color:#666;
}
#content ul.items li a:hover,
#content ul.bundle li a:hover {
	color: #525252;
	background-position: 0 -111px;
}
#content ul.type li a,
#content ul.type li a:hover,
#content ul.each li a,
#content ul.each li a:hover {
	background: none;
}
#content ul.items li, #content ul.bundle li {
padding: 10px 5px;
}
#content ul.type li,
#content ul.each li {
	padding:5px;
}
omc
/*インフォメーション一覧*/fvf
	#content.info-list .title h2.info {
		text-indent: -9999px;
		background: url(../img/title/tl_information.gif) no-repeat;
		width: 180px;
		height: 33px;
		margin: 8px 0 3px 0;
		font-size: 10px;/**/
		float: left;
	}
	.info-list .title .rss {
		width: 300px;
		float: right;
		padding: 26px 0 0 0;
		text-align: right;
	}



.info-list ul {
	clear: both;
	border-top: solid 1px #999999;
	padding: 3px 0 20px 5px;
}
*html .info-list ul {
	/*\*/margin: -11px 0 20px 0;
	padding: 1px 0 5px 5px;/**/
}
	.info-list li {
		clear: both;
		list-style: none;
		padding: 3px 0 8px 0;
		background: url(../img/common/line01.gif) no-repeat;
	}
	.info-list .start {
		background: url(../img/common/spacer.gif) no-repeat;
	}
		#content.info-list li a {
			line-height: 1.25em;
			color: #444444;
			display: block;
			padding: 0 0 0 15px;
			background: url(../img/common/mark_style.gif) 0 -44px no-repeat;
		}
		#content.info-list li a.impt {
			color: #A60A09;
		}
			#content.info-list li a:hover {
				color: #6D6457;
				background-position: 0 -105px;
			}
			.info-list li a img {
				float: right;
				margin: 26px 0 0 6px;
			}
		.info-list li .date {
			margin: 0 0 5px 1px;
			font-size: 11px;
			line-height: 2.4em;
		}
		html>body .info-list li .date {
			font-size: 10px;
		}
		
		
/*ユーザーサポート*/
#content .support {
	background: url(../img/title/tl_riyoguide.gif) 0 23px no-repeat;
	text-indent: -9999px;
	width: 295px;
	height: 73px;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
	}
#content .support-list {
	background: url(../img/common/line06.gif) 0 1px no-repeat;
	}

#content .support-list ul.guide01 {
	width:285px;
	margin:10px 0;
}
#content .support-list ul.left {
	float:left;
}
#content .support-list ul.right {
	float:right;
}
#content .support-list ul.guide01 li {
	padding:10px 5px;
}
#content .support-list ul.guide01_2 li {
	padding:5px 0;
}
#content .support-list ul.guide01 li a {
	padding: 0 0 1px 14px;
	background: url(../img/common/mark_style.gif) 0 -111px no-repeat;
	color:#ff4d00;
}
#content .support-list ul.guide01 li a:hover {
	color: #666;
	background-position: 0 -50px;
}
#content .support-list ul.guide01_2 li a,
#content .support-list ul.guide01_2 li a:hover {
	padding: 0 0 0 14px;
	background: url(../img/common/icon_point.gif) top left no-repeat;
	color:#666;
	display:block;	
}
		
/*各種ご利用規約
---------------------------*/

#content .agreement {
	background: url(../img/title/tl_agreement.gif) 0 23px no-repeat;
	text-indent: -9999px;
	width: 295px;
	height: 63px;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;	
}
#content ul.agr-list {
	width:618px;
	margin-bottom:20px;
	padding-top:1em;
	background: url(../img/common/line06.gif) 0 1px no-repeat;
}

#content ul.agr-list li {
	padding:10px 5px;
}

#content ul.agr-list li a {
	padding: 0 0 1px 14px;
	background: url(../img/common/mark_style.gif) 0 -50px no-repeat;
	color:#666;
}
#content ul.agr-list li a:hover {
	color: #525252;
	background-position: 0 -111px;
}
#content ul.type li a,
#content ul.type li a:hover {
	background: none;
}


/*ご利用規約*/
#content.agreement h2.agreement01 {
	background: url(../img/title/tl_agreement01.gif) 0 18px no-repeat;
	text-indent: -9999px;
	width: 340px;
	height: 63px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 10px;/**/
}
#content.agreement h2.agreement02 {
	background: url(../img/title/tl_agreement02.gif) 0 18px no-repeat;
	text-indent: -9999px;
	width: 340px;
	height: 63px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 10px;/**/
}
#content.agreement h2.agreement03 {
	background: url(../img/title/tl_agreement03.gif) 0 18px no-repeat;
	text-indent: -9999px;
	width: 340px;
	height: 63px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 10px;/**/
}
#content.agreement h2.security {
	background: url(../img/title/tl_security.gif) 0 18px no-repeat;
	text-indent: -9999px;
	width: 340px;
	height: 63px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 10px;/**/
}
#content.agreement h2.privacypolicy {
	background: url(../img/title/tl_privacypolicy.gif) 0 18px no-repeat;
	text-indent: -9999px;
	width: 340px;
	height: 63px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 10px;/**/
}
#content.agreement h2.companyinfo {
	background: url(../img/title/tl_company_info.gif) 0 18px no-repeat;
	text-indent: -9999px;
	width: 340px;
	height: 63px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 10px;/**/
}

.agreement p {
	margin: 4px 0 0 0;
	padding: 0 6px 0 8px;
	line-height: 1.45em;
}
	.agreement p img {
		float: right;
		margin: 0 0 0 14px;
	}

	*html .agreement .message {
		/*\*/padding: 6px 0 0 0;/**/
	}
		.agreement .message p {
			line-height: 1.45em;
			padding: 0;
		}

.agreement h3 {
	background: #DBDFDF;
	font-size: 12px;
	padding: 6px 8px;
	margin: 20px 0 0 0;
}
.agreement ol {
	margin: 4px 0;
}
	.agreement li {
		margin: 0 0 4px 28px;
		padding: 0 6px 0 0;
		line-height: 1.45em;
		list-style:outside decimal;
	}
			.agreement .account {
				margin: 0;
				padding: 6px;
			}
				.agreement .account li {
					list-style: none;
					margin: 0;
				}
.additional {
	float: right;
	margin: 0 0 20px 0;
}
	.additional p {
		padding: 0 40px 0 0;
	}
	*html .additional p {
		padding: 0 0 0 30px;;
	}
		.additional li {
			list-style: none;
			margin: 0;
		}
.agreement .ot-agr {
	clear: both;
	margin: 45px 0 20px 0;
}
	.agreement .ot-agr a {
		color: #333333;
	}
		.agreement .ot-agr a:hover {
			color: #6D6457;
		}

/*プライバシーポリシー*/
.agreement .left {
	width: 325px;
	float: left;
}
*html .agreement .left {
	margin: -15px 0 0 0;
}
.agreement .left p {
	padding: 0 0 15px 2px;
}
.agreement .right {
	width: 116px;
	float: right;
	padding: 20px 0 15px 0;
}
*html .agreement .right {
	padding: 10px 0 15px 0;
}
#content.agreement h2.text {
	clear: both;
	text-indent: 0px;
	width: auto;
	height: auto;
	padding: 10px 0 0 0;
	margin: -20px 0 0 0;
	font-size: 12px;
}
#content.agreement h2.text {
	clear: both;
	text-indent: 0px;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
*html #content.agreement h2.text {
	margin: -10px 0 0 0;
}
#content.agreement h2.text2 {
	clear: both;
	text-indent: 0px;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
	.agreement .policy {
		border: solid 1px #999999;
		margin: 8px 0 30px 0;
		padding: 10px 14px 0 14px;
	}
		.agreement .policy p {
			padding: 0 0 1em 0;
		}
		.agreement .policy p.autograph {
			margin: 0 0 0 445px;
			padding: 12px 0 0 0;
		}
		html>body .agreement .policy p.autograph {
			float: right;
			margin: 0;
		}
			.agreement .policy li {
				list-style: none;
				line-height: 1.35em;
				padding: 0 0 10px 14px;
				margin: 0 0 0 4px;
				background: url(../img/common/mark_square.gif) no-repeat;
			}

	.agreement .statement {
		padding: 5px 0 0 0;
	}
	.agreement .statement h3.start {
		padding: 6px 8px;
		margin: 8px 0 0 0;
	}
	.agreement .statement h3.title {
		background: none;
		font-size: 12px;
		padding: 0 8px;
		margin: 20px 0;
	}
	.agreement .statement h3 {
		margin: 18px 0 0 0;
	}
	.agreement .statement h4 {
		padding: 10px 6px 0 6px;
		font-size: 12px;
	}
	.agreement .statement p {
		padding: 7px 6px 10px 6px;
		margin: 0;
	}
	.agreement .statement p.text2 {
		padding: 7px 6px 0 6px;
	}
	.agreement .statement p.asterisk {
		padding: 7px 6px 0 18px;
		background: url(../img/common/mark_asterisk.gif) 4px 7px no-repeat;
	}
	.agreement .statement p.asterisk2 {
		padding: 7px 6px 10px 18px;
		background: url(../img/common/mark_asterisk.gif) 4px 7px no-repeat;
	}
		.agreement .statement h4.epe {
			padding: 6px 0 2px 24px;
			font-size: 12px;
		}
		.agreement .statement h4.epe2 {
			padding: 6px 0 0 21px;
			font-size: 12px;
			font-weight: normal;
		}
		.agreement .statement h5 {
			padding: 3px 0 2px 24px;
			font-size: 12px;
		}
		.agreement .statement p.textb {
			padding: 3px 6px 4px 24px;
			margin: 0;
		}
		.agreement .statement p.textc {
			padding: 3px 6px 0 24px;
			margin: 0;
		}
		.agreement .statement p.asterisk3 {
			padding: 1px 6px 12px 39px;
			margin: 0;
			background: url(../img/common/mark_asterisk.gif) 25px 1px no-repeat;
		}
		.agreement .statement p.textd {
			padding: 3px 6px 12px 24px;
			margin: 0;
		}
		.agreement .statement ul {
			padding: 4px 0 10px 0;
		}
			.agreement .statement li {
				list-style: none;
				line-height: 1.35em;
				padding: 0 0 0 14px;
				margin: 2px 0 0 20px;
				background: url(../img/common/mark_standard.gif) no-repeat;
			}

	.agreement .statement h4.epe3 {
		padding: 14px 6px 6px 24px;
		text-size: 12px;
	}
		.agreement .statement dl {
			margin: 3px 0 0 24px;
			padding: 0;
			border: none;
		}
			.agreement .statement dt {
				line-height: 1.45em;
				width: 9em;
				font-weight: normal;
				margin: 0;
				padding: 0;
				float: left;
			}
				.agreement .statement dd {
					line-height: 1.45em;
					margin: 0;
					padding: 0 0 0 10em;
					text-indent: -1em;
				}
				*html .agreement .statement dd {
					/*\*/text-indent: -0.8em;/**/
				}



/*特定商取引に関する法律に基づく表示*/

.agreement .cbody {
	background: url(../img/common/bg_companyinfo.gif) no-repeat;
}

.agreement dl {
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 1;
	border-top: solid 1px #999999;
}
.agreement dl.start {
	border-top: none;
}
	.agreement dt {
		line-height: 1.45em;
		width: 200px;
		font-weight: bold;
		margin: 2px 0 3px 0;
		padding: 6px 10px 0 0;
		float: left;
	}
	.agreement dd {
		line-height: 1.45em;
		margin: 0 0 3px 0;
		padding: 6px 0 3px 220px;
	}
		.agreement blockquote.block3 {
			margin: 0 0 14px 0;
			padding: 0 12px 0 18px;
			line-height: 1.35em;
		}
		.agreement blockquote.block4 {
			margin: 0;
			padding: 0 12px 0 18px;
			line-height: 1.35em;
		}
			.agreement li.list3 {
				list-style: none;
				line-height: 1.35em;
				padding: 0 0 0 14px;
				margin: 2px 0 0 16px;
				background: url(../img/common/mark_standard.gif) no-repeat;
			}
			.agreement li.list4 {
				list-style: none;
				line-height: 1.35em;
				padding: 4px 6px 16px 40px;
				margin: 0;
				background: url(../img/common/mark_asterisk.gif) 26px 4px no-repeat;
			}
			.agreement li.list5 {
				list-style: none;
				line-height: 1.15em;
				padding: 4px 6px 0 22px;
				margin: 0;
			}
	.agreement p.text5 {
		padding: 10px 6px 0 40px;
		margin: 0;
		background: url(../img/common/mark_asterisk.gif) 26px 11px no-repeat;
	}
	.agreement p.text6 {
		padding: 0 6px 0 30px;
		margin: 0;
	}
	.agreement p.text7 {
		list-style: none;
		line-height: 1.35em;
		padding: 12px 6px 0 24px;
		margin: 0;
		background: url(../img/common/mark_asterisk.gif) 10px 12px no-repeat;
	}
	
/*2011年追加分*/
	.agreement .ta_truste{border-left: 1px solid #999999;border-top: 1px solid #999999; margin:10px 0;}
	.agreement .ta_truste .td_l{width:20%; padding:5px;border-bottom:1px solid #999999;border-right:1px solid #999999;}
	.agreement .ta_truste .td_r{width:80%; padding:5px;border-bottom:1px solid #999999;border-right:1px solid #999999;}
	.agreement .ta_truste .td_r ol{ margin:0; padding:0;}
	.agreement .ta_truste .td_r ol li{ margin:0; padding:0; list-style-position:inside; list-style-type:decimal; background:none;}
	.f_le{ float:left;}
	.f_ri{ float:riht;}
	.cl{clear:both;}
	.tw_bn{width:117px; float:left;}
	.tw_text{width:350px; float:right;}
	.link_bn{ width:500px;}
	
table.tokutei {
	width:610px;
	margin: 4px 0 0 0;
	padding: 0 6px 0 8px;
	line-height: 1.45em;
}

table.tokutei th {
	width:40%;
	padding:10px 0;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
}
	
table.tokutei td {
	width:60%;
	padding:10px 0;	
	border-bottom:solid 1px #ccc;	
	
}
	

	
/*メンバー登録について*/
.registration img.right {
		float:right;
		margin:0 0 0.5em 1em;
		}

.registration h2 {
	text-indent: -9999px;
	width: 215px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/info/registration/h2_ttl01.gif) 0 18px no-repeat;
}
	.registration .outline {
		margin: 0 0 25px 0;
		padding: 0 0 20px 0;
	}
	
		.registration p {
			line-height: 1.45em;
			margin:1em 0;
		}
		/*メンバー特典について*/	
		.registration h3#about {
			width: 618px;
			height: 20px;
			margin: 4px 0;
			text-indent: -9999px;
			background: url(../img/info/registration/h3_ttl01.gif) no-repeat;
		}
		.registration ul#PageLink {
			margin: 20px 0 0 0;
			list-style:none;
		}
		.registration ul#PageLink li {
			width:200px;
			float:left;
			margin-bottom:10px;
		}
		.registration ul#PageLink li a {
			width:200px;
			text-indent:-9999px;
			display:block;
			font-size:1px;
			padding:0;
		}
		.registration ul#PageLink li.num01 a, 
		.registration ul#PageLink li.num02 a,
		.registration ul#PageLink li.num03 a {
			height:140px;
		}
		.registration ul#PageLink li.num01 a:hover, 
		.registration ul#PageLink li.num02 a:hover,
		.registration ul#PageLink li.num03 a:hover {
			background-position:0 -140px;
		}
		.registration ul#PageLink li.num04 a, 
		.registration ul#PageLink li.num05 a,
		.registration ul#PageLink li.num06 a,
		.registration ul#PageLink li.num07 a, 
		.registration ul#PageLink li.num08 a,
		.registration ul#PageLink li.num09 a {
			height:95px;
		}
		.registration ul#PageLink li.num04 a:hover, 
		.registration ul#PageLink li.num05 a:hover,
		.registration ul#PageLink li.num06 a:hover,
		.registration ul#PageLink li.num07 a:hover, 
		.registration ul#PageLink li.num08 a:hover,
		.registration ul#PageLink li.num09 a:hover {
			background-position:0 -95px;
		}
	.registration ul#PageLink li.num01, 
		.registration ul#PageLink li.num02,
		.registration ul#PageLink li.num04,
		.registration ul#PageLink li.num05, 
		.registration ul#PageLink li.num07,
		.registration ul#PageLink li.num08 {
			margin-right:7px;
		}
		ul#PageLink li.num01 a {background: url(../img/info/registration/btn_toku01.gif) no-repeat;	}
		ul#PageLink li.num02 a {background: url(../img/info/registration/btn_toku02.gif) no-repeat;	}
		ul#PageLink li.num03 a {background: url(../img/info/registration/btn_toku03.gif) no-repeat;	}
		ul#PageLink li.num04 a {background: url(../img/info/registration/btn_toku04.gif) no-repeat;	}
		ul#PageLink li.num05 a {background: url(../img/info/registration/btn_toku05.gif) no-repeat;	}
		ul#PageLink li.num06 a {background: url(../img/info/registration/btn_toku06.gif) no-repeat;	}
		ul#PageLink li.num07 a {background: url(../img/info/registration/btn_toku07.gif) no-repeat;	}
		ul#PageLink li.num08 a {background: url(../img/info/registration/btn_toku08.gif) no-repeat;	}
		ul#PageLink li.num09 a {background: url(../img/info/registration/btn_toku09.gif) no-repeat;	}
		
		/*特典*/
		.registration h3#Toku01,
		.registration h3#Toku02,
		.registration h3#Toku03,
		.registration h3#Toku04,
		.registration h3#Toku05,
		.registration h3#Toku06,
		.registration h3#Toku07,
		.registration h3#Toku08,
		.registration h3#Toku09 {
			width: 523px;
			_width: 618px;
			margin: 30px 0 20px 0;
			padding:13px 5px 10px 90px;
			font-size:12px;
			color:#3399ff;
			border-bottom: #d5dbdc solid 1px;
		}
		.registration h3#Toku01 {
			background: url(../img/info/registration/h3_ttl02.gif) no-repeat;
		}
		.registration h3#Toku02 {
			background: url(../img/info/registration/h3_ttl03.gif) no-repeat;
		}
		.registration h3#Toku03 {
			background: url(../img/info/registration/h3_ttl04.gif) no-repeat;
		}
		.registration h3#Toku04 {
			background: url(../img/info/registration/h3_ttl05.gif) no-repeat;
		}
		.registration h3#Toku05 {
			background: url(../img/info/registration/h3_ttl06.gif) no-repeat;
		}
		.registration h3#Toku06 {
			background: url(../img/info/registration/h3_ttl07.gif) no-repeat;
		}
		.registration h3#Toku07 {
			background: url(../img/info/registration/h3_ttl08.gif) no-repeat;
		}
		.registration h3#Toku08 {
			background: url(../img/info/registration/h3_ttl09.gif) no-repeat;
		}
		.registration h3#Toku09 {
			background: url(../img/info/registration/h3_ttl10.gif) no-repeat;
		}

			/*リンク*/
			.registration p.link a {
				background: url(../img/common/mark_style.gif) 0 -50px no-repeat;
				padding: 0 0 2px 14px;
				color: #525252;
				font-size: 11px;
				font-weight: bold;
			}
				.registration p.link a:hover {
					background-position: 0 -111px;
					color: #ff6600;
				}
			.registration .privilege .text img {
				float: right;
				margin: 6px 0 10px 10px;
			}
			
			
	/*ご登録の前に会員規約をお読みください*/
	.registration h3.policy {
		background: #D2D2D2;
		font-size: 12px;
		line-height: 1.2em;
		padding: 6px 8px;
		margin: 45px 0 0 0;
	}
	.registration #form1 {
		background: #E9EBEC;
		padding: 8px;
		margin: 0 0 25px 0;
		text-align: center;
	}
		.registration #form1 p.text {
			line-height: 1.45em;
			padding: 6px 6px 24px 6px;
			text-align: left;
		}
			.registration #form1 p.text a {
				line-height: 1.45em;
				padding: 0 0 0 12px;
				background: url("../img/common/mark_arrow.gif") 0 -109px no-repeat;
			}
		.registration #form1 textarea {
			width: 570px;
			height: 160px;
			color: #525252;
		}
		.registration #form1 p.btn {
			margin: 14px 0 4px 231px;
		}
		*html .registration #form1 p.btn {
			margin: 14px 0 4px 0;
		}
			.registration #form1 p.btn a {
				width: 140px;
				height: 19px;
				padding: 0;
				text-indent: -9999px;
				display: block;
				background: url(../img/form/btn_regist0.gif) no-repeat;
			}
				.registration #form1 p.btn a:hover {
					background-position: 0 -19px;

				}
	

/*----------------------

		SEO
	
----------------------*/


#stl2 {
	clear: both;
	text-align:center;
	width:620px;
	margin-left:auto;
	margin-right:auto;
	margin-top:45px;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	padding-top: 6px;
	padding-bottom: 6px;
}

#stl2 h4 {
	font-weight:normal;
	font-size:11px;
	line-height:135%
}

#stl2 a {
	color:#666666;
}

/*---------------------------
			
Facebook　Twitter
			
---------------------------*/

			#fbtw {
				clear:both;
				padding: 0px;
				float: right;
				height: 21px;
				width: 220px;
				margin-top: 15px;
				margin-right: 0px;
				margin-bottom: 15px;
				margin-left: 0px;
			}
			#fbtw .fbbtn {
				width:110px;
				height:21px;
				margin: 0px;
				padding: 0px;
				float: left;
				width: 110px;
			}
			#fbtw .twbtn {
				width:80px;
				height:21px;			
				margin: -12px 0 0 0px;
				padding: 0px;
				float: left;
				width: 80px;
				
			}

@charset "Shift_JIS";


/*----------------------------------

	1.デザイナー・メーカー一覧紹介文

------------------------------------*/
#main-info {
	width: 592px;
	border: solid 1px #999999;
	margin: 0 0 24px 0;
	padding: 12px 12px 0 12px;
}

#base #content #main-info {
	width: 592px;
	border: solid 1px #999999;
	margin: 0 0 24px 0;
	padding: 12px 12px 0 12px;
}
*html #base #content #main-info {
	width: 616px;
}
#base #content #main-info .left {
	width: 210px;
	float: left;
}

*html #base #content #main-info .left {
/*\*/margin: 0 0 -12px 0;/**/
}

#base #content #main-info .left img {
	border: solid 1px #999999;
}

#base #content #main-info .right {
	width: 380px;
	float: right;
	margin: 0 0 -28px 0;
}

html>body #base #content #main-info .right {
	margin: 0 0 -14px 0;
}
#base #content #main-info h2 {
	font-size: 18px;
	margin: 0;
	line-height:1.45em;
}

#base #content #main-info h2.noimg {
	width:380px;
}

#base #content #main-info h3 {
	font-size: 10px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	line-height:1.45em;
	border-bottom: solid 1px #999999;
}
#base #content #main-info p {
	line-height: 1.45em;
	padding: 0 0 1em 0;
}
#base #content #main-info .text02 {
	padding: 1.0em 0 0 0;
}
#base #content #main-info ul {
	padding: 0 0 12px 0;
}
#base #content #main-info li {
		list-style: none;
		padding: 0 0 3px 0;
	}
/*---------------------------

	2.特集ページLINK

---------------------------*/
/*	共通　*/
#base #content #main-info ul.ftr li {
	background: url(../img/product/btn_ftr.gif) no-repeat;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	padding:3px;
}
#base #content #main-info ul.ftr li a{
	display:block;
	width: 341px;
	height: 54px;
}
#base #content #main-info ul.ftr li a:hover{
	background: url(../img/product/btn_ftr.gif) -3px -63px no-repeat;
}
#base #content #main-info ul.ftr li span{
	display:block;
	width: 132px;
	height: 54px;
}
/*　特集別　*/
#base #content #main-info ul.ftr li span.ftr_meda{
	background:  url(../img/special/ftr_meda_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_sofa{
	background:  url(../img/special/ftr_sofa_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_atimont{
	background:  url(../img/special/ftr_atimont_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_haller{
	background:  url(../img/special/ftr_haller_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_musabi{
	background:  url(../img/special/ftr_musabi_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_ssc{
	background:  url(../img/special/ftr_ssc_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_sanaa{
	background:  url(../img/special/ftr_sanaa_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_girard{
	background:  url(../img/special/ftr_girard_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_grcic{
	background:  url(../img/special/ftr_grcic_image2.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_100per{
	background:  url(../img/special/ftr_100per_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_jasper{
	background:  url(../img/special/ftr_jasper_image2.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_gehry{
	background:  url(../img/special/ftr_gehry_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_prouve{
	background:  url(../img/special/ftr_prouve_image2.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_feelathome{
	background:  url(../img/special/ftr_feelathome_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_workingspace{
	background:  url(../img/special/ftr_workingspace_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_self01{
	background:  url(../img/special/info_self01_image.gif) no-repeat;
}

#base #content #main-info ul.ftr li span.info_vitra{
	background:  url(../img/special/info_vitra_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_vitrahome01{
	background:  url(../img/special/info_vitrahome01_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_headline{
	background:  url(../img/special/info_headline_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_aeron{
	background:  url(../img/special/ftr_aeron_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_elephant{
	background:  url(../img/special/info_elephant_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_nf01{
	background:  url(../img/special/info_nf01_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_isokon{
	background:  url(../img/special/info_isokon_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_architexture{
	background:  url(../img/special/info_architexture_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.info_boffi{
	background:  url(../img/special/info_boffi_image.gif) no-repeat;
}

#base #content #main-info ul.ftr li span.info_hella{
	background:  url(../img/special/info_hella_image.jpg) no-repeat;
}

#base #content #main-info ul.ftr li span.pn_slowchair{
	background:  url(../img/special/pn_slowchair_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.pn_sim{
	background:  url(../img/special/pn_sim_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.pn_worknest{
	background:  url(../img/special/pn_worknest_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.pn_myto{
	background:  url(../img/special/pn_myto_image.gif) no-repeat;
}		

#base #content #main-info ul.ftr li span.info_eameselephant{
	background:  url(../img/special/info_eameselephant_image.gif) no-repeat;
}	
#base #content #main-info ul.ftr li span.pn_baobab{
	background:  url(../img/special/pn_baobab_image.jpg) no-repeat;
}

#base #content #main-info ul.ftr li span.pn_worker{
	background:  url(../img/special/pn_worker_image.jpg) no-repeat;
}		
#base #content #main-info ul.ftr li span.ftr_workchair{
	background:  url(../img/special/ftr_workchair_image.gif) no-repeat;
}		
#base #content #main-info ul.ftr li span.ftr_nelson100th{
	background:  url(../img/special/ftr_nelson100th_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_noguchi{
	background:  url(../img/special/ftr_noguchi_image2.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.pn_vegetal{
	background:  url(../img/special/pn_vegetal_image.gif) no-repeat;
}

#base #content #main-info ul.ftr li span.ftr_sanaamaruni{
	background:  url(../img/special/ftr_sanaamaruni_image.gif) no-repeat;
}

#base #content #main-info ul.ftr li span.info_panton0910{
	background:  url(../img/special/info_panton0910_image.gif) no-repeat;
}
#base #content #main-info ul.ftr li span.ftr_panton{
	background:  url(../img/special/ftr_panton_image.gif) no-repeat;
}

#base #content #main-info ul.ftr li span.info_shellchair2011{
	background:  url(../img/special/info_shellchair2011_image.gif) no-repeat;
}


/*---------------------------

	3.商品部分

---------------------------*/

#base #content #stl {
	clear: both;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	margin: 0 0 12px 0;
	width: 618px;
	padding: 6px 0 0 0;
}

html>body #base #content #stl {
	padding: 3px 0;
}

#base #content #stl .left {
	width: 330px;
	float: left;
	line-height:1.2em;
}

#base #content #stl .left h3 {
	font-size: 12px;
	display: inline;
}

#base #content #stl .right {
	width: 288px;
	float: right;
	text-align: right;
}

*html #base #content #stl .right {
	margin: -12px 0 0 0;/*\*/margin:0;/**/
}



	/*ページの移動（下）*/
		#content .page {
text-align: right;
margin: 4px 14px 16px 0;
		}
		#productlist .page {
text-align: right;
margin: 4px 2px 16px 0;
		}


/*----------------------

		リンク
	
----------------------*/

#main-info .left p.link {
	padding: 10px 0 0 0;
	color: #525252;
}
#main-info .left p.link a {
	line-height: 1.45em;
	color: #525252;
	padding: 0 0 1px 14px;
	margin-top:5px;
	background: url(../img/common/mark_style.gif) 0 -50px no-repeat;
}
#main-info .left p.link a:hover {
	color: #FF6600;
	background-position: 0 -111px;
}




/*-------------------------------------------

		(USM Haller2.css XP対策)example
	
-------------------------------------------*/

		/*事例*/
		#case-study {
			background-color:#FFFFFF;
			padding: 14px 0 0 0;
			margin: 0;

		}

		#example {
			text-align:center;
		}
		#example #case-study {
			width:845px;
			_width:860px;
			margin:20px auto;
			padding-left: 15px;
			text-align:left;
		}
			#case-study h3 {
				float:left;
				width: 175px;
				height: 32px;
				background: url(/user_data/packages/default/img/info/haller/stl21b.gif) no-repeat;
				text-indent: -9999px;
			}
			#example #case-study h3 , #lightbox h3{
			float:none;
			}
			
			#case-study p.examples a {
				margin-top:5px;
				float:right;
				width: 142px;
				height: 25px;
				background: url(/user_data/packages/default/img/info/haller/btn_examples.gif) no-repeat;
				text-indent: -9999px;
				font-size:1px;
			}
			.right .info-text div.examples a {
				margin-top:0;
				float:left;
				width: 142px;
				height: 25px;
				background: url(/user_data/packages/default/img/info/haller/btn_examples.gif) no-repeat;
				text-indent: -9999px;
				font-size:1px;
			}
			#case-study p.examples a:hover,
			.right .info-text div.examples a:hover {
				background-position: 0 -25px;
			}
			#case-study ol {
				padding: 0;
				margin: 14px 0 0 0;
			}
			#example #case-study ol {
				min-height:560px;
				_height:560px;
			}
				#case-study ol li {
					float:left;
					list-style: none;
					margin: 0 13px 10px 0;
				}
				
				#case-study ol li.right {
					margin-right: 0;
				}
				#case-study ol li a.thumbnail {
					width: 90px;
					height: 90px;
					_width: 92px;
					_height: 92px;
					display: block;
					text-indent: -9999px;
					border:#C7C7BD solid 1px;
					margin-bottom:1px;
					padding:0;
					}
				#case-study ol li a.thumbnail:hover {
					border:#999999 solid 1px;
					}

			/*-----ページ送りボタン-----*/
			#case-study div.arrow {
				padding: 0 15px 15px 0;
			}
			#case-study div.arrow .next {
				float:right;
			}
			#case-study div.arrow .next a {
					width: 116px;
					height: 25px;
					display: block;
					background: url(/user_data/packages/default/img/info/haller/btn_next.gif) no-repeat 0 -25px;
					padding: 0;
			}
			#case-study div.arrow .next a:hover {
					background: url(/user_data/packages/default/img/info/haller/btn_next.gif) no-repeat 0 0;
			}
			#case-study div.arrow .previous {
				float:left;
			}
			#case-study div.arrow .previous a {
					display: block;
					background: url(/user_data/packages/default/img/info/haller/btn_previous.gif) no-repeat 0 -25px;
					padding: 0;
			}
			#case-study div.arrow .previous a:hover {
					background: url(/user_data/packages/default/img/info/haller/btn_previous.gif) no-repeat 0 0;
			}
			#case-study div.arrow a span {
					width: 116px;
					height: 25px;
					display: block;
					text-indent: -9999px;
					_cursor:pointer;
			}


					/*-----サムネイルを指定-----*/
					#case-study ol li.ex01 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu01s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex02 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu02s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex03 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu03s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex04 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu04s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex05 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu05s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex06 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu06s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex07 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu07s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex08 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu08s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex09 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu09s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex10 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu10s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex11 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu11s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex12 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu12s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex13 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu13s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex14 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu14s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex15 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu15s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex16 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu16s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex17 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu17s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex18 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu18s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex19 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu19s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex20 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu20s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex21 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu21s.jpg) 2px 2px no-repeat;
					}					
					#case-study ol li.ex22 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu22s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex23 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu23s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex24 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu24s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex25 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu25s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex26 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu26s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex27 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu27s.jpg) 2px 2px no-repeat;
					}
					#case-study ol li.ex28 a.thumbnail {
						background: url(/user_data/packages/default/img/info/haller/menu28s.jpg) 2px 2px no-repeat;
					}
					/*ロールオーバー最新3つ*/

					/*ロールオーバーバックナンバー*/
					#case-study ol li a.bcnum{
						background-position: 0 -100px;
					}
					#case-study ol li a.bcnum:hover{
						background-position: 0 0px;
					}