@charset "euc-jp";

/* ==================================================================
	Author: adachi(WebBlending)
	
	■コンポーネント一覧
	　サイトによって使わない指定が多いので随時削除・変更すること。
=================================================================== */

/* --------------------------------
   □ 横並びリスト
-------------------------------- */

ul.inline-menu li {  display	: inline;}

ul.inline-menu li a{
	padding-left	: 8px;
	margin-right:3px;
	border-left:1px solid #333333;
}

ul.inline-menu li.among a{
	padding-right	: 5px;
	border-right:1px solid #333333;
}

/* --------------------------------
   □ パンくずナビ
-------------------------------- */

ol#breadcrumbs {
	padding:6px 12px 14px 12px;

}
ol#breadcrumbs li {
	vertical-align  : middle;
	display	: inline;
}

ol#breadcrumbs li strong{

}

ol#breadcrumbs li a{  
	padding-right	: 8px;
	margin-right:0px;
	color:#000;
	text-decoration:none;
	background:url(../images/common/icon/arrow/breadcrumbs.gif) 100% 30% no-repeat;
}

ol#breadcrumbs li a:hover{  
	text-decoration:underline;
}

/* --------------------------------
   □ メニュー
   
   メニューの原型
-------------------------------- */

ul.navigation{

}

ul.navigation li{
	float:left;
	display:inline;
}
	
ul.navigation li a{
	display:block;

	text-indent: -1000em;
	text-decoration:none;
	font-size:1px;
	overflow: hidden;
}	
/* MAC用IE only \*//*/
ul.navigation li a  {overflow: inherit;}
/* end */

/* ロールオーバー 
ul.navigation li a:hover{	background-position:0px -38px;}
*/
	/* --------------------------------
	   □ ヘッダーメニュー   	
		個別に指定
	-------------------------------- */
	
	.site ul.navigation{
		background:#282623;
	}
	
	.site ul.navigation li{
		width:130px;	
		height:39px;
		background:0 100% no-repeat;
	}
	
	.site ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}	

	html .site ul.navigation li a:hover{	background:none;}
	
	/* 個別指定 */
	.site ul.navigation li.store{ width:154px }
	.site ul.navigation li.experience{ width:158px }
	.site ul.navigation li.udon { width:185px; }
	.site ul.navigation li.mentomo{ width:151px; }
	.site ul.navigation li.shopping { width:152px; }
	
	
	.site ul.navigation li.store,
	.site ul.navigation li.store a { background-image:url(../images/common/headerMenu/store.gif);}
	.site ul.navigation li.experience,
	.site ul.navigation li.experience a { background-image:url(../images/common/headerMenu/experience.gif);}
	.site ul.navigation li.shopping,
	.site ul.navigation li.shopping a { background-image:url(../images/common/headerMenu/shopping.gif);}
	.site ul.navigation li.udon,
	.site ul.navigation li.udon a { background-image:url(../images/common/headerMenu/udon.gif);}
	.site ul.navigation li.mentomo,
	.site ul.navigation li.mentomo a { background-image:url(../images/common/headerMenu/mentomo.gif);}


	#store .site ul.navigation li.store a,
	#udonExperience .site ul.navigation li.experience a,
	#shopping .site ul.navigation li.shopping a,
	.udon .site ul.navigation li.udon a,
	#mentomo .site ul.navigation li.mentomo a{	background:none;}

	#udonExperience .site ul.navigation li.udon a{ background-image:url(../images/common/headerMenu/udon.gif);}
	#udonExperience .site ul.navigation li.udon a:hover{ background:none;}

	/* --------------------------------
	   □ フッターメニュー   	
	-------------------------------- */
	
	.publication ul.navigation{
		width:645px;
	}

	.publication ul.navigation li{
		height:32px;
		background:0 100% no-repeat;
	}
	.publication ul.navigation li.company { width:88px; }
	
	.publication ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}	

	html #index .publication ul.navigation li a:hover,
	html .publication ul.navigation li a:hover{	background:none;}
	
	/* 個別指定 */
	.publication ul.navigation li.award { width:72px; }
	.publication ul.navigation li.company { width:88px; }
	.publication ul.navigation li.contact{ width:81px }
	.publication ul.navigation li.privacy { width:101px; }
	.publication ul.navigation li.recruit { width:75px; }
	.publication ul.navigation li.sitemap{ width:78px; }	
	.publication ul.navigation li.law{ width:150px; }	


	.publication ul.navigation li.award,
	.publication ul.navigation li.award a{ background-image:url(../images/common/footerMenu/award.gif);}
	.publication ul.navigation li.company,
	.publication ul.navigation li.company a{ background-image:url(../images/common/footerMenu/company.gif);}
	.publication ul.navigation li.contact,
	.publication ul.navigation li.contact a { background-image:url(../images/common/footerMenu/contact.gif);}
	.publication ul.navigation li.privacy,
	.publication ul.navigation li.privacy a { background-image:url(../images/common/footerMenu/privacy.gif);}
	.publication ul.navigation li.recruit,
	.publication ul.navigation li.recruit a { background-image:url(../images/common/footerMenu/recruit.gif);}
	.publication ul.navigation li.sitemap,
	.publication ul.navigation li.sitemap a { background-image:url(../images/common/footerMenu/sitemap.gif);}
	.publication ul.navigation li.law,
	.publication ul.navigation li.law a { background-image:url(../images/common/footerMenu/law.gif);}



	/* --------------------------------
	   □ セカンダリーメニュー   	
	-------------------------------- */
	
	.menuBox ul.navigation{
		margin-top:10px;
		width:100%;
		border-bottom:1px solid #7B7B7B;
	}
	
	.menuBox ul.navigation li{
		width:100%;	
		height:24px;
		background:100% 0 no-repeat;
	}
	
	.menuBox ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}	

	html body .contents .menuBox ul.navigation li a:hover{	background:none;}
	
	/* 個別指定 */


	/* さぬきうどんのお話
	-------------------------------- */	
	
	.udon .menuBox ul.navigation li.history,
	.udon .menuBox ul.navigation li.history a{ background-image:url(../images/udon/menu/history.gif);}
	.udon .menuBox ul.navigation li.history-sub1,
	.udon .menuBox ul.navigation li.history-sub1 a{ background-image:url(../images/udon/menu/history-sub1.gif);}
	.udon .menuBox ul.navigation li.history-sub2,
	.udon .menuBox ul.navigation li.history-sub2 a{ background-image:url(../images/udon/menu/history-sub2.gif);}
	.udon .menuBox ul.navigation li.make,
	.udon .menuBox ul.navigation li.make a{ background-image:url(../images/udon/menu/make.gif);}
	.udon .menuBox ul.navigation li.secret,
	.udon .menuBox ul.navigation li.secret a { background-image:url(../images/udon/menu/secret.gif);}
	.udon .menuBox ul.navigation li.secret-sub1,
	.udon .menuBox ul.navigation li.secret-sub1 a{ background-image:url(../images/udon/menu/secret-sub1.gif);}
	.udon .menuBox ul.navigation li.secret-sub2,
	.udon .menuBox ul.navigation li.secret-sub2 a{ background-image:url(../images/udon/menu/secret-sub2.gif);}
	.udon .menuBox ul.navigation li.secret-sub3,
	.udon .menuBox ul.navigation li.secret-sub3 a{ background-image:url(../images/udon/menu/secret-sub3.gif);}
	.udon .menuBox ul.navigation li.secret-sub4,
	.udon .menuBox ul.navigation li.secret-sub4 a{ background-image:url(../images/udon/menu/secret-sub4.gif);}
	.udon .menuBox ul.navigation li.secret-sub5,
	.udon .menuBox ul.navigation li.secret-sub5 a{ background-image:url(../images/udon/menu/secret-sub5.gif);}	
	.udon .menuBox ul.navigation li.pollution,
	.udon .menuBox ul.navigation li.pollution a { background-image:url(../images/udon/menu/pollution.gif);}
	.udon .menuBox ul.navigation li.experience,
	.udon .menuBox ul.navigation li.experience a { background-image:url(../images/udon/menu/experience.gif);}
	.udon .menuBox ul.navigation li.visit,
	.udon .menuBox ul.navigation li.visit a { background-image:url(../images/udon/menu/visit.gif);}

	.udonHistory .menuBox ul.navigation li.history a,
	#udonHistory .menuBox ul.navigation li.history-sub1 a,
	#udonHistorySanuki .menuBox ul.navigation li.history-sub2 a,	
	#udonMake .menuBox ul.navigation li.make a,
	.udonSecret .menuBox ul.navigation li.secret a,
	#udonSecret-komugi .menuBox ul.navigation li.secret-sub1 a,
	#udonSecret-dashi .menuBox ul.navigation li.secret-sub2 a,
	#udonSecret-syouyu .menuBox ul.navigation li.secret-sub3 a,
	#udonSecret-salt .menuBox ul.navigation li.secret-sub4 a,
	#udonSecret-water .menuBox ul.navigation li.secret-sub5 a,
	#udonPollution .menuBox ul.navigation li.pollution a,
	#udonExperience .menuBox ul.navigation li.experience a,
	#udonVisit .menuBox ul.navigation li.visit a{	background:none;}

	/* さぬきうどんのお話topバナー
	-------------------------------- */	
	#udonStory .entries ul.navigation{
		margin-bottom:20px;
		clear:both;
	}
	#udonStory .entries ul.navigation li{
		width:277px;	
		height:50px;
		margin-right:5px;
		margin-bottom:5px;
		background:0 100% no-repeat;
	}
	
	#udonStory .entries ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}
	
	html body#udonStory .entries ul.navigation li a:hover{	background:none;}
	
	#udonStory .entries ul.navigation li.history,
	#udonStory .entries ul.navigation li.history a{ background-image:url(../images/udon/top/bnr/history.jpg);}
	#udonStory .entries ul.navigation li.make,
	#udonStory .entries ul.navigation li.make a{ background-image:url(../images/udon/top/bnr/make.jpg);}
	#udonStory .entries ul.navigation li.secret,
	#udonStory .entries ul.navigation li.secret a { background-image:url(../images/udon/top/bnr/secret.jpg);}
	#udonStory .entries ul.navigation li.pollution,
	#udonStory .entries ul.navigation li.pollution a { background-image:url(../images/udon/top/bnr/pollution.jpg);}
	#udonStory .entries ul.navigation li.experience,
	#udonStory .entries ul.navigation li.experience a { background-image:url(../images/udon/top/bnr/experience.jpg);}
	#udonStory .entries ul.navigation li.visit,
	#udonStory .entries ul.navigation li.visit a { background-image:url(../images/udon/top/bnr/visit.jpg);}
	



	/* 旨さの秘密サブメニュー
	-------------------------------- */	
	.udonSecret .entries ul.navigation{
		margin-bottom:20px;
	}
	.udonSecret .entries ul.navigation li{
		width:109px;	
		height:29px;
		margin-right:4px;
		background:0 100% no-repeat;
	}
	
	.udonSecret .entries ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}	

	html .udonSecret .entries ul.navigation li a:hover{	background:none;}

	.udonSecret .entries ul.navigation li.secret-sub1,
	.udonSecret .entries ul.navigation li.secret-sub1 a{ background-image:url(../images/udon/secret/menu/komugi.gif);}
	.udonSecret .entries ul.navigation li.secret-sub2,
	.udonSecret .entries ul.navigation li.secret-sub2 a { background-image:url(../images/udon/secret/menu/dashi.gif);}
	.udonSecret .entries ul.navigation li.secret-sub3,
	.udonSecret .entries ul.navigation li.secret-sub3 a { background-image:url(../images/udon/secret/menu/syouyu.gif);}
	.udonSecret .entries ul.navigation li.secret-sub4,
	.udonSecret .entries ul.navigation li.secret-sub4 a { background-image:url(../images/udon/secret/menu/salt.gif);}
	.udonSecret .entries ul.navigation li.secret-sub5,
	.udonSecret .entries ul.navigation li.secret-sub5 a { background-image:url(../images/udon/secret/menu/water.gif);}

	#udonSecret-komugi .entries ul.navigation li.secret-sub1 a,
	#udonSecret-dashi .entries ul.navigation li.secret-sub2 a,
	#udonSecret-syouyu .entries ul.navigation li.secret-sub3 a,
	#udonSecret-salt .entries ul.navigation li.secret-sub4 a,
	#udonSecret-water .entries ul.navigation li.secret-sub5 a{	background:none;}


	/* 会社概要
	-------------------------------- */	
	#company .menuBox ul.navigation li.jigyou,
	#company .menuBox ul.navigation li.jigyou a{ background-image:url(../images/company/menu-jigyou.gif);}
	#company .menuBox ul.navigation li.company,
	#company .menuBox ul.navigation li.company a{ background-image:url(../images/company/menu-company.gif);}
	#company .menuBox ul.navigation li.access,
	#company .menuBox ul.navigation li.access a{ background-image:url(../images/company/menu-access.gif);}

	#company .menuBox ul.navigation li a:hover{	background:none;}


	/* 受賞歴
	-------------------------------- */	
	#award .menuBox ul.navigation li.compe,
	#award .menuBox ul.navigation li.compe a{ background-image:url(../images/award/menu/compe.gif);}
	#award .menuBox ul.navigation li.tech,
	#award .menuBox ul.navigation li.tech a{ background-image:url(../images/award/menu/tech.gif);}
	#award .menuBox ul.navigation li.other,
	#award .menuBox ul.navigation li.other a{ background-image:url(../images/award/menu/other.gif);}

	#award .menuBox ul.navigation li a:hover{	background:none;}


	/* 個人情報保護方針
	-------------------------------- */	
	#privacy .menuBox ul.navigation li.atsukai,
	#privacy .menuBox ul.navigation li.atsukai a{ background-image:url(../images/privacy/menu/atsukai.gif);}
	#privacy .menuBox ul.navigation li.tuuhanhouki,
	#privacy .menuBox ul.navigation li.tuuhanhouki a{ background-image:url(../images/privacy/menu/tuuhannhouki.gif);}

	#privacy .menuBox ul.navigation li a:hover{	background:none;}

	#privacy .menuBox ul.navigation li.tuuhanhouki{
		height:36px;
	}

	/* 採用情報
	-------------------------------- */	
	#recruit .menuBox ul.navigation li.freshman,
	#recruit .menuBox ul.navigation li.freshman a{ background-image:url(../images/recruit/menu/freshman.gif);}
	#recruit .menuBox ul.navigation li.part,
	#recruit .menuBox ul.navigation li.part a{ background-image:url(../images/recruit/menu/part.gif);}

	#recruit .menuBox ul.navigation li a:hover{	background:none;}



/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ 共通クラス
-------------------------------- */

/* ◇ text
-------------------------------- */
/* margin0 */
p.none{ margin-bottom:0;}
/* 段落 */
p.indent{ text-indent:1em;}
/* 備考 */
p.remarks{ text-indent:-1em; padding-left:1em;}

/* 右寄せ */
.right{float:right;}
/* 左寄せ */
.left{float:left;}

/* text中央寄せ */
.text-center,
.text-center p{ text-align:center;}
.text-center img{ margin: 0 auto;}

/* text右寄せ */
.text-right,
.text-right p{ text-align:right;}
/* text左寄せ */
.text-left,
.text-left p{ text-align:left;}

/* clear */
.clear{
	clear:both;
}

/* 変換
-------------------------------- */
.ime-disabled{
	ime-mode:disabled;
}
.ime-active{
	ime-mode:active;
}

/* 文字隠
-------------------------------- */
.texthidden{
	text-indent: -1000em;
	text-decoration:none;
	font-size:1px;
	overflow: hidden;
}

/* MAC用IE only \*//*/
.texthidden  {overflow: inherit;}
/* end */

/* TOPへ戻る
-------------------------------- */

p.pagetop{
	text-align:right;
	margin:0 11px 5px 11px;
	clear:both;
}

p.pagetop a{
	color:#A97B19;
	text-decoration:none;
}

p.pagetop a:hover{
	text-decoration:underline;
}

/* ◇ 番号付きリスト
-------------------------------- */

ol.decimal li{
	list-style-type:decimal;
	margin-left:2em;
}

*:first-child + html ol.decimal li{
	display:list-item;
	vertical-align:top;
	position:relative;
	top:-0.3em;
	margin-top:0.3em;
}

/* 送信フォーム
-------------------------------- */
.submitArea{
	margin:15px 0;
	text-align:center;
}

.submitArea img,
.submitArea input{
	vertical-align:baseline;
}

/* エラー ----------------------- */
.warning{
	color:#FF0000;
	font-size:92%;
	display:none;
}

/* バナー一覧
-------------------------------- */
.publicity ul li{
	margin-bottom:5px;
}

/* 広告バナー
-------------------------------- */
.abs{
	margin:0;
}

/* ◇ 簡易マウスオーバー
-------------------------------- */
.mouse-over a:hover img,
.mouse-over:hover img{
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}