@charset "UTF-8";

/*Base Layout*/
a:link { color: #0044AA; }
a:visited { color: #0044AA; }
a:hover { color: #3D80DF; }

body{
margin:10px 0px 0px 0px;
padding:0px;
text-align:center;
color:#232323;
font-size:12px;
background: url(img/background.gif) repeat-x; background-attachment: fixed;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
}

div{ margin:0; padding:0;}
img{ border:none; }
p{ margin:0; padding:0; }
form { margin:0; padding:0; }
h1 { font-size: 12px; color: #191919; font-weight: normal; font-weight: bold; display:inline; }
h2 { font-size: 14px; color: #071427; line-height: 1.3em; padding-bottom: 3px; font-weight: bold; }
h3 { font-size: 14px; color: #3C4650; line-height: 1.3em; font-weight: normal; }

.description { display:none; }

#container { width:980px; margin: 0px auto 0px auto; text-align: center; background-color:#FFFFFF; border:1px solid #dedad7; }
#container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }


#container_admin { width:100%; margin: 0px auto 0px auto; text-align: center; background-color:#FFFFFF; border:1px solid #dedad7; }
#container_admin:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

#page_footer { clear:both; width:980px; margin: 0px auto 0px auto; text-align: center; padding-top:30px; }

#top_menu { background: url(img/bg_top3.gif) repeat-x; }

.top_bar { margin-bottom:5px; height:34px; background: url(img/bg_top_bar.gif) repeat-x; text-align:left; }

#left_side { margin-right:5px; margin-left:8px; padding:0px; width:220px; float:left; }

#center_side { margin:0px; padding:0px; float:left; text-align:left; width:745px; }
#middle_side { margin-right:5px; padding:0px; float:left; text-align:left; width:535px; }

#right_side { margin:0px; padding:0px; width:200px; float:left; text-align:left; }

.cate_menu { text-align:left; font-size:12px; line-height:24px; background: url(img/bg_cate_menu.gif) no-repeat left bottom; padding-bottom:10px;}
.cate_menu a { display:block; width:200px; height:24px;  }
.cate_menu a:hover { background: #1EA3D9 url(img/bg_cate_hover.gif) repeat-y top left; color:#FFF; font-weight:bold; }



/* definition_textsize */
.xsmall{font-size:70%;}
.small{font-size:76%;}
.medium{font-size:84%;}
.large{font-size:92%;}
.xlarge{font-size:103%;}
.xxlarge{font-size:130%;}

.price { color:#0000aa; font-size:14px; font-weight: bold; text-align:right;}
.price_yen { font-size:12px; font-weight: bold; text-align:right;}

#bbs { line-height:1.5em; font-size:14px; border: 1px solid #2470fb; }

#fax { line-height:2em; font-size:12px; background-color: #FFFFFF; border: 1px solid #555555; }
#fax TH { font-size:14px; line-height: 1.5em; color: #FFFFFF; background-color: #555555; border-bottom: 1px solid #555555; }
#fax TD { font-size:14px; line-height: 1.5em; color: #000000; border-bottom: 1px solid #555555; }
.smalltype { border-top: 1px solid #000000;  border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; font-size:10px;}
.smalltype2 { font-size:10px;}

/* Revolution */
.p_b_15 { padding-bottom:15px; }
.p_b_10 { padding-bottom:10px; }
.p_b_8 { padding-bottom:8px; }
.p_b_5 { padding-bottom:5px; }
.p_t_8 { padding-top:8px; }
.p_b_5 { padding-bottom:5px; }
.p_10 { padding:10px; }
.p_8 { padding:8px; }
.p_5 { padding:5px; }
.p_0 { padding:0px; }
.p_t_2 { padding-top:2px; }
.p_t_10 { padding-top:10px; }
.p_l_7 { padding-left:7px; }
.p_l_10 { padding-left:10px; }
.p_l_15 { padding-left:15px; }
.p_l_30 { padding-left:30px; }
.p_r_7 { padding-right:7px; }
.p_r_10 { padding-right:10px; }
.p_r_15 { padding-right:15px; }
.p_r_30 { padding-right:30px; }
.m_r_2 { margin-right:2px; }
.m_r_3 { margin-right:3px; }
.m_r_5 { margin-right:5px; }
.m_r_10 { margin-right:10px; }
.m_t_2 { margin-top:2px; }
.m_t_3 { margin-top:3px; }
.m_t_5 { margin-top:5px; }
.m_t_8 { margin-top:8px; }
.m_t_10 { margin-top:10px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_25 { margin-top:25px; }
.m_t_30 { margin-top:30px; }
.m_b_1 { margin-bottom:1px; }
.m_b_2 { margin-bottom:2px; }
.m_b_3 { margin-bottom:3px; }
.m_b_5 { margin-bottom:5px; }
.m_b_8 { margin-bottom:8px; }
.m_b_10 { margin-bottom:10px; }
.m_b_15 { margin-bottom:15px; }
.m_b_20 { margin-bottom:20px; }
.m_b_30 { margin-bottom:30px; }
.m_l_2 { margin-left:2px; }
.m_l_5 { margin-left:5px; }
.m_l_10 { margin-left:10px; }
.m_l_15 { margin-left:15px; }
.m_l_25 { margin-left:25px; }
.m_l_30 { margin-left:30px; }
.blk { color:#000000; }
.red { color:#FF0033; }
.org { color:#CC6600; }
.blu { color:#0000AA; }
.gray { color:#888888; }
.wht { color:#FFFFFF; }
.bld { font-weight:bold;}
.nml { font-weight:normal;}
.px10 { font-size:10px;}
.px11 { font-size:11px;}
.px12 { font-size:12px;}
.px14 { font-size:14px;}
.px16 { font-size:16px;}
.px18 { font-size:18px;}
.px20 { font-size:20px;}
.cntr { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }

/* SPOT NEWS */
.newsbox { padding:0px; margin:0px; font-size:12px; line-height: 140%; font-weight:normal; background-color:#FDF9DF; text-align:left; border: 1px solid #BBBBBB; }
.label_spotnews { background:url("./img/bg_news2.gif"); background-color:#253f6e; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px;}
.text_spotnews_title { font-size:12px; }
.text_spotnews_date { font-size:10px; }

/* NEWS */
.label_news { background:url("./img/bg_news.gif") left top repeat-x; font-weight:bold; font-size:14px; text-align:left; padding:2px 2px 2px 25px; color:#FFFFFF; height:28px; }

/* TOP MESSAGE */
.label_topmessage { background:url("./img/bg_label_blue.gif") left top repeat-x; font-weight:bold; font-size:14px; line-height:21px; text-align:center; height:21px; }
.topmessage { font-size:12px; text-align:left; border:1px solid #2d76fb; margin-bottom:10px; background:url("./img/logo_smile_water.gif") center center no-repeat; }

/* COLUMN */
.img_view { border:1px solid #BBBBBB; margin-bottom:10px;}

/* RECOMMEND */
.recommend_table {font-size:12px;}
.recommend_table td:hover { background: url("./img/bg_rollover.gif") repeat-x; }
.recommend_label { background:url("./img/bg_menu_label2.gif") left top repeat-x; background-color:#AFB0B2; color:#071427; font-weight:bold; font-size:12px; text-align:left; line-height:160%; padding:2px 2px 1px 2px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-top:1px solid #CDCDCD; width:700px; }
.recommend1_title {padding:3px 0 2px 0;}
.recommend1_title h5{ font-size:12px; font-weight:normal; margin:0; padding:0; line-height:125%;}
.recommend_thumb {border:1px solid #CACACA; margin:0px; padding:0px;}
.recommend_thumb_top {border:1px solid #CACACA; margin-bottom:4px; padding:0px;}
.recommend_price { font-size:12px; font-weight:bold; color:#0000AA; padding-left:0px;}

/* LABEL */
/* .label1 { background:url("./img/bg_menu_label.gif"); background-color:#393939; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px;} */
/* .label2 { background:url("./img/bg_menu_label2.gif") left top repeat-x; background-color:#AFB0B2; color:#071427; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px 2px 1px 2px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-top:1px solid #CDCDCD; } */
.label3 { background:url("./img/bg_menu_label3.gif") left top repeat-x; background-color:#EEEEFF; color:#071427; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px 2px 1px 2px; }
.label4 { background:url("./img/bg_maincate.gif") left top no-repeat; font-weight:bold; font-size:18px; text-align:center; padding:10px 0px 0px 0px; color:#FFFFFF; width:535px; height:44px; }
/* .label5 { background:url("./img/bg_news.gif") left top repeat-x; font-weight:bold; font-size:14px; text-align:left; padding:2px 2px 2px 25px; color:#FFFFFF; height:28px; } */
.label6 { background:url("./img/bg_subcate.gif") left top no-repeat; font-size:14px; padding:3px 5px 0px 5px; margin-top:10px; color:#2d2d2d; width:534px; height:44px; }
.label7 { background:url("./img/bg_news2.gif"); background-color:#253f6e; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px;}

.label_newuser { background:url("./img/bg_maincate.gif") top no-repeat; font-weight:bold; font-size:18px; text-align:center; padding:10px 0px 0px 0px; color:#FFFFFF; height:44px; }

.label_category { background:url("./img/bg_menu_label2.gif") left top repeat-x; background-color:#AFB0B2; color:#071427; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px 2px 1px 2px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-top:1px solid #CDCDCD; }

.label_ranking { background:url("./img/bg_menu_label2.gif") left top repeat-x; background-color:#AFB0B2; color:#071427; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px 2px 1px 2px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-top:1px solid #CDCDCD; }

.label_information { background:url("./img/bg_menu_label2.gif") left top repeat-x; background-color:#AFB0B2; color:#071427; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px 2px 1px 2px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-top:1px solid #CDCDCD; }

.label_rate { background:url("./img/bg_menu_label2.gif") left top repeat-x; background-color:#AFB0B2; color:#071427; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px 2px 1px 2px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-top:1px solid #CDCDCD; }

.label_search { background:url("./img/bg_menu_label.gif"); background-color:#393939; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px;}

.label_genre { background:url("./img/bg_menu_label.gif"); background-color:#393939; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px;}

.label_login { background:url("./img/bg_label_blue.gif") repeat-x; background-color:#8d9ce6; color:#000000; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px; }

.label_regist { background:url("./img/bg_label_red.gif") repeat-x; background-color:#8d9ce6; color:#000000; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px; }


.label_gray { background:url("./img/bg_label_gray.gif") repeat-x; background-color:#AFB0B2; }
.label_blue { background:url("./img/bg_label_blue.gif") repeat-x; background-color:#8d9ce6; }
.label_red { background:url("./img/bg_label_red.gif") repeat-x; background-color:#f64646; }
.label_yellow { background:url("./img/bg_label_yellow.gif") repeat-x; background-color:#f4f646; }

/* Detail*/
.item_title { color:#3d83c8; font-weight:bold; text-indent:0px; margin:0px; padding:5px 5px 4px 0px; font-size:20px; line-height:125%; }
.item_buy_top { background:url("./img/item_buy_bg_top.gif") no-repeat left top; background-color:#e5eaf0; height:19px; margin:15px 0 0 0; padding:0px;}
.item_buy_middle { background:url("./img/item_buy_bg_middle.gif") no-repeat left top; background-color:#F4F6F9; text-align:center;}
.item_buy_bottom { background:url("./img/item_buy_bg_bottom.gif") no-repeat left top; background-color:#F4F6F9; height:19px; margin:0 0 10px 0; padding:0px;}

/*Cart table---------*/
.cart_table_border { border:1px solid #AFB0B2; margin-left:3px; width:700px; }
.cart_table_tr { background:url("./img/bg_label_gray.gif") repeat-x; background-color:#AFB0B2; }
.cart_table_tr td { color:#FFFFFF; font-weight: bold; }
.cart_content { padding: 6px 4px 6px 8px; font-size:12px; border-bottom: 1px dotted #BBBBBB; }

/*menu_mouseover1*/
.menu_m_o1{}
* html #side_m_o1{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 220px;}
.menu_m_o1 a{font-size:12px; line-height:140%; font-weight: bold; padding:2px 0px 2px 0px; display: block; width: 100%; text-decoration: none; text-indent:2px;}
html>body #side_m_o1 a{ /*Non IE rule*/ width: auto;}
.menu_m_o1 a:hover, #side_m_o1 a:hover a:active{ color:#FFFFFF; background-image:url("./img/bg_maincate_select3.gif"); background-color: #3c7efc;}
.menu_m_o1 a.selected{ color:#FFFFFF; background:url("./img/bg_maincate_select4.gif"); background-color: #3c7efc;}

/*menu_mouseover2*/
.menu_m_o2{}
* html #side_m_o2{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 220px;}
.menu_m_o2 a{font-size:12px; line-height:140%; padding:2px 0px 2px 0px; display: block; width: 100%; text-decoration: none; text-indent:10px;}
html>body #side_m_o2 a{ /*Non IE rule*/ width: auto; }
.menu_m_o2 a:hover, #side_m_o2 a:hover a:active{ color:#FFFFFF; background-image:url("./img/bg_maincate_select3.gif"); background-color: #3c7efc;}
.menu_m_o2 a.selected{ color:#FFFFFF; background:url("./img/bg_maincate_select4.gif"); background-color: #3c7efc;}

/*menu_mouseover3*/
.menu_m_o3{ background-color: #fafda3; }
* html #side_m_o3{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 220px;}
.menu_m_o3 a{font-size:12px; line-height:140%; padding:2px 0px 2px 0px; display: block; width: 100%; text-decoration: none; text-indent:8px;}
html>body #side_m_o3 a{ /*Non IE rule*/ width: auto;}
.menu_m_o3 a:hover, #side_m_o3 a:hover a:active{ color:#FFFFFF; background-image:url("./img/bg_maincate_select3.gif"); background-color: #3c7efc;}
.menu_m_o3 a.selected{ color:#FFFFFF; background:url("./img/bg_maincate_select4.gif"); background-color: #3c7efc;}

/*menu_mouseover4*/
.menu_m_o4{ background-color: #a8b5f6; }
* html #side_m_o4{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 220px;}
.menu_m_o4 a{font-size:12px; line-height:140%; font-weight: bold; padding:2px 0px 2px 0px; display: block; width: 100%; text-decoration: none; text-indent:2px;}
html>body #side_m_o4 a{ /*Non IE rule*/ width: auto;}
.menu_m_o4 a:hover, #side_m_o4 a:hover a:active{ color:#FFFFFF; background-image:url("./img/bg_maincate_select3.gif"); background-color: #3c7efc;}
.menu_m_o4 a.selected{ color:#FFFFFF; background:url("./img/bg_maincate_select4.gif"); background-color: #3c7efc;}

/*side_box*/
.box { padding:0px; margin:0px; font-size:12px; line-height: 140%; font-weight:normal; background-color:#FFFFFF; text-align:left; border: 1px solid #BBBBBB; }
.box_title {font-weight:bold; text-indent:6px; padding-top:5px; padding-bottom:2px;}
.box_txt {font-weight:normal; padding:0px 5px 8px 8px;}
/* box */
.yellow_box_text { padding:0px 0px 0px 0px; margin:10px 0px 10px 0px; background-color:#fdfccb; color:#c06e14; font-weight:bold; border: 1px solid #c06e14; width:700px; text-align:center; font-size:14px;}
.red_box_text { padding:0px 0px 0px 0px; margin:10px 0px 10px 0px; background-color:#fdfccb; color:#f61e1e; font-weight:bold; border: 1px solid #f61e1e; width:700px; text-align:center; font-size:14px;}
.gray_box_text { padding:5px 0px 3px 0px; margin:8px 0px 0px 4px; background-color:#fdfccb; color:#c06e14; font-weight:bold; border: 1px solid #c06e14; font-size:12px; width:550px;}

/*list view----------*/
.list_view {padding:5px 0px 5px 0px; border-bottom: 1px solid #CACACA; background-image:url("./img/bg_itemview.gif");}
.list_view:hover, .list_view.over{ background: url("./img/bg_hover1.gif") repeat-x; background-position:0% 100%;}
/* .list_view h5{font-size:14px; font-weight:bold; margin:0; padding:0; line-height:100%;} */
.list_view_thumb {margin-right:10px; margin-bottom:5px;border:1px solid #CACACA;}
.list_view_img {margin-right:10px; margin-bottom:5px;border:1px solid #CACACA; float:left;}
.list_view_thumb_top {margin-right:10px; margin-bottom:6px;border:1px solid #CACACA;}
.list_view_comment { font-size:12px; padding-top:3px; padding-bottom:3px; line-height:130%; }
.list_view_txt_link a{padding:2px;}
.clear-both { clear:both; height:0px; font-size:0px; line-height:0%; }

/* お客様ページの注文履歴テーブル */
.table_order_history { padding: 0px; font-size: 12px; border: 1px solid #BBBBBB; border-collapse: collapse; }

.input_ship_history { font-size:12px; height:17px; border:1px solid #cecece; text-align:right; }
.ship_history { border-bottom:1px dotted #cecece; height:20px; }

.table_ship_history { padding: 0px; border: 1px solid #BBBBBB;	border-collapse: collapse; }
.table_ship_history td { margin:0px; padding:0px; font-size: 12px; line-height:16px; border: 1px dotted #BBBBBB; }

.table_shipping_fee { line-height: 1.5em; font-size: 12px; border: 1px solid #BBBBBB; }
.table_order_confirm { line-height: 1.5em; font-size: 12px; border: 1px solid #BBBBBB; }
.table_order_complete {	line-height: 1.5em; font-size: 12px; border: 1px solid #BBBBBB;}
.table_user_login { line-height: 1.5em; font-size: 12px; border: 1px solid #BBBBBB; }
.table_user_regist { line-height: 1.5em; font-size: 12px; border: 1px solid #BBBBBB; }
.table_user_info { line-height: 1.5em; font-size: 12px; border: 1px solid #BBBBBB; }

#table_admin {font-size:12px;  line-height:1.5em; border: 1px solid #BBBBBB;} 
#table_admin a:hover { color: #EEEEFF;	background-color: #003399; }

.table_admin_menu          { font-size:12px; line-height:1.5em; border: 1px solid #BBBBBB;} 
.table_admin_menu  a:hover { color: #EEEEFF; background-color: #003399; }

.table_edit_order          { width:700px; font-size:12px; line-height:1.5em; border: 1px solid #BBBBBB;} 
.table_edit_order  a:hover { color: #EEEEFF; background-color: #003399; }

.table_list_order { padding:0px; font-size:12px; line-height:1.5em; border: 1px solid #BBBBBB;} 

/* トップページニュース用 テーブル */
.table_news { padding: 0px; font-size: 12px; line-height:1.5em; border: 1px solid #BBBBBB; border-collapse: collapse; }
.table_news td { padding: 2px; border: 1px solid #BBBBBB; border-collapse: collapse; }
.table_news th { padding: 2px; border: 1px solid #BBBBBB; border-collapse: collapse; }

.bg_admin_menu { width:220px; text-align:center; font-size:14px; font-weight:bold; color:#333333; line-height:2em; background: url("./img/bg_admin_menu.gif") repeat-x; border: 1px solid #b7b7b7; }
.box_admin_menu { border:1px solid #b7b7b7; font-size:12px; }