@charset "utf-8";

/* ===============================================
	▼基本設定
=============================================== */
body {
	font-family: "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Osaka, Helvetica, sans-serif;
	width: 100%;
	color: #333333;
	font-size: 10pt;
	line-height: 1.4;
	*line-height: 1.5;
	text-align: center;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0 auto;
}
table, th, td { line-height: 1.4; *line-height: 1.5; }

img { border: none; padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; line-height: 1.4; *line-height: 1.5; }

p { padding: 0; margin: 0; line-height: 1.4; *line-height: 1.5; }

input { padding: 0; margin: 0; }

textarea { font-size: 10pt; line-height: 1.4; *line-height: 1.5; padding: 0; margin: 0; }

div, form, select, option { padding: 0; margin: 0; line-height: 1.4; *line-height: 1.5; }

ul, ol, li { list-style: none; padding: 0; margin: 0; line-height: 1.4; *line-height: 1.5; }

dl, dt, dd { text-indent: 0; padding: 0; margin: 0; line-height: 1.2; *line-height: 1.3; }

a:link, a:visited, a:active { color: #0066cc; text-decoration: underline; }
a:hover { color: #74baff; text-decoration: underline; }

/* ===============================================
	▼共通 (余白・文字・位置・フロート・ページトップ)
=============================================== */
/* 上余白 */
.tsp5 { padding-top: 5px; }
.tsp10 { padding-top: 10px; }
.tsp15 { padding-top: 15px; }
.tsp20 { padding-top: 20px; }
.tsp25 { padding-top: 25px; }
.tsp30 { padding-top: 30px; }

/* 左余白 */
.lsp5 { padding-left: 5px; }
.lsp10 { padding-left: 10px; }
.lsp15 { padding-left: 15px; }
.lsp20 { padding-left: 20px; }
.lsp25 { padding-left: 25px; }
.lsp30 { padding-left: 30px; }

/* 右余白 */
.rsp5 { padding-right: 5px; }
.rsp10 { padding-right: 10px; }
.rsp15 { padding-right: 15px; }
.rsp20 { padding-right: 20px; }
.rsp25 { padding-right: 25px; }
.rsp30 { padding-right: 30px; }

/* 下余白 */
.bsp5 { padding-bottom: 5px; }
.bsp10 { padding-bottom: 10px; }
.bsp15 { padding-bottom: 15px; }
.bsp20 { padding-bottom: 20px; }
.bsp25 { padding-bottom: 25px; }
.bsp30 { padding-bottom: 30px; }

/* 全体余白 */
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad25 { padding: 25px; }
.pad30 { padding: 30px; }

/* 余白なし */
.no_pad { padding: 0; margin: 0; }

/* 文字スタイル */
.small { font-size: 10px; font-weight: normal; }
.bold { font-weight: bold; }
.blue { color: #336699; }
.red { color: #dd0000; }
.gray { color: #999999; }
.error { font-size: 10px; color: #dd0000; font-weight: bold; }
.aster { color: #dd0000; font-weight: normal; }

/* 文字位置 */
.center { text-align: center; }

/* フロート解除 */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}
.clearfix {
	zoom:1;
}
* html .clearfix { height: 0px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear { clear: both; line-height: 0; font-size: 0; }

/* ページ */
.pagetop {
	text-align: right;
}
/* ページ */
.backpage {
	padding: 10px 0;
}

/* マウスオーバー */
a img.over{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
a:hover img.over{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* 画像枠 */
img.border { border: 1px solid #cccccc; }

/* フォームスタイル */
input.text380 {
	width: 380px;
	border: 1px solid #cccccc;
	padding: 2px;
}
input.text300 {
	width: 300px;
	border: 1px solid #cccccc;
	padding: 2px;
}
input.text120 {
	width: 120px;
	border: 1px solid #cccccc;
	padding: 2px;
}
input.text60 {
	width: 60px;
	border: 1px solid #cccccc;
	padding: 2px;
}
input.radio {
	vertical-align: middle;
}
textarea.area380 {
	width: 380px;
	height: 200px;
	border: 1px solid #cccccc;
	padding: 2px;
}
textarea.area800 {
	width: 780px;
	height: 500px;
	border: 1px solid #cccccc;
	padding: 2px;
}
textarea.area800_2 {
	width: 780px;
	height: 150px;
	border: 1px solid #cccccc;
	padding: 2px;
}
/* ===============================================
	▼共通 (大枠・小枠)
=============================================== */
/* ━━━━ ▼大枠 ━━━━ */
#container {
	width: 960px;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}

/* ━━━━ ▼3カラム ━━━━ */
#left_column {
	float: left;
	width: 150px;
	text-align: left;
}
#center_column {
	float: left;
	width: 640px;
	text-align: left;
	margin: 0 10px;
}
#right_column {
	float: right;
	width: 150px;
	text-align: left;
}
#center_column1 {
	text-align: left;
	margin: 0 auto;
}
#center_column2 {
	float: left;
	width: 800px;
	text-align: left;
	margin: 0 0 0 10px;
}

/* ━━━━ ▼windowカラム ━━━━ */
#window_column {
	width: 100%;
	background: url(/user_data/packages/default/img/navi/navi_area_bk.gif) repeat-x left top;
	text-align: center;
	margin: 0 auto;
}
#window_container {
	width: 550px;
	text-align: center;
	margin: 0 auto;
}
#window_main {
	width: 500px;
	background-color: #ffffff;
	text-align: left;
	margin: 0 auto;
}

/* ===============================================
	▼共通 (table・ul・box)
=============================================== */
.table_style01 {
	width: 100%;
	background-color: #cccccc;
	margin: 15px 0 0 0;
}
.table_style01 th {
	width: 20%;
	font-weight: normal;
	background-color: #D5E1E3;
	text-align: left;
}
.table_style01 td {
	width: 80%;
	background-color: #ffffff;
}
.table_style02 {
	width: 100%;
	background-color: #cccccc;
	margin: 15px 0 0 0;
}
.table_style02 th {
	width: 16%;
	font-weight: normal;
	background-color: #D5E1E3;
	text-align: left;
}
.table_style02 th.white {
	width: 20%;
	font-weight: normal;
	background-color: #ffffff;
	text-align: left;
}
.table_style02 td {
	width: 16%;
	background-color: #ffffff;
}
.table_style03 {
	width: 100%;
	background-color: #cccccc;
	margin: 15px 0 0 0;
}
.table_style03 th {
	width: 25%;
	font-weight: normal;
	background-color: #D5E1E3;
	text-align: left;
}
.table_style03 td {
	width: 75%;
	background-color: #ffffff;
}
.table_style04 {
	width: 100%;
	background-color: #cccccc;
	margin: 15px 0 0 0;
}
.table_style04 th {
	width: 20%;
	font-weight: normal;
	background-color: #D5E1E3;
	text-align: left;
}
.table_style04 td {
	width: 20%;
	background-color: #ffffff;
}
.table_style05 {
	width: 100%;
	background-color: #cccccc;
	margin: 15px 0 0 0;
}
.table_style05 th {
	font-weight: normal;
	background-color: #D5E1E3;
}
.table_style05 td {
	background-color: #ffffff;
}
.table_style06 {
	width: 100%;
	background-color: #cccccc;
}
.table_style06 th {
	font-weight: normal;
	background-color: #f2ebdc;
}
.table_style06 td {
	background-color: #ffffff;
}
ul li.left {
	float: left;
}
ul li.right {
	float: right;
}
.complete_box {
	width: 600px;
	margin: 0 auto;
}
.complete_pad {
	border: 5px solid #cccccc;
	padding: 15px;
}
.attent_box {
	width: 600px;
	margin: 0 auto;
}
.attent_pad {
	border: 5px solid #cc0000;
	padding: 15px;
}

/* ===============================================
	▼HEADER
=============================================== */
#header {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}
#header h1 {
	float: left;
	/*width: 350px;
	background: url("/user_data/packages/default/img/header/free.jpg") no-repeat right center;*/
}
#header_box {
	float: right;
	width: 600px;
	background: url("/user_data/packages/default/img/header/free.gif") no-repeat right top;
}
#header_navi li {
	float: left;
	padding: 5px 20px 5px 0;
}
#header_menu {
	background: url(/user_data/packages/default/img/header/card.jpg) no-repeat right center;
}
#header_menu ul li {
	float: left;
	background: url(/user_data/packages/default/img/header/btn_arrow.gif) no-repeat left center;
	padding: 15px 10px 15px 1.5em;
}
#header_menu ul li a {
	color: #333333;
	text-decoration: none;
}
#header_menu ul li a:hover {
	color: #666666;
	text-decoration: underline;
}

/* ===============================================
	▼NAVI_AREA
=============================================== */
#navi_area {
	width: 100%;
	background: url(/user_data/packages/default/img/navi/navi_area_bk.gif) repeat-x left top;
}
#navi_box {
	width: 960px;
	height: 45px;
	text-align: left;
	margin: 0 auto;
}

/* ━━━━ ▼SEARCH ━━━━ */
#search_box {
	float: left;
	width: 466px;
}
#search_box #select {
	float: left;
	padding: 10px 0 0 0;
}
#search_box #select select {
	color: #333333;
	border: 1px solid #999999;
}
#search_box #freeword {
	float: left;
	padding: 8px 0 0 8px;
	_padding: 7px 0 0 8px;
}
#search_box #freeword * {
	vertical-align: middle;
}
#search_box #search_text {
	width: 180px;
	height: 17px;
	font-size: 14px;
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	padding: 2px 0;
}
#search_box #search_button {
	padding: 0;
	margin: 0;
}

/* ━━━━ ▼BUY ━━━━ */
#buy_box {
	float: right;
	width: 484px;
	height: 34px;
	background: url(/user_data/packages/default/img/navi/buy_box_bk.gif) no-repeat right top;
}
#buy_box #buy_menu li {
	float: left;
	color: #FFFFFF;
	text-align: center;
	padding: 4px 0 0 0;
}
#buy_box #buy_menu li#bt_cart {
	width: 165px;
}
#buy_box #buy_menu li#stock {
	width: 82px;
	padding: 7px 0 0 0;
}
#buy_box #buy_menu li#total {
	width: 117px;
	padding: 7px 0 0 0;
}
#buy_box #buy_menu li#bt_order {
	width: 120px;
}

/* ===============================================
	▼CATEGORY
=============================================== */
#category_box {
	background-color: #efefef;
	padding: 10px 7px;
	margin: 1px 0 10px 0;
}
#category_menu li {
	background: url(/user_data/packages/default/img/new/gray_arrow.gif) no-repeat left 6px;
	_background: url(/user_data/packages/default/img/new/gray_arrow.gif) no-repeat left 7px;
	padding: 4px 0 4px 17px;
}
#category_menu li a {
	color: #333333;
	text-decoration: none;
}
#category_menu li a:hover {
	color: #666666;
	text-decoration: underline;
}

/* ===============================================
	▼LIST
=============================================== */
.recomend_left {
	float: left;
	width: 315px;
}
.recomend_right {
	float: right;
	width: 315px;
}
.list_block {
	width: 100%;
	text-align: left;
}
.list_block td, 
.list_block th {
	line-height: 1.2;
}
.list_block .category {
	color: #cc0000;
	font-weight: normal;
	font-size: 7pt;
	text-align: left;
}
.list_block h3 {
	font-weight: normal;
	font-size: 10pt;
	line-height: 14px;
	text-align: left;
}
.list_block h3 a {
	color: #333333;
	text-decoration: underline;
}
.list_block h3 a:hover {
	color: #666666;
	text-decoration: underline;
}
.list_block .short {
	color: #0099cc;
	font-size: 8pt;
}
.price_box {
	text-align: right;
	background: url(/user_data/packages/default/img/top/dot.gif) repeat-x left top;
	border-bottom: 1px solid #ff0000;
}
.price_box li.left {
	float: left;
	padding: 2px 0 0 0;
}
.price_box li.right {
	float: right;
	padding: 2px 0 0 0;
}
.price_box .price {
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
}
.price_box .point {
	font-weight: bold;
	color: #0099cc;
}

/* ===============================================
	▼Infomation
=============================================== */
#info {
	width: 640px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#info_box {
	background-color: #eff3f6;
	padding: 10px;
	margin: 1px 0 0 0;
}
#info_left {
	float: left;
	width: 309px;
	border-right: 1px solid #cccccc;
}
#info_right {
	float: right;
	width: 310px;
}
#info_box dl {
	background: url(/user_data/packages/default/img/top/dot.gif) repeat-x left bottom;
	padding: 8px 0;
	margin: 0 8px;
}
#info_box dl.end {
	background: none;
	padding: 8px 0;
	margin: 0 8px;
}
#info_box dl dt {
	color: #204181;
	font-weight: bold;
}

/* ===============================================
	▼ProdList(商品一覧)
=============================================== */
#prod_list {
}
#prod_list h2#title {
	font-size: 12pt;
	height: 51px;
	line-height: 51px;
	background: url(/user_data/packages/default/img/products/subtitle.gif) no-repeat left top;
	padding: 0 20px;
}
#prod_list .prod_list_navi {
	padding: 10px;
}
#prod_list .prod_list_navi li#left {
	float: left;
	width: 20%;
}
#prod_list .prod_list_navi li#left a {
	color: #333333;
	text-decoration: underline;
}
#prod_list .prod_list_navi li#left a:hover {
	color: #666666;
	text-decoration: underline;
}
#prod_list .prod_list_navi li#center {
	float: left;
	width: 53%;
	text-align: center;
}
#prod_list .prod_list_navi li#right {
	float: right;
	width: 27%;
	text-align: right;
}
#prod_list .list_table {
	width: 100%;
	text-align: left;
}
#prod_list .list_table ul.status_icon li {
	float: left;
	padding: 0 5px 0 0;
} 
#prod_list .list_table th.category {
	color: #cc0000;
	font-weight: normal;
	font-size: 8pt;
	text-align: left;
}
#prod_list .list_table th h3 {
	font-weight: bold;
	font-size: 11pt;
	line-height: 14px;
	text-align: left;
}
#prod_list .list_table th h3 a {
	color: #333333;
	text-decoration: underline;
}
#prod_list .list_table th h3 a:hover {
	color: #666666;
	text-decoration: underline;
}
#prod_list .list_table td.short {
	color: #0099cc;
	font-size: 8pt;
}
#prod_list .list_table .price_box {
	padding: 5px 0 5px 5px;
}

#prod_list .list_table .price_box li.left {
	text-align: left;
}
#prod_list .list_table .price_box li.right {
	float: right;
	padding: 0;
}
.price_box .soldout {
	color: #999999;
	font-weight: bold;
	background-color: #eaeaea;
	padding: 10px;
	border-left: 1px dotted #cccccc;
}

/* ===============================================
	▼Prod_Detail(商品詳細)
=============================================== */
#prod_detail {
}
#prod_detail h2#title {
	font-size: 12pt;
	height: 51px;
	line-height: 51px;
	background: url(/user_data/packages/default/img/products/subtitle.gif) no-repeat left top;
	padding: 0 20px;
}
#detail_box #detail_left {
	float: left;
	width: 285px;
}
#detail_box #detail_right {
	float: right;
	width: 355px;
	text-align: left;
}
#detail_box #detail_right ul.status_icon li {
	float: left;
	padding: 0 5px 0 0;
}
#detail_box #detail_right #prod_deta {
	width: 100%;
}
#detail_box #detail_right #prod_deta th {
	width: 25%;
	font-weight: normal;
	background-color: #efefef;
}
#detail_box #detail_right #prod_deta td {
	width: 75%;
}
#prod_detail .price_box {
	text-align: left;
	background: url(/user_data/packages/default/img/top/dot.gif) repeat-x left top;
	border-bottom: 1px solid #ff0000;
}
#prod_detail .price_box .price {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
#prod_detail #detail_box #detail_right #prod_buy_box {
	background: #fff89e url(/user_data/packages/default/img/top/dot.gif) repeat-x left top;
	padding: 5px;
}
#prod_detail #prod_pic_box {
	background-color: #efefef;
	border: 1px solid #cccccc;
	padding: 5px 10px 5px 10px;
}
#prod_detail #prod_pic_box li {
	float: left;
	padding: 0 5px 0 0;
}

/* ===============================================
	▼MyPage(マイページ)
=============================================== */
#mypoin_navi {
	background-color: #efefef;
	border: 3px solid #cccccc;
	padding: 10px;
	margin: 10px 0 0 0;
}
#mypage_btn {
	margin: 10px 0 0 0;
}
#mypage_btn li {
	float: left;
	padding: 0 10px 0 0;
}
.mypage_history {
	border: 3px solid #cccccc;
	padding: 5px;
	margin: 10px 0;
}
li.underline {
	background: url(/user_data/packages/default/img/top/dot.gif) repeat-x left bottom;
	padding: 5px 0;
}

/* ===============================================
	▼Cart(買い物カゴの中身)
=============================================== */
#cart_navi {
	background-color: #efefef;
	border: 3px solid #cccccc;
	padding: 10px;
	margin: 10px 0 0 0;
}

/* ===============================================
	▼Howto(ご利用方法)
=============================================== */
#howto_link li {
	float: left;
	padding: 5px 20px 5px 0;
}
#howto_link li a {
	color: #333333;
	text-decoration: underline;
	background: url(/user_data/packages/default/img/common/arrow_blue.gif) no-repeat left center;
	padding: 0 0 0 15px;
}
#howto_link li a:hover {
	color: #666666;
	background: url(/user_data/packages/default/img/common/arrow_red.gif) no-repeat left center;
}
h4.title {
	font-size: 10pt;
	font-weight: bold;
	background: url(/user_data/packages/default/img/top/dot.gif) repeat-x left bottom;
	padding: 5px 0;
	margin: 5px 0;
}

/* ===============================================
	▼Pillow(抱き枕特設ページ)
=============================================== */
#pillow td {
	text-align: left;
}
#pillow td.center {
	text-align: center;
}
.pillow_price {
	padding: 5px 0 0 0;
}
.pillow_price li {
	font-size: 10px;
}
.pillow_price li.price {
	background: url(/user_data/packages/default/img/pillow/arrow.gif) no-repeat left center;
	padding: 0 0 0 13px;
}
.pillow_price li .red {
	font-size: 10pt;
	font-weight: bold;
}

/* ===============================================
	▼FOOTER
=============================================== */
#footer {
	width: 100%;
	text-align: center;
	background-color: #d5d5d5;
	margin: 0 auto;
}
#footer_box {
	width: 960px;
	text-align: center;
	padding: 15px 0;
	margin: 0 auto;
}