@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	font-size: 95%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 135%;
	text-align: center;
	background: url(../images/common/body_bg.jpg) repeat-x;
}

/*********************
* main structure
*********************/

#container {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

/********** header **********/
#header {
	width: 950px;
	height:160px;
	position: relative;
}
/***** header_navi　01 *****/
#header_navi_box {
	width: 950px;
	}
#header_navi {
	width: 474px;
	margin-left: auto;
	}

#header_navi li{
	height: 19px;
	list-style-type: none;
	float: left;
	}
	
h1.title a{
	width: 276px;
	height: 112px;
	text-indent: -9999px;
	display: block;
	background: url(../images/common/title.jpg);
	position: absolute;
	top: 19px;
	left: 0;
	}

#header .tel {
	position: absolute;
	top: 62px;
	left: 661px;
	width: 289px;
	height: 69px;
	background: url(../images/common/tel.jpg);
	background-repeat: no-repeat;
}

#header ul#fontSize {
	position: absolute;
	top: 25px;
	left: 421px;
}

#header ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 10px;
}
#header ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
#header ul#fontSize li {
	float: left;
	list-style-type: none;
}
#header ul#fontSize li.changeBtn {
	cursor: pointer;
}
#header ul#fontSize li.changeBtn:hover {
}
#header ul#fontSize li.changeBtn.active {
}
#header ul#fontSize li.active:hover {
}

/***** header_navi　02 *****/
#header_navi02_box {
	position: absolute;
	top: 20px;
	left: 661px;
	}
#header_navi02 {
	width: 291px;
	height: 100px;
	}

/***** header *****/
#header_navi02 li{
	height: 36px;
	list-style-type: none;
	float: left;
	}

#header_message {
	position: absolute;
	top: 70px;
	left: 500px;
	width: 400px;
	font-size: 12px;
	color: #333333;
	line-height: 125%;
}

/***** top_navi *****/
#top_navi_box {
	width: 950px;
	position: absolute;
	top: 131px;
	left: 0;
	}
#top_navi li{
	height: 29px;
	list-style-type: none;
	float: left;
	}

#contents {
	width: 950px;
}
#contents_head {
	width: 950px;
	height: 12px;
	background-image:url(../images/common/contents_bg01.jpg);
	background-repeat: no-repeat;
}

#contents_inner {
	width: 950px;
	background: url(../images/common/contents_bg02.jpg) repeat-y;

	}
	
* html #contents_inner {
	margin-top: -3px;
}

#contents .footer_info {
	margin-left: 25px;
}

/******************** レフトコンテンツ　********************/	
#left_contents {
	width: 260px;
	float: left;
	}	

#left_navi {
	margin-bottom: 20px;
	}

#left_navi_caption_01 {
	width: 230px;
	height: 57px;
	text-indent: -9999px;
	list-style-type: none;
	border-bottom: #CCCCCC 1px dashed;
	margin-left: 15px;
	background: url(../images/common/sauce_caption.gif) no-repeat;
	}
#left_navi_caption_02 {
	width: 230px;
	height: 109px;
	text-indent: -9999px;
	list-style-type: none;
	border-bottom: #CCCCCC 1px dashed;
	margin-left: 15px;
	background:  url(../images/common/ranking_title.jpg) no-repeat;
	}
	
#ranking li{
	margin-left: 15px;
	list-style-type: none;
	}

#left_navi li	{
	width: 230px;
	height: 81px;
	list-style-type: none;
	}
#left_navi li a{
	width: 230px;
	height: 80px;
	text-indent: -9999px;
	display: block;
	border-bottom: #CCCCCC 1px dashed;
	margin-left: 15px;
	}
		
#left_navi_01 a{
	background: url(../images/common/left_navi_01.jpg);
	}
#left_navi_01 a:hover {
	background: url(../images/common/left_navi_01ro.jpg);
	}
#left_navi_02 a{
	background: url(../images/common/left_navi_02.jpg);
	}
#left_navi_02 a:hover {
	background: url(../images/common/left_navi_02ro.jpg);
	}
#left_navi_03 a{
	background: url(../images/common/left_navi_03.jpg);
	}
#left_navi_03 a:hover {
	background: url(../images/common/left_navi_03ro.jpg);
	}
#left_navi_04 a{
	background: url(../images/common/left_navi_04.jpg);
	}
#left_navi_04 a:hover {
	background: url(../images/common/left_navi_04ro.jpg);
	}
#left_navi_05 a{
	background: url(../images/common/left_navi_05.jpg);
	}
#left_navi_05 a:hover {
	background: url(../images/common/left_navi_05ro.jpg);
	}
#left_navi_06 a{
	background: url(../images/common/left_navi_06.jpg);
	}
#left_navi_06 a:hover {
	background: url(../images/common/left_navi_06ro.jpg);
	}
#left_navi_07 a{
	background: url(../images/common/left_navi_07.jpg);
	}
#left_navi_07 a:hover {
	background: url(../images/common/left_navi_07ro.jpg);
	}
#left_navi_08 a{
	background: url(../images/common/left_navi_08.jpg);
	}
#left_navi_08 a:hover {
	background: url(../images/common/left_navi_08ro.jpg);
	}
#left_navi_09 a{
	background: url(../images/common/left_navi_09.jpg);
	}
#left_navi_09 a:hover {
	background: url(../images/common/left_navi_09ro.jpg);
	}
#left_navi_10 a{
	background: url(../images/common/left_navi_10.jpg);
	}
#left_navi_10 a:hover {
	background: url(../images/common/left_navi_10ro.jpg);
	}
#left_navi_11 a{
	background: url(../images/common/left_navi_11.jpg);
	}
#left_navi_11 a:hover {
	background: url(../images/common/left_navi_11ro.jpg);
	}
#left_navi_12 a{
	background: url(../images/common/left_navi_12.jpg);
	}
#left_navi_12 a:hover {
	background: url(../images/common/left_navi_12ro.jpg);
	}

/******************** ライトコンテンツ　********************/
#right_contents {
	width: 660px;
	margin: 0 15px;
	float: left;
	}

/*** topページのみ　***/
#rightcontents_inner {
	width: 660px;
	}

#top_left_contents {
	width: 525px;
	float: left;
	}
	
.top_inner_contents {
	width: 525px;
	height: 220px;
	margin-bottom: 13px;
	}
	
#top_media_box {
	width: 256px;
	height: 220px;
	background: url(../images/top/media_frame.gif) no-repeat;
	margin-left: 10px;
	float: right;
	}
#media_inner,
#top_new_inner,
#top_blog_inner {
	width: 246px;
	height: 180px;
	margin:35px 3px 0 5px;
	font-size: smaller;
	line-height: 1.3em;
	overflow: auto;
}

#media_inner dl dd,
#top_new_inner dl dd,
#top_blog_inner dl dd {
	margin-bottom: 3px;
}

#top_new_box {
	width: 256px;
	height: 220px;
	background: url(../images/top/whatsnew_frame.gif) no-repeat;
	float: left;
	}
#top_blog_box {
	width: 256px;
	height: 220px;
	background: url(../images/top/blog_frame.gif) no-repeat;
	margin-left: 10px;
	float: right;
	}

#top_right_contents {
	width: 120px;
	float: right;
	}
/*** /topページのみ　***/





/******************** フッター　********************/
#footer {
	background-color: #212842;
	color:#FFFFFF;
	font-size: smaller;
}

#footer_inner {
	padding: 5px;
	color: #FFF;
}

#footer .footer_link {
	text-align: right;
	margin: 0 5px;
}

#footer .footer_link_inner a {
	color: #FFF;
}


/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img {
	border: 0;
}

p {
	padding-bottom: 10px;
}

.price, .red {
	font-weight: bold;
	color: #FF0000;
}

.m5 {
	margin: 5px;
}

h2 {
	margin-bottom: 5px;
}

.caption{
	width: 660px;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	margin: 10px 0;
	}

.text_box_a {
	font-size: 85%;
	line-height: 1.3em;
	color:#000000;
	}
.text_box_b {
	width: 370px;
	font-size: 85%;
	line-height: 1.3em;
	float: left;
	color:#000000;
	}
.text_box_c {
	width: 370px;
	font-size: 85%;
	line-height: 1.3em;
	float: right;
	color:#000000;
	}
.text_box_d {
	font-size: 85%;
	line-height: 1.3em;
	float: left;
	color:#000000;
	}
.text_box_movie {
	width: 300px;
	font-size: 85%;
	line-height: 1.3em;
	float: right;
	color:#000000;
	}
.movie_title {
	font-size: 100%;
	font-weight: bolder;
}
.movie_box_a {
	width: 320px;
	float:left;
}
.movie_box_b {
	width: 320px;
	float:right;
}

.roundedcornr_box {
	background: url(../images/common/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(../images/common/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(../images/common/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(../images/common/roundedcornr_br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(../images/common/roundedcornr_r.png) top right repeat-y;
/*	font-size: 85%;*/
	line-height: 1.3em;
}
.roundedcornr_content h3 a{
	text-decoration: none;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: -3px;
}

* html .roundedcornr_content, * html .roundedcornr_bottom {
	margin-top: -7px;
}

.roundedcornr_content { padding: 0 10px;}

/*********************
* main contents
*********************/

/****** top *****/
#kodawari_box {
	width: 660px;
	background: url(../images/top/kodawari_bg.jpg) no-repeat;
	}
#kodawari_sozai {
	font-size: 85%;
	line-height: 1.3em;
	color: #333;
	list-style-type: none;
	}
##kodawari_sozai li {
	padding-bottom: 10px;
	}
.kodawari_name {
	font-size: 95%;
	font-weight:bold;
	color:#CC3333;
	}
#omoi {
	width:660px;
	font-size: 85%;
	}
#text_box_omoi{
	width: 420px;
	line-height: 1.3em;
	float: left;
	}

.foot_link {
	text-align: right;
	margin: 10px;
}

.foot_link img {
	margin: 3px 0;
}

/****** お客様の声 *****/
#voice {
	width: 602px;
	height: 354px;
	background:url(../images/common/voice_bg.jpg) no-repeat;
	margin: 0 auto;
	padding-top: 100px;
	margin-top: 40px;
	}

#voice2 {
	width: 602px;
	height: 354px;
	background:url(../images/common/voice_bg2.jpg) no-repeat;
	margin: 0 auto;
	padding-top: 100px;
	margin-top: 40px;
	}
	
#voice_inner {
	width: 545px;
	height: 225px;
	overflow-y: scroll;
	margin-left: 30px;
	font-size: 85%;
	line-height: 1.3em;
}
#voice_inner p{
	border-bottom: dashed 1px #CCC;
}

.voice_title {
	color: #F00;
}
/****** 商品欄 *****/
#item {
	width: 660px;
	/*height: 325px;*/
	/*background: url(../images/common/item_bg.gif) no-repeat;*/
	background: url(../images/common/item_bg_02.gif) repeat-y;
	padding-bottom: 15px;
	/*margin: 20px 0;*/
	}
#item_inner {
	width: 600px;
	/*height: 285px;*/
	padding:  auto;
	margin: 0 15px;
	}
#item_text {
	width: 400px;
	padding-top: 15px;
	text-align: left;
	float: right;
	}
	
#item_text img.cart {
	margin: 10px 0;
}

/*****  アイテム枠 *****/
#item_header {
	background: url(../images/common/item_bg_01.gif) no-repeat;
	width: 660px;
	height: 16px;
}
#item_title  {
	background: url(../images/common/item_bg_title.gif) no-repeat;
	width: 600px;
	height: 43px;
}

#item_footer {
	width: 660px;
	height: 21px;
	background: url(../images/common/item_bg_03.gif) no-repeat;
	padding-bottom: 20px;
}
/*****  アイテム枠 *****/






/*****　トリイソースについて　*****/
#about_top_navi {
	width: 630px;
	margin-left: 15px;
	;
	}

#atn_list li {
	width: 210px;
	float: left;
	list-style-type: none;
	}
	
#about_table {
	font-size: 90%;
	width: 380px;
	float: left;
	}
##about_table th {
	width: 150px;
	}
#about_table td{
	width: 230px;
	font-size: 85%;
	color:#999999;
	}
	
#about_table_b {
	font-size: 85%;
	width: 600px;
	line-height: 1.3em;
	}
#about_table_b th {
	font-size: 85%;
	color:#999999;
	width: 150px;
	}
#about_table_b td{
	width: 450px;
	font-size: 90%;
	color:#999999;
	}

.staff_left {
	float: left;
	width: 360px;
	margin-right: 15px;
}

* html .staff_left {
	width: 350px;
}

.staff_right {
	float: left;
	width: 280px;
}

/*********************
* リスト
*********************/
.list h2 {
	margin-top: 20px;
}

.list .roundedcornr_box {
	width: 210px;
	margin: 10px 10px 5px 0;
	float: left;
	font-size: 90%;
	line-height: 125%;
}

* html .list .roundedcornr_box {
	margin-right: 7px;
}

.list h3 {
	font-size: 90%;
	line-height: 125%;
}

.list ul.category_list {
}

.list ul.category_list li {
	list-style-type: none;
	float: left;
	margin-left: 6px;
}

/*********************
* レシピ
*********************/
.recipe_top1 {
	float: left;
	background-image:url(../images/recipe/bg1.jpg);
	width: 324px;
	height: 260px;
}

.recipe_top1_inner {
	margin: 20px 25px 10px 10px;
	line-height: 110%;
}

.recipe_top2 {
	float: left;
	background-image: url(../images/recipe/bg2.gif);
	background-repeat: no-repeat;
	width: 335px;
	height: 360px;
}

.recipe_top2_inner {
	margin: 40px 10px 10px 10px;
	line-height: 120%;
}

.recipi_left {
	float: left;
	width: 310px;
	margin: 5px;
}

.recipi_right {
	float: left;
	width: 330px;
	margin: 5px;
}

* html .recipi_right {
	width: 310px;
}


/*********************
* 会社概要
*********************/
#contents table.company_info {
	width: 300px;
	margin-left: 20px;
	border-collapse: collapse;
	border-right: 1px solid #666;
}

#contents table.company_info th,
#contents table.company_info td {
	padding: 3px;
	border: 1px solid #666;
}

#contents table.company_info th {
	text-align: center;
	background-color: #eeeae6;
}

/*********************
* 送料とお届けについて
*********************/
#contents table.shipping_list {
	border-collapse: collapse;
	border-right: 1px solid #666;
	margin: 10px 0 10px 60px;
}

#contents table.shipping_list th,
#contents table.shipping_list td {
	padding: 3px;
	border: 1px solid #666;
}

#contents table.shipping_list th {
	text-align: center;
	background-color: #eeeae6;
}

/*********************
* プライバシーポリシー
*********************/
dl.policy {
	margin: 10px 50px;
}

dl.policy dt {
	font-weight: bold;
}


/*********************
* 特定商取引
*********************/
table.tokutei {
	border-collapse: collapse;	
	border-right: 1px solid #666;
	width: 640px;
	margin: 10px 10px;
}

table.tokutei th,
table.tokutei td {
	padding: 3px;
	border: 1px solid #666;
}

table.tokutei th {
	background-color: #eeeae6;
	width: 150px;
}

/*********************
* ブログ
*********************/
#blog .entry {
	border: 1px solid #333;
	margin: 10px 0;
}

#blog .entry h3 {
	border-left: 12px solid #333;
	border-bottom: 1px solid #333;
	margin: 5px;
	padding: 3px 5px;
	color: #333;
}

#blog .entry h3 a {
	text-decoration: none;
	color: #333;
}

#blog .entry .date {
	text-align: right;
	margin: 3px;
	color: #666666;
}

#blog .entry .entry_body {
	margin: 5px;
	color: #333333;
}

#blog .pagebute {
	text-align: center;
	margin-top: 20px;
}

#blog a.current_page,
#blog a.link_page,
#blog a.link_before,
#blog a.link_next {
	border: 1px solid #000;
	padding: 5px;
	text-decoration: none;
}

#blog a.current_page:hover,
#blog a.link_page:hover,
#blog a.link_before:hover,
#blog a.link_next:hover {
	background-color: #cddcd9;
}

#blog .current_page {
	padding: 5px;
	background-color: #cddcd9;
	font-weight: bold;
}

#blog .link_before,
#blog .link_next {
	font-weight: bold;
}

#blog ul.media_list {
	margin: 20px 0 30px 20px;
	border-top: 1px dashed #ccc;
}

#blog ul.media_list li {
	background-image: url(../images/media/blog_media_list.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding: 5px 0 5px 21px;
	list-style-type: none;
	border-bottom: 1px dashed #ccc;
}

#blog ul.media_list li.odd {
	background-color: #e8ebfc;
}

#blog ul.media_list li a {
	text-decoration: none;
}

#blog ul.media_list li a:hover {
	text-decoration: underline;
}

/************** レシピブログ **************/
#blog .recipe_entry {
	margin-bottom: 20px;
}

#blog .recipe_entry h3 {
	background-image:url(../images/recipe_blog/common/title_bg.jpg);
	background-repeat: no-repeat;
	width: 465px;
	height: 49px;
	margin-bottom: 10px;
	padding: 40px 150px 0 45px;
	font-size: large;
	line-height: 130%;
}

#blog .recipe_entry h3 a {
	text-decoration: none;
	color: #000000;
}
#blog .recipe_entry h3 a:hover { text-decoration: underline; }

#blog .recipe_entry .recipe_info {
	margin-bottom: 15px;
}

#blog .recipe_entry .main_image {
	float: left;
	width: 300px;
}

#blog .recipe_entry .food_staff {
	float: left;
	width: 350px;
	margin-left: 7px;
}

#blog .recipe_entry .food_staff a {
	text-decoration: none;
	color: #FF0000;
}

#blog .recipe_entry .food_staff dl {
}

#blog .recipe_entry .food_staff dt {
	clear: both;
	float: left;
	width: 260px;
	height: 22px;
	padding-left: 10px;
	background-image:url(../images/recipe_blog/common/foodstaff_bg.jpg);
}

#blog .recipe_entry .food_staff dd {
	float: left;
	width: 70px;
	text-align: right;
	height: 22px;
	padding-right: 10px;
	background-image:url(../images/recipe_blog/common/foodstaff_bg.jpg);
}

#blog .recipe_entry .food_staff dd a {
	color: #000000;
}

#blog .recipe_entry ul.process {
}

#blog .recipe_entry ul.process li {
	width: 620px;
	padding-left: 40px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left -5px;
	margin: 5px 0 10px 0;
}

#blog .recipe_entry ul.process li img {
	margin-left: 10px;
	border: 1px solid #ccc;
}

#blog .recipe_entry ul.process li a {
	color: #000000;
}


#blog .recipe_entry ul.process li.p1 { background-image:url(../images/recipe_blog/common/no1.jpg); }
#blog .recipe_entry ul.process li.p2 { background-image:url(../images/recipe_blog/common/no2.jpg); }
#blog .recipe_entry ul.process li.p3 { background-image:url(../images/recipe_blog/common/no3.jpg); }
#blog .recipe_entry ul.process li.p4 { background-image:url(../images/recipe_blog/common/no4.jpg); }
#blog .recipe_entry ul.process li.p5 { background-image:url(../images/recipe_blog/common/no5.jpg); }
#blog .recipe_entry ul.process li.p6 { background-image:url(../images/recipe_blog/common/no6.jpg); }
#blog .recipe_entry ul.process li.p7 { background-image:url(../images/recipe_blog/common/no7.jpg); }
#blog .recipe_entry ul.process li.p8 { background-image:url(../images/recipe_blog/common/no8.jpg); }
#blog .recipe_entry ul.process li.p9 { background-image:url(../images/recipe_blog/common/no9.jpg); }
#blog .recipe_entry ul.process li.p10 { background-image:url(../images/recipe_blog/common/no10.jpg); }

#blog .recipe_entry .point {
	background-color: #eddfdf;
	padding: 5px;
}

/*********************
* スタッフページ
*********************/
.staff_img{
	float:left;
	padding-bottom:10px;
}

.staff_right_box1 p,
.staff_right_box2 p,
.staff_right_box3 p,
.staff_right_box4 p,
.staff_right_box5 p,
.staff_right_box6 p,
.staff_right_box7 p,
.staff_right_box8 p,
.staff_right_box9 p,
.staff_right_box10 p,
.staff_right_box11 p {
	margin-left:11px;
	line-height: 1.3em;
}

.staff_right_box1,
.staff_right_box2,
.staff_right_box3,
.staff_right_box4,
.staff_right_box5,
.staff_right_box6,
.staff_right_box7,
.staff_right_box8,
.staff_right_box9,
.staff_right_box10,
.staff_right_box11 {
	float:right;
	width:379px;
	height:400px;
}

.staff_right_box1{
	background:url(../images/staff/sato_m_02.jpg) no-repeat;
}
.staff_right_box2{
	background:url(../images/staff/yamashita_02.jpg) no-repeat;
}
.staff_right_box3{
	background:url(../images/staff/iwai_02.jpg) no-repeat;
}
.staff_right_box4{
	background:url(../images/staff/suzuki_h_02.jpg) no-repeat;
}
.staff_right_box5{
	background:url(../images/staff/nishida_02.jpg) no-repeat;
}
.staff_right_box6{
	background:url(../images/staff/maeda_02.jpg) no-repeat;
}
.staff_right_box7{
	background:url(../images/staff/shinmura_02.jpg) no-repeat;
}
.staff_right_box8{
	background:url(../images/staff/fujita_02.jpg) no-repeat;
}
.staff_right_box9{
	background:url(../images/staff/sato_y_02.jpg) no-repeat;
}
.staff_right_box10{
	background:url(../images/staff/suzuki_m_02.jpg) no-repeat;
}
.staff_right_box11{
	background:url(../images/staff/murai_02.jpg) no-repeat;
}

/*********************
* 完熟ソース　レシピ
*********************/
.kanjuku_recipe .recipe_left {
	float: left;
	width: 320px;
	padding-bottom: 10px;
}

.kanjuku_recipe .recipe_right {
	float: right;
	width: 320px;
	margin-left: 10px;
	padding-bottom: 10px;
}

.kanjuku_recipe .recipe_info {
	background-image: url(../images/kanjuku_recipe/sozai_bg.jpg);
	width: 318px;
	height: 221px;
}

.kanjuku_recipe .recipe_info_inner {
	margin: 0 15px;
	padding: 15px 0;
}

/*********************
* 企業活動
*********************/
.activity .text_box_b {
	font-size: 90%;
	line-height: 135%;
	margin-top: 5px;
}

/*********************
* dream weaver対策（本番で消すこと）
*********************/
/*
.clearfix {overflow:hidden;}
*/