@charset "Shift_JIS";


/* トップページ
--------------------------------------------*/

.top-prd img{width:500px; height:auto;}
.top-prd02 img{width:460px; height:auto;}
.top-prd03 img{width:440px; height:auto;}

h3.ttl{border-left:8px solid #ccc;font-size:120%;padding-left:15px !important; padding-top:10px !important;margin-top:25px !important;margin-bottom:25px !important;}

#pict_main{
 clear:both;
 width:100%;
 height:314px;
 margin:0 auto;
 padding:0;
 background:url(../images/main_bg.jpg) repeat-x;
}

#pict_main img{
 margin-top:20px;
}

#newsBox{
 clear:both;
 width:667px;
 height:218px;
 margin:0 0 25px 0;
 padding:0;
 background:url(../images/news_bg.jpg) no-repeat;
}

#newsTableBox{
 width:580px;
 padding:60px 0 40px 45px;
}

.newsBorder{
 margin-right:3px;
 border-left:1px solid #c6db6d;
 border-bottom:1px solid #c6d86d;
}

.newsBorderInner{
 margin-left:25px;
}


.newsTable{
 width:577px;
 margin:0;
 padding:0;
}

.newsTable td{
 padding:15px 10px 15px 10px;
 font-size:12px;
 border-bottom:1px dotted #ccc;
 text-align:left;
 vertical-align:top;
 color:#637032;
 line-height:180%;
}

.newsTable .leftArea{
 width:100px;
 padding:15px 10px 15px 0;
 font-size:12px;
 color:#3d8ce0;
 text-align:left;
 vertical-align:top;
}

.newsTable td a{
 color:#637032;
}

.newsTable td a:hover{
 color:#ff9900;
}

.prdTopBox{
 width:670px;
 margin:20px 0 20px 0;
}

.prdTopBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.prd{
 width:211px;
 margin-right:18px;
 float:left;
}

.prd_last{
 width:211px;
 margin-right:0;
 float:left;
}

.prd .prd_txt{
 padding-bottom:10px;
 font-size:12px;
 color:#3d8ce0;
}

.prd_last .prd_txt{
 font-size:12px;
 color:#3d8ce0;
}


.prd .prd_txt a{
 color:#3d8ce0;
}

.prd .prd_txt a:hover{
 color:#0033cc;
}

.prd_last .prd_txt{
 font-size:12px;
 color:#3d8ce0;
}

.prd_last .prd_txt a{
 color:#3d8ce0;
}

.prd_last .prd_txt a:hover{
 color:#0033cc;
}

.prd02{
 width:325px;
 margin-right:18px;
 float:left;
}

.prd02_last{
 width:325px;
 margin-right:0;
 float:left;
}

.prd02 .prd_txt{
 padding-bottom:10px;
 font-size:12px;
 color:#3d8ce0;
}

.prd02 .prd_txt a{
 color:#3d8ce0;
}

.prd02 .prd_txt a:hover{
 color:#0033cc;
}

.prd02_last .prd_txt{
 font-size:12px;
 color:#3d8ce0;
}

.prd02_last .prd_txt a{
 color:#3d8ce0;
}

.prd02_last .prd_txt a:hover{
 color:#0033cc;
}

/* shop.html
--------------------------------------------*/

.underLineTable{
 margin:0 0 15px 0;
 padding:0;
}

.underLineTable tr{
 border-bottom:1px dotted #ccc;
}

.underLineTable td{
 padding:8px 0 8px 0;
 font-size:13px;
}

.underLineTable .price{
 padding:8px 0 8px 0;
 font-size:13px;
 text-align:right;
}


.underLineTable02{
 margin:0 0 15px 0;
 padding:0;
}

.underLineTable02 tr{
 border-bottom:1px dotted #ccc;
}

.underLineTable02 td{
 padding:8px 0 8px 0;
 font-size:12px;
}

.underLineTable02 .price{
 padding:8px 0 8px 0;
 font-size:12px;
 text-align:right;
}


/* privacy.html
--------------------------------------------*/

#maincontents .privacyTop{
 margin:20px 25px 20px 3px;
 padding:0;
 text-align:left;
 font-size:13px;
}

#maincontents .privacy_title{
 margin:0;
 padding:10px 0 0 3px;
 text-align:left;
 font-size:13px;
 font-weight:bold;
}

#maincontents .privacy_text{
 margin:5px 25px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:12px;
 border-bottom:1px dotted #ccc;
}

#maincontents .privacy_date{
 margin: 0 10px 0 5px;
 padding:20px 0 15px 0;
 font-size:12px;
 text-align:right;
 line-height:140%;
}

#maincontents .privacy_contact{
 margin: 0 5px 0 12px;
 padding:10px 0 25px 0;
 font-size:12px;
 line-height:140%;
}

#maincontents .privacy_contact span{
 padding-left:18px;
}

#maincontents .privacy_contact span a{
 padding-left:18px;
}


/* contact.html
--------------------------------------------*/


#maincontents .contact_form{
	font-size: 12px;
	line-height: 20px;
	margin:20px 0 5px 0;
	padding:15px 15px 15px 5px;
}

#maincontents .contact_text{
	font-size: 12px;
	line-height: 20px;
	margin:5px 0 15px 5px;
	padding:15px;
       	border:1px solid #ccc;
	font-weight:bold;
}



#contactTable{
 width:660px;
	margin:20px 0px 10px 2px;
	padding:0;
}

#contactTable td{
	border-bottom:1px solid #ffffff;
	padding:5px 0 5px 10px;
	background-color:#f9f9f9;
	font-size:12px;
}

#contactTable td.koumoku{
	width:148px;
	background-color:#f2f2f2;
	font-size:12px;
}

#contactTable td.bordernone{
	border:none;
}

.komemark{
	color:#FF6600;
}

.size1{
	width:150px;
}

.size2{
	width:250px;
}

.size3{
	width:50px;
}

#goto_privacy{
	margin:5px 20px 0 10px;
	padding:0;
	text-align:right;
	font-size:12px;
}

#attention{
	width:660px;
	margin:20px 0 20px 5px;
	padding:0;
}

#attention #attention_text_title{
	margin:10px 0 0 0;
	padding:0;
	font-weight:bold;
}

#attention .attention_text{
	margin:10px 5px 0 0;
	padding:0;
	line-height:180%;
	font-size:12px;
}

.menuBox{
 width:660px;
 border:3px solid #aaa;
}

.menuBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

.menuBox ul{
 margin:10px 10px 15px 25px;
}

.menuBox ul li {
 width:100px;
 margin-right:30px;
 margin-bottom:6px;
 padding-left:20px;
 background:url(../images/arrow_green.jpg) 0 2px no-repeat;
 font-size:13px;
 float:left;
}

.menuBox ul li a {
 color:#000;
 text-decoration:none;
}

.menuBox ul li a:hover {
 color:#0033cc;
 text-decoration:underline;
}


/* カフェ
--------------------------------------------*/

.cafeBox{
 width:690px;
}
.cafeBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.cafeBox ul{
 margin:10px 0 10px 0;
}
.cafeBox li {
 width:220px;
 margin-right:10px;
 padding-bottom:20px;
 font-size:13px;
 float:left;
}
.cafeBox li.last {
 width:220px;
 margin-right:0;
 font-size:13px;
 float:left;
}

.home-twitter{
 margin:0 auto;
 padding-top:20px;
 padding-left:60px;
 padding-bottom:30px;
 font-size:90% !important;
 background:#f2f2f2;
}

.prd-box{width:100%;display:block;margin:0 auto;margin-top:30px;}
.prd-box ul{display:flex;justify-content:space-around;margin-top:20px;}
.prd-box li{width:32%;}
.prd-box li img{width:100%;}

.insta-box{width:100%;display:block;margin:0 auto;margin-top:30px;padding-top:30px;border-top:1px solid #ccc;}
