@charset "EUC-JP";    /* EUC-JP */


/* 修正履歴
   2007.5.7 佐竹 修正 ・・・ 

*/



/* -------------------共通---------------------- */ 
/*  すべてリセット by nozawa  */ 

* {
  margin:   0px;
  padding:  0px;
}

img { 
  border:   0px;
}

body{
  font-family: "MSPゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 1.0em;
  color:#5D5B5B;
  background-image:url(./images/bg02.jpg);
  background-repeat: repeat-x;
  margin:0px;
  padding:0px;
}

/*  見出し */
h1,h2,h3,h4,h5,p{
  font-size: 100%;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

/*  form size  */ 
form{
  margin: 0px;
  padding: 0px;
}

.form_01 {
  width:300px;
}
.form_put {
  width:110px;
}

.form_put2 {
  width:110px;
  height: 15px;
}

.form_put2-2 {
  width:97px;
  height: 15px;
}

.form_put3 {
  width:130px;
}

.form_put4 {
  width:200px;
}

.form_put5 {
  width:360px;
}

.form_put6 {
  width:180px;
}

.form_put7 {
  width:80px;
}

/*  font  */ 
.fs_8pt {
  font-size:8pt;
}

.fs_11px {
  font-size:11px
}

.fs_9pt {
  font-size:9pt;
}
.fs_10pt {
  font-size:10pt;
}

.fs_11{
  font-size: 11pt;
  line-height:1.2em;
}

.fs_11 a:lin{ color: #000;
}


.fs_12{
  font-size: 12pt;
  line-height:1.3em;
}
/*  fontcolor  */ 
.fc_red2{color:#F26522;}

.fc_black02{color:#0F0F0F;}

.fc_red3{color:#790000;}

.fc_blue{color:#2E3192;}

.fc_purple{ color:#70274E;}

.fc_red10{ color:#FF0000;}

.fc_black{ color:#5D5B5B;}

.fc_pink{color:#F26D7D;}

.fc_orange{color:#F26522;}

/*  リンク */ 
a.orange:link{ color:#F26522; }
a.orange:visited{ color:#F26522; }
a.orange:hover{ color:#F26522; }
a.orange:active{ color:#F26522; }

a.purple:link{ color:#70274E; }
a.purple:visited{ color:#70274E; }
a.purple:hover{ color:#70274E; }
a.purple:active{ color:#70274E; }

a.blue:link{color: #2E3192;}
a.blue:visited{color: #2E3192;}
a.blue:hover{color: #2E3192;}
a.blue:active{color: #2E3192;}

a.brown:link{color: #A36209;}
a.brown:visited{color: #A36209;}
a.brown:hover{color: #A36209;}
a.brown:active{color: #A36209;}

a.darkred:link{ color:#790000; }
a.darkred:visited{ color:#790000; }
a.darkred:hover{ color:#790000; }
a.darkred:active{ color:#790000; }

a.green:link{ color:#73590B; }
a.green:visited{ color:#73590B; }
a.green:hover{ color:#73590B; }
a.green:active{ color:#73590B; }

/* 行間 */ 
.line01{line-height:1.3em;}

/* ---グラデーション--- */ 
/* --コメント-- */ 
#comment{
  width: 680px;
  margin-left: 30px;
  border:solid 1px; 
  border-color: #C94545;
  margin-bottom: 20px;
  padding: 10px
}


/* ----コンテンツ---- */ 
.m15{
  width:758px;
  height: 48px;
  margin: 0 auto;
}/* MacIE5はこの値を使用 */

#menu{
  overflow: hidden;
  width:758px;
  height: 48px;
  margin: 0 auto;
}

/* MacIEの為 */ 

#menu ul{
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0px;
}

#menu li {
  float: left;
  margin: 0;
}

#menu {width: 758px;}
#menu li { float: left; margin: 0;}
#menu li a {
  display: block;
  height: 48px;
  text-indent: -9999px;
  float: left;
  background-color: transparent;
  background-position: 0 -48px;
  background-repeat: no-repeat;
  text-decoration: none;
}
#menu li a.now { background-position: 0 0;}
#menu li a:hover { background-position: 0 0;}

#index a { width:110px; background-image: url(./images/menu01.jpg);}
#shopping a { width:110px; background-image: url(./images/menu02.jpg);}
#cart a { width:108px; background-image: url(./images/menu03.jpg);}
#guide a { width:108px; background-image: url(./images/menu04.jpg);}
#about a { width:108px; background-image: url(./images/menu05.jpg);}
#hanpu a { width:108px; background-image: url(./images/menu06.jpg);}
#inquiry a { width:106px; background-image: url(./images/menu07.jpg);}

/* ----------------- 枠 -------------------- */ 
/* ***メイン部分*** */ 
#contents{
  width:758px;
/*  margin:15px auto 0px auto; */
  margin:15px auto;
}

#contents2{
  width:758px;
/*  margin:6px auto 0px auto; */
  margin:6px auto;
}

#contents3{
  width:780px;
  margin: 0px auto;
  padding:0px;
}


/* --- メインの中左 --- */ 
#left{
  float:        left;
  width:        201px;
  padding-left: 20px;
}

#left_block{
  float:        left;
  width:        201px;
}

/* ログイン前とログイン後の左上BOX高さ */ 

/* LEFTメニューの点線 */ 
.l02{
  background-image: url(./images/tensen.gif);
  background-repeat: no-repeat;
  height:  1px;
  margin:  0px;
  padding: 0px;
}
  
.l02-1{
  background-image: url(./images/sen201.gif);
  height: 1px;
}


/* --- 左見出し --- */ 
.left20{
  background-image:url(./images/left-top011.gif);
  background-repeat:no-repeat;
  width: 199px;
  height:34px;
  text-indent:-5000px;
}

.left21{
  background-image:url(./images/s_text01.gif);
  background-repeat:no-repeat;
  width: 44px;
  height:16px;
  text-indent:-5000px;
  margin-left:10px;
}

/* ***メインの中右*** */ 
#right{
  float:left;
  width: 686px;
  padding: 0 0 30px 25px;
}



/* --- メインの右左なしの場合のセンター部分 --- */ 
#center{
  float:left;
  width: 720px;
  padding-left: 20px;
}


/* --- ログイン後トップページ枠 --- */ 
#top_pic{
  margin:0 auto;
  width: 758px;
  height: 187px;
  background-image: url(./images/in_index01.jpg);
  background-repeat: no-repeat;
  text-indent: -8000px;
}

.l01-3{
  background-color: #F1F0F0 ;
  height:60px ;
  border-left: 1px solid #AEACAC;
  border-right: 1px solid #AEACAC;
  border-top: 1px solid #AEACAC;
}

.in_t01{
  margin-top: 17px;
  margin-bottom: 7px;
}

.in_t02{
  margin-bottom: 7px;
}

/* --- ログイン後トップページ3列になるので枠分け --- */ 


.honma{
  width:199px;
  border: 1px solid #27318B;
  background-color:#FFFFFF;
  }
  
.honma h4{
  height:68px;
  background-color: #666666;
  margin:0px; padding: 0px;
  }

.honma p{
  
  margin: 10px auto;
  width:179px;
  }

#main{
  width: 720px;
  margin: 15px auto 0;
  padding: 0 0 40px 0;
}

/*  バナー by nozawa  */ 
.banner {
  width: 193px;
  height: 85px;
  margin-bottom: 7px;
  padding: 3px;
  border: solid 1px #bbbbbb;
}

/*  --ログイン後  登録、マイページ（上部分）共通--  */ 



#personal{
  width:720px;
  background-image: url(./images/mypage01.gif); 
  height:77px;
  margin-bottom:25px;
}

#personal .table{
  height:77px;}
  
#personal th {
  height: 36px;
}

.text_right{text-indent:-5000px;}

.my_text{
  height: 36px;
  padding-left:50px;
}


.my_img{margin-top:5px;}


#personal ul {margin-left: 1.2em;}

#personal li{
  list-style-image:none;
  background-image:url(./images/mark02.gif);
  background-repeat:no-repeat;
  background-position:left center; 
  padding-left: 7px;
}

.my01{width:185px;}

.my02{
  width:221px;
  padding-left:7px;
}

.my03{
  width:176px;
}

.my04{
  width:8px;
}


/* --ログイン前  登録、マイページ（上部分）共通-- */ 
#personal2{
  width:720px;
  background-image: url(./images/mypage2.gif); 
  background-repeat:no-repeat; 
  height:87px;
  margin-bottom:25px;
}

.my01-1{width:200px;}

td .account{
  background-image:url(./images/account01.gif);
  background-position:center center; 
  background-repeat:no-repeat;
  width: 80px;
  height:24px;
  text-indent: -5000px;
}

td .password{
  background-image:url(./images/password01.gif);
  background-position:center center; 
  background-repeat:no-repeat;
  width: 80px;
  height:24px;
  text-indent: -5000px;
}

.my04-1{
  width:16px;
  text-align: right;
}

.my05{margin-left: 10px;
   padding:0px;
}

.my06{margin-top:4px;}

.my08{width:80px;}

.my09{width:137px;}

.my10{width:190px;}

.my11{
  width:116px;
  height:37px;
}

.my12{ width:33px;}

.my13{ height:50px;}

.my14{ height:37px;}

.my15{ vertical-align: middle;}

.my16{ width:113px;}

#login,#touroku,#kensaku th{text-align: left;}

#login{
  float: left;

  width:200px;
  height: 87px;
}

.table_hei{ height: 87px;}

#touroku{
  float: left;
  width:217px;
  height: 87px;
}

#kensaku{
  float: left;
  width:303px;
  height: 87px;
}

/*  エラーメッセージ  */ 
#info{
  padding-left: 150px;
  color       : red;
  padding-top : 10px;
}





/* -----------------------ログイン・マイページ・検索・共通------------------------- */ 

/* -----------------------ログイン後LEFTマイページBOX修正ここから----------------------- */ 
/* LEFTマイページBOX */ 
/* ようこそ●● ●●様 */ 

/*  customer_name を全て利用出来たら、ここれ以降消す */
.left_box1{
  width:201px;
  height:36px;
  background-image:url(./images/youkoso_bg.gif);
  background-repeat: no-repeat;
}
.left_box1 h3 {
  float: left; 
}
.left_box1 p {
  float: right;
  text-align: right;
  padding-top: 7px;
  padding-right: 5px;
  border: 0px;
}

/*  customer_name を全て利用出来たら、ここまで消す */

p.cst_name {
  margin-top:  0px;
  margin-left: 20px;
  margin-bottom: 5px;
  font-weight: bold;
  color:       #666666;
}


h3.customer_name {
  width:             179px;
  height:            14px;
  background-image:  url(./images/youkoso_bg.gif);
  background-repeat: no-repeat;
  text-align:        right;
  font-weight:       bold;
  padding:           11px;
  color:             #666666;
}

h3.customer_name2 {
  width:             189px;
  height:            24px;
  background-image:  url(./images/youkoso_bg.gif);
  background-repeat: no-repeat;
  text-align:        right;
  font-size:         8pt;
  font-weight:       bold;
  padding:           6px;
  color:             #666666;
}



/* 現在のポイント */ 
.left_box2{
  width:199px;
  padding:5px 0px;
  border-right :1px solid #AEACAC;
  border-left :1px solid #AEACAC;
}

/* お客様マイページ */ 
.left_box3{
  width:201px;
  height:36px;
  background-image:url(./images/mypage_bg.gif);
  background-repeat: no-repeat;
}

/* お客様マイページ内リスト */ 
.left_box4{
  width:199px;
  padding:5px 0px;
  border-right :1px solid #AEACAC;
  border-left :1px solid #AEACAC;
}

.left_box4 table{
  width:192px;
  margin-left:7px;
  margin: 0px 0px 0px 7px;
  padding: 0px;
  border:  0px;
}

/* 商品検索（ログイン前＆ログイン後共通） */ 
.left_box5{
  width:201px;
  height:36px;
  background-image:url(./images/kensaku_bg.gif);
  background-repeat: no-repeat;
}
.left_box5 h3 {
  float:   left;
  height:  35px;
  margin:  0px;
}


.left_box5 p {
  text-align: left;
  text-align: right;
  margin-top: 5px;
  border: 0px;
}

.left_box5 table{
  width:       192px;
  margin-left: 7px;
  padding:     0px;
  border:  0px;
  border-spacing: 0px;
}

.left_box6{
  width:199px;
  padding:5px 0px;
  border-right :1px solid #AEACAC;
  border-left :1px solid #AEACAC;
  border-bottom :1px solid #AEACAC;
}

.left_box6 table{
  width:192px;
  margin-left:7px;
  padding: 0px;
  border:  0px;
  border-spacing: 0px;
}



/* リストのlost01を修正 */ 
.list_left{
  background: transparent url(./images/mark02.gif) no-repeat 2px 5px;
  padding-left: 8px;
  margin-left: 7px;
  font-size: 9pt;
}

/* 共通 */ 
#left h3{text-indent: -5000px;}




/* -----------------------ログイン後LEFTマイページBOX修正_end----------------------- */ 
/* -----------------------ログイン前LEFTマイページBOX修正ここから----------------------- */ 

/* ログイン部分背景 */ 
.left_box1-2{
  text-align: left;
  width: 201px;
  height: 36px;
  background-image:url(./images/log_bg.gif);
  background-repeat: no-repeat;
}

.left_box1-2 p {
  float:      right;
  text-align: right;
  padding-top: 7px;
  padding-right: 8px;
}

.left_box1-2 table{
  width:192px;
  margin-left:7px;
}

.left_box1-2 h3 {
  float:   left;
  height:  35px;
  margin:  0px;
}



.left_box2-2{
  width:199px;
  padding:3px 0px;
  border-right :1px solid #AEACAC;
  border-left :1px solid #AEACAC;
}
.left_box2-2 table{
  width:190px;
  margin-left:7px;
}


/* 会員登録部分背景 */ 
.left_box3-2{
  text-align: left;
  width: 201px;
  height: 36px;
  background-image:url(./images/touroku_bg.gif);
  background-repeat: no-repeat;
}
.left_box3-2 h3 {
  float:   left;
  height:  35px;
  margin:  0px;
}
.left_box3-2 p {
  text-align: right;
}
.left_box3-2 table{
  width:192px;
  margin-left:7px;
}



/* アカウント */ 
.left21-3{
  background-image:url(./images/account.gif);
  background-repeat:no-repeat;
  background-position:center;
  width: 60px;
  height:18px;
  text-indent:-5000px;
}

/* パスワード */ 
.left21-4{
  background-image:url(./images/password.gif);
  background-repeat:no-repeat;
  background-position:center;
  width: 60px;
  height:18px;
  text-indent:-5000px;
}


.left21-7{
  background-image:url(./images/s_text02.gif);
  background-repeat:no-repeat;
  background-position:left;
  width: 181px;
  height:20px;
  text-indent:-5000px;
}

/* *左側のリスト* */ 

ul{
  margin:0px;
  padding:0px ;
  list-style:none ;
  line-height:1.2em ;
}

.list01{
  background: transparent url(./images/mark02.gif) no-repeat 2px 5px;
  padding-left: 8px;
  margin-left: 10px;
  font-size: 10pt;
}

/* リスト横並びにする為 */ 
.left{ float:left;}

/* ボタンのマージン */ 
.img_space{ margin-top:3px;}

/* -----------------------ログイン前LEFTマイページBOX修正_end----------------------- */ 
/* -----------------------SHOP内左MENU（カテゴリ）---------------------- */ 

/* ログイン前ログイン後共通 */ 
/* カテゴリ */ 
.left_box7{
  background-image:url(./images/kategori.gif);
  background-repeat:no-repeat;
  width:        201px;
  height:       35px;
  text-indent:  -5000px;
  border-top:   1px solid #AEACAC;
}

/* カテゴリメニュ- */ 
.left_box8{
  width:199px;
  height:73px;
  background-image: url(./images/tensen.gif);
  background-repeat: no-repeat;
  border-right :1px solid #AEACAC;
  border-left :1px solid #AEACAC;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  margin:  0px;
}


.left_box8-2{
  width:199px;
  height:70px;
  background-image: url(./images/tensen.gif);
  background-repeat: no-repeat;
  border-right :1px solid #AEACAC;
  border-left :1px solid #AEACAC;
  border-bottom :1px solid #AEACAC;
  vertical-align:middle;
  text-align:center;
}

.img_space05{margin:7px 0px;}

input.sub_button {
  float: right;
  padding-top: 6px;
  padding-right: 6px;
}

img.sub_button2 {
  float: right;
  padding-top: 6px;
  padding-right: 6px;
}

/* ------------------- ログイン後  マイページ ----------------------- */ 

#memname_box {
  margin-left: 20px;
  margin-bottom: 15px;
  width: 350px;
  height: 40px;
  border: solid 1px #AEACAC;
  background-image:url(./images/welcome.gif);
  background-position: left;
  background-repeat:no-repeat;
}
#memname_box table{
    margin: 3px 0px 0px 0px;
    width: 350px;
  height: 35px;
}


.bigbox_in {
  width: 720px;
  border: solid 1px #AEACAC ;
  margin: 0 0 15px 0;
  padding: 0;
  /*border: solid 1px #000;*/
}

#top_box1{
  float: left;
  width: 173px;
  padding: 0 ;
  background-image:url(./images/m_top_box1.gif);
  background-position:left top;
  background-repeat: no-repeat ;
}

#top_box1 .top_gazou {
  margin: 20px 0 0 0;
  text-indent: -9999px;
}

#top_box1 ul{
  margin:5px 5px 5px 10px;
  padding: 0 ;
  list-style: none ;
}

#top_box1 li{
  display: inline ;
  margin: 0 ;
  padding: 0 10px 0 10px ;
  line-height: 2.0 ;
  background: url(./images/mark02.gif) no-repeat 0 50% ;
}
  
#top_box2{
  float: left;
  width: 285px;
  background-image:url(./images/m_top_box2.gif);
  background-position: 0% 0%;
  background-repeat:no-repeat;
  padding: 20px 0 0 0;
  margin: 0 ;
  border-left: solid 1px #aeacac ;
  border-right: solid 1px #aeacac ;
}

#top_box2 .top_gazou{
  margin: 0;
  text-indent: -9999px;
  
}

#top_box2 ul{
  margin: 4px 8px 6px 10px;
  padding: 0 ;
  list-style: none ;
  
}

#top_box2 li{
  display: inline ;
  margin: 0 ;
  padding:0 5px 0 10px ;
  list-style: none ;
  line-height: 2.0 ;
  background: url(./images/mark02.gif) no-repeat 0 50% ;
  
}

#top_box3{
  float: left;
  width: 260px;
  background:url(./images/m_top_box3.gif) repeat-x;
  background-position: left top;
  padding:8px 0px 5px 0px;
}

#top_box3 .serch_button{
  width: 50px;
  height: 20px;
  margin: 1px 1px 0 200px;
  border-width: 0;
}

#top_box3 div.box3{
  margin: 0;
  padding: 25px 15px 5px 30px;
}

.left_td{text-align:right; vertical-align:top;}

.text_right{text-indent:-5000px;}

.text_center{
  text-align: center;
  height: 48px;
}


#bigbox{
  width: 720px;
  border: solid 1px #AEACAC ;
  margin: 0 0 15px 0;
  padding: 0;
  /*border: solid 1px #000;*/
  
  display: inline-block;
}

#bigbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
} 


#top_box1-3{
  float: left;
  width: 198px;
  padding: 0 ;
  background-image:url(./images/m_login_bg.jpg);
  background-position:left top;
  background-repeat: no-repeat ;
}

#top_box1-3 #rogin_button{
  width: 62px;
  height: 23px;
  margin: 6px 5px 0px 130px;
}

#top_box1-3 div#rog_in{
  margin: 6px 0 0 0 ;
  padding: 5px 0 5px 3px;
}

.top_box_text{text-align:right; vertical-align:top;}

#top_box2-3{
  margin: 5px 0 0 5px;
  font-size:9pt;
}

#top_box2-3 ul{
  line-height: 1.0 ;
  list-style: none ;
}

#top_box2-3 li{
  display: inline ;
  margin: 0 ;
  padding:0 5px 0 7px ;
  list-style: none ;
  line-height: 1.1 ;
  background: url(./images/mark02.gif) no-repeat 0 50% ;
}

#top_box2-4{
  padding-top:3px;
  font-size:9pt;
}

#top_box2-4 ul{
  margin:0px 5px 2px 7px;
  padding: 0 ;
  line-height: 1.0 ;
  list-style: none ;
}

#top_box2-4 li{
  display: inline ;
  margin: 0 ;
  padding:0 13px 0 7px ;
  list-style: none ;
  line-height: 1.1 ;
  background: url(./images/mark02.gif) no-repeat 0 50% ;
}

#top_box3-3{
  float: left;
  width: 248px;
  background-image:url(./images/m_top_box3.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding:8px 5px 5px 5px;
}

#top_box3-3 #serch_button{
  width: 50px;
  height: 20px;
  margin: 2px 2px 0 190px;
  border-width: 0;
}

#top_box3-3 div#box_3{
  margin: 0;
  padding: 25px 12px 5px 25px;
}

.auth {
  clear:          both;
  text-align:     center;
  width:          100%;
  margin-bottom:  10px;
}

/*  お買物カゴを見る  */ 
.okaimono_bag {
  text-align: right; 
  list-style-type: none;
  background-image:url(./images/list_shop.gif);
  background-repeat: no-repeat;
  background-position: 80% 5%;
  text-decoration: underline;
  border-bottom: solid 1px #BCBBBB;
  padding-bottom: 10px;
  margin-bottom: 4px;
}

.okaimono_bag a{ color:#73590B;}


.err_info{
  margin-left: 100px;
  padding:   15px;
  border: solid 2px red;
  width:     70%;
}

.err_info p{
  font-weight:  bold;
  color:        red;
}

.sorry_mssg{
  margin:  10px;
  padding: 15px;
}
.sorry_mssg p{
  color:     red;
  font-size: 12pt;
  line-height: 1.5em;
}