/*ボックスの設定*/
/*ページ全体*/
body{
	background-color:white;/*#FFFFCC 65a3cf*/
	margin:0px;
}
#frame{
	width: 750px;
	margin: 0px auto;
	text-align: left;
}
/*左右の回り込みの解除*/
.c-both{
	clear:both;
}

/*------------------------------------------------------------------*/
/*ヘッダー部分の設定*/
#header{
	height:110px;
	margin-bottom:10px;
/*	background:url("image/header_bg.gif") no-repeat left top;*/
}
/*ヘッダーの左側*/
#hleft{
	width:500px;
/*	margin-top:36px;*/
	text-align:center;
	float:left;
/*	background-color:#ADD8E6;*/
}
/*ヘッダーの右側*/
#hright{
	width:240px;
/*	height:98px;*/
/*	margin-top:18px;*/
	padding-left:10px;
	text-align:left;
	float:right;
/*	background-color:#ffedab;*/
}
/*ヘッダーの要素のスタイル*/
#header strong{
	/*	color:#37a34a;*/
	font: bold 'ＭＳ 明朝', 'Lucida Grande', Arial, sans-serif;
	font-size:12px;
}
#header img {
	border:none;
}
#header p{
	margin-top:5px;
/*	color:#37a34a;*/
	font-size:12px;
	font-weight:bold;
	font-family:'HG丸ゴシックM-PRO', 'Lucida Grande', Arial, sans-serif;
	line-height:15px;
}
.tel{
	/*	color:#37a34a;*/
	font-size:12px;
	font-weight:bold;
	line-height:15px;
}
/*------------------------------------------------------------------*/
/*ヘッダーメニュー部分の設定*/
#headermenu{
	width:750px;
	height:22px;
	clear:both;
	float:left;
/*	background-color:#ADD8E6;*/
}
/*ヘッダーメニューの要素のスタイル*/
#headermenu ul{
	width:698px;
/*	background: url(image/headmenu_bg.gif) center center repeat-x;*/
	background-color:#ffffe0;
	padding: 5px 25px;
	margin: 0;
	text-align: center;
	clear:both;
	border:solid 1px #37a34a;
	border-bottom:solid 3px #37a34a;
}
#headermenu ul li{
	display:inline;
	margin:0;
	padding:0;
}
#headermenu ul li a{
	font-size: 12px;
	font-weight: bold;
	color: #004d25;
	padding: 5px 6px;
	margin: 0;
	text-decoration: underline;
}
#headermenu ul li a:hover{
	color:#001e43;
	background-color:#dbebc4;
}



/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*サイド・メイン部分の設定*/
#side_main{
	width:750px;
	margin:0;
}
/*------------------------------------------------------------------*/
/*サイド部分の設定*/
#side{
	width:150px;
	float:left;
/*	background-color:#ADD8E6;*/
}
/*サイドの詳細設定*/
/*共通サイドメニューのスタイル*/
#sidemenu{
	width:150px;
	float:left;
/*	background-color:#ADD8E6;*/
}
#sidemenu ul{
	width:144px;
/*	margin:0 0 0 10px;*/
	font:13px bold;
	list-style:none;
	border:solid 1px #37a34a;
	border-left:solid 5px #37a34a;
	border-bottom-width:0;
}
#sidemenu ul li a{
	color:#004d25;
	font-weight:bold;
	display:block;
	background-color:#ffffe0;
	width:134px;
	line-height:19px;
	padding:2px 0;
	padding-left:10px;
	text-decoration:none;
	border-bottom:solid 1px #37a34a;
}
#sidemenu ul li a:hover{
	color:#001e43;
	font-weight:bold;
	background-color:#dbebc4;
}
/*#sidemenu ul li a:visited{
	color:#ea5532;
}*/

#sidemenu li.small a{
	width:129px;
	padding:2px 0;
	padding-left:15px;
	border-bottom:solid 1px #37a34a;
	color:#006eb0;
	font-size:11px;
	font-weight:bold;
	line-height:19px;
/*	background-color:#d4dcd3;*/
	display:block;
	text-decoration:none;
}
#sidemenu li.small a:hover{
	color:#001e43;
	font-weight:bold;
	background-color:#dbebc4;
}
/*#sidemenu li.small a:visited{
	color:#ea5532;
}*/
#sidemenu li p{
	color:#004d25;
	font-weight:bold;
	font-size:10px;
	display:block;
/*	background-color:#ffffe0;*/
	width:119px;
	line-height:19px;
	padding:2px 0;
	padding-left:25px;
	text-decoration:none;
	border-bottom:solid 1px #37a34a;
	background : url(../H22_0417/mark002.gif) no-repeat left center;
}



/*その他の記事欄*/
#side div.topic{
	width:148px;
	float:right;
	margin-top:10px;
/*	margin-left:10px;*/
	text-align:center;
	border:1px solid #37a34a;
	padding-bottom:5px;
}
#side div.topic img.qr{
	width:120px;
/*	margin-top:5px;*/
}

#side div.topic p{
	font-size:12px;
	font-weight:bold;
	padding:5px;
	line-height:18px;
}
#side div.topic p.title{
	color:white;
	background-color:#37a34a;
	padding:5px;
	margin-bottom:5px;
}
#side div.topic p.left{
	text-align:left;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}

#side div.topic ul{
	text-align:left;
	font-size:12px;
	margin-left:20px;
	margin-right:10px;
	list-style:square;
	list-style-position:outside;
	line-height:18px;
}













/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*メイン：トップページの設定*/
#maintoppage{
	width:590px;
/*	margin-right:5px;*/
	margin-bottom:5px;
	float:right;
/*	background-color:yellow;*/
}


/*トップページ　（左 390px）＋（左右の間隔 px）＋（右 190px）＝590px*/
/*トップページ左側*/
#maintoppage_left{
	width:390px;
/*	height:550px;*/
	margin-top:10px;
	float:left;
/*	background-color:#ffedab;*/
}
/*トップページ左側文章*/
#maintoppage div.section{
	float:left;
/*	background-color:#ffedab;*/
	margin-top:10px;
	padding:10px;
	border:solid 1px #37a34a;
	line-height:16px;
	height:135px;
	width:368px;
}
#maintoppage div.section_tenpura{
	float:left;
/*	background-color:#ffedab;*/
	background-image : url(../H22_0417/logo_tenpura_back35.gif);
	margin-top:10px;
	padding:10px;
	border:solid 1px #37a34a;
	line-height:16px;
	height:135px;
	width:368px;
}
#maintoppage div.section_ajiten{
	float:left;
/*	background-color:#ffedab;*/
	background-image : url(../H22_0417/logo_ajiten_back35.gif);
	margin-top:10px;
	padding:10px;
	border:solid 1px #37a34a;
	line-height:16px;
	height:135px;
	width:368px;
}
#maintoppage div.section_news{
	float:left;
/*	background-color:#ffedab;*/
	margin-top:5px;
	padding:10px;
	border:solid 1px #9cbb1c;
	line-height:16px;
	height:200px;
	width:368px;
	overflow:auto;
}

#maintoppage div.section_news ul{
	font-size:15px;
	font-weight:normal;
	margin:10px;
	list-style:square;
	list-style-position:inside;
	line-height:25px;
}


/*トップページ右側*/
#maintoppage_right{
	width:190px;
	margin-top:10px;
	float:right;
}
/*トップページ右側商品*/
#maintoppage div.item{
	width:188px;
/*	height:108px;*/
	float:right;
	text-align:center;
	margin-bottom:5px;
/*	background-color:#ADD8E6;*/
}
#maintoppage h1{
	margin-top:10px;
	color:white;
	background-color:#37a34a;
	font-family:'ＭＳ ゴシック', cursive, serif;
	font-size:20px;
	line-height:30px;
	text-align:center;
	float:left;
	width:390px;
}
#maintoppage h2{
	color: #000000;
/*	background-color:#37a34a;*/
	font-family: 'ＭＳ ゴシック', cursive, serif;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	background-color: #66FF99;
}
#maintoppage div.section_ajiten h2{
	letter-spacing:-2px;
}


#maintoppage_left p{
	margin-bottom: 5px; /*	color:#37a34a;*/;
	font-family: "ＭＳ Ｐゴシック";
	font-size: small;
	font-weight: bold;
	margin-top: 10px;
}
#maintoppage_left p.center{
	text-align:center;
}

#maintoppage p.news{
	color:white;
	background-color:#9cbb1c;
	font-family:'ＭＳ ゴシック', cursive, serif;
	font-size:20px;
	line-height:30px;
	text-align:center;
/*	margin-top:10px;*/
	float:left;
	width:390px;
}



/*味天ロゴ*/
#maintoppage_left img.logo{
	margin-top:10px;
}


/*トップページ右側商品画像リンク*/
#maintoppage img{
	border:0;
}
#maintoppage div.item img{
	width:188px;
/*	height:78px;*/
	border:solid 1px white;
}
#maintoppage div.item img:hover{
	border:solid 1px red;
}






/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*メイン：トップページ以外の部分*/
#main{
	width:590px;
	margin-bottom:5px;
	float:right;
/*	background-color:#ADD8E6;*/
}
/*------------------------------------------------------------------*/
/*メイン内ヘッド部分*/
#mainhead{
	width:590px;
	clear:both;
/*	background-color:#ADD8E6;*/
}
/*メイン内ヘッド部分の要素のスタイル*/
#mainhead p{
	margin-top:5px;
/*	color:#37a34a;*/
	line-height:20px;
}
.mainheadright1 p{
	position: absolute;
	right: 20px;
	top: 120px;
	z-index: 1;
	color: #FFFFFF;
}
.mainheadright2 p{
	position: absolute;
	right: 20px;
	top: 270px;
	z-index: 1;
	color: #FFFFFF;
}
#mainhead img.banner{
	border:solid 1px #37a34a;
}
#mainhead img.banner:hover{
	border:solid 1px red;
}


/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*メイン内セクション部分（本文）*/
#section{
	width:590px;
	line-height:20px;
	clear:both;
/*	background-color:#ADD8E6;*/
}
/*------------------------------------------------------------------*/
/*セクション内メールフォーム部分のスタイル*/
/*割付　（マージン左 20px）＋（左 150px＋右 400px）＋余分 10px＝570px*/
#section div.mailform{
	width:560px;
	margin-left:20px;
/*	margin-right:10px;*/
	clear:both;
}

#section div.mailform_l{
	width:150px;
	margin:0px;
	float:left;
}
#section div.mailform_r{
	width:400px;
	margin:0px;
	float:right;
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*セクション内左右２分割の設定*/
/*セクション内左側*/
#sectionleft_small{
	width:200px;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}
/*セクション内右側*/
#sectionright_large{
	width:380px;
	float:right;
	margin:5px 0px 10px 0;
	line-height:22px;
}
/*セクション内左側*/
#sectionleft_large{
	width:380px;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	line-height:22px;
}
/*セクション内右側*/
#sectionright_small{
	width:200px;
	float:right;
	margin:5px 0px 10px 0;
}

/*セクション2分割*/
#section div.halfleft{
	width:290px;
	float:left;
	margin-top:10px;
}
#section div.halfright{
	width:290px;
	float:right;
	margin-top:10px;
}
/*------------------------------------------------------------------*/
/*解説ページの写真*/
#section div.imgcenter{
	width:590px;
	text-align:center;
	margin-top:10px;
}

/*------------------------------------------------------------------*/
/*セクション内テーブル部分の設定 ＝＝会社案内.htmlで使用＝＝*/
#section div.table{
	margin-left:20px;
	width:340px;
	clear:both;
}
/*セクション内テーブルを、さらに左右に分割*/
/*割付　（左 100px＋右 230px）＋（マージン左 20px）＝350px*/
#section div.table_l{
	width:100px;
	margin:0px;
	float:left;
}
#section div.table_r{
	width:230px;
	margin:0px;
	float:right;
}
/*セクション内画像の個別設定 ＝＝会社案内.htmlで使用＝＝*/
#section img.com{
	width:200px;
	margin:10px 0 10px;
}
/*------------------------------------------------------------------*/
/*セクション内テーブルタグの設定 ＝＝送料・配送.htmlで使用＝＝*/
/*割付　（230px＋100px＋100px＋120px）＋（罫線左右 2px）＝550px*/
#section table.delivery{
	width:548px;
	margin-left:20px;
	text-align:center;
	border-collapse:collapse;
}
#section table.delivery td.w230{
	width:230px;
	padding:5px;
	text-align:left
;
}
#section table.delivery td.w100{
	width:100px;
}
#section table.delivery td.w120{
	width:120px;
}
#section table.delivery td{
	border:solid 1px #37a34a;
}

/*------------------------------------------------------------------*/
/*セクション内全体の画像の設定*/
#section img{
	border:0px;
}



/*------------------------------------------------------------------*/
/*商品一覧*/
#section img.nodivide{
	width:588px;
	border:solid 1px #37a34a;
	margin-top:5px;
}
#section div.imgleft{
	width:290px;
	float:left;
	margin-top:5px;
}
#section div.imgright{
	width:290px;
	float:right;
	margin-top:5px;
}
#section div.imgleft img, #section div.imgright img{
	width:288px;
	border:solid 1px white;
}
#section img.nodivide:hover, #section div.imgleft img:hover #section div.imgright img:hover{
	border:solid 1px red;
}

#section p.center{
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}



/*------------------------------------------------------------------*/
/*商品ページ*/
/*割付　（左 290px＋右 290px）＋余分 10px＝590px*/
#sectionhalf_l{
	width:290px;
	float:left;
	margin-top:10px;
}
#sectionhalf_r{
	width:290px;
	float:right;
	margin-top:10px;
}
#sectionhalf_l img{
	width:290px;
	margin-bottom:10px;
}
#sectionhalf_l img.item{
	width:288px;
	border:solid 1px white;
}
#sectionhalf_l img.item:hover{
	border:solid 1px red;
}

#section div.nodivide{
	width:590px;
/*	margin-top:10px;*/
	clear:both;
}

#section div.nodivide img.left{
	float:left;
}
#section div.nodivide img.right{
	float:right;
}

#section div.nodivide img.link_left{
	float:left;
	border:1px solid white;
}
#section div.nodivide img.link_right{
	float:right;
	border:1px solid white;
}
#section div.nodivide img.link_left:hover{
	border:1px solid red;
}
#section div.nodivide img.link_right:hover{
	border:1px solid red;
}

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

/*カート*/
#section div.cart{
	text-align:center;
	margin-bottom:10px;
}



/*------------------------------------------------------------------*/
/*コンテンツ部分の各要素の設定（ヘッダーとフッターについては上記）*/
/*下記の要素のマージンとパディングをリセット（必要ならそれぞれに再設定）*/
h1,h2,h3,h4,h5,h6,p,ul,ol{
	padding: 0;
	margin: 0;
}
/*h1*/
#main h1{
	color:white;
	margin:5px 0px;
	padding-left:25px;
/*	border:1px #FFFFCC solid;*/
/*	border-left:10px #37a34a solid;*/
/*	background-image:url("image/h1_bg.gif");*/
	background-color:#37a34a;
	font-family:'ＭＳ ゴシック', cursive, serif;
	font-size:20px;
	letter-spacing:4px;
	line-height:30px;
}

/*h2*/
#main h2{
	/*	font-family:'Comic Sans MS', 'Lucida Grande', Arial, sans-serif;*/
	color:#004d25;
	font-size:12px;
/*	text-align:right;*/
}
/*h3*/
#main h3{
	color:#004d25;
	font-family:'Comic Sans MS', 'Lucida Grande', Arial, sans-serif;
	font-size:16px;
	margin:10px 0 10px;
	padding-left:5px;
	border-left:solid 6px #37a34a;
	border-bottom:solid 1px #37a34a;
	line-height:20px;
}


/*strong*/


/*span*/
/*全ページ共通*/
span.bold{
	font-weight:bold;
}
span.brown{
	color:#004d25;
	font-weight:bold;
}
span.blue{
	color:#004d25;
	font-weight:bold;
}

span.subtitle{
	font-size:10px;
	line-height:18px;
}

span.bg_red{
	color:white;
	font-weight:bold;
	background-color:red;
}

/*p*/
/*全ページ共通*/
p {
	font-family:'Comic Sans MS', 'Lucida Grande', Arial, sans-serif;
	font-size:14px;
}
p.num{
	font-family:'Comic Sans MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:bold;
}
p.value{
	font-size:12px;
/*	line-height:12px;*/
/*	padding-top:3px;*/
}
/*メイン内*/
#main p.mark{
	color:#004d25;
	margin:8px 0 3px;
	padding-left:18px;
	font-family:'Comic Sans MS', 'Lucida Grande', Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:2px;
	background : url(../H22_0417/mark001.gif) no-repeat left center;
}
#main p.indent{
	padding-left:20px;
	padding-right:10px;
	font-size:14px;
}
#main p.border{
	margin-left:20px;
	margin-right:10px;
	padding:5px;
	font-size:14px;
	border:solid 1px #37a34a;
}

#main p.notes{
	padding-left:20px;
	padding-right:10px;
	font-size:12px;
	line-height:16px;
}
#main p.sentence{
	/*	color:#37a34a;*/
	padding-left:20px;
	padding-right:10px;
/*	font-size:14px;*/
	line-height:30px;
}
#main p.breadcrumbs{
	font-family:'Comic Sans MS', 'Lucida Grande', Arial, sans-serif;
	font-size:13px;
}

/*hr*/
#main hr{
	width:590px;
}

/*ul*/
#section ul{
	font-size:14px;
	list-style-image : url(../H22_0417/mark002.gif);
	list-style-position:inside;
	margin-top:5px;
/*	padding-left:10px;*/
}

/*a*/
a:visited{
	color:#004d25;
}


/*------------------------------------------------------------------*/
/*フッター部分の設定*/
#footer{
	width:750px;
	margin:0px;
	margin-top:5px;
	text-align:center;
	clear:both;
}
/*フッターの要素のスタイル*/
#footer a{
	text-decoration:none;
}
#footer p{
	margin-top:5px;
	color:#808080;
	font-size:12px;
	font-weight:normal;
	font-family:'Comic Sans MS', 'Lucida Grande', Arial, sans-serif;
}
#footer span.red{
	color:red;
	font-size:14px;
	font-weight:bold;
}
#footer span.green{
	color:green;
	font-size:14px;
	font-weight:bold;
}
#footer span.blue{
	color:blue;
	font-size:14px;
	font-weight:bold;
}
#footer span.black{
	color:black;
	font-size:14px;
	font-weight:bold;
}
/*------------------------------------------------------------------*/
/*フッターメニュー部分の設定*/
#footermenu{
	width:750px;
	height:25px;
	clear:both;
	float:left;
	margin-bottom:10px;
/*	background-color:#ADD8E6;*/
}
/*ヘッダーメニューの要素のスタイル*/
#footermenu ul{
	width:698px;
/*	background: url(image/headmenu_bg.gif) center center repeat-x;*/
	background-color:#ffffe0;
	padding: 5px 25px;
	margin: 0;
	text-align: center;
	clear:both;
	border:1px solid #37a34a;
	border-top:solid 3px #37a34a;
}
#footermenu ul li{
	display:inline;
	margin:0;
	padding:0;
}
#footermenu ul li a{
	font-size:12px;
	font-weight:bold;
	color: #004d25;
	padding: 5px 10px;
	margin:0;
	text-decoration: none;
}
#footermenu ul li a:hover{
	color:#001e43;
	background-color:#dbebc4;
}

/*------------------------------------------------------------------*/
/*効果の設定*/
/*商品写真のポップアップの設定*/
.thumbnail{
	/*	position: relative;*/
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{
	/*CSS for enlarged image*/
	position: absolute;
	background-color: #37a34a;
	padding: 5px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 600px;
	left: 500px; /*position where enlarged image should offset horizontally */
}



/*サイトマップの設定*/
#section div.sitemap{
	width:590px;
/*	background-color:#fff1cf;*/
	line-height:22px;
/*	float:left;*/
}
#section div.sitemap h2{
	color:#004d25;
	font-size:14px;
	background : url(../H22_0417/mark001.gif) no-repeat left center;
	text-align:left;
	text-indent:15pt;
/*	background-color:#ebe1a9;*/
	margin-bottom:10px;
}
#section div.sitemap ul{
	color:#004d25;
	font-size:12px;
	margin-left:35px;
	margin-bottom:10px;
	list-style:square;
	list-style-position:outside;
}
#section div.sitemap p{
	font-size:14px;
	font-weight:bold;
	text-indent:15pt;
}
/*------------------------------------------------------------------*/
/*カレンダーの設定*/
#side div.cal{
	width:150px;
	margin-top:10px;
	float:right;
/*	background-color:red;*/
}
#side div.cal p.title{
	color:white;
	background-color:#37a34a;
	padding:5px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#side div.cal p.center{
	text-align:center;
	font-size:12px;
	margin-top:3px;
}
#side div.cal div.above{
	margin-bottom:5px;
}
.calendar {
	border:1px solid #37a34a;
	border-collapse: collapse;
	font-size: 12px;
}

.calendar th {
	height: 16px;
	text-align: center
;
}

.calendar tr {
	text-align:right;
	vertical-align:center
}
}

.calendar td {
	width:20px;
	height:16px;
	border:1px solid #37a34a;
	padding:1px;;
}

.calendar .tf {
	width: 146px;
	border: 1px solid #37a34a;
	padding: 1px;
	text-align: center;
}
/*------------------------------------------------------------------*/
/*注文フォームの設定*/
/*商品の選択、決済方法、配送時間帯の選択*/
#section table.select{
	width:568px;
	margin-left:20px;
	border-collapse:collapse;
	border:none;
	font-size:14px;
}
#section table.select td{
	padding:3px;
	border:none;
}
#section table.select td.w100{
	width:100px;
}
/*氏名、住所等の記入*/
#section table.info{
	width:568px;
	margin-left:20px;
	border-collapse:collapse;
	border:solid 1px #37a34a;
	font-size:14px;
}
#section table.info td{
	border:solid 1px #37a34a;
	padding:3px;
}
#section table.info td.w100{
	width:100px;
}
#section table.info td.w70_right{
	width:70px;
	text-align:right;
}
/*------------------------------------------------------------------*/
/*サイトリニューアルのお知らせ*/
#side_main div.renewal{
	width:500px;
	margin-top:30px;
	margin-bottom:200px;
	margin-left:125px;
}
#side_main div.renewal p.center{
	text-align:center;
	font-size:18px;
}











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