@charset "UTF-8";
body {
background: #eee; margin: 0; padding: 0; font-size: 83.3%; font-family: Arial, Helvetica, sans-serif; color: #555; text-align: center;
}

h3,h4,h5,h6{
margin: 0px;
}
h1{
margin: 0px; font-size: 200%; color: #fff; line-height: 1.4em;
}
h2{
margin: 0px 0px 0.5em; font-size: 166.6%; color: #660000; line-height: 1.4em;
}
h3{
margin: 0px 0px 0.5em; font-size: 133.3%; line-height: 1.4em;
}


p{
margin: 0px 0px 1.5em; line-height: 1.6em;
}

dl,ol,ul{
list-style: none outside; margin: 0px 0px 1.5em; padding: 0px;
}
li{
margin: 0px 0px 0.7em; font-size: 100%;
}
dt{
margin: 0px 0px 0.7em; font-weight: bold;
}
dd{
margin: 0px 0px 1.5em; line-height: 1.8em;
}
table{
border: 0px none #fff; margin: 0px 0px 1.5em;
}
th,td{
font-size: 100%; text-align: left;
}
img{
border: 0px none;
}
strong{
color: #660000; font-weight: bold;
}
em{
color: #ff5500; font-weight: bold; font-style: normal;
}
hr{
height: 2px; background: url(../img000/sidebar/partition.gif) repeat-x; border: 0px none #fff; margin: 0px 0px 1.5em; 
}

a:link{
color: #ff5500;
}
a:hover{
color: #ff0000;
}
a:visited{
color: #660000;
}



ol.decimal{
list-style: decimal;
}
br.clear-both{
clear: both;
}

.none{
background: none; border: 0px none #fff; padding-bottom: 0px;
}
.red{
color: #ff0000;
}
.remarks{
font-size: 83.3%; line-height: 1.4em; 
}


.s-left{
float: left;
}
.s-right{
float: right; margin-left: auto; margin-right: 0px;
}

/*
▼文字アキ
*/
.aki-01{
margin-right: 1em;
}
.aki-02{
margin-right: 2em;
}
.aki-03{
margin-right: 3em;
}
.aki-04{
margin-right: 4em;
}
.aki-05{
margin-right: 5em;
}
.maeaki-01{
margin-left: 1em
}
.maeaki-02{
margin-left: 2em;
}
.maeaki-03{
margin-left: 3em;
}
.maeaki-04{
margin-left: 4em;
}
.maeaki-05{
margin-left: 5em;
}



/*
各種ボックス
------------------------------*/
#allbox01{
width: 860px; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0px auto; text-align: center;
}
#allbox02{
width: 860px; text-align: left;
}



/*
#headerbox
------------------------------*/
div#headerbox{
width: 860px; border-bottom: 2px solid #660000;
}

div#headerbox h1{
background: url(../img000/bullet/triangle/next.gif) no-repeat 5px center  #ffc694; margin: 0px 0px 3px; padding: 0.5em 20px; font-size: 72.7%; color: #555; font-weight: normal; line-height: 1.0em;
}
div#headerbox p{
width: 860px; border-bottom: 2px solid #660000; margin-bottom: 0px;
}

/*
.menubarbox
*/
div#headerbox div.menubarbox{
width: 860px; border-top: 6px solid #ffc694; border-bottom: 6px solid #ffc694; padding: 0.7em 0px;
}
div#headerbox div.menubarbox table{
margin: 0px 10px;
}
div#headerbox div.menubarbox td{
padding: 0px 1em 0px 0px;
}
div#headerbox div.menubarbox td a{
background: url(../img000/bullet/arrow/next.gif) no-repeat left center; padding: 0px 0px 0px 12px; 
}





/*
#footerbox01
------------------------------*/
#footerbox01{ 
width: 860px; border-top: 2px solid #660000;
}
#footerbox02{
width: 860px; border-top: 6px solid #ffc694; padding: 1em 0px;
}

/*
.infobox
*/
#footerbox02 div.infobox{

}
#footerbox02 div.infobox div.box-s{
width: 860px; border-bottom: 1px solid #ccc; margin: 0px auto 1em; padding: 0px 0px 1em;
}
#footerbox01 #footerbox02 div.infobox div.none{
background: none; border: 0px none #fff; padding-bottom: 0px;
}
#footerbox02 div.infobox div.box-s *{
margin: 0px 20px; font-size: 91.6%;
}
#footerbox02 div.infobox div.box-s h4{
margin-bottom: 0.5em; 
}


/*
menubarbox
*/
#footerbox02 div.menubarbox{
width: 860px; border-top: 3px double #ccc; padding: 1em 0px; text-align: center;
}
#footerbox02 div.menubarbox table{
border-right: 1px solid #ccc; margin: 0px auto;
}
#footerbox02 td{
border-left: 1px solid #ccc; padding: 0.2em 1em; text-align: center;
}

/*
#copyrightbox
*/
#footerbox01 #copyrightbox{
background: #ffc694; padding: 6px 0px 0px;
}
#footerbox01 #copyrightbox h4{
border-top: 2px solid #660000; margin: 0px; padding: 10px; font-size: 72.7%; font-weight: normal; text-align: center;
}





/*
#maincontentbox
------------------------------*/
#maincontentbox01{
background: url(../img000/background/sidebar.gif) repeat-y; padding: 20px 0px 0px;
}
#maincontentbox02{
width: 840px; margin: 0px auto;
}

/*
#contentbox
------------------------------*/
#contentbox01{
float: right; width: 600px; margin: 0px 0px 0px auto;
}

div#contentbox02 h2{
background: url(../img000/bullet/diamond.gif) no-repeat left 0.3em; border-bottom: 1px dotted #660000; padding: 0px 0px 0.2em 20px;
}

div#contentbox02 h3{
background: url(../img000/bullet/star.gif) no-repeat left 0.3em; border-bottom: 1px dotted #660000; padding: 0px 0px 0.2em 20px;
}

/*
.blockbox
*/
div#contentbox02 div.blockbox{
margin: 0px 0px 3em;
}
div#contentbox02 div.blockbox .box-s{
margin: 0px 0px 3em;
}




/*
#sidebarbox
------------------------------*/
#sidebarbox01{
float: left; width: 200px;
}
#sidebarbox01 p{
font-size: 91.6%; line-height: 1.4em;
}

/*
.ttlbox
*/
div#sidebarbox02 div.ttlbox{
background: url(../img000/sidebar/background/ttlbox.gif) no-repeat center bottom; border-top: 3px solid #ffc694; padding: 0px 0px 15px
}
div#sidebarbox02 div.ttlbox h3{
border-top: 2px solid #fff; margin: 0px 5px; padding: 6px; font-size: 100%; color: #660000; line-height: 1.4em;  text-align: center;
}


/*
.blockbox
*/
div#sidebarbox02 div.blockbox{
margin: 0px 0px 1.5em;
}
div#sidebarbox02 div.blockbox div.box-s{
margin: 0px 0px 1.5em;
}


/*
.menubarbox
*/
div#sidebarbox02 div.menubarbox ol{
border-top: 1px solid #ccc; 
}
div#sidebarbox02 div.menubarbox li {
background: url(../img000/sidebar/background/menu.jpg) no-repeat left top; border: 1px solid #ccc; border-top: 0px none #ffeedf; margin: 0px;
}
div#sidebarbox02 div.menubarbox li strong{
display: block; background: url(../img000/bullet/triangle_w/down.gif) no-repeat 7px center #ff5500; padding: 0.5em 0.5em 0.5em 20px; font-size: 100%; color: #fff; line-height: 1.4em;
}
div#sidebarbox02 div.menubarbox li a{
display: block; background: url(../img000/bullet/arrow/next.gif) no-repeat 6px 0.7em; padding: 0.5em 0.5em 0.5em 20px; 
}

/*
#sidebar-shopmaster
店長紹介
*/
#sidebarbox02 div#sidebar-shopmaster{
background: #fff; border: 1px solid #ccc;
}
#sidebarbox02 div#sidebar-shopmaster h2{
font-size: 100%; 
}
#sidebarbox02 div#sidebar-shopmaster p{
background: url(../img000/sidebar/shopmaster.jpg) no-repeat center top; margin-bottom: 0px; padding-top: 130px; 
}
div#sidebarbox02 div#sidebar-shopmaster div.box-s{
margin: 10px;
}

/*
#sidebar-remarks
備考
*/
#sidebarbox02 div#sidebar-remarks{
background: url(../img000/sidebar/partition.gif) no-repeat center top; padding: 1.5em 0px 0px;
}
#sidebarbox02 div#sidebar-remarks div.box-s{
background: url(../img000/sidebar/partition.gif) no-repeat center bottom; padding: 0px 0px 1.5em;
}
#sidebarbox02 div#sidebar-remarks div.box-s p{
margin-bottom: 0px;
}

/*
#remarks-s-relief
安心
*/
#sidebarbox02 div#sidebar-remarks div#remarks-s-relief p{
background: url(../img000/sidebar/relief.gif) no-repeat left bottom; padding: 0px 0px 75px;
}




/*
.sectionttl
*/

div#contentbox02 div.sectionttl01{
width: 600px; background: url(../img000/sectionttl/all.gif) repeat-y; margin: 0px 0px 1em;
}
div#contentbox02 div.sectionttl02{
width: 600px; background: url(../img000/sectionttl/footer.gif) no-repeat left bottom;
}
div#contentbox02 div.sectionttl02 *{
 background: url(../img000/sectionttl/header.gif) no-repeat left top; padding: 0.5em 10px; font-size: 133.3%; color: #660000; text-align: center;
}


/*
table.itemtable
*/
table.itemtable{
width: 100%; border-collapse: collapse;
}
table.itemtable caption{
padding-bottom: 0.6em; text-align: left;
}
table.itemtable th,
table.itemtable td{
border: 1px solid #ccc; padding: 0.5em 10px; line-height: 1.6em; text-align: left; vertical-align: top;
}
table.itemtable th{
width: 180px; background: #eee; color: #000; font-weight: normal;
}


/*
table.itemtableの派生パターン　その1
ご注文フォームなど
▼table.style01
*/
table.style01{
border-collapse: separate;
}
table.style01 th,
table.style01 td
{
border-top: 6px solid #fff; border-left: 0px none #fff;  border-right: 0px none #fff; 
}
table.style01 th{
background: url(../img000/background/itemtable.gif) repeat-y #ffc694; color: #660000; font-weight: bold;
}





/*
コンテンツ別（ブロック別）
------------------------------*/



/*
#content-order
注文フォーム
------------------------------*/
div#content-order{
margin-bottom: 0px;
}



/*
ご購入フォーム、送付先の情報
#form-s-customer
*/

div#content-order div#order-s-form table.itemtable p.remarks{
margin-bottom: 0px; padding-top: 0.3em;
}
div#content-order div#order-s-form .area{
width: 150px; padding: 0.2em;
}
div#content-order div#order-s-form textarea.area{
width: 350px; height: 8em;
}
div#content-order div#order-s-form select.area{
width: auto;
}

/*
項目別
*/

div#content-order div#order-s-form input#adress,
div#content-order div#order-s-form input#customer-address-mail{
width: 300px;
}



/*〒番号*/
div#content-order div#order-s-form input#zipCode{
width: 100px;
}


/*
#submitbnbox
------------------------------*/
div#submitbnbox{
text-align: center;
}
div#submitbnbox div.bnbox{
margin-bottom: 1.5em; 
}

/*
.privacybox
------------------------------*/
div.privacybox{
border: 1px dotted #660000; padding: 10px;
}
div.privacybox h5{
background: #eee; border-top: 1px dotted #660000; border-bottom: 1px dotted #660000; margin: 0px 0px 0.5em; padding: 0.3em 1em; font-size: 100%; font-weight: bold;
}
div.privacybox p{
 margin-bottom: 0px; padding: 12px 0.5em 0.5em 0.5em;
}




/*
トップページ以外
------------------------------*/


/*
ポップアップ
body#popup
------------------------------*/
body#popup{
background-color: #ffeedf; background-image: none; margin: 10px 20px; font-size: 72.7%; text-align: left;
}
body#popup div#maincontentbox01{
background-image: none;
}
body#popup p{
line-height: 1.4em;
}
body#popup ol{
margin-left: 2em;
}
body#popup li{
margin-bottom: 0.3em; line-height: 1.4em;
}


/*
【ページ別】index.html
トップページ
#top-pagebox
*/

div#top-pagebox div#content-banner div.box-s{
margin: 0px 0px 3em;
}
div#top-pagebox div#content-banner li{
margin-bottom: 10px;
}
div#top-pagebox div#content-banner ol.type-square li{
float: left;
}
div#top-pagebox div#content-banner ol.type-square img{
margin-right: 10px;
}



/*
【ページ別】company.html
会社概要
#company-pagebox
*/
div#company-pagebox table.style01 td
{
border-left: 4px solid #660000; padding: 0px;
}



/*
【ページ別】transaction.html
特定商取引法に基づく表示
#transaction-pagebox
------------------------------*/
div#transaction-pagebox iframe{
width: 400px; height: 200px; border: 1px solid #ccc;
}