@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : section.css
 Style Info : コンテンツに関するスタイル指定
=================================================================== */

/*-------------------------------------------------------------------
　　トップページ
--------------------------------------------------------------------*/
#index section {
	margin:0 auto;
}
#top_main {
	background: url(../img/bg/bg_dot01.jpg);
	position:relative;
}
#top_main h2 {
	background: url(../../img/main/main_bg.jpg) repeat-x center top;
	position:relative;
	z-index:10;
	text-align:center;
	margin-bottom:-156px;
}
#top_main .sauce {
	width:1000px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-500px;
	z-index:20;
}
#top_main .sauce li.ton {
	float:left;
}
#top_main .sauce li.wor {
	float:right;
}
#top_main .inner {
	padding:70px 20px 40px;
	background:#fff;
	position:relative;
	z-index:1;
 }
#top_main .link {
	text-align:center;
	margin: -30px 0 0;
}


#i_media {
	background: url(../img/bg/bg_slash01.jpg);
}
#i_media .inner {
	padding:40px 30px;
	width:940px;
	overflow:hidden;
}
#i_media .book {
	float:left;
	width:450px;
}
#i_media .book .link {
	text-align:center;
	margin: 50px 0;
}
#i_media h2 {
	margin-bottom:40px;
}
#i_media .video {
	background: url(../../img/index/tv_foot.png) no-repeat center bottom;
	padding:20px 0 47px;
	width:440px;
	float:right;
}
#i_media .video .frame {
	background: #000;
	border-radius:6px;
	padding:10px;
}


#i_voice {
	background: #FCCA33;
	padding:50px 0;
}
#i_voice h2 {
	margin-bottom:20px;
}
#i_voice  .post_list {
	position:relative;
	min-height:250px;
	padding-bottom:117px;
	background: url(../../img/index/bg_voice.jpg) no-repeat center bottom;
}
#i_voice  .post_list li {
	width:175px;
	height:120px;
	line-height:22px;
	padding:55px 25px 0;
	position: absolute;
	background-repeat:no-repeat;
	background-position: center center;
}
#i_voice  .post_list li,
#i_voice  .post_list li a {
	color: #555;
	text-decoration:none;
}
#i_voice  .post_list li a:hover {
	text-decoration:underline;
}
#i_voice  .post_list li.list1 {
	left:52px;
	top:31px;
	background-image: url(../../img/index/bubble01.png);
}
#i_voice  .post_list li.list2 {
	left:273px;
	top:81px;
	background-image: url(../../img/index/bubble02.png);
}
#i_voice  .post_list li.list3 {
	left:501px;
	top:0;
	background-image: url(../../img/index/bubble03.png);
}
#i_voice  .post_list li.list4 {
	left:742px;
	top:20px;
	background-image: url(../../img/index/bubble04.png);
}
#i_voice  .post_list li .title {
	max-height:66px;
	display:block;
	overflow:hidden;
}
#i_voice  .post_list li .more {
	position:absolute;
}
#i_voice  .post_list li.list1 .more {
	left:160px;
	top:20px;
}
#i_voice  .post_list li.list2 .more {
	left:18px;
	top:150px;
}
#i_voice  .post_list li.list3 .more {
	left:156px;
	top:20px;
}
#i_voice  .post_list li.list4 .more {
	left:139px;
	top:129px;
}


#i_contact {
	background: #F0F0F0;
	padding:40px 0;
	text-align:center;
}


#i_company {
	background: url(../img/bg/bg_dot02.jpg);
}
#i_company .inner {
	width:940px;
	padding:40px 30px;
	background: #FFF;
}
#i_company .inner > h2 {
	margin:0 -30px 20px;
}
#i_company .bgArea {
	padding-left:400px;
	min-height:610px;
	background: url(../../img/index/owner.jpg) no-repeat 20px 30px;
}
#i_company .bgArea section {
	margin-bottom:40px;
}
#i_company .bgArea h3 {
	margin:0 0 20px -5px;
}
#i_company .bgArea .second {
	margin-left:-112px;
}
#i_company .link {
	text-align:center;
	padding: 20px 0 0;
}
#i_company .link li {
	display:inline;
}
#i_company .link li img {
	padding:0 7px;
}


#i_news {
	width:843px;
	margin:40px auto;
	position:relative;
}
#i_news h3 {
	margin-bottom:20px;
}
#i_news .more {
	position: absolute;
	right:10px;
	top:12px;
	margin:0;
}
#i_news .post_list {
	margin:0 10px;
	padding-right: 15px;
	min-height:192px;
	max-height:192px;
	overflow:auto;
}
#i_news .post_list li {
	overflow:hidden;
	line-height:24px;
	margin:12px 0;
}
#i_news .post_list span {
	display:block;
}
#i_news .post_list .date {
	float:left;
	color: #555;
	margin-right: 15px;
	padding-right: 10px;
	border-right: 1px solid #FCCA33;
}
#i_news .post_list .title {
	overflow:hidden;
}


#i_nav {
	width:960px;
	margin:40px -10px;
}
#i_nav ul {
	overflow:hidden;
	margin-right:-21px;
	}
#i_nav li {
	float:left;
	margin-right:21px;
	}

/*-------------------------------------------------------------------
　　商品紹介
--------------------------------------------------------------------*/
#sauce .bgArea {
	overflow:hidden;
	*zoom:1;
}

#sauce01 {
	background: url(../../img/sauce/sau_p01.jpg) no-repeat right top;
	padding-right: 400px;
	min-height:472px;
}
#sauce01 h3 {
	float:left;
	margin-right:30px;
}
#sauce01 h4,
#sauce02 h3, 
#sauce02 h4 {
	margin-bottom:20px;
}

#sauce02 {
	background: url(../../img/sauce/sau_p02.jpg) no-repeat left top;
	padding-left: 360px;
	min-height:414px;
}

#sauce03 {
	width:1000px;
	padding-bottom:40px;
	margin:0 -20px 40px;
	background: url(../img/bg/bg_slash01.jpg);
}
#sauce03 h3 {
	text-align:center;
	margin-bottom:40px;
	position:relative;
	top:-10px;
}
#sauce03 .sauce_detail { overflow:hidden; }
#sauce03 .sauce_detail li {
	width:50%;
	float:left;
	text-align:center;
}
#sauce03 .sauce_detail li dl {
	width:300px;
	margin:0 auto;
	font-size:93%;
	text-align:left;
}
#sauce03 .sauce_detail li dl dt { margin-bottom:5px; }
#sauce03 .sauce_detail li dl dd { margin-bottom:20px; }
	
/*-------------------------------------------------------------------
　　お買い物ガイド
--------------------------------------------------------------------*/
#flow ol {
	padding:0 30px;
}
#flow ol li {
	position:relative;
	background: url(../../img/guide/arw.gif) no-repeat center bottom;
	padding-bottom: 40px;
	margin-bottom:20px;
}
#flow ol li .frame {
	border: 1px solid #DDD;
	padding:20px 40px;
	box-shadow: 9px 9px 0px -6px rgba(0,0,0,0.1);
	background: url(../../img/guide/bg_dot.gif);
	overflow:hidden;
}
#flow ol li h4 {
	font-size:16px;
	font-weight:normal;
	line-height:43px;
	padding-bottom: 10px;
	margin:0 -20px 20px;
	border-bottom: 1px solid #FCCA33;
}
#flow ol li h4 img { margin-right:10px; vertical-align:middle; }
#flow ol li .imgL img {
	border: 1px solid #DDD;
}

#fee table th,
#fee table td {
	font-weight:normal;
	text-align:left;
	border-style:none;
	background:#fff;
	width:auto !important;
}
#fee table td {
	text-align:right;
}
#fee table tr.odd th,
#fee table tr.odd td  {
	background: #F0F0F0;
}

#shipping dl dt,
#return dl dt,
#member dl dt {
	font-size: 16px;
	font-weight: normal;
	color: #36251E;
	background: url(../img/ico/dot03.png) no-repeat left center;
	padding-left: 20px;
}
#shipping dl dd,
#return dl dd,
#member dl dd  {
	margin: 10px 0px 20px 20px;
	padding: 5px 20px;
	border-left: 1px solid #CCC;
}
#member dl dd ul {
	background: url(../../img/guide/ico_service.jpg) no-repeat left center;
	padding: 20px 0px 20px 110px;
	min-height: 46px;
}

/*-------------------------------------------------------------------
　　製造工程
--------------------------------------------------------------------*/
#process {
	padding-top:60px;
	background: url(../../img/process/prc_p08.jpg) no-repeat right top;
}
#process ol {
	background: url(../../img/process/prc_bg01.png) no-repeat 20px 20px;
	position:relative;
	width:920px;
	min-height:1070px;
}
#process ol li {
	position:absolute;
	padding-right:180px;
}
#process ol li.num01 {
	width:361px;
	left:0;
	top:0;
}
#process ol li.num02 {
	width:345px;
	left:52px;
	top:152px;
}
#process ol li.num03 {
	width:400px;
	left:120px;
	top:314px;
}
#process ol li.num04 {
	width:415px;
	left:73px;
	top:473px;
}
#process ol li.num05 {
	width:370px;
	left:181px;
	top:635px;
}
#process ol li.num06 {
	width:330px;
	left:300px;
	top:795px;
}
#process ol li.num07 {
	width:275px;
	left:250px;
	top:956px;
}
#process ol li p {
	margin-left:55px;
}
#process ol li .imgR {
	float:none;
	position:absolute;
	right:0;
	top:-15px;
}
#process ol li .imgR img {
	padding:3px;
	background:#fff;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
}
	
/*-------------------------------------------------------------------
　　特定商取引法に基づく表示
--------------------------------------------------------------------*/
#order table th {
	width:140px;
}
#order table dl,
#order table ul,
#order table ol   {
	margin-bottom:0;
}
#order table dl dt {
	margin-bottom:10px;
}
#order table dl dd {
	margin-bottom:20px;
}
/*-------------------------------------------------------------------
　　会社概要
--------------------------------------------------------------------*/
#history ol {
	min-height:305px;
	margin-left:40px;
	padding-left:15px;
	background: url(../../img/company/arw.jpg) no-repeat left top;
}
#history ol li {
	margin-bottom:30px;
}
#history ol li strong,
#history ol li small {
	display:block;
}
#history ol li.num01 small {
	margin-left:128px;
}
#history ol li.num02 small {
	margin-left:158px;
}
#history ol li.num03 small {
	margin-left:128px;
}
#history ol li.num04 small {
	margin-left:148px;
}

#greeting .imgR li + li { margin-top:15px; }
#greeting h4 { margin: 40px 0 20px -5px; }
#greeting .textArea h4:first-child {
	margin-top:0;
}
#greeting .textArea {
	width:646px;
	padding-left:5px;
}

#access {
	width:842px;
	margin:0 auto 40px;
}
#access .subTtl01 {
	margin-left:-79px;
	margin-right:-79px;
}
#access iframe {
	border: 1px solid #DDD;
	display:block;
	margin:0 auto;
}
#access .link {
	float:right;
}

/*-------------------------------------------------------------------
　　投稿共通
--------------------------------------------------------------------*/	
.post .body {
	clear:both;
	overflow:hidden;
}
.post .body h1, .post .body h2, .post .body h3, .post .body h4, .post .body h5, .post .body h6{
	margin:20px auto;
	padding:5px 10px;
	border-left:3px dotted #666;
}
.post .body img,
.post_osaka .imgMain img{
	background:#fff;
	padding:3px;
	box-shadow: 9px 9px 0px -6px rgba(0,0,0,0.1);
	position:relative;
}
.post .body iframe {
	display:block;
	margin:0 auto 20px;
}
.post .date {
	text-align:right;
	font-size:85%;
	margin:10px 10px 20px;
}
/*-------------------------------------------------------------------
　　お知らせ｜メディア情報｜お客さまの声
--------------------------------------------------------------------*/	
.post_news {
	background: url(../img/bg/bg_post_shadow.png) no-repeat center bottom;
	padding-bottom:28px;
}
.post_news .frame {
	border: 1px solid #DDD;
	border-radius:4px;
}
.post_news .frame > h3{
	font-size:18px;
	font-weight:normal;
	line-height:normal;
	margin:0 ;
	padding:20px;
	background: #FCCA33 url(../img/bg/bg_dot03.jpg);
	color:#36251e;
}
.post_news .frame > h3 a {
	display:block;
	color:#36251e;
	text-decoration:none;
	background: url(../img/ico/ico_heart.png) no-repeat left top;
	padding-left:40px;
	min-height:29px;
}
.post_news .frame .body {
	background: url(../img/bg/bg_post_stamp.png) no-repeat center bottom;
	padding:0 30px 52px;
	position:relative;
	bottom:-1px;
}

/*-------------------------------------------------------------------
　　大阪物語｜ソースを使ったレシピ｜オススメお店紹介
--------------------------------------------------------------------*/	
.post_osaka {
	width:900px;
	margin:0 auto 40px;
	background: url(../img/bg/bg_osaka_shadow.jpg) no-repeat center bottom;
	padding-bottom: 10px;
	position:relative;
}
.post_osaka .frame {
	padding:20px 39px;
	background: #FCF7F1 url(../img/bg/bg_stripe01.jpg);
	border: 1px solid #E0E0E0;
}
.post_osaka .frame > h3 {
	font-size:18px;
	font-weight:normal;
	margin:0 -19px 20px;
	padding: 10px 10px 10px 60px;
	border-bottom: 2px solid #FCCA33;
	color:#36251e;
}
.post_osaka .frame > h3 a{
	color:#36251e;
	text-decoration:none;
}
.post_osaka .label {
	display:block;
	position:absolute;
	left:-20px;
	top:-20px;
	text-indent:-9999px;
}
.post_osaka .label#osaka {
	background: url(../img/ico/ribbon_osaka.png) no-repeat;
	height: 87px;
	width: 133px;
}
.post_osaka .label#recipe {
	background: url(../img/ico/ribbon_recipe.png) no-repeat;
	height: 91px;
	width: 130px;
}
.post_osaka .label#recommend {
	background: url(../img/ico/ribbon_shop.png) no-repeat;
	height: 87px;
	width: 133px;
}

/*大阪物語のみ*/
.post_osaka .osaka {
	background: url(../img/bg/bg_osaka.png) no-repeat center bottom;
	padding-bottom: 75px;
	margin-bottom:-20px;
}

/*ソースレシピのみ*/
.post_osaka .imgMain {
	text-align:center;
	margin:0 auto 30px;
}
.post_osaka .recipeList {
	overflow:hidden;
}
.post_osaka .recipeList {
	overflow:hidden;
	margin: 30px -26px 0 0;
}
.post_osaka .recipeList li {
	width:185px;
	float:left;
	margin:0 26px 20px 0;
}
.post_osaka .recipeList img {
	background:#fff;
	padding:2px;
	border-right: 1px solid #FCCA33;
	border-bottom: 1px solid #FCCA33;
}
.post_osaka .recipeList .body {
	margin-top:5px;
}


/*-------------------------------------------------------------------
　　404 notfound
--------------------------------------------------------------------*/	
#notfound .body {
	padding:0 30px 30px ;
}

/*-------------------------------------------------------------------
　　お問い合わせフォーム
--------------------------------------------------------------------*/
#contact {}
#contact .tel { overflow:hidden; margin-bottom:40px; }
#contact .tel p { width:450px; padding-right:30px; float:left; }
#contact .tel .num {
	text-align:center;
	border-left: 2px solid #FCCA33;
	width:478px;
	padding: 5px 0;
	color: #583C30;
}

#contact .tel .num .tel_style {
color: #CE0A00;
font-weight: bold;}

#contact .tel .num img {
	margin-bottom:15px;
}
	
#main .iqfm-table th,
#main .iqfm-table td {
	background:transparent;
	padding:10px 0 ;
	border-style:none;
	border-bottom:1px dotted #CCC;
}
#main .iqfm-table th {
	width:30%;
}
#main .iqfm-table td p {
	margin:0;
	padding:0;
}
/*-------------------------------------
    送信確認ボタン
--------------------------------------*/
#main .check_btn{
	background:url(../img/buttons/btn_confirm.jpg);
	padding:0;	
	height:38px;
	width:213px;
	text-indent:-9999px;
	border:none;
	display:block;
	margin:20px auto;
	}
/*-------------------------------------
    送信ボタン
--------------------------------------*/	

#main .btnarea{
	padding:20px 0;
	text-align:center;
	}

#main .submit_btn{
	background:url(../img/buttons/btn_submit.jpg);
	padding:0;	
	height:38px;
	width:133px;
	text-indent:-9999px;
	border:none;
	}

/*-------------------------------------
    戻るボタン
--------------------------------------*/	

#main .return{
	background:url(../img/buttons/btn_return.jpg);
	padding:0;	height:38px;
	width:123px;
	text-indent:-9999px;
	border:none;
	}

/*-------------------------------------
    完了画面のdiv
--------------------------------------*/
#main .form_complete{
	margin:20px auto;
	padding:20px 30px;
	}

#main .form_complete h3{
	padding:13px 0 15px 0;
	color:#834523;
	font-family:ume_m,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:220%;
	font-weight:600;
	}


#main .form_complete p{
	margin:20px 0;}
/*-------------------------------------
    完了画面のトップへ戻るボタン
--------------------------------------*/

#main .return_top{
	background:url(../img/buttons/btn_return_tp.jpg);
	padding:0;	
	height:38px;
	width:213px;
	border:none;
	text-indent:-9999px;
	display:block;
	margin:20px auto;
	}
#main .check_btn:hover,
#main .submit_btn:hover,
#main .return:hover,
#main .return_top:hover{
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
	cursor:pointer;
}

/*-------------------------------------
    必須
--------------------------------------*/
	
#main th span.kome{
	margin-left:10px;
	padding:3px 4px;
	color:#fafafa;
	font-size:9px;
	font-weight:normal;
	letter-spacing:1px;
	margin: 0px 0px 0px 10px;
	line-height:9px;
	border-radius:3px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	zoom:normal;
	background: #CE0A00;
    }