/* お問い合わせ───────────────── */
#myButton a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 352px;
    background-image: url(../img_for_index/inquiry-faxorder.jpg);
    padding-top: 66px;
    text-align: center;
    margin:10px 3px 0px 0px;}

#myButton a:hover {
    background-position: 0 -66px;}

#callnunber{
  width: 720px;  }

div.callnunbersub {
   margin:5px 0px 10px 30px;}




/* お支払い・送料について───────────────── */

#order-kago a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 300px;
    background-image: url(../img_for_payment/order-kago.jpg);
    padding-top: 62px;
    text-align: center;
    margin:10px 3px 0px 0px;}

#order-kago a:hover {
    background-position: 0 -62px;}


#order-fax a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 300px;
    background-image: url(../img_for_payment/order-fax.jpg);
    padding-top: 62px;
    text-align: center;
    margin:10px 3px 0px 0px;}

#order-fax a:hover {
    background-position: 0 -62px;}



#order-tell a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 300px;
    background-image: url(../img_for_payment/order-tell.jpg);
    padding-top: 62px;
    text-align: center;
    margin:10px 3px 0px 0px;}

#order-tell a:hover {
    background-position: 0 -62px;}


#order-form a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 300px;
    background-image: url(../img_for_payment/order-form.jpg);
    padding-top: 62px;
    text-align: center;
    margin:10px 3px 0px 0px;}

#order-form a:hover {
    background-position: 0 -62px;}



#list_ikkatsu a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 222px;
    background-image: url(../img_for_payment/list_ikkatsu.jpg);
    padding-top: 45px;
    text-align: center;
    margin:10px 3px 0px 0px;}

#list_ikkatsu a:hover {
    background-position: 0 -45px;}





#sweets {
    position: relative;  
}


.sweets-text {
   position: absolute;
   top: 150px;
   left: 30px;
   font-size: 17px;
   line-height: 30px;
}

.sweets-text2 {
   position: absolute;
   top: 130px;
   left: 320px;
   text-align: right;
   font-size: 17px;
   line-height: 30px;
}


/* タイトル───────────────── */

#tracking {
    position: relative;  
}


.tracking-text {
   position: absolute;
   top: 5px;
   left: 20px;
   width: 720px;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: 600;
}

.tracking-text2 {
   position: absolute;
   top: 20px;
   left: 20px;
   width: 720px;
   font-size: 14px;
   font-weight: 600;
}






/* コンテンツエリア
────────────────────────────────────────── */
#innercontentforonecol {
	width: 720px;
	}




/* 発送会社　枠
────────────────────────────────────────── */
table.yuupack {
	width: 720px;
	margin-bottom: 10px;
	}
table.kuroneko {
	width: 720px;
	margin-bottom: 10px;
	}
table.yuupack td.serch, table.kuroneko td.serch {
	width: 270px;
	padding: 0 10px;
	}
table.yuupack td.officeserch{
	width: 300px;
	height: 90px;
	height : 90px\9; /* IE8 and below */
	*height : 90px; /* IE7 and below */
	_height : 90px; /* IE6 */
	padding: 35px 20px 5px;
	background:url(../img_for_tracking/bg_officeserch2.gif) no-repeat;
	}

table.kuroneko td.officeserch {
	width: 300px;
	height: 90px;
	height : 90px\9; /* IE8 and below */
	*height : 90px; /* IE7 and below */
	_height : 90px; /* IE6 */
	padding: 35px 20px 5px;
	background:url(../img_for_tracking/bg_officeserch.gif) no-repeat;
	}



/* 会社概要
────────────────────────────────────────── */
table.about-us 
td.about-us-left {
      background-color:#F5F5F5;
	width: 110px;
      padding: 5px;
      margin:0 auto;
      vertical-align:middle;
      border: 1px solid #ffffff;
      text-align:center;}

table.about-us
td.about-us-right {
	width: 350px;
      padding: 5px;
      margin:0 auto;
      border: 1px solid #ffffff;
      text-align:left;
      background:url(../img_for_tracking/hyou-yokosen.jpg) repeat-x left top;}

td#about-us-right-top.about-us-right{background:none;}




table.history 
td.history-left {
      background-color:#F5F5F5;
	 width: 170px;
      padding: 7px;
      margin:0 auto;
      vertical-align:middle;
      border: 1px solid #ffffff;
      text-align:left;}

table.history
td.history-right {
	width: 470px;
      padding: 7px;
      margin:0 auto;
      border: 1px solid #ffffff;
      text-align:left;
      background:url(../img_for_tracking/hyou-yokosen.jpg) repeat-x left top;}

td#history-right-top.history-right{background:none;}



table.about-shop 
td.about-shop-left {
      width: 270px;
      padding: 7px;
      margin:0 auto;
      vertical-align:middle;
      border: 1px solid #ffffff;
      text-align:left;}

table.about-shop
td.about-shop-right {
	width: 390px;
      padding: 7px;
      margin:0 auto;
      border: 1px solid #ffffff;
      text-align:left;
      }

.gyokan-text {
      line-height : 25px ;
      }




/* お菓子について
────────────────────────────────────────── */
table.konnaorini 
td.konnaorini-left {
      background-color:#F5F5F5;
	width: 130px;
      padding: 7px;
      margin:0 auto;
      vertical-align:middle;
      border: 1px solid #ffffff;
      text-align:center;}

table.konnaorini
td.konnaorini-right {
	width: 580px;
      padding: 7px;
      margin:0 auto;
      border: 1px solid #ffffff;
      text-align:left;
      background:url(../img_for_tracking/hyou-yokosen.jpg) repeat-x left top;}

td#konnaorini-right-top.konnaorini-right{background:none;}



table.konnaorini1 
td.konnaorini1-left {
      background-color:#F5F5F5;
	width: 90px;
      padding: 7px;
      margin:0 auto;
      vertical-align:middle;
      border: 1px solid #ffffff;
      text-align:center;}

table.konnaorini1
td.konnaorini1-center {
	width: 350px;
      padding: 7px;
      margin:0 auto;
      border: 1px solid #ffffff;
      text-align:left;
      background:url(../img_for_tracking/hyou-yokosen.jpg) repeat-x left top;}

table.konnaorini1
td.konnaorini1-right {
	width: 250px;
     }

td#konnaorini1-center-top.konnaorini1-center{background:none;}




/* プライバシーポリシー
────────────────────────────────────────── */

.privacy{
     width: 650px;
     text-align: center;
     margin: 0 auto;
      }

.privacy-left{
     width: 20px;
     border: 1px solid #ffffff;
     padding: 2px;
    }

.privacy-right{
     width: 630px;
     text-align: left;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid #ffffff;
     padding: 5px;
      }

.privacy-title{
     width: 630px;
     font-size: 16px;
     font-weight: 600;
     text-align: left;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid #ffffff;
     padding: 5px;
      }


.privacy-right2{
     width: 630px;
     text-align: right;
     margin-left: auto;
     margin-right: auto;
     border: 3px solid #ffffff;
     padding: 5px;
      }

.syosai-text {
   position: absolute;
   top: 26px;
   left: 283px;
   font-size: 14px;
   line-height: 22px;
}



/*---------- 角丸CSS */
.kado  {
    background-color:#fff;
}

.kado1 {
    margin: 0 5px;
    height:1px;
    overflow: hidden;
    background-color:#D7F5FF;
}

.kado2 {
    margin: 0 3px;
    height:1px;
    overflow:hidden;
    background-color:#D7F5FF;
}

.kado3 {
    margin: 0 2px;
    height:1px;
    overflow: hidden;
    background-color:#D7F5FF;
}

.kado4 {
    margin: 0 1px;
    height:2px;
    overflow: hidden;
    background-color:#D7F5FF;
}

.kado5 {
    padding:20px;
    background-color:#D7F5FF;
    font-size: 14px;
}


.kadomaru {
border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 7px;
background-color: #FFFAD7;
margin-bottom: 10px;
}






/*---------- よくある質問Q&A*/
.accordion_head {
   font-size: 16px;
   font-weight: 600;
   cursor:pointer;
   vertical-align: middle;
   align: center;
   margin-left : auto ;
   margin-right : auto ;
   }

.accordion_body {
   width:640px;
   margin-left: 25px;
   font-size: 14px;
   align: center;
   margin-right : auto ;
   padding: 12px 10px;
   background-color: #FFF8DC;
    border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
   }


div.accordion .accordion_head,{
    width:650px;
    padding:5px;
    }

div.accordion .accordion_head:hover {
    color:#FFA500;
    }
.tracking-text3 {
   font-size: 14px;
   font-weight: 600;
   color:#ffffff;
   position: absolute;
   top: 5px;
   left: 35px;
   width: 720px;
}
.hr-qa{
border-style: dashed;
height: 0.5px;
width: 680px;
border-top: 1px #CCC;
border-color:silver;
margin-top : 5px;
margin-left : 12px;
margin-right : auto ;
}



/*---------- 喜信堂ナビ*/


.navi-table{
width: 690px;
   align: center;
   margin-left : auto ;
   margin-right : auto ;
}

.navi-left{
width: 440px;
font-size:14px;
}

.navi-right{
width: 250px;
}
.navi-title{
vertical-align: middle;
color: #D2691E;
font-size: 18px;
font-weight: bold;
}
.hr-navi{
border-style: dashed;
height: 0.5px;
width: 435px;
border-top: 1px #CCC;
border-color:#D2691E;
margin: 5px 0;
}
.syosai-text02 {
   position: absolute;
   top: 22px;
   left: 297px;
   font-size: 14px;
   line-height: 23px;
   
}
/*---------- お支払い・送料について*/

.fainans{
width:700px;
}

.fainans-title{
font-size:14px;
background-color: #FFF5D7;
align: left;
padding: 5px 0 5px 15px;
width:700px;
margin:10px 0px;
}

.fainans-naiyou{
padding:10px 0;
}


.konbini{
align:center;
margin-left:auto;
margin-right:auto;
width:705px;
border: 1px #e0e0e0 solid;
border-collapse: collapse;
}

.konbini-top{
width:235px;
font-weight:bold;
font-size:14px;
line-height: 120%;
vertical-align:middle;
text-align:center;
padding:8px 0;
border: 1px #e0e0e0 solid;
background: #F5F5F5;
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F5F5F5');
background: -moz-linear-gradient(top, #ffffff, #F5F5F5);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F5F5F5));
}

.konbini-center{
width:235px;
text-align:center;
vertical-align:middle;
background-color:#Ffffff;
padding-top:10px;
border: 1px #e0e0e0 solid;
border-top-style:none;
border-bottom-style:none;
}

.konbini-bottom{
width:235px;
background-color:#ffffff;
padding:15px 20px;
border: 1px #e0e0e0 solid;
border-top-style:none;
}


.hosoku{
width:709px;
align:center;
margin-left:auto;
margin-right:auto;
}

.hosoku-title{
width:709px;
vertical-align:middle;
font-size:14px;
font-weight:bold;
padding:5px 0px 0px 15px;
}

.hosoku-naiyo{
width:709px;
padding:0px 20px 20px 20px;
}


.other{
align:center;
margin-left:auto;
margin-right:auto;
width:700px;
border: 1px #e0e0e0 solid;
border-collapse: collapse;
}

.other-top{
width:350px;
font-weight:bold;
font-size:14px;
line-height: 120%;
vertical-align:middle;
text-align:center;
padding:8px 0;
border: 1px #e0e0e0 solid;
background: #F5F5F5;
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F5F5F5');
background: -moz-linear-gradient(top, #ffffff, #F5F5F5);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F5F5F5));
}

.other-bottom{
width:310px;
background-color:#ffffff;
padding:15px 20px;
border: 1px #e0e0e0 solid;
border-top-style:none;
}

.other-top2{
width:700px;
font-weight:bold;
font-size:14px;
line-height: 120%;
vertical-align:middle;
text-align:center;
padding:8px 0;
border: 1px #e0e0e0 solid;
background: #F5F5F5;
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F5F5F5');
background: -moz-linear-gradient(top, #ffffff, #F5F5F5);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F5F5F5));
}

.other-bottom2{
width:660px;
background-color:#ffffff;
padding:15px 20px;
border: 1px #e0e0e0 solid;
border-top-style:none;
}


.soryo{
width:270px;
float:left;
margin-right:20px;
border-collapse: collapse;
}

.soryo2{
width:270px;
margin-right:20px;
border-collapse: collapse;
}

.soryo-left{
width:120px;
padding:5px 8px;
text-align:center;
background-color:#DCDCDC;
border: 1px #C0C0C0 solid;
vertical-align:middle;
}

.soryo-right{
width:150px;
padding:5px 8px;
background-color:#ffffff;
border: 1px #C0C0C0 solid;
text-align:right;
vertical-align:middle;
}

.soryo-hosoku{
align:center;
margin-left:auto;
margin-right:auto;
margin-top:15px;
width:640px;
background-color:#f5f5f5;
padding:10px 10px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;   
}

.sonota{
font-size: 14px;
margin-bottom:10px;
}

.hr-dotted{
border-style: dotted;
height: 0.5px;
width: 660px;
border-top: 1px #CCC;
border-color:#000000;
margin-bottom:15px;
}

.gyokan{
line-height: 170%
}


.toutyaku{
width:600px;
padding:5px 5px;
border-collapse: collapse;
margin:10px 0 0 10px;
}

.toutyaku-left{
width:200px;
padding:5px 5px;
text-align:center;
border: 1px #C0C0C0 solid;
}

.toutyaku-center{
width:300px;
padding:5px 5px;
text-align:center;
border: 1px #C0C0C0 solid;
}

.toutyaku-right{
width:100px;
padding:5px 5px;
text-align:center;
border: 1px #C0C0C0 solid;
}

.hasso-calendar{
width:600px;
margin:10px 0 0 10px;
}


.button2{
width: 210px;
padding: 0 5px;
text-decoration: none;
font-weight: 600;
font-size: 12px; 
display: inline-block;
text-align: center;
color: #fff;
border: 1px solid #9c9c9c;
border: 1px solid rgba(0, 0, 0, 0.3);            
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}
 
.button2, .button2 span{
-moz-border-radius: .3em;
border-radius: .3em;
}
 
.button2 span{
display: block;
padding: 0.5em 2.5em;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),-moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
-moz-background-size: 3px 3px;
-webkit-background-size: 3px 3px;
}
 
.button2:hover{
box-shadow: 0 0 .1em rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
 
.button2:active{
position: relative;
top: 1px;
}

.button-gray{
background: #F5F5F5;
background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DCDCDC) );
background: -moz-linear-gradient(-90deg, #F5F5F5, #DCDCDC);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#DCDCDC');
}
 
.button-gray:hover{
background: #DCDCDC;
background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#F5F5F5) );
background: -moz-linear-gradient(-90deg, #DCDCDC, #F5F5F5);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DCDCDC', endColorstr='#F5F5F5');
}
 
.button-gray:active{
background: #DCDCDC;
}


.kaku{
wigth:700px;
align:center;
margin-left:auto;
margin-right:auto;
}

.kaku-owaku{
wigth:230px;
}





/*------- 会員様ページ*/

.point {
    position: relative;
}


.point-text {
   position: absolute;
   width: 425px;
   top: 200px;
   left: 42px;
   font-size: 14px;
   line-height: 24px;
}

.point-not-text {
   position: absolute;
   width: 630px;
   top: 82px;
   left: 45px;
   font-size: 14px;
   line-height: 22px;
}


.point_toroku a {
display: block;
overflow: hidden;
height: 0px;
width: 335px;
background-image: url(../img_for_tracking/point_toroku.jpg);
padding-top: 95px;
text-align: center;
}

.point_toroku a:hover {
background-position: 0 -95px;
}

.point_henko a {
display: block;
overflow: hidden;
height: 0px;
width: 335px;
background-image: url(../img_for_tracking/point_henko.jpg);
padding-top: 95px;
text-align: center;
}

.point_henko a:hover {
background-position: 0 -95px;
}

.mail_henko a {
display: block;
overflow: hidden;
height: 0px;
width: 242px;
background-image: url(../img_for_tracking/mail_henko.jpg);
padding-top: 32px;
text-align: center;
}

.mail_henko a:hover {
background-position: 0 -32px;
}

.other_henko a {
display: block;
overflow: hidden;
height: 0px;
width: 242px;
background-image: url(../img_for_tracking/other_henko.jpg);
padding-top: 32px;
text-align: center;
}

.other_henko a:hover {
background-position: 0 -32px;
}






/*---------- 角丸CSS */
.kado  {
    background-color:#fff;
}

.kado1 {
    margin: 0 5px;
    height:1px;
    overflow: hidden;
    background-color:#FFF8DC;
}

.kado2 {
    margin: 0 3px;
    height:1px;
    overflow:hidden;
    background-color:#FFF8DC;
}

.kado3 {
    margin: 0 2px;
    height:1px;
    overflow: hidden;
    background-color:#FFF8DC;
}

.kado4 {
    margin: 0 1px;
    height:2px;
    overflow: hidden;
    background-color:#FFF8DC;
}

.kado5 {
    padding:7px 25px;
    background-color:#FFF8DC;
    font-size: 12px;
}





/*---------- 採用情報 */
table.recruit 
td.recruit-left {
      background-color:#FFF5D7;
	width: 120px;
      padding: 7px;
      margin:0 auto;
      vertical-align:middle;
      border: 1px solid #ffffff;
      text-align:center;}

table.recruit
td.recruit-right {
	width: 500px;
      padding: 7px;
      margin:0 auto;
      vertical-align:middle;
      border: 1px solid #ffffff;
      text-align:left;
      background:url(../img_for_tracking/hyou-yokosen.jpg) repeat-x left top;}

td#recruit-right-top.recruit-right{background:none;}