/*リンク*/
a:link,a:visited{ color:#039; text-decoration: none; }
a:hover{
color:#ffffff;
background:#0080d1;
}

/*配置*/
#header { 
background: #ffffff url(../image/haikei-top.jpg) no-repeat; 
width: 1000px; 
height: 240px; 
}

#container{ 
width: 1000px; 
}

#contents{ 
float: left;
width: 1000px; 
background: #ffffff url(../image/haikei-a.gif) repeat-y; 
}

#main{  
float: right; 
width: 800px; 
background: #ffffff url(../image/haikei-main.gif) repeat-y;
}

#left-navi{
float: left;
width: 200px;
height: 1300px;
}

#footer{ 
clear: both; 
width: 1000px; 
height: 250px; 
background: url(../image/haikei-footer.gif) no-repeat;  
}

/*ヘッダーナビ部分*/
#navi{ 
position: absolute; 
display: block; 
width: 784px; 
height: 30px; 
background-color: #ffffff; 
top: 209px; 
left: 17px; }

#navi em{
float: left;
list-style: none;
text-indent: -9999px;/*テキスト非常時*/
}

#navi a{ 
background-image: url(../image/header-navi.gif); 
text-decoration: none; 
display: block; width: 112px; 
height: 30px; 
background-position:left top;
}

#navi a{
width: 112px;
height: 30px;
}

#b-info a{background-position: -112px 0}
#b-gift a{background-position: -224px 0}
#b-jika a{background-position: -336px 0}
#b-tsuuhan a{background-position: -448px 0}
#b-blog a{background-position: -560px 0}
#b-toi a{background-position: -672px 0}

#b-top a:hover{background-position: 0 -30px}
#b-info a:hover{background-position: -112px -30px}
#b-gift a:hover{background-position: -224px -30px}
#b-jika a:hover{background-position: -336px -30px}
#b-tsuuhan a:hover{background-position: -448px -30px}
#b-blog a:hover{background-position: -560px -30px}
#b-toi a:hover{background-position: -672px -30px}

/*ヘッドナビ装飾*/
.headnavi{ color: #039; font-size: 12px; margin-top: 10px; margin-bottom: 20px; }
.headnavi a:link,.headnavi a:visited{ color:#039; text-decoration: none; }
.headnavi a:hover{
color:#ffffff;
background:#0080d1;
}

/*左ナビ部分*/
/*navi01*/
#left-navi01{ position: absolute; top: 245px; left: -20px; }

#left-navi01 ul{ list-style: none; text-indent: -9999px;/*テキスト非表示*/
}

#left-navi01 li,#left-navi01 a{
display: block;
width: 160px;
height: 105px;
}

#left-navi01 a{
text-decoration: none;
color: #ffffff;
background: #ffffff url(../image/left-navi01.jpg) no-repeat;
}

#left-navi01-2 a{background-position: 0 -105px;}
#left-navi01-3 a{background-position: 0 -210px;}

#left-navi01-1 a:hover{background-position: -160px 0px;}
#left-navi01-2 a:hover{background-position: -160px -105px;}
#left-navi01-3 a:hover{background-position: -160px -210px;}


/*navi02-1*/
#left-navi02-1{ position: absolute; top: 570px; left: -20px; }

#left-navi02-1 ul{ list-style: none; text-indent: -9999px;/*テキスト非表示*/
}

#left-navi02-1 li,#left-navi02-1 a{
display: block;
width: 160px;
height: 31px;
}

#left-navi02-1 a{
text-decoration: none;
color: #ffffff;
background: #ffffff url(../image/left-navi02-1.gif) no-repeat;
}

#left-navi02-11 a{background-position: 0 -31px;}
#left-navi02-12 a{background-position: 0 -62px;}
#left-navi02-13 a{background-position: 0 -93px;}
#left-navi02-14 a{background-position: 0 -124px;}
#left-navi02-15 a{background-position: 0 -155px;}

#left-navi02-10 a:hover{background-position: -160px -0;}
#left-navi02-11 a:hover{background-position: -160px -31px;}
#left-navi02-12 a:hover{background-position: -160px -62px;}
#left-navi02-13 a:hover{background-position: -160px -93px;}
#left-navi02-14 a:hover{background-position: -160px -124px;}
#left-navi02-15 a:hover{background-position: -160px -155px;}

/*navi02-2*/
#left-navi02-2{ position: absolute; top: 760px; left: -20px; }

#left-navi02-2 ul{ list-style: none; text-indent: -9999px;/*テキスト非表示*/
}

#left-navi02-2 li,#left-navi02-2 a{
display: block;
width: 160px;
height: 31px;
}

#left-navi02-2 a{
text-decoration: none;
color: #ffffff;
background: #ffffff url(../image/left-navi02-2.gif) no-repeat;
}

#left-navi02-21 a{background-position: 0 -31px;}
#left-navi02-22 a{background-position: 0 -62px;}
#left-navi02-23 a{background-position: 0 -93px;}
#left-navi02-24 a{background-position: 0 -124px;}
#left-navi02-25 a{background-position: 0 -155px;}
#left-navi02-26 a{background-position: 0 -186px;}
#left-navi02-27 a{background-position: 0 -217px;}
#left-navi02-28 a{background-position: 0 -248px;}
#left-navi02-29 a{background-position: 0 -279px;}

#left-navi02-20 a:hover{background-position: -160px -0;}
#left-navi02-21 a:hover{background-position: -160px -31px;}
#left-navi02-22 a:hover{background-position: -160px -62px;}
#left-navi02-23 a:hover{background-position: -160px -93px;}
#left-navi02-24 a:hover{background-position: -160px -124px;}
#left-navi02-25 a:hover{background-position: -160px -155px;}
#left-navi02-26 a:hover{background-position: -160px -186px;}
#left-navi02-27 a:hover{background-position: -160px -217px;}
#left-navi02-28 a:hover{background-position: -160px -248px;}
#left-navi02-29 a:hover{background-position: -160px -279px;}

/*navi02-3*/
#left-navi02-3{ position: absolute; top: 1081px; left: -20px; }

#left-navi02-3 ul{ list-style: none; text-indent: -9999px;/*テキスト非表示*/
}

#left-navi02-3 li,#left-navi02-3 a{
display: block;
width: 160px;
height: 31px;
}

#left-navi02-3 a{
text-decoration: none;
color: #ffffff;
background: #ffffff url(../image/left-navi02-3.gif) no-repeat;
}

#left-navi02-31 a:hover{background-position: -160px -0;}

/*navi02-4*/
#left-navi02-4{ position: absolute; top: 1136px; left: -20px; }

#left-navi02-4 ul{ list-style: none; text-indent: -9999px;/*テキスト非表示*/
}

#left-navi02-4 li,#left-navi02-4 a{
display: block;
width: 160px;
height: 30px;
}

#left-navi02-4 a{
text-decoration: none;
color: #ffffff;
background: url(../image/left-navi02-4.gif) no-repeat;
}

#left-navi02-42 a{background-position: 0 -30px;}
#left-navi02-43 a{background-position: 0 -60px;}
#left-navi02-44 a{background-position: 0 -90px;}
#left-navi02-45 a{background-position: 0 -120px;}

#left-navi02-41 a:hover{background-position: -160px -0;}
#left-navi02-42 a:hover{background-position: -160px -30px;}
#left-navi02-43 a:hover{background-position: -160px -60px;}
#left-navi02-44 a:hover{background-position: -160px -90px;}
#left-navi02-45 a:hover{background-position: -160px -120px;}

/*navi02-5*/
#left-navi02-5{ position: absolute; top: 1260px; left: -20px; }

#left-navi02-5 ul{ list-style: none; text-indent: -9999px;/*テキスト非表示*/
}

#left-navi02-5 li,#left-navi02-5 a{
display: block;
width: 160px;
height: 30px;
}

#left-navi02-5 a{
text-decoration: none;
color: #ffffff;
background: url(../image/left-navi02-5.gif) no-repeat;
}

#left-navi02-52 a{background-position: 0 -30px;}
#left-navi02-53 a{background-position: 0 -60px;}
#left-navi02-54 a{background-position: 0 -90px;}
#left-navi02-55 a{background-position: 0 -120px;}
#left-navi02-56 a{background-position: 0 -150px;}

#left-navi02-51 a:hover{background-position: -160px -0;}
#left-navi02-52 a:hover{background-position: -160px -30px;}
#left-navi02-53 a:hover{background-position: -160px -60px;}
#left-navi02-54 a:hover{background-position: -160px -90px;}
#left-navi02-55 a:hover{background-position: -160px -120px;}
#left-navi02-56 a:hover{background-position: -160px -150px;}


/*navi02-6*/
#left-navi02-6{ position: absolute; top: 1480px; left: -20px; }

#left-navi02-6 ul{ list-style: none; text-indent: -9999px;/*テキスト非表示*/
}

#left-navi02-6 li,#left-navi02-6 a{
display: block;
width: 160px;
height: 30px;
}

#left-navi02-6 a{
text-decoration: none;
color: #ffffff;
background: url(../image/left-navi02-6.gif) no-repeat;
}

#left-navi02-61 a:hover{background-position: -160px -0;}



/*shoppingページの左ナビ*/
/*左ナビ部分*/
#left-navi-s{ color: #002e8a; font-size: 13px; position: absolute; top: 250px; left: 20px; width: 160px; float: left; list-style-type: none; }
#left-navi-s h3{ color: #002e8a; font-size: 13px; padding-left: 5px; border-left: 14px solid #002e8a; }
#left-navi-s a:link,#left-navi-s a:visited{ color:#002e8a; text-decoration: none; }
#left-navi-s a:hover{
color:#ffffff;
background:#0080d1;
}

/*メインコンテンツ部分*/
#main-content{
width: 600px;
}


/*フッター部分*/
#return{ font-size: 12px; margin-left: 500px; }

#f-navi{ 
position: relative; 
display: block; 
width: 650px; 
height: 20px; 
background-color: #ffffff; 
top: 20px; left: 115px; }

#f-navi em{
float: left;
list-style: none;
text-indent: -9999px;/*テキスト非表示*/
}

#f-navi a{ 
background-image: url(../image/footer-navi.gif); 
text-decoration: none; 
display: block; 
width: 85px; height: 20px; 
background-position:left top
 }

#f-navi a{
width: 85px;
height: 20px;
}

#f-info a{background-position: -85px 0}
#f-gift a{background-position: -170px 0}
#f-jika a{background-position: -255px 0}
#f-tsuuhan a{background-position: -340px 0}
#f-blog a{background-position: -425px 0}
#f-toi a{background-position: -510px 0}

#f-top a:hover{background-position: 0 -20px}
#f-info a:hover{background-position: -85px -20px}
#f-gift a:hover{background-position: -170px -20px}
#f-jika a:hover{background-position: -255px -20px}
#f-tsuuhan a:hover{background-position: -340px -20px}
#f-blog a:hover{background-position: -425px -20px}
#f-toi a:hover{background-position: -510px -20px}




/*トップページ*/
#topimage{ background-image: url(../index/image/topimage01.jpg); width: 600px; height: 240px; }

#topimage h1{ text-indent: -9999px; margin: 20px 0 0; padding: 0;/*テキスト非表示*/
}

#top-aisatsu{ background-image: url(../index/image/top3rd03.jpg); width: 600px; height: 190px; margin: 5px 0; padding: 0; }

#top-aisatsu h2{
text-indent: -9999px;/*テキスト非表示*/
}
#top-aisatsu01 th { background-color: #c3cffc; background-image: url(../index/image/top_hama_06.jpg); background-repeat: no-repeat; background-position: left bottom; }
#top-aisatsu01 { margin-top: 10px; }
#top-aisatsu01 h2 { font-size: 12px; font-weight: normal; line-height: 140%; padding-left: 10px; }
/*商品ページ*/
#shouhin-title h2{ color: #002060; font-size: 14px; font-weight: 600; margin: 15px; padding: 10px; border: 
dashed 1px; }
#shouhin h3{ font-size: 14px; font-weight: 600; margin: 0 0 5px 10px;}
#shouhin h4{ font-size: 13px; font-weight: 400; margin: 0 0 0 10px; }
#shouhin h5{ font-size: 12px; font-weight: 400; margin-left: 10px; padding: 10px; border: solid 2px #f90; }

#shouhin-toi{ font-size: 12px; position: relative; top: 10px; left: 10px; }

#shouhin-kakaku{ color: #f00; font-size: 13px; font-weight: 700; position: relative; top: 5px; left: 10px; }
#shouhin-kakaku1{ color: #f00; font-size: 13px; font-weight: 700; position: relative; top: -35px; left: 10px; margin-top: 0; }




#shouhin-buy{ 
display: block; 
width: 100px; 
height: 28px; 
background-color: #ffffff; 
position: relative; top: -20px; left: 300px;  }

#shouhin-buy em{
list-style: none;
text-indent: -9999px;/*テキスト非常時*/
}

#shouhin-buy a{ 
background-image: url(../image/buybutton01.gif); 
text-decoration: none; 
display: block; width: 100px; 
height: 28px; 
background-position:left top;
}

#shouhin-buy a{
width: 100px;
height: 28px;
}

#shouhin-buy1 a:hover{background-position: 0 -28px;}

#gift-ex{ font-size: 12px; margin: 10px; padding: 10px; border: dashed 1px #2d59ff; }

/*会社概要*/

#campany-info h1{ color: #039; font-size: 16px; font-weight: 700; width: 560px; margin-top: 20px; padding-left: 5px; border-bottom: 1px dotted #039; border-left: 20px solid #039; }
#campany-info h2{ color: #039; font-size: 15px; margin-left: 10px; }
#campany-info2 th{ font-size: 12px; background-color: #afe8ff; padding: 5px; }
#campany-info2 td{ font-size: 12px; font-weight: 400; padding: 5px; }

#privacy-p p{ font-size: 13px; width: 550px; margin-left: 20px; }

#special{ font-size: 13px; margin-left: 25px; }
#special h2{ font-size: 13px; }
#special td{ padding: 5px; }
.photo01{ font-size: 10px; }
.photo01 img{ margin: 5px; padding: 5px; }

#greeting{ font-size: 12px; margin-top: 10px; }
#greeting td{ padding: 5px; }
#greeting h1{ color: #039; font-size: 16px; font-weight: 700; width: 560px; margin-top: 20px; padding-left: 5px; border-bottom: 1px dotted #039; border-left: 20px solid #039; }
#info-map{ margin-left: 50px; }
#info-map p{ font-size: 13px; width: 508px; }

/*ショッピングページ*/
#shopping_order h1{ color: #039; font-size: 15px; margin-bottom: 10px; padding-left: 5px; }
#shopping_order h2{ font-size: 14px; margin-top: 30px; margin-bottom: 10px; padding-left: 5px; border-bottom: 1px dotted #242eff; border-left: 15px solid #242eff; }
#shopping_order h3{ font-size: 13px; padding-left: 5px; border-left: 10px solid #242eff; }
#shopping_order h4{ font-size: 13px; font-weight: 400; }
#shopping_order{ font-size: 12px; font-weight: 400; width: 580px; }
#shipping th{ color: white; font-weight: 400; background-color: #2d59ff; }
#shipping td{ background-color: #afe8ff; }

.form_ex{ color: #ff2f29; font-size: 11px; font-weight: 400; margin: 0; padding: 0; }
#shopping_orderform th{ background-color: #ddd; padding: 4px; }
#shopping_orderform td{ padding: 4px; border: solid 1px #ddd; }

#order_goods{ margin-left: 5px; padding: 10px; }
#order_goods td{ margin: 0; border-bottom: 1px solid #afe8ff; }

#shopping_index th{ margin-top: 10px; }
#shopping_index h4{ color: #039; font-size: 14px; margin: 5px 0 0; padding: 0; }
#shopping_index td{ font-size: 11px; padding: 5px; border: dotted 1px #a0a0a0; }  
#shopping_index p{ margin-left: 10px; }

/*お問い合わせページ*/
#contact{ font-size: 13px; }
#contact h2{ color: #002e8a; font-size: 14px; width: 550px; margin-top: 30px; margin-bottom: 10px; padding-left: 5px; border-bottom: 1px dotted #039; border-left: 15px solid #039; }

/*商品ページa*/
#shouhin-a{ background-color: #d3effa; width: 590px; padding: 10px 0 10px 10px; border: dotted 1px #002e8a; }

#shouhin-a h3{ font-size: 14px; font-weight: 600; margin: 0 0 5px 10px;}
#shouhin-a h4{ font-size: 13px; font-weight: 400; margin: 0 0 0 10px; }
#shouhin-a h5{ font-size: 12px; font-weight: 400; background-color: #fff; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding: 10px; border: solid 2px #f90; }
#shouhin-a_price{ color: #ff2f29; font-size: 14px; margin-bottom: 20px; }

/*リンクページ*/
.links{ margin-top: 20px; padding-bottom: 10px; }
.links .image{ float: left; margin-top: 0; margin-right: 10px; }
.links .title{ color: #039; font-size: 14px; font-weight: bold; }
.links .url{ font-size: 12px; margin-top: 0; padding-top: 0; }
.links .comment{ color: #222; font-size: 13px; margin-right: 10px; }
.links .line{ width: 590px; clear: both; border-bottom: 1px dotted #039; }

.links .click{ display: block; width: 150px; height: 30px; background-color: #ffffff; text-indent: -9999px; float: right; margin-top: 0; margin-right: 10px;/*テキスト非常時*/ }

.links .click a{ 
background-image: url(../link/image/click01.gif); 
text-decoration: none; 
display: block; 
width: 150px; 
height: 30px; 
background-position:left top;
}

.links .click a:hover{background-position: 0 -30px}


/*注文の流れ*/
#process{ font-size: 12px; }
.process_01{ margin-top: 10px; padding: 10px; border: dotted 1px #2d59ff; }
.process_02{ margin-top: 10px; padding: 10px; border: dotted 1px #a0a0a0; }