@charset "utf-8";
/*要マトメ*/

/*----------------------スタイル初期化------------------------*/
/*------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h5,h6,pre,form,fieldset,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
h1,h2,h3,h4,h5,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
p {
	margin: 0 0 1em 0;
}
ol,ul {
	list-style: none;
}
fieldset,img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
address,caption,th {
	font-style: normal;
}
body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-weight:normal;
	font-size: 12px;
	vertical-align:top;
}
a {
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
body {
	background: #000000;
	color: #FFFFFF;	
	text-align: center;
}
div#wrap {
	padding: 0 10px;
	width: 930px;
	margin: 0 auto;
	text-align: left;
}
div#header {
	margin: 15px 0 0 0;
}
div#content, div#content_2karamu, div#content_1karamu {
	width: 930px;
}
div#content {
	background: url(../packages/default/img/bg_content.gif) center top repeat-y;
}
div#content_2karamu {
	background: url(../packages/default/img/bg_content_2karamu.gif) center repeat-y;
}
div#content_1karamu {

}
* html div#content, div#content_2karamu, div#content_1karamu {
	height: 1%;
}
div#main_img {
	margin-bottom: 20px;
}
div#left_box {
	float: left;
	width: 180px;
}
div#main_box {
	float: left;
	padding: 0 15px;
	width: 520px;
}
div#main_box_2karamu {
	float: left;
	padding: 0 15px;
	width: 720px;
}
div#right_box {
	float: left;
	width: 200px;
}
div#fotter {
	clear: both;
	width: 930px;
}
.clearfix {
	clear: both;
}
.clear {
	height: 1%;
}
.box_btn_center {
	text-align: center;
}
.input_bg {
	padding: 1px;
	border: 1px solid #717171;
	color: #FFFFFF;
	background-color: #565656;
}
/*------------------text-align------------------*/
.tx_ar {
	text-align: right;
}
.tx_ac {
	text-align: center;
}
.tx_al {
	text-align: left;
}
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*+html .fix{
  height:1%;
}
* html .fix,{
   height: 1%;
}
/*調整マージン・パディング*/
.margin_clear {
	margin: 0 !important;
}
.padding_clear {
	padding: 0 !important;
}
.pd5 {
	padding-bottom:5px;
}
.md5 {
	margin-bottom: 5px !important;
}
.md10 {
	margin-bottom: 10px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mbz {
	margin-bottom: 0 !important;
}
.pbz {
	padding-bottom: 0 !important;
}
.pt81 {
	padding-left: 81px !important;
}
.p_big {
	padding-top: 30px;
	padding-bottom: 60px;
}
/*------------バーティカルアライン--------------*/
.va_bt {
	vertical-align: bottom;
}
/*------------インプット幅--------------*/
.input_180 {
	width: 180px;
}
* html .input_180 {
	width: 176px;
}
.input_160 {
	width: 160px;
}
.input_155 {
	width: 155px;
}
/*------------文字関係-------------*/
.strong {
	font-weight: bold;
	color: #FFFFFF;
}
.bold {
	font-weight: bold;
}
.font-size14 {
	font-size: 14px;
}
.font-size10 {
	font-size: 10px;
}
.err, .notice {
	color: #D90015;
}
.gray {
	color: #565656;
}
.info {
	line-height: 18px;
}
div.gray_info {
	border: 1px solid #323232;
	padding: 2px;
	margin-bottom: 10px;
}
div.gray_info p {
	background-color: #323232;
	margin: 0;
	padding: 10px;
	line-height: 20px;
}
/*------------------------------------------------------------*/
/*--------------------------ヘッダー--------------------------*/
div#header {
	position: relative;
}
div#header h1, div#header a#h_top {
	margin-bottom: 15px;
	width: 221px;
	height: 36px;
	text-indent: -100000px;
}
div#header h1 {
	background: url(../packages/default/img/main_logo.gif) no-repeat;
}
div#header a#h_top {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
div#header ul#navi_main {
	position: absolute;
	top: 28px;
	left: 423px;
	width: 507px;
	height: 19px;
	background: url(../packages/default/img/navi_main.gif) no-repeat left top;
}
#navi_main li {
	float: left;
	margin-right: 2px;
}
#navi_main li a {
	display: block;
	overflow: hidden;
	height: 19px;
	text-indent: -10000px;
}
#navi_main li.main_top a {
	width: 61px;
}
#navi_main li.main_signup a {
	width: 89px;
}
#navi_main li.main_mypage a {
	width: 94px;
}
#navi_main li.main_itemlist a {
	width: 95px;
}
#navi_main li.main_about a {
	width: 75px;
}
#navi_main li.main_contact a {
	width: 81px;
}
p#header_cart {
	position: absolute;
	top: 0;
	left: 796px;
	background: url(../packages/default/img/btn_cart_white.gif) no-repeat;
}
p#header_cart a {
	display: block;
	overflow: hidden;
	width: 130px;
	height: 20px;
	text-indent: -10000px;
}
/*------------------------------------------------------------*/
/*-----------------------左ボックス---------------------------*/
.left_h_value {
	margin-bottom: 10px;
	width: 180px;
	height: 25px;
	text-indent: -10000px;
}
#h_gray_cart {
	background: url(../packages/default/img/h_gray_cart.gif) no-repeat;
}
#h_gray_search{
	background: url(../packages/default/img/h_gray_search.gif) no-repeat;
}
#h_gray_categories {
	background: url(../packages/default/img/h_gray_categories.gif) no-repeat;
}
/*----------------------カート------------------------*/
div#left_box_cart div {
	padding: 0 10px;
}
div#left_box_cart div ul {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../packages/default/img/dot_gray.gif) left bottom repeat-x;
	color: #a8a8a8;
}
div#left_box_cart div li {
	margin-bottom: 10px;
	font-size: 14px;
}
/*----------------------検索------------------------*/
div#left_box_search div {
	padding: 0 10px;
	margin-bottom: 10px;
}
div#left_box_search div ul {
	padding-bottom: 5px;
}
div#left_box_search div li {
	margin-bottom: 5px;
}
/*----------------------カテゴリ－------------------------*/
div#left_box_categories div {
	padding: 0 10px;
	margin-bottom: 10px;
}
div#left_box_categories div li {
	margin-bottom: 15px;
}
/*-------------------メインコンテンツ-------------------------*/
/*------------------------------------------------------------*/
.main_h_value {
	margin-bottom: 15px;
	width: 520px;
	text-indent: -10000px;
}
#h_white_newarrival {
	background: url(../packages/default/img/h_white_newarrival.gif) no-repeat;
	height: 36px;
}
#h_white_newinfo {
	background: url(../packages/default/img/h_white_newinfo.gif) no-repeat;
	height: 30px;
}
ul.new_arrival_list {
	padding-left: 15px;
	width: 505px;
}
*html ul.new_arrival_list { /*----for ie6 一覧---*/
	padding-left: 0;
}
ul.new_arrival_list li a {
	display: block;
	padding: 3px;
	background: #4c4c4c;
	text-decoration: none;
}
ul.new_arrival_list li a span {
	display: block;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	background: #272727;
	min-height: 90px;
}
ul.new_arrival_list li a span img {
	margin-bottom: 10px;
}
ul.new_arrival_list li a:hover {
	background: #ffffff;
}
ul.new_arrival_list li {
	float: left;
	margin: 0 15px 15px 0;
	width: 110px;
	min-height: 110px;
}
* html ul.new_arrival_list li { /*----for ie6 一覧---*/
	margin-right: 0;
	padding: 0 0 0 15px;
	width: 110px;
}
p.btn_more a {
	display: block;
	overflow: hidden;
	float: right;
	padding-right: 20px;
	margin-bottom: 15px;
	width: 49px;
	height: 12px;
	background: url(../packages/default/img/btn_more.gif) no-repeat;
	text-indent: -10000px;
}
* html p.btn_more a { /*----for ie6 一覧---*/
	margin: 20px -5px 5px 0;
}
*+html p.btn_more a {
	margin: 20px -5px 5px 0;
}
div.new_arrival_box {
	float: left;
	background-color: #272727;
	margin: 0 13px 15px 0;
}
div.new_arrival_b_box {
	margin-left: 15px;
}
div.new_arrival_box p {
	text-align: center;
	vertical-align: middle;
	margin-bottom: 0;
}
div.new_arrival_box p a {
	padding-top: 10px;
	text-decoration: none;
	display: block;
	width: 107px;
	min-height: 100px;
	border: 3px  #4e4e4e solid;
	font-weight: bold;
}
div.new_arrival_box p a:hover {
	border: 3px #ffffff solid;
}
div.new_arrival_box p a img {
	margin-bottom: 10px;
}

/*------------新着情報------------*/
div#main_newinfo {
	font-size: 14px;
}
dl#new_info {
	margin: 0 10px;	
}
dl#new_info dt {
	margin-bottom: 10px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}
dl#new_info dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 496px;
	background: url(../packages/default/img/dot_gray.gif) left bottom repeat-x;
}
/*---------------------------右メニュー-----------------------*/
/*------------------------------------------------------------*/
.right_h_value {
	margin-bottom: 10px;
	width: 200px;
	height: 25px;
	text-indent: -10000px;
}
#h_gray_login {
	background: url(../packages/default/img/h_gray_login.gif) no-repeat;
}
div#right_box_login div {
	padding: 0 10px;
}
div#right_box_login {
	background:url(../packages/default/img/dot_gray.gif) left bottom repeat-x;
	padding-bottom: 10px;
}
div#right_box_login ul {
	margin-bottom: 10px;
}
div#right_box_login li {
	margin-bottom: 8px;
}
div#right_box_login ul#passforget {
	margin-bottom: 0;
	text-align: center;
}
div#right_box_login ul#passforget li {
	margin-bottom: 10px;
	vertical-align: bottom;
}
ul#right_box_bnr {
	margin: 0 10px;
}
ul#right_box_bnr li {
	padding: 10px 0 10px 0;
	width: 180px;
	background: url(../packages/default/img/dot_gray.gif) left bottom repeat-x;
	text-align: center;
}
/*-------------------------フッター---------------------------*/
/*------------------------------------------------------------*/
div#fotter {
	position: relative;
	clear: both;
	margin-top: 30px;
}
div#fotter address {
	background:url(../packages/default/img/address_white.gif) no-repeat;
	width: 930px;
	height: 39px;
	text-indent: -100000px;
}
div #fotter ul#navi_fotter {
	margin: 0 0 10px 10px;
	text-align: left;
}
div #fotter ul#navi_fotter li {
	display: inline;
}
div #fotter p#page_up {
	position: absolute;
	top: 0;
	left: 840px;
}
div #fotter p#page_up a {
	display: block;
	overflow: hidden;
	width: 79px;
	height: 14px;
	background: url(../packages/default/img/btn_pagetop.gif) no-repeat;
	text-indent: -10000px;
}
/*--------------------2カラム一覧系-------------------------------*/
/*----------------------------------------------------------------*/
div#list_box ul.search_navi {
	padding-left: 10px;
}
div#list_box ul.search_navi li {
	margin-bottom: 5px;
}
div#list_box ul.list_navi {
	padding-left: 10px;
	padding-right: 10px;
}
div#list_box ul.list_navi li {
	float: left;
}
div#list_box ul.list_number {
	text-align: left;
	background: url(../packages/default/img/dot_gray.gif) repeat-x left bottom;
	padding-bottom: 15px;
	padding-top: 10px;
	margin-bottom: 15px;
	padding-left: 10px;
}
*:first-child+html div#list_box ul.list_number { /*for ie7*/
	padding-top: 0;
}
div#list_box ul.list_number li {
	display: inline;
	font-size: 14px;
	color: #a8a8a8;
	vertical-align: bottom;
	padding-right: 10px;
}
div#list_box ul.list_number li a {
	font-weight: bold;
}
div#list_box ul.list_navi li.navi_sort {
	float: right;
	margin-left: 10px;
}
div.item_outline {
	width: 700px;
	margin: 10px 10px;
	background: url(../packages/default/img/dot_gray.gif) repeat-x left bottom;
}
div.item_outline p.photo {
	float: left;
	width: 130px;
	margin-left: 5px;
	text-align: center;
}
div.item_outline_inr {
	width: 550px;
	padding-left: 10px;
	float: left;
}
div.item_outline_inr div {
	background-image: url(../packages/default/img/details_box_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #323232;
}
div.item_outline_inr div p {
	background: url(../packages/default/img/details_box_top.gif) no-repeat left top;
	padding: 10px;
	min-height: 80px;
	line-height: 20px;
}
ul.item_navi {
	text-align: right;
	margin-right: 12px;
	padding-bottom: 10px;
}
ul.item_navi li {
	display: inline;
	margin-left: 10px;
	vertical-align: middle;
	color: #a8a8a8;
	font-weight: bold;
	font-size: 14px;
}
ul.item_navi li input {
	vertical-align: middle;
	width: 2em;
	font-size: 14px;
}
ul.item_navi li select {
	vertical-align: middle;
}
ul.item_navi li img {
	vertical-align: middle;
}
ul.item_navi li.detail_brn a {
	background: url(../packages/default/img/btn_detail.gif) no-repeat;
	width: 23px;
	height: 12px;
	display: block;
	text-indent: -10000px;
}
div.h_expands_value {
	background: url(../packages/default/img/h_white_bottom.gif) no-repeat left bottom;
	width: 720px;
	padding-bottom: 4px;
	margin-bottom: 15px;
}
div.h_expands_value h2 {
	background: url(../packages/default/img/h_white_top.gif) no-repeat left top;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	padding-left: 13px;
	padding-top: 5px;
}
p.sold_out {
	text-align: right;
	padding-bottom: 10px;
	margin-right: 10px;
}
*:first-child+html p.sold_out {
	padding-bottom: 3px;
}

/*--------------------------2カラム_詳細系・マイページ・会員登録-------------------------*/
/*---------------------------------------------------------------------------------------*/
div.item_detail, div.mypage_box, div.regst_box, div.contact_box {
	width: 700px;
	margin: 10px 10px;
}
* html div.mypage_box {
	margin: 0 0 0 10px;
}
* html div.item_detail {
	margin: 0 0 0 10px;
}
* html div.regst_box {
	margin: 0 0 0 10px;
}
div.info_area {
	width: 360px;
	padding: 0 0 0 10px;
	float: left;
}
* html div.info_area {
	width: 350px;
}
div.info_area p {
	background: url(../packages/default/img/dot_gray.gif) repeat-x left bottom;
	padding-bottom: 5px;
	line-height: 18px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
div.img_area {
	float: left;
	width: 330px;
}
div.item_detail p.photo {
	float: left;
	margin-left: 5px;
	text-align: center;
}
div.img_area p.main_photo {
	width: 330px;
	overflow: hidden;
}
div.img_area ul.other_photo {
	padding: 0;
	margin: 0;
}
div.img_area ul.other_photo li {
	float: left;
	text-align: center;
	margin-left: 8px;
}
div.h_expands_detail_value {
	width: 360px;
	background: url(../packages/default/img/dot_gray.gif) repeat-x left bottom;
	margin-bottom: 10px;
}
div.h_expands_detail_value h3 {
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 14px;
}
/*カート周り*/
ul.item_detail_navi {
	margin-right: 12px;
	padding-bottom: 10px;
}
ul.item_detail_navi li {
	margin-left: 10px;
	vertical-align: middle;
	color: #a8a8a8;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
ul.item_detail_navi li input {
	vertical-align: middle;
	width: 2em;
	font-size: 14px;
}
ul.item_detail_navi li select {
	vertical-align: middle;
}
ul.item_detail_navi li img {
	vertical-align: middle;
}
ul.item_detail_navi li.detail_brn a {
	background: url(../packages/default/img/btn_detail.gif) no-repeat;
	width: 23px;
	height: 12px;
	display: block;
	text-indent: -10000px;
}
table.tbl_detail_navi {
	color: #a8a8a8;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	width: 100%;
	margin-left: 8px;
} 
table.tbl_detail_navi th {
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	padding:5px;
	width: 9%;
}
table.tbl_detail_navi td {
	padding: 5px;
}
table.size_table {
	width: 100%;
}
table.size_table td.hd {
	background-color: #3a3a3a;
	text-align: center;
	border: 1px solid #1e1e1e;
}
table.size_table td {
	border: 1px solid #1e1e1e;
	padding: 5px;
	text-align: center;
}
/*---------------------------マイページ周り-----------------------------------*/
.mypage_h_value, .regst_h_value, .contact_h_value {
	width: 720px;
	height: 31px;
	text-indent: -10000px;
}
.mypage_gray_h_value {
	widows: 700px;
	height: 33px;
	text-indent: -10000px;
	margin-bottom: 15px;
}
#h_gray_reg {
	background: url(../packages/default/img/h_gray_mypage_reg.gif) no-repeat;
}
#h_gray_his {
	background: url(../packages/default/img/h_gray_mypage_his.gif) no-repeat;
}
#h_gray_deli {
	background: url(../packages/default/img/h_gray_mypage_deli.gif) no-repeat;
}
#h_gray_sec {
	background: url(../packages/default/img/h_gray_mypage_sec.gif) no-repeat;
}
#h_white_mypage {
	background: url(../packages/default/img/h_white_mypage.gif) no-repeat left top;
}
div#mypage_navi {
	width: 700px;
	background: url(../packages/default/img/dot_gray.gif) repeat-x left bottom;
	padding: 0 0 15px 8px;
	margin-bottom: 15px;
}
div#mypage_navi ul {
	height: 15px;
	background: url(../packages/default/img/navi_mypage.gif) no-repeat left top;
}
div#mypage_navi ul li {
	float: left;
	margin-right: 20px;
}
div#mypage_navi ul li a {
	text-indent: -10000px;
	display: block;
	overflow: hidden;
	height: 15px;
}
li.mypage_navi_his a {
	width: 102px;
}
li.mypage_navi_reg a {
	width:129px;
}
li.mypage_navi_deli a {
	width: 138px;
}
li.mypage_navi_sec a {
	width: 85px;
}
table.tbl_content {
	width: 700px;
	margin-bottom: 15px;
}
table.tbl_content_hup {
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
}
table.tbl_content th, table.tbl_content td, table.tbl_content_hup th, table.tbl_content_hup td{
	padding: 8px;
	border: #000000 1px solid;
	vertical-align: middle;
}
table.tbl_content th, table.tbl_content_hup th {
	background-color: #323232;
}
table.tbl_content td, table.tbl_content_hup td {
	background-color: #242424;
}
table.tbl_content th.w20 {
	width: 20%;
}
/*ホップアップ用スタイル*/
div#hup {
	width: 600px;
	margin: 15px auto 0 auto;
}
div.h_expands_value_hup {
	background: url(../packages/default/img/h_white_bottom_hup.gif) repeat-x left bottom;
	width: 600px;
	padding-bottom: 4px;
	margin-bottom: 15px;
}
div.h_expands_value_hup h2 {
	background: url(../packages/default/img/h_white_top_hup.gif) repeat-x left top;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	padding-left: 13px;
	padding-top: 5px;
}
/*---------------------------会員登録-----------------------------------*/
#h_white_kiyaku {
	background: url(../packages/default/img/h_white_kiyaku.gif) no-repeat left top;
}
#h_white_signup {
	background: url(../packages/default/img/h_white_signup.gif) no-repeat left top;
}
div#kiyaku_area {
	background-color: #323232;
	width: 690px;
	padding: 5px;
	margin-bottom: 15px;
}
div#kiyaku_area textarea.area {
	width: 670px;
	padding: 10px;
	border: 1px solid #000000;
	color: #FFFFFF;
	background-color: #323232;
}
/*---------------------------お問い合わせ-----------------------------------*/
#h_white_contact {
	background: url(../packages/default/img/h_white_contact.gif) no-repeat left top;
}
#h_white_tokuteisyou {
	background: url(../packages/default/img/h_white_tokuteisyou.gif) no-repeat left top;
}
#h_white_privacy {
	background: url(../packages/default/img/h_white_privacy.gif) no-repeat left top;
}
/*--------------------1カラム系-------------------------------*/
/*----------------------------------------------------------------*/
div.box_1karamu {
	padding: 0 80px;
	background: url(../packages/default/img/bg_content_one.gif) repeat-y;
}
div.box_1karamu div.inner_box {
	border: #323232 4px solid;
	padding: 3px;
	margin-bottom: 15px;
}
.one_karamu_h_value {
	width: 930px;
	height: 39px;
	text-indent: -10000px;
	margin-bottom: 10px;
}
#h_white_cart {
	background: url(../packages/default/img/h_white_cart.gif) no-repeat left top;
}
#h_white_deli {
	background: url(../packages/default/img/h_white_deli.gif) no-repeat left top;
}
#h_white_time {
	background: url(../packages/default/img/h_white_time.gif) no-repeat left top;
}
#h_white_conf {
	background: url(../packages/default/img/h_white_conf.gif) no-repeat left top;
}
#h_white_comp {
	background: url(../packages/default/img/h_white_comp.gif) no-repeat left top;
}
#h_white_nomember {
	background: url(../packages/default/img/h_white_nomember.gif) no-repeat left top;
}
#h_white_login {
	background: url(../packages/default/img/h_white_login.gif) no-repeat left top;
}
div.box_1karamu table.tbl_content {
	width: 100%;
	margin-bottom: 0;
}
div.box_1karamu table.tbl_content th.w20 {
	width: 20%;
}
div.h_expands_gray_value {
	background-image: url(../packages/default/img/details_box_bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #323232;
	margin-bottom: 15px;
}
div.h_expands_gray_value h3 {
	background: url(../packages/default/img/details_box_top.gif) repeat-x left top;
	padding: 6px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}
div.pay_box {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../packages/default/img/dot_gray.gif) repeat-x left bottom;
}
div.pay_box textarea {
	width: 100%;
}
