/***********************************************/
/*      Designed by PALMYRA                    */
/*      http://palmyra-dates.com/              */
/***********************************************/

/***********************************************/
/*      CSS Properties                         */
/***********************************************/
* {
　　margin: 0;
　　padding: 0;
}

ul, ol {
　　list-style: none;
}

html {
	height: 				100%;
	}

body { 
	height: 				100%; 
	padding:				0px;
	margin:					0px; 
	font: 					11px Verdana, "ＭＳ Ｐゴシック",  "Hiragino Mincho Pro", "ヒラギノ明朝 ProW3", Osaka, sans-serif;
	color:					#444F51;
	line-height:			140%;
	}

.clear {
	clear:					both;
	}

p {
	font-size:				1.0em; 
	line-height:			150%; 
	margin:					0px; 
	padding:				0px;
	}

h1 { font-size:1.5ems; line-height:20px; color:#444F51; margin:0 0 24px 0; padding:0;}
h2 { font-size:1.25ems; line-height:17px; color:#444F51; margin:0; padding:0;}
h3 { font-size:1.1ems; color:#444F51;}
h4 { font-size:1.0ems; color:#444F51; line-height:17px; margin:0; padding:0;}

a { color:#190000; text-decoration:none; }
a:hover {text-decoration:underline; }
a:visited { color:#190000;} 

/* ここのボーダー左右がサイトの大外の線 */
#wrappper_page {
	width:					880px;
	min-height: 			100%;
	margin:					0px auto 0px auto; 
	padding:				0px 0px 0px 0px;
	position:				relative;
	border-left:			1px solid #808080;
	border-right:			1px solid #808080;
	}

/* ここが中身の大外のテーブル */
#out_table {
	width:					800px;
	min-height: 			100%;
	margin:					0px auto 0px auto; 
	padding:				0px 0px 0px 0px;
	position:				relative;
	}

/* 新着情報スペースのCSS */
#whatsnew{
	vertical-align: top;
	font-size: 12px;
	/* 記述した順に[上][右][下][左]のマージンになる */
	margin: 				0px 0px 0px 0px;
	/* 記述した順に[上][右][下][左]のパディングになる */
	padding:				10px 70px 10px 70px;
	/* 左寄せ */
	float:						none;
}

/* 新着情報スペースのリストタグのCSS */
#whatsnew li.new{
    /* リストタグの前につく「・」をつけない場合は「inline」 */
	display:						inline;
}

/* 新着情報スペースの日付 */
#whatsnew span.date{
	width:100px;
	/* ↓のpaddingの1つ目を変更することで上からどれくらい離せるか調整できる */
	padding:					10px 0px 0px 0px;
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 10px;
	white-space: nowrap;
 }

/* 新着情報スペースの内容 */
#whatsnew span.coment{
	width:350px;
	/* ↓のpaddingの1つ目を変更することで上からどれくらい離せるか調整できる */
	padding:					10px 0px 0px 0px;
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 20px;
 }

/* IE6 Hack to get the 100% height of #wrapper (IE6 doesn't support min-height) */
* html #wrappper_page {
	height: 					100%;
}

/* センター列のコンテナボディー */
#container_body {
	/*width:					485px;*/ 
	/* 記述した順に[上][右][下][左]のマージンになる */
	margin: 				0px 0px 0px 0px;
	/* 記述した順に[上][右][下][左]のパディングになる */
	padding:				10px 20px 10px 20px;
	/* 左寄せ */
	float:						none;
	}

#ad_body {
	/*width:					485px;*/ 
	/* 記述した順に[上][右][下][左]のマージンになる */
	margin: 				0px 0px 0px 0px;
	/* 記述した順に[上][右][下][左]のパディングになる */
	padding:				0px 0px 0px 40px;
	/* 左寄せ */
	float:						none;
	}

/* センター列のComing Soon 内容 */
#coming_soon {
	/*width:					485px;*/ 
	/* 記述した順に[上][右][下][左]のマージンになる */
	margin: 				0px 0px 0px 0px;
	/* 記述した順に[上][右][下][左]のパディングになる */
	padding:				10px 70px 10px 70px;
	/* 左寄せ */
	float:						none;
	}

/* センター列のComing Soon の子段落CSS */
#coming_soon p.child{
	/* 記述した順に[上][右][下][左]のマージンになる */
    text-align: right;
	margin:						0px 0px 0px 70px;	
}

.text_red {
	color:#800000;
	}

/* 配送料金表のCSS */
#shipping{
    width: 400px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 配送料金表の表題CSS */
#shipping th {
    padding: 1px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}

/* 配送料金表の中身CSS */
#shipping td {
    padding: 1px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: none;
    white-space: nowrap;
}

/* 会社概要のCSS */
#profile{
    width: 400px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 会社概要の表題CSS */
#profile th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}

/* 会社概要の中身CSS */
#profile td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: none;
    white-space: nowrap;
}

/* 通信販売の法規のCSS */
#law{
    width: 440px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 通信販売の法規の表題CSS */
#law th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: inherit; 
}

/* 通信販売の法規の中身CSS */
#law td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: none;
    white-space: inherit;
}

/* お問い合わせのCSS */
#inquiry{
    width: 400px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* お問い合わせの表題CSS */
#inquiry th {
    padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	white-space: inherit;
}

/* お問い合わせの中身CSS */
#inquiry td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: none;
    white-space: inherit;
}

/* 商品詳細のCSS */
#detail{
    width: 400px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 会社概要の表題CSS */
#detail th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}

/* 会社概要の中身CSS */
#detail td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: none;
}

/* デーツについてのCSS */
#about_dates{
    width: 250px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* デーツについての表題CSS */
#about_dates th {
    padding: 1px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: normal;
    line-height: 120%;
    text-align: right;
    white-space: nowrap; 
}

/* デーツについての中身CSS */
#about_dates td {
    padding: 1px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: none;
    white-space: nowrap;
}

/* デーツ栄養価のCSS */
#about_nutrition{
    width: 438px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* デーツ栄養価の表題CSS */
#about_nutrition th {
    padding: 1px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
	width:73px;
}

/* デーツ栄養価の中身CSS */
#about_nutrition td {
    padding: 1px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
	width:73px;
}

/* ヘッダーのCSS */
#header { 
	width:						800px;
	height:						74px;
	overflow:					hidden;				
	}
.header_left {
	width:						480px;
	padding:					25px 0px 0px 18px;
	margin:						0px;
	float:							left;
	}
.header_right {
	width:						230px;
	padding:					35px 0px 0px 0px;
	margin:						0px;
	float:							right;
	text-align:					center;
	}

#nav_container {
	width:						900px;
	height:						31px;
	margin:						0px;
	padding:					0px 0px 0px 18px;
	}

#nav_container img {
	margin:						0px;
	padding:					0px;
	border:						none;
	}

#nav_container .left {
	width:						654px;
	height:						29px;
	padding:					0px;
	margin:						0px;
	border-top:				1px solid #808080;
	border-bottom:			1px solid #808080;
	float:							left;
	}
#nav_container .right {
	width:						190px;
	height:						31px;
	padding:					0px 20px 0px 20px;
	margin:						0px;
	border-left:				1px solid #808080;
	float:							right;
	}

/* フッターの位置 */
#footer {
	font-size:					10pt;
	width:						800px;
	height:						23px;	
	/* ↓のpaddingの1つ目を変更することで上からどれくらいフッターを離せるか調整できる */
	padding:					20px 0px 0px 0px;
	/* ↓のmarginの4つ目を変更することでフッターが左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 40px;
	text-align:					center;
	/* border-top:				1px solid #808080; */
	/* border-bottom:			1px solid #808080; */
	}

/* フッターをセンターに */
#footer ul {
	list-style: 					none;
	margin: 					0px;
	padding-left: 				0px;
	}

/* フッターを横並びにする */
#footer li {
	display:						inline;
	padding:					4px 50px 4px 0px;
	margin:						0px 0px 0px 35px;
	/* border-right:				1px solid #000000; */
	}

/* フッターの最初の項目をどれだけ離すか */
#footer li.first {
	display:						inline;
	padding:					4px 50px 4px 0px;
	margin:						0px;
	/* border-right:				1px solid #000000; */
	}

/* フッターの最後の項目をどれだけ離すか */
#footer li.last {
	display:						inline;
	padding:					4px 0px 4px 0px;
	margin:						0px 0px 0px 35px;
	border:						none;
	}

/* フッターのコピーライトを右からどれだけ離すか */
#sub_footer {
	font-size:					10px;
	width:						800px;
	padding:					0px 0px 15px 0px;
	/* ↓のmarginの4つ目を変更することでサブフッターが左からどれだけ離れるか調整できる */
	margin:						20px 0px 0px 40px;
	overflow:					hidden;
	}

/* フッターのコピーライトを右寄せに */
#sub_footer .right {
	color:						#999999;
	width:						300px;
	padding:					0px;
	margin:						0px;
	text-align:					right;
	float:							right;
	}

/* 左列のメニュー */
#left-side-bar {
	width:158px;
	border-right:1px solid #CCC;
	vertical-align: top;
	font-size: 12px;
	}

/* 左列のメニューの親段落CSS */
#left-side-bar p.parent{
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 10px;
	white-space: nowrap;
}

/* 左列のメニューの子段落CSS */
#left-side-bar p.child{
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 30px;	
}

/* 右列のメニュー */
#right-side-bar {
	width:154px;
	border-left:1px solid #CCC;
	vertical-align: top;
	font-size: 12px;
}

/* 右列のメニューの親段落CSS */
#right-side-bar p.parent{
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 20px;
	white-space: nowrap;
}

/* 右列のメニューの子段落CSS */
#right-side-bar p.child{
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 30px;	
}

/* センターの列 */
#center-side-bar {
	width:485px;
	font-size: 12px;
}

/* レシピページ */
#recipe_area {
	/* 記述した順に[上][右][下][左]のマージンになる */
	margin: 				0px 0px 0px 0px;
	/* 記述した順に[上][右][下][左]のパディングになる */
	padding:				10px 20px 10px 20px;
	/* 左寄せ */
	float:						none;
    font-size: 12px;
}

/* Q&A 1行目 */
#faq{
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 0px;
}

/* Q&A 2行目 */
#faq1{
	/* ↓のmarginの4つ目を変更することで左からどれだけ離れるか調整できる */
	margin:						0px 0px 0px 14px;
}

/* 商品一覧のテーブル */
#p_list{
	height:350px;
}

/* 一覧のテーブル */
#r_list{
	height:200px;
}

/* 区切り線 */
hr {
width: 430px;
height: 0px;
margin: 7px 0;
border: solid size="1" noshade #cccccc ;
}
* html hr {/* for -IE6 */
margin: 0;
}
*:first-child+html hr {/* for IE7 */
margin: 0;
}

p.box1{
border-bottom: 1px solid #cccccc;
padding-bottom: 15px; /* 内容と線との間隔量 */
}

p.box2{
border-bottom: 1px solid #cccccc;
}

/* スライドショー */
#imageContainer {
position:relative;
margin:auto;
width:400px; /*画像の横幅*/
height:210px; /*画像の高さ*/
border:0px solid #000; /*画像のまわりのボーダー*/
}
#imageContainer img {
display:none;
position:absolute;
top:0; left:0;
}

/* 画像の回り込み */
/* 画像の左に文字列を配置 */
#img_left{
float: left;
margin-right: 1em;
}

/* 画像の回り込み解除 */
.floatclear{
clear: both;
}