@charset "x-sjis";


/* CSS Document */

/* reset
------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}






body {
    line-height:1.4;
}

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


/* 
------------------------------------------------------------*/


body {
	color: #222222;
	background: #fff fixed top;
	font: 14px;
}

img {
   border:0;
}

a {
	color: #0000AA;
	text-decoration:none;
}

a:hover {
	color: #AA0000;
	text-decoration:underline;
}

#wrapper {
	width:800px;
	background: #fff repeat-y left top;
	margin: 2px auto;
}


#header {
	width:800px;
	overflow: hidden;
	margin-bottom:5px;
}

#header ul  {
	width: 800px;
	text-align: center;
	margin:5px auto 5px;
}

#header ul li.menu  {
	width:25%;
	float:left;
	text-align:center;
	margin: 0 auto;
	margin-bottom:5px;
	display:inline;
	}
	
	
#footer {
	text-align:left;
	overflow: hidden;
	padding:10px 0 0 0;
	border-top:1px solid #FF6600;
}



#kago7 {
    border: 0px;
    width: 360px;
}




ul  {
	width:100%;
	text-align: center;
	margin:1px auto 1px;
}

ul li.menu  {
	width:25%;
	float:left;
	text-align:center;
	margin: 0 auto;
	margin-bottom:1px;
	display:inline;
	}
	
	
p {padding:0px 0px 14px 0px;}




p.p-kagohe{
text-align:right;
font-size:1.2em;
margin:10px 0 0 0;
}


p.p-padding-0{
padding:0px 0px 7px 0px;
}


p.p-top-cate{
margin:20px 0 0 0;
}

img.g-top-shoshinsha-sp{
width:0%;
}

img.g-top-shoshinsha-sp02{
width:0%;
}

img.g-top-souryou-sp02{
width:0%;
}

img.g-top-tel-sp02{
width:0%;
}

img.g-top-cart-sp{
width:0%;
}

img.g-top-cart-sp02{
width:0%;
}


.pcNone {
display: none;
}

.spNone {
display: block;
}



p.p-koment-bottom {
color:#FF9900;
line-height:1.0;
font-size:25px;
text-align:center;
font-weight:bold;
margin:20px 0 10px 0;
}



p.shouhin-title-otokuisama-01 {background-color:#FF0000;
font-size:30px;
text-align:center;
color:#FFFFFF;
padding:8px 0 5px 0;
}



p.shouhin-title-otokuisama-02 {background-color:#FF9900;
font-size:30px;
text-align:center;
color:#FFFFFF;
padding:8px 0 5px 0;
}


p.shouhin-title-otokuisama-03 {background-color:#FF0000;
font-size:30px;
text-align:center;
color:#FFFFFF;
padding:8px 0 5px 0;
}


p.shouhin-title {background-color:#FF9900;
font-size:30px;
text-align:center;
color:#FFFFFF;
padding:8px 0 5px 0;
}


p.shouhin-title-otoku {background-color:#FF0000;
font-size:30px;
text-align:center;
color:#FFFFFF;
padding:8px 0 5px 0;
}

p.customer-title-02 {background-color:#007700;
font-size:24px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
padding:8px 0px 1px 0px;
margin:5px 0px 0px 0px;
}

p.customer-title {background-color:#007700;
font-size:25px;
text-align:center;
color:#FFFFFF;
}





p.otoku {background-color:#FFee88;
font-size:30px;
font-weight:bold;
text-align:center;
color:#FF6600;
}

p.koramu-gazou {
text-align:center;
}

p.pc-center-sp-left {
text-align:left;
}

p.mousikomi {
text-align:center;
}


p.box-mousikomi {
text-align:right;
}


p.font-5 {
font-size:24px;
color:#007700;
font-weight:bold;
text-align:left;
margin:0px 0px 8px 0px;
padding:0px;
}


p.font-5-teapage {
font-size:25px;
color:#009900;
text-align:center;
}

p.p-g-top{
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

p.p-top-rogo-01{
padding:0px;
}

p.p-top-rogo-02{
padding:0px;
margin:0px;
}


p.p-uri {
text-align:center;
font-size:20px;
color:#666666;
}

p.p-uri-01 {
text-align:center;
font-size:20px;
color:#666666;
}

p.p-spec {
}

p.p-spec2 {
}




.div-cate{
font-size:25px;
color:#555555;
font-weight:bold;
float:left;
margin:25px 0 0 0;
}


.div-cate-02{
font-size:25px;
color:#555555;
font-weight:bold;
float:left;
}




.div-h1{
color:#ff9900;
font-weight:bold;
padding:10px 0 0 0;
}

.div-h1-02{
color:#ffffff;
font-size:22px;
padding:5px 0 0 0;
}

.div-h2{
background-color:#007700;
color:#FFFFFF;
margin:12px 0 0 0;
padding:9px 0 5px 0;
font-size:25px;
font-weight:bold;
text-align:center;
}

.div-h2-kanren{
background-color:#ff9900;
color:#FFFFFF;
margin:12px 0 0 0;
padding:9px 0 5px 0;
font-size:25px;
font-weight:bold;
text-align:center;
}

.div-h2-customer{
background-color:#ff6600;
color:#FFFFFF;
margin:20px 0 0 0;
padding:9px 0 5px 0;
font-size:25px;
font-weight:bold;
text-align:center;
}


.div-h2-menu{
background-color:#FFFFFF;
margin:12px 0 0 0;
padding:9px 0 5px 0;
font-size:25px;
font-weight:bold;
text-align:center;
}






.div-h2-top-kaisha{
background-color:#B8A283;
color:#FFFFFF;
margin:0 0 0 0;
padding:9px 0 5px 0;
font-size:20px;
text-align:center;
}



.div-h2-top-campain-01{
color:#FFFFFF;
margin:12px 0 0 0;
padding:9px 0 5px 0;
font-size:25px;
font-weight:bold;
text-align:center;
}


.div-h2-top-campain-02{
background-color:#557700;
color:#FFFFFF;
margin:12px 0 0 0;
padding:9px 0 5px 0;
font-size:25px;
font-weight:bold;
text-align:center;
}


.div-h3{
color:#666666;
margin:10px 0px 0px 0px;
text-align:center;
}

.div-h3-table{
color:#ff9900;
margin:22px 0px 10px 0px;
text-align:center;
font-weight:bold;
}


.div-h3-koramu{
color:#ff9900;
margin:22px 0px 10px 0px;
text-align:left;
font-weight:bold;
}


.div-h3-table-left{
color:#ff6600;
margin:12px 0px 10px 0px;
text-align:left;
font-weight:bold;
}

h1{
	font-size:200%;
	text-align:center;
	margin:0 0 10px 0;
}


h1.h1-teapage {
	font-size:200%;
	color:#cc0000;
	text-align:center;
	margin:10px 0;
}


h2{
}

h2.aka{
	font-size:150%;
	color:#FF0000;
	text-align:center;
	margin:10px 0;
}

h3{
	font-size:130%;
	padding-left:0px;
	margin:0 0 0 0;
}


h3.h3-teapage {
	font-size:130%;
	padding-left:0px;
	color:#ff6600;
	text-align:left;
	margin:0px 0 0 0;
}







span.font-pc-sp-01 {font-size: 1.3em;
}


span.font-pc-sp-03 {font-size: 1.1em;
}



span.font-pc-sp-05 {font-size: 2.0em;
color:#FF6600
}

span.font-pc-sp-06 {font-size: 2.0em;
color:#FF6600
}

span.font-pc-sp-07 {font-size: 1.5em;
}

span.font-pc-sp-11 {font-size: 1.8em;
}


span.font-pc-sp-12 {font-size: 1.8em;
}

span.font-pc-sp-customer {
font-size:24px;
font-weight:bold;
color:#ff6600;
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
}



span.span-uri-02 {
font-size:18px;
text-align:center;
}



span.span-font-kanren {
font-size:17px;
}


span.span-font-menu-cate {
font-size:18px;
}

span.span-font-menu-cate-shouhin {
font-size:14pt;
color:#555555;
}


span.span-herb-top {
font-size:14pt;
color:#555555;
}


span.span-font-menu-cate-price {
font-size:14pt;
color:#555555;
}


span.span-menu-comment {
font-size:12pt;
color:#555555;
}


span.span-font-4retsu {
font-size:16px;
text-align:left;
}


span.span-font-top4 {
font-size:16px;
text-align:left;
}



span.font-price-teika {font-size: 1.5em;
color:#000000
}

span.font-price-5off {font-size: 1.5em;
color:#ff0000
}


span.font-menu {
font-size: 1.0em;
}


span.span-price-teika-01 {
}

span.span-price-teika-02 {font-size: 1.5em;
}

span.span-price-teika-red {font-size: 1.5em;
color:#FF0000;
font-weight:bold;

}

span.span-price-5off-01 {
}

span.span-price-5off-02 {font-size: 1.5em;
color:#ff0000;
font-weight:bold;
}


span.span-price-5off-otokuisama {font-size: 1.5em;
color:#ff0000;
font-weight:bold;
}


span.span-uri {
color:#FF9900;
}



span.span-koment-top {
text-align:center;
color:#FF6600;
font-size:20px;
font-weight:bold;
}



span.span-koment-bottom {
padding:20px 1px 1px 1px;
text-align:center;
color:#FF9900;
font-size:24px;
font-weight:bold;
}


span.span-color-01 {
color:#FF6600;
}

span.span-color-02 {
color:#FF9900;
}

span.span-color-oren {
color:#FF6600;
}

span.span-color-aka {
color:#FF0000;
font-weight:bold;
}


img.g01 {
width:20px;
vertical-align: middle;
}


img.g02 {
vertical-align: baseline;
}

img.g03 {
width:40px;
vertical-align: top;
}

img.g20 {
height:30px;
}

img.g20px {
width:20px;
}

img.g21 {
height:30px;
}


img.g30px {
width:30px;
}




img.futter-180{
width:98%;
}


img.g-menu-01{
width:10%;
float:left;
margin:0 15px 0 0;
}


img.g-menu-02{
width:25%;
float:left;
margin:0 5px 0 0;
}

img.g-sagawa{
width:80%;
}

img.g-rogo2-pc{
width:500px;
}

img.g-rogo2-herb{
width:500px;
}


img.g-rogo2{
width:0%;
}

img.g-tb{
width:70%;
}

img.g-ranking{
width:70px;
}


img.g-ranking-2{
width:65px;
}


img.g-ranking-3{
width:32px;
}



img.g-banner30 {
width:30px;
vertical-align:middle;
}

img.g-top-shoshinsha{
height:40px;
}


img.g-top-tel{
height:40px;
}

img.g-top-cart{
height:40px;
}

img.g-top-tel-sp{
height:0px;
width:0px;
}

img.g-top-souryou{
height:40px;
margin:0px 10px 0px 0px;
}

img.g-top-souryou-sp{
height:0px;
width:0px;
}

img.g-top-shukkabi{
height:40px;
margin:0px 10px 0px 0px;
}



img.g33p {
width:33%;
}


img.g51 {
width:300px;
}


img.g-kansou-mail {
margin:0 10px 0 0;
}




img.g70p-teapage {
width:200px;
}


img.g70 {
width:300px;
float:left;
padding:5px 0 10px 0;
}


img.g70-sp0 {
width:300px;
float:left;
padding:5px 0 10px 0;
}

img.g70-sp100 {
width:300px;
float:left;
padding:5px 0 10px 0;
}


img.g-tb-irekata {
width:300px;
float:left;
padding:5px 0 10px 0;
}




img.g70-table {
width:300px;
}


img.g-top {
height:200px;
}

img.g-top-hatomugi {
height:250px;
}


img.g-zeikomi {
height:12px;
vertical-align:baseline;
}




img.kago02 {
vertical-align: middle;
width:80px;
}

img.kago03 {
vertical-align: middle;
width:40px;
}

img.test {
width:350px;
}

img.g-pet {
width:350px;
}

img.gazou-point {
width:10px;
height:40px;
vertical-align:baseline
}


img.mousikomi{
height:50px;
float:right;
margin:0 0 0 0;
clear:both;
}


img.mousikomi-02{
height:80px;
float:right;
margin:0 0 0 0;
clear:both;
}


table.table-cate{
width:100%;
}

td.td-cate{
width:33%;
padding:0 5px 15px 5px;
}


td.td-cate-02{
width:33%;
padding:0px 0px 15px 10px;
}




table.table-menu-6{
	width:100%;
	text-align:center;
	background-color:#CCCCCC;
	margin:10px 0;
}
	table.table-menu-6 th{
	width:50%;
	background-color:#FAFAFA;
	font-weight:normal;
}
table.table-menu-6 td{
	width:50%;
	background-color:#FAFAFA;
}
.table-menu-6-padding{
	padding:10px;
}



table.table-koramu{
width:100%;
border:2px #cccccc solid;
padding:0px 0px 0px 0px;
}

table.table-td-koramu{
}

td.td-koramu-left{
vertical-align: top;
width:300px;
padding:10px 5px 10px 5px;
}

td.td-koramu-right{
vertical-align: top;
padding:10px 5px 10px 5px;
}


td.td-futter-3{
width:33%;
padding:5px;
background-color:#FFFFFF;
}


table.table-menu-kihon{
width:100%;
text-align:center;
background-color:#CCCCCC;
padding:0px 0px 0px 0px;
}

td.td-menu-kihon{
width:50%;
background-color:#FAFAFA;
padding:5px 0px 5px 0px;
}


td.td-menu-kihon3{
width:33%;
background-color:#FAFAFA;
padding:5px 0px 5px 0px;
}



table.table-menu-ranking{
width:100%;
text-align:left;
background-color:#CCCCCC;
margin:10px 0 0 0;
padding:0px 0px 0px 0px;
}

td.td-menu-kihon-ranking{
width:50%;
background-color:#FAFAFA;
padding:5px 5px 5px 5px;
}


table.table-menu-ranking-top3{
width:100%;
text-align:center;
background-color:#CCCCCC;
padding:0px 0px 0px 0px;
}

td.td-menu-kihon-ranking-top3{
width:33%;
background-color:#FAFAFA;
padding:2px;
}

td.td-menu-kihon-ranking-top3-color-01{
width:33%;
background-color:#FFFFCC;
padding:2px;
}



table.table-menu-kanren{
width:100%;
text-align:center;
background-color:#CCCCCC;
margin:10px 0 0 0;
padding:0px 0px 0px 0px;
}

td.td-menu-kanren{
width:25%;
background-color:#FAFAFA;
padding:3px;
}


table.table-menu-4{
width:100%;
text-align:center;
background-color:#CCCCCC;
margin:10px 0 0 0;
padding:0px 0px 0px 0px;
}

td.td-menu-4{
width:25%;
background-color:#FAFAFA;
padding:3px;
text-align:left;
}

td.td-menu-4-color-01{
width:25%;
background-color:#FFFFCC;
padding:3px;
text-align:left;
}


table.table-menu-4-top{
width:100%;
text-align:center;
background-color:#CCCCCC;
margin:0 0 0 0;
padding:0px 0px 0px 0px;
}

td.td-menu-4-top{
width:25%;
background-color:#FAFAFA;
padding:5px;
}




table.table-menu-3-top{
width:100%;
text-align:center;
background-color:#CCCCCC;
margin:0 0 0 0;
padding:0px 0px 0px 0px;
}

td.td-menu-3-top{
width:33%;
background-color:#FAFAFA;
padding:0px;
}


table.table-menu-3-top-02{
width:100%;
text-align:center;
background-color:#FDFFFE;
margin:0 0 0 0;
padding:0px 0px 0px 0px;
}

td.td-menu-3-top-02{
width:33%;
background-color:#FAFAFA;
padding:5px;
}




section{overflow:hidden;}


.box{
	margin:0 auto 0px;
	padding:0px;
	text-align:left;
}


.box article{
	width:33%;
	text-align:center;
	float:left;
	margin:0px auto;
}


.box article-03{
	width:33%;
	text-align:center;
	float:left;
	margin:0px auto;
	background-color:#CCCCCC;
}

.box-kaisha-001{
	margin:0 auto 10px;
	padding:0px;
	text-align:center;
}

.box-kaisha-001 article{
	width:50%;
	text-align:center;
	float:left;
	margin:5px auto;
}


.box-koramu-title{background-color:#eeeeee;
font-weight:bold;
text-align:center;
color:#8b4513;
}



.box-customer-top-top{
	margin:12px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	overflow:hidden;
	background-color:#FFAC59;
}





.box-customer-top{
	margin:20px 0px 20px 0px;
	padding:15px 15px 15px 15px;
	text-align:left;
	border:3px solid #007700;
	overflow:hidden;
	background-color:#FFFFFF;
}


.box-koment-uri-under{
	margin:8px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#FF6600;
	border:0px;
	overflow:hidden;
	background-color:#FFFFFF;
}


.box-customer-top-02{
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 0px;
	text-align:left;
	border:3px solid #007700;
	overflow:hidden;
	background-color:#FFFFFF;
}


.box-customer-under{
	margin:0 auto 0px;
	padding:10px;
	text-align:left;
	border:1px solid #ff6600;
	overflow:hidden;
}


.box-koramu{
	margin:0 0 25px 0;
	padding:15px;
	text-align:left;
	border:3px solid #cccccc;
	overflow:hidden;
	background-color:#FFFFFF;
}

.box-koramu-test{
	margin:0 0 25px 0;
	padding:15px;
	text-align:left;
	border:2px solid #cccccc;
	overflow:hidden;
	background-color:#FFFFFF;
}


.box-kago{
	padding:15px 0px 0px 0px;
	text-align:left;
	border:1px solid #B8A283;
	overflow:hidden;
}

.box-left{float:left;
padding-left:15px;
width:300px;
}

.box-right{float:left;
padding-left:20px;
width:450px;
}



.box-uri{
	padding:0px;
	text-align:left;
	border:0px solid #B8A283;
	overflow:hidden;
}



.box-koramu-02{
	padding:10px;
	text-align:left;
	border:0px solid #B8A283;
	overflow:hidden;
}




.box-100{
	margin:0 auto 0px;
	padding:10px;
	text-align:left;
	overflow:hidden;
}

.box-left{float:left;

}

.box-right{float:left;
}




ul li.gazou-002  {
	width:50%;
	text-align:center;
	float:left;
	display:inline;
}

ul li.gazou-003  {
	width:33%;
	text-align:center;
	float:left;
	display:inline;
	margin-top:8px;
}

ul li.gazou-004  {
	width:25%;
	text-align:center;
	float:left;
	display:inline;
	margin-bottom:5px;
}


/* 検索窓
------------------------------------------------------------*/
.search{
    width:264px;
    margin:0 auto;
    clear:both;
}
#searchform1 { 
    position: relative; 
} 
#keywords1  { 
    width: 200px; 
    height: 28px; 
    border: 1px solid #CCC; 
    padding: 2px 2px 2px 2px;
    font-size: 16px;
} 
#searchBtn1 { 
    position:absolute;
    top:0px;
    left:204px;
} 

/* 検索窓背景緑パターン
------------------------------------------------------------*/

.searcharea{
	width:100%;
	margin:0px auto;
	background-color:#007700;
}

.search-top{
    width:264px;
    margin:0 auto;
	padding:5px 0;
    clear:both;
}
#searchform1 { 
    position: relative; 
} 
#keywords1  { 
    width: 200px; 
    height: 28px; 
    border: 1px solid #CCC; 
    padding: 2px 2px 2px 2px;
    font-size: 16px;
} 
#searchBtn1 { 
    position:absolute;
    top:0px;
    left:204px;
} 

/*===============================================
●style.css 画面の横幅が641px以上
===============================================*/

@media screen and (min-width: 641px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
～以下、画面の横幅が768pxまでの場合のスタイル記入～
}