@charset "UTF-8";

/*Base Layout*/
a:link { color: #0a229e; }
a:visited { color: #003399; }
a:hover { color: #0a229e; text-decoration:none; }
img { border: none;  border-width: 0px; }
li { list-style: none; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul { display: block; margin: 0px; padding: 0px; }
FORM { display: inline; }
form label{ cursor:pointer; }
input ,select{ vertical-align:middle; }
body {
 margin:0px;
 padding:0px;
 font-size: 12px;
 color:#1e1e1e;
 font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 text-align:left;
}

/* Padding & Margin */
.p_b_5 { padding-bottom:5px; }
.p_b_8 { padding-bottom:8px; }
.p_b_10 { padding-bottom:10px; }
.p_b_15 { padding-bottom:15px; }
.p_b_5 { padding-bottom:5px; }
.p_t_8 { padding-top:8px; }
.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_r_15 { margin-right:15px; }
.m_r_30 { margin-right:30px; }
.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_20 { margin-left:20px; }
.m_l_25 { margin-left:25px; }
.m_l_30 { margin-left:30px; }
.m_l_50 { margin-left:50px; }
.blk { color:#000000; }
.red { color:#f61e1e; }
.org { color:#CC6600; }
.blu { color:#0000AA; }
.grn { color:#1c7601; }
.gray { color:#888888; }
.wht { color:#FFFFFF; }
.bld { font-weight:bold;}
.nml { font-weight:normal;}
.under { text-decoration: underline; }
.px10 { font-size:10px;}
.px11 { font-size:11px;}
.px12 { font-size:12px;}
.px13 { font-size:13px;}
.px14 { font-size:14px;}
.px15 { font-size:15px;}
.px16 { font-size:16px;}
.px18 { font-size:18px;}
.px20 { font-size:20px;}
.cntr { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }


.hanten { font-weight:bold; color:#FFFFFF; background-color:#000000; }
.hissu { color:#FF0000; font-size:10px; }

.red_box_text { width:600px; background-color:#fdfccb; border: 1px solid #f61e1e; font-size:13px;}

#container { width:100%; margin: 5px auto 0px auto; padding:0px; background: url(img/background.gif) repeat-x; background-attachment: fixed; }
#container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

#top { display:block; width:100%; margin: 0px auto 0px auto; background: #FFFFFF url(img/bg_top.png) repeat-x; }

#top_content { display:block; width:1000px; margin: 0px auto 0px auto; padding:0px; text-align:left; }
#top_content:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#top_content h1 { font-size: 12px; font-weight: bold; }

#bg_top_content { display:block; width:100%; height:32px; font-weight: bold; color:#383838; }

#page { display:block; width:1000px; margin: 0px auto; padding:0px; }
#page:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

#container-right { float:right; width:745px; text-align:left; margin-left:5px; }
#container-right:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

#container-left { float:left; width:250px; text-align:left;}
#container-left:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

#container-middle { float:left; display:block; width:535px; margin-right:5px; }
#container-middle:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

#top-message { display:block; margin-bottom:5px; border:1px solid #000000; background-color:#FFFFFF; text-align:center; }
#top-message h3 { font-size: 12px; font-weight: bold; }

.item_detail_price { font-size:16px; font-weight:bold; }

.logo_top { float:left; text-align:left; }

.message_aboutus { font-size: 13px; line-height:26px; padding: 0px 5px 0px 5px; }
.message_aboutus h1 { font-size: 16px; font-weight: bold; text-align:center; margin: 10px 10px; text-shadow: 1px 1px 1px #aaa;  }

#top_menu { display:block; width:100%; height:32px; margin: 5px auto 5px auto; padding:0px; background: url(img/bg_top.gif) repeat-x; }
#top_menu ul{ list-style-type: none; display:block; width:1000px; margin: 0px auto 0px auto; padding: 0; }
#top_menu li{ float: left; width: 200px; margin: 0; padding: 0; }

#top_menu a{
  font-size: 12px;
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width: 100%;
  background: url(img/bg_blue.png) repeat-x;
  background-color: #3566ba;
  color: white;
  text-decoration:none;
  font-weight:bold;
border:1px solid #3566ba; 
}

#top_menu a:hover{
  background: url(img/bg_blue2.png) repeat-x;
  background-color: #234c8e;
  color: white;
}


.bg_blue { background: url(img/bg_blue.png) repeat-x; background-color: #3566ba;
     height:32px; font-size:14px; text-align: center; font-weight: bold; color:#FFF; line-height:32px; }
.bg_green { background: url(img/bg_green.png) repeat-x;
     height:32px; font-size:14px; text-align: center; font-weight: bold; color:#FFF; line-height:32px; }
.bg_pink { background: url(img/bg_pink.png) repeat-x;
     height:32px; font-size:14px; text-align: center; font-weight: bold; color:#FFF; line-height:32px; }
.bg_yellow { background: url(img/bg_yellow.png) repeat-x; border: #cccb79 solid 1px;
     height:31px; font-size:14px; text-align: center; font-weight: bold; color:#000; line-height:31px; }
.bg_yellow h2 { font-size: 14px; font-weight: bold; }


.bar_green { width:454px; height:34px; background: url(img/bar02-3.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }
.bar_red { width:454px; height:34px; background: url(img/bar02-1.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }
.bar_orange { width:454px; height:34px; background: url(img/bar02-2.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }
.bar_blue { width:454px; height:34px; background: url(img/bar02-4.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }
.bar_purple { width:454px; height:34px; background: url(img/bar02-5.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }
.bar_gray { width:454px; height:34px; background: url(img/bar02-6.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }
.bar_brown { width:454px; height:34px; background: url(img/bar02-7.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }
.bar_black { width:454px; height:34px; background: url(img/bar02-8.gif) no-repeat; padding-left:25px; padding-top:3px; font-size:14px; font-weight:bold; }

/* ----------------------- 
LABEL
-------------------------- */

.label_information { width:250px; height:20px; 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; }

.content_information { text-align:left; font-size:13px; line-height:20px; background: url(img/bg_cate_menu.png) no-repeat left bottom; padding-bottom:10px; }
.content_information a { display:block; width:250px; height:20px; line-height:20px; text-decoration: none; text-indent:2px; }
.content_information a:hover { background: #1EA3D9 url(img/bg_cate_hover.gif) repeat-y top left; color:#FFF; }

.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; }
.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; }

.note1 { width:480px; height:47px; background: url(img/bg_note01.gif) no-repeat;}
.note2 { padding: 0 40px 0 90px; background: url(img/bg_note02.gif) repeat-y; text-align:left; }
.note3 { width:480px; height:51px; background: url(img/bg_note03.gif) no-repeat; }

.table_subcate { width:100%; background: url(img/bg_cate_sub2.png) no-repeat bottom; margin-bottom:5px; padding-bottom:10px; }
.table_subcate td { border-bottom: 1px dotted #BBBBBB; font-size: 12px; }
.table_subcate th { border-bottom: 1px dotted #BBBBBB; font-weight: normal; font-size: 13px; text-align:left; padding:2px 0px 2px 5px; }
.table_subcate a { text-decoration: none; text-indent:2px; }
.table_subcate a:hover { text-decoration: underline; }

.table_item_view { width:535px; font-size: 14px; background: url(img/bg_cate_sub.png) no-repeat left bottom; margin-bottom:5px; padding-bottom:10px; }
.item_view_pic { width:100px; border:0px; }
.item_price { text-align:right; font-size: 14px; color:#0000AA; font-weight:bold; }
.item_price_yen { text-align:right; font-size: 14px; }

.gaitou { background-color: #00af0c; }

.arrow {padding-left:20px; background:url(img/icon_arrow.gif) no-repeat top left; }

.cancel_order { background-color:#dedede; }
.yakkan_order { background-color:#ffffaa; }
.urgent_order { background-color:#ff5050; }

.input_payment { font-size:12px; line-height:20px; margin-top:10px; background: url(img/bg_user_login.png) repeat-x center; border: 1px solid #b1c9fb; }
.input_payment input{ vertical-align:top; }

#user_login { margin-top:15px; margin-left:150px; width:460px; height:150px; background-image: url(img/bg_user_login.png); border: 1px solid #b1c9fb; }

/* ----------------------- 商品の詳細ページ ---------------------------------- */
#item_detail { width:745px; background-color: #FFFFFF; }
#item_detail h1 { background: url(img/bg_item_detail_title.png) no-repeat; height:41px; font-size:16px; font-weight:bold; text-align:center; line-height:41px; color:#FFF;}

#table_item_detail { width:745px; }

.item_detail_cart { font-size: 12px; }
.item_detail_cart td { background-color: #FFFFFF; border-bottom: 1px dotted #BBBBBB; padding:2px; vertical-align:middle; }
.item_detail_cart th { background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; text-align:center; padding:2px;}

#item_detail_text { width:745px; text-align:left; }
#item_detail_text table { font-size:12px; }

.banner_kuchikomi { background: url(img/banner_kuchikomi.png) no-repeat left top;
	text-indent: -9999px; display: block; height: 30px; width: 540px; }
.banner_kuchikomi1 { background: url(img/banner_kuchikomi1.png) no-repeat left top;
	text-indent: -9999px; display: block; height: 30px; width: 760px; }

.item_list { width:100%; font-size: 14px; background: url(img/bg_cate_sub2.png) no-repeat bottom; margin-bottom:5px; padding:5px 0px 20px 0px; }
.item_list_pic { float:left; margin-left:5px; }

.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; }

/* ----------------------- 検索ボックス ---------------------------------- */

#searchform1 {  
    position: relative;  
}  
#keywords1  {  
    width: 160px;  
    height: 16px;  
    background: url(img/search.png) no-repeat 8px 3px;  
    border: 1px solid #CCC;  
    padding: 2px 2px 2px 26px;  
}  
#searchBtn1 {  

    top: 0;  
    left: 195px;  
}  

/* ----------------------- BOX ---------------------------------- */
.box_red { border: 1px solid #ED0000; background-color:#fcc8c8; }
.box_blue { border: 1px solid #0042ff; background-color:#d1dbf9; display:block; }
.box_gray { background-color:#e7e7e7; }
.box_gray_border { border:1px solid #e7e7e7; }

.box_maincategory { 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; }

/* ----------------------- ログイン用ボックス(画面上部) ---------------------------------- */
.box_login { width:400px; float:right; font-size:11px; padding:0px; border: 1px solid #174b8d; background-color:#f7f7f7; background: url(img/bg_loginbox.png) repeat-x center bottom; }

.box_login input { font-size:12px; border: 1px solid #cccccc; }

#btn-login a {
	background: url(img/btn_login.png) no-repeat left top;
	text-indent: -9999px; display: block; height: 30px; width: 132px; margin: 0px auto; margin-bottom:5px; }
#btn-login a:hover { background: url(img/btn_login.png) no-repeat left bottom; }

#btn-logout a {	background: url(img/btn_logout.png) no-repeat left top;
	text-indent: -9999px; display: block; height: 30px; width: 132px; margin: 0px auto; margin-bottom:5px; }
#btn-logout a:hover { background: url(img/btn_logout.png) no-repeat left bottom; }

#btn-mypage a { background: url(img/btn_mypage.png) no-repeat left top;
	text-indent: -9999px; display: block; height: 30px; width: 132px; margin: 0px auto; margin-bottom:5px; }
#btn-mypage a:hover { background: url(img/btn_mypage.png) no-repeat left bottom; }

#btn-signup a {	background: url(img/btn_signup.png) no-repeat left top;
	text-indent: -9999px; display: block; height: 30px; width: 132px; margin: 0px auto; }
#btn-signup a:hover { background: url(img/btn_signup.png) no-repeat left bottom; }

#btn-cart a { background: url(img/btn_cart.png) no-repeat left top;
	text-indent: -9999px; display: block; height: 30px; width: 132px; margin: 0px auto; margin-bottom:5px; }
#btn-cart a:hover { background: url(img/btn_cart.png) no-repeat left bottom; }

/* ----------------------- 
エラーや警告用のボックス
-------------------------- */
.yellow_box_text { padding-top:10px; background-color:#fdfccb; color:#c06e14; font-weight:bold; border: 1px solid #c06e14; text-align:center;
   font-size:14px; position:absolute; width:460px; height:100px; top:50%; left:50%; margin-top:-50px; margin-left:-230px; }
.yellow_box_text2 { background-color:#fdfccb; color:#c06e14; font-weight:bold; border: 1px solid #c06e14; text-align:center;
   font-size:14px; width:460px; height:100px; margin: 0px auto 0px auto; }

/* ----------------------- 
SPOT NEWS
-------------------------- */
.newsbox { display:block; margin-bottom:3px; font-size:12px; font-weight:normal; background-color:#FFFFFF; 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 { display:block; height:28px; background:url("./img/bg_news.gif") left top repeat-x; font-weight:bold; font-size:14px; text-align:left; padding-left:25px; color:#FFFFFF; line-height:2em; }

/* ----------------------- 
カテゴリ
-------------------------- */
.cate_menu { text-align:left; font-size:13px; line-height:20px; background: url(img/bg_cate_menu.png) no-repeat left bottom; padding-bottom:10px; }
.cate_menu a { display:block; width:250px; height:20px; line-height:20px; text-decoration: none; text-indent:2px; }
.cate_menu a:hover { background: #1EA3D9 url(img/bg_cate_hover.gif) repeat-y top left; color:#FFF; }

.cate_title { display:block; width:250px; height:33px; background: url(img/logo_category_title.png) no-repeat left bottom; text-indent:-9999px; }
.menu_selected { display:block; width:250px; height:20px; background-color: #0a229e; font-weight:bold; color: #FFFFFF; }
.branch { padding-left:10px; font-weight:normal; }

.cate_menu_title { text-align:center; font-weight: bold; color:#008fd9; background: url(img/bg_cate_menu_title.gif) no-repeat; }

/* ----------------------- 
LABEL
-------------------------- */
.myaccount_menu { margin-top:10px; background: url(img/bg_user_login.png) repeat-x center bottom; border: 1px solid #b1c9fb; }
.myaccount_menu dt { padding-left:10px; margin-top:5px; font-size:14px; font-weight:bold; background: url(img/icon_blue.png) no-repeat center left; }
.myaccount_menu dd { padding-left:10px; margin-bottom:5px; font-size:12px; line-height:1.5em; }

/* ----------------------- 
TABLE
-------------------------- */

#table_cart { width:600px; font-size: 14px; border: 1px solid #BBBBBB; background-color: #FFFFFF; }
#table_cart td { padding:5px; }
#table_cart th { background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; }

.table_cart { width:600px; font-size: 14px; border: 1px solid #BBBBBB; background-color: #FFFFFF; }
.table_cart td { padding:5px; }
.table_cart th { background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; }

#table_newuser { font-size: 14px; background-color: #ffffff; }
#table_newuser td { background-color: #f0f0f0; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
#table_newuser th { background-color: #61b5e7; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }

#table_order_history { width:550px; font-size: 14px; border: 1px solid #BBBBBB; background-color: #FFFFFF; }
#table_order_history td { padding:5px; border: 1px dotted #BBBBBB; }
#table_order_history th { background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; }

#table_select_ship { font-size: 14px; }
#table_select_ship tr { background-color: #f0f0f0; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
#table_select_ship tr:hover { background-color: #dad9d9; }
#table_select_ship th { background-color: #61b5e7; }

#table_select_payment { font-size: 12px; }
#table_select_payment tr { background-color: #f0f0f0; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
#table_select_payment tr:hover { background-color: #dad9d9; }
#table_select_payment th { background-color: #61b5e7; }

#table_kuchikomi { font-size: 12px; border: 1px solid #BBBBBB; background-color: #FFFFFF; border-collapse:collapse; }
#table_kuchikomi td { padding:2px; border: 1px dotted #BBBBBB; }
#table_kuchikomi th { padding:0px; background: url(img/bg_yellow.png) repeat-x; background-color: #E1E1E1; border: 1px solid #BBBBBB; line-height:22px; }

.table_shipto { width:600px; font-size: 14px; border: 1px solid #BBBBBB; background-color: #FFFFFF; }
.table_shipto td { padding:5px; }
.table_shipto th { background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; }

.table_edit_kuchikomi { border-collapse: collapse; font-size: 12px; border: 1px solid #BBBBBB; width:380px; margin-bottom:10px;}
.table_edit_kuchikomi td { border-bottom: 1px dotted #BBBBBB; border-right: 1px dotted #BBBBBB; padding:3px; }
.table_edit_kuchikomi th { background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; border-right: 1px dotted #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; }

/* 発送履歴 */
.table_detail_ship { border-collapse: collapse; font-size: 12px; border: 1px solid #BBBBBB; }
.table_detail_ship td { border-bottom: 1px dotted #BBBBBB; background-color: #FFFFFF;}
.table_detail_ship th { background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; border-right: 1px dotted #BBBBBB; }

/* FAQ TABLE */
.table_faq { border:0px; font-size:12px; }
.table_faq th { border-bottom: 1px dotted #000000; }

/* ソーシャルメディア用  */

.sns_button li {
margin: 10px 5px 10px 0;
float: left;
display: inline;
}