﻿@charset "utf-8";

/* Begin Typography & Colors */
body {
	margin:0;
	background-color:#f5f5eb;
	text-align: center;
	color:#333;
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	display: block;
	margin: 0;
	padding: 0;/* margin&padding reset */
	text-align: left;
	line-height: 150%;
}

a:link,a:visited,a:hover{color:#06C;}
td a:link,td a:visited,a:hover{color:#06C;}

table {margin : 0;empty-cells: show; }
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
	text-decoration:none;
}


li { list-style: none; }/* link do not want a dot */


/*全体の主なレイアウト*/

#container {
	margin:0 auto;
	padding:0;
	width:910px;
	height:auto;
	}



#header {
	margin:0;
	padding:0;
	width:auto;
	height:auto;	
	}

	
#header h1{ margin:0;
	padding:2px 0 2px 10px;
	font-size:11px;
	text-align:left;
	width:511px;
	height:auto;
	color:#333;
	font-weight:normal;
	}
	
#falash_area{
	margin-top:7px;
	width:auto;
	height:auto;
	}
	
#flash_img{
	margin:0;
	background-image:url(http://www.mukasiume.com/img/top/flash_bg.jpg);
	background-repeat:repeat-y;
	padding:0 21px 0 21px;
	width:auto;
	height:auto;
	}	

#main_menu{
	margin:0;
	width:auto;
	height:auto;
	}

#header_menu{
	margin:0;
	width:auto;
	height:auto;
	background-image:url(http://www.mukasiume.com/img/common/wrapper_bg.jpg);
	}

#wrapper {
	margin:0;
	background-image:url(http://www.mukasiume.com/img/common/wrapper_bg.jpg);
	background-position:0px 0px;
	background-repeat:repeat-y;
	padding:10px 25px 20px 25px;
	width:860px;
	height:auto;
	}

#l_navi {
	float:left;
	width:213px;
	height: auto;
	}

#main {
	float:right;
	margin:0;
	width:636px;
	height:auto;
	}

#footer {
	margin:0;
	padding:0;
	width:910px;
	height:auto;
	}

.parts {
	float:left;
	}

.clear {
	clear:both;
	}

.clear_l {
	clear:left;
	}
.clear_r {
	clear:rihgt;
	}

/*レフトナビ*/

#bn_tel{
	margin:0 0 7px 0;
	width:auto;
	height:auto;
}

#navi_area {
	margin:0 0 10px 0;
	width:213px;
	height:auto;
	}

#navi_area .top {
	margin:0;
	width:213px;
	height:10px;
	line-height:100%;
	}

#navi_cont {
	background-image:url(http://www.mukasiume.com/img/r_navi/menu_bg.jpg);
	background-repeat:repeat-y;
	margin-bottom:10px;
	width:auto;
	height:auto;
	}

#navi_cont .title {
	margin:0 0 3px 0;
	width:auto;
	height:auto;
	text-align:center;
	}

#navi_cont li {
	margin:0 0 3px 0;
	width:auto;
	height:auto;
	text-align:center;
	}

#navi_cont .dot {
	margin:0 0 10px 0;
	padding:3px 0 0 0;
	width:auto;
	height:auto;
	text-align:center;
	}
	
#navi_cont .btm {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	text-align:center;
	}
	
#bn_aoume{
	margin:0 0 6px 0;
	width:auto;
	height:auto;
}

#bn_truste{
	margin:0 0 6px 0;
	width:auto;
	height:auto;
	text-align:left;
}

#bn_truste td{
	padding:3px;
	font-size:11px;
	line-height:120%;
}

#bn_truste2{
	margin:0 0 15px 0;
	padding-top:10px;
	width:auto;
	height:auto;
	text-align:left;
}

#bn_truste2 td{
	padding:3px;
	font-size:11px;
	line-height:120%;
}


#bn_aoume .text{
	margin:0;
	padding:6px 8px 6px 8px;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:center;
}

#bn_regular{
	margin:0 0 6px 0;
	width:auto;
	height:auto;
}

#bn_regular .text{
	margin:0;
	padding:6px 8px 6px 8px;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:left;
}

#bn_regular .text a:link,#bn_regular .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#bn_regular .text a:hover{
	text-decoration:none;
	color:#0066CC;
}


#bn_voice{
	margin:0 0 6px 0;
	width:auto;
	height:auto;
}

#bn_voice .text{
	margin:0;
	padding:6px 8px 6px 8px;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:left;
}

#bn_voice .text a:link,#bn_voice .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#bn_voice .text a:hover{
	text-decoration:none;
	color:#0066CC;
}



#bn_catalogue{
	margin:0 0 6px 0;
	width:auto;
	height:auto;
}

#bn_catalogue .text{
	margin:0;
	padding:6px 8px 6px 8px;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:left;
}

#bn_catalogue .text a:link,#bn_catalogue .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#bn_catalogue .text a:hover{
	text-decoration:none;
	color:#0066CC;
}

#bn_magazine{
	margin:0 0 6px 0;
	width:auto;
	height:auto;
}

#bn_magazine .text{
	margin:0;
	padding:6px 8px 6px 8px;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:left;
}

#bn_magazine .text a:link,#bn_magazine .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#bn_magazine .text a:hover{
	text-decoration:none;
	color:#0066CC;
}


#bn_photo{
	margin:0;
	width:auto;
	height:auto;
}

#bn_photo .text{
	margin:0;
	padding:6px 8px 6px 8px;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:left;
}

#bn_photo .text a:link,#bn_photo .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#bn_photo .text a:hover{
	text-decoration:none;
	color:#0066CC;
}


/*メイン*/

#news_title{
	margin:0;
	width:auto;
	height:auto;
}

#news_frame{
	margin:0 0 8px 0;
	border:1px solid #c4b19a;
	padding:15px 15px 6px 15px;
	width:606px;
	height:130px;
	overflow:auto;
}

#news_frame li{
	margin-bottom:8px;
	line-height:110%;
	font-size:13px;
	text-align:left;
}

#news_frame li a{
	color:#0066CC;
	text-decoration:none;
}


#main #main_bn01{
	float:left;
	margin:0;
	width:315px;
	height:auto;
}

#main_bn01 .text{
	padding:7px 0;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:left;
}

#main_bn01 .text a:link,#main_bn01 .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#main_bn01 .text a:hover{
	text-decoration:none;
	color:#0066CC;
}

#main #main_bn02{
	float:right;
	margin:0;
	width:315px;
	height:auto;
}

#main_bn02 .text{
	padding:7px 0;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:11px;
	text-align:left;
}

#main_bn02 .text a:link,#main_bn02 .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#main_bn02 .text a:hover{
	text-decoration:none;
	color:#0066CC;
}

#main .dot{ margin:8px 0 10px 0;}

#main #main_bn03{
	float:left;
	margin:0;
	width:312px;
	height:215px;
}

#main #main_bn04{
	float:right;
	margin-bottom:7px;
	width:317px;
	height:106px;
}

#main #main_bn05{
	float:right;
	margin:0;
	width:317px;
	height:101px;
}

#main #bn_jas{
	margin:0;
	width:636px;
	height:168px;
}

/*サブページ共通*/

#h1_sita{
	margin:20px 24px 40px 24px;
	width:auto;
	height:auto;
	text-align:left;
	color:#333300;
	font-size:15px;
}

#h1_sita a:link,#h1_sita a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#h1_sita a:hover{
	text-decoration:none;
	color:#0066CC;
}

/*catalogue.html*/

#catalogue_area{
	margin:0;
	width:auto;
	height:auto;
}



#renraku-area{
	padding:0 0 20px 0;
	width:auto;
	height:auto;
}

#catalogue_area h2{
	margin:0;
	width:636px;
	height:auto;
}

#catalogue_area .table{
	margin:0 12px 0 12px;
	background-color:#f1f1ee;
	padding:30px;
	width:auto;
	height:auto;
}



#catalogue_area td{
	color:#595930;
	font-size:14px;
}


#catalogue_area .table2{
	margin:0 12px 0 12px;
	background-color:#f1f1ee;
	padding:10px;
	width:auto;
	height:auto;
}

#catalogue_area .senyou_w td{
	padding:5px;
}


/*mobile.html*/

#mobile-area{
	margin:0 0 20px 0;
	width:auto;
	height:auto;
}

/*magazine.html*/

#magazine-area{
	margin:15px 2px 20px 2px;
	width:auto;
	height:auto;
}

#magazine-area h2{
	margin:0 11px 10px 11px;
	width:auto;
	height:auto;
	color:#333300;
	font-size:17px;
	font-weight:normal;
}

#magazine-area ul{
	padding:0 0 15px 0;
	width:auto;
	height:auto;
	color:#333;
}

#magazine-area li{
	margin:0 0 15px 0;
	border-bottom:1px dotted #ccc;
	padding:0 0 15px 0;
	width:auto;
	height:auto;
	color:#333;
}

#magazine-area .contents{
	margin:0 11px 0 11px;
	background-color:#f1f1ee;
	padding:25px 20px 25px 20px;
	width:auto;
	height:auto;
}


#magazine-area .left-image{
	margin:0 30px 0 0;
	width:auto;
	height:auto;
	text-align:left
}

#magazine-area h3{
	margin:0 0 20px 0;
	width:auto;
	height:auto;
	line-height:110%;
	color:#333300;
	font-size:20px;
	font-weight:bold;
}

#magazine-area h3.font17{
	margin:0 0 20px 0;
	width:auto;
	height:auto;
	line-height:110%;
	color:#333300;
	font-size:17px;
	font-weight:bold;
}

#magazine-area .text{
	margin:0;
	width:auto;
	height:auto;
	color:#333300;
	font-size:17px;
	font-weight:normal;
}

#magazine-area .small-image{
	margin:0 0 0 5px;
	width:auto;
	height:auto;
	text-align:right;
}

/*product.html*/

#item_list-area{
	margin:0;
	background-color:#FFF;
	width:auto;
	height:auto;
}

#item_list-area h1{
	margin-bottom:20px;
	width:auto;
	height:auto;
}


#item_list-area h2{
	margin-bottom:30px;
	width:auto;
	height:98px;
}

#item_list-area h3{
	margin-bottom:20px;
	width:auto;
}


#item_list-area li{
	margin-bottom:20px;
	list-style:none;
}


#item_list-area #item-area{
	margin:0 12px 0 12px;
}

#item_list-area .item{
	float:left;
	padding:0 4px 0 4px;
	width:195px;
	height:auto;
}

#item_list-area .imgae{
	margin:0 0 12px 0;
	width:auto;
	height:auto;
}

#item_list-area .name{
	margin:0 0 12px 0;
	width:auto;
	height:auto;
	text-align:center;
}

#item_list-area .name_t{
	margin:0 0 15px 0;
	width:auto;
	height:auto;
	text-align:center;
	font-size:20px;
	color:#595930;
	font-weight:bold;
}

#item_list-area .name_t a:link,#item_list-area .name_t a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#item_list-area .name_t a:hover{
	text-decoration:none;
	color:#0066CC;
}


#item_list-area .detail_link{
	margin:0 0 2px 0;
	background-image:url(http://www.mukasiume.com/img/umeseihin/list_mark.gif);
	background-position:27px 3px;
	background-repeat:no-repeat;
	padding:0 0 0 47px ;
	width:auto;
	height:auto;
	text-align:left;
	color:#003399;
	font-size:15px;
}

#item_list-area .detail_link a:link,#item_list-area .detail_link a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#item_list-area .detail_link a:hover{
	text-decoration:none;
	color:#0066CC;
}

#item_list-area .text{
	margin:0 5px 0 5px;
	padding:0 0 0 0 ;
	width:auto;
	height:auto;
	text-align:left;
	color:#333;
	font-size:15px;
}

/*home.html*/

#ume_home-area{
	margin:0 19px 10px 19px;
	width:auto;
	height:auto;
}

.sub-img_l{
	float:left;
	margin:15px 0 10px 0;
	padding:0 6px 0 0;
	width:195px;
	height:auto;
}

.sub-img_r{
	float:right;
	margin:15px 0 10px 0;
	padding:0;
	width:195px;
	height:auto;
}

#ume_home-area .banner{
	clear:both;
	margin:0 0 6px 0;
	width:auto;
	height:auto;
}

.button{
	text-align:center;
	margin:10px 0px 10px 0px;
}

#ume_home-area h3{
	margin-bottom:20px;
}

#ume_home-area .h3_sita{
	margin-bottom:30px;
}

#ume_home-area .image_l{
	padding:0 30px 0 15px;
}

#ume_home-area .image_r{
	padding:0 15px 0 30px;
}

#ume_home-area .text_l{
	padding:0 0 0 15px;
	color:#333300;
}

#ume_home-area .text_r{
	padding:0 15px 0 0;
	color:#333300;
}

#ume_home-area h2{
	width:598px;
	height:50px;
	margin-bottom:10px;
}

#ume_home-area .h2_sita{
	margin:0 15px 15px 15px;
}

#ume_home-area #items{
	margin:0 0 15px 0;
	padding:0 7px 15px 7px;
	borderbottom:1px dashed #ccc;
}


#ume_home-area #items h3{
	margin:0;
	background-color:#333300;
	padding:5px 7px 5px 7px;
	text-align:center;
	color:#fff;
	font-size:180%;
	font-weight:normal;
}

#ume_home-area #items .image{
	margin:2px;
}

#ume_home-area #items .cont{
	padding:5px 5px 5px 15px;
	text-align:left;
	color:#333300;
}

#ume_home-area #items .text{
	margin:8px;
	background-color:#dcdccd;
	padding:8px 10px 8px 10px;
	text-align:left;
	color:#333300;
	font-size:100%;
	font-weight:normal;
}

#ume_home-area #items .text a:link,#ume_home-area #items .text a:visited{
	text-decoration:underline;
	color:#0066CC;
}

#ume_home-area #items .text a:hover{
	text-decoration:none;
	color:#0066CC;
}

#ume_home-area #items .cart{
	margin:8px 15px 8px 15px;
	color:#333300;
}

#ume_home-area #items .net{
	margin:3px 0 0 10px;
	color:#333300;
	font-size:110%;
}

#ume_home-area #items .price{
	margin:0 0 3px 10px;
	line-height:120%;
	color:#333300;
	font-size:130%;
	font-weight:bold;
}

#ume_home-area #items .kago{
	margin:0 0 10px 10px;
	padding:0 0 10px 0;
	border-bottom:1px dashed #ccc;
}

#ume_home-area #items .kago02{
	margin:0 0 10px 10px;
	padding:0;
}


#contact-bn{
	margin:10px 0 10px 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:10px 0 10px 0;
	width:636px;
	height:225px;
}




/*フォント*/
.orange{ color:#ff6600;}



/*食べ方*/
.tabekata{border:1px #E7E7CE solid;
			padding:20px;}

.tabekata2{border:1px #E7E7CE solid;
			padding:20px;
			background-color:#EDEAE2;
			background-image:url(http://www.mukasiume.com/img/sirop/back.jpg)}
			
			
			
.table_space td{padding:10px;
	}

.table_space3 td{padding:3px;
	}


.table_space2 td{padding:5px;
border-top:1px #cccccc solid;
border-left:1px #cccccc solid;
	}
.table_space2{border-bottom:1px #cccccc solid;
border-right:1px #cccccc solid;}


 

/*てらがき農園コンテンツ*/

#waku{
background-image:url(http://www.mukasiume.com/nouen/img/top/waku0.gif);
background-repeat:repeat-y;
padding:0px;
margin:0px;}

.waku_naka{ 
margin:25px 33px 25px 33px;
padding:10px 30px 10px 30px ;}

.maru1{
background-image:url(http://www.mukasiume.com/nouen/img/top/m1.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 30px;
}

.maru2{
background-image:url(http://www.mukasiume.com/nouen/img/top/m2.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 30px;
}

.maru3{
background-image:url(http://www.mukasiume.com/nouen/img/top/m3.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 30px;
}

.maru4{
background-image:url(http://www.mukasiume.com/nouen/img/top/m4.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 30px;
}

.maru5{
background-image:url(http://www.mukasiume.com/nouen/img/top/m5.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 30px;
}

.maru6{
background-image:url(http://www.mukasiume.com/nouen/img/top/m6.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 30px;
}

#waku h4{padding:10px 0px 5px 0px;}

.text_right{padding:5px 0px 5px 0px;
text-align:right;}

.text_center{padding:5px 0px 5px 0px;
text-align:center;
background-color:#C6C6B3;}

.right_m{padding:40px 0px 0px 10px;
         text-align:right;}
		 

.right_m2{padding:20px 0px 10px 0px;
         text-align:center;
		 font-size:12px;
		 background-color:#F5F5EB;
		 margin:10px 0px 0px 0px;}
		 
		
input.button{
	font-size:24px;
	font-weight:bold;
	text-align:center;
} 

.kakaku{	font-size:20px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
}

.h2_sita{ padding:20px;}

.pad5{ padding:5px; font-size:11px; }

.pad52{ padding:5px; }

.pad10{ padding:0 0 0 10px;}

.pad15{ padding:15px; }

.pad311{ font-size:11px; padding:3px;}

.safety_plus {text-align:center;}

.safety_plus a:link,.safety_plus a:visited{ text-decoration:underline; color:#0066CC; text-align:center;}

.safety_plus a:hover{ text-decoration:none; color:#0066CC; text-align:center;}

.catch	{	font-size:9px;
			background-color:#F5F5EB;
			padding:3px 0px 2px 10px;
			color:#56572B;}

.f12{ font-size:12px;}

.red2{ color:#ff0000;}

.items{
	margin:20px 12px 0 12px;
	border-top:1px dashed #ccc;
	background-color:#FFF;
	/*border-bottom:1px dashed #ccc;*/
	padding:20px 0 0 0;
	width:auto;
	height:auto;
}
