@charset "utf-8";

/* Base
-------------------------------------------------------------------------------------------*/

/*PNG*/
* html img,
* html div{
	behavior: expression(IEPNGFIX.fix(this));
}

html, body {
	height: 100%;
}

body {
	text-align: center;
	color: #555555;
	margin: 0;
	padding: 0px;
	line-height: 1.4;
	font-size: 75%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: url(../images/common/background_body.jpg) repeat left top;
	/*\*/
	letter-spacing: 0.075em;
	/**/
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, span {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

img { border: none; vertical-align: bottom; }

a{ text-decoration: none; 
	color: #555555;
	/*\*//*/
	overflow: hidden;
	/**/
}

a:hover{
	text-decoration: none;
	color: #DD4D32;
}

table{
	font-size:100%;
	border-collapse:collapse;
}

th,
td{
	vertical-align:top;
}

/*行間設定*/
#content li,
#content p,
th,
td,
dl{
	line-height:150%;
}

dt,dd{
	line-height:180%;
}

.fLeft{
	float:left;
	width:auto;
}
.fRight{
	float:right;
	width:auto;
}
.tac{
	text-align:center !important;
}
.tar{
	text-align:right !important;
}
.tal{
	text-align:left !important;
}
.fz120{
	font-size:120%;
}

#content p,
#content dd,
#content dd,
#content li{
	text-align:justify;
	text-justify:inter-ideograph;
}

/* Container
-------------------------------------------------------------------------------------------*/
#container {
	width: 100%;
	position: relative;
	min-height: 100%;
	background: url(../images/common/background_head.jpg) repeat-x left top;
}

* html #container {
	height: 100%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* Head
-------------------------------------------------------------------------------------------*/
#head {
	width: 942px;
	height: 140px;
	position: relative;
	margin: 0px auto 50px;
	padding: 0px;
	font-size:12px;
}

/* トップ指定 */
body#topPage #head {
	margin: 0px auto;
}

#head #logo {
	width: 125px;
	position: absolute;
	top: 80px;
	left: -5px;
	line-height:0;
}

#head #nav {
	width: 565px;
	position: absolute;
	top: 96px;
	right: 0px;
	line-height:0;
}

#head #secondNav {
	width: 445px;
	position: absolute;
	top: 34px;
	right: 0px;
	line-height:0;
}

#head ul li {
	float: left;
	height:25px;
	width:auto;
}

#head li a {
	display:block;
	height:25px;
}

/* --ClearFix-- */
#head ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html #head ul {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#head .nav01{ background: url(../images/nav/nav_01b.jpg); width:79px; }
#head .nav02 { background: url(../images/nav/nav_02b.jpg); width:140px; }
#head .nav03 { background: url(../images/nav/nav_03b.jpg); width:193px; }
#head .nav04 { background: url(../images/nav/nav_04b.jpg); width:153px; }
#head .nav05 { background: url(../images/nav/nav_05b.jpg); width:130px; }
#head .nav06 { background: url(../images/nav/nav_06b.jpg); width:94px; }
#head .nav07 { background: url(../images/nav/nav_07b.jpg); width:88px; }
#head .nav08 { background: url(../images/nav/nav_08b.jpg); width:133px; }

#head li a:hover {
	background-color:transparent;
}

#head li a:hover img,
#outlinePage #head li.nav01 img,
#aboutPage #head li.nav02 img,
#storePage #head li.nav03 img,
#recipePage #head li.nav04 img,
#memberlistPage #head li.nav05 img,
#inquiryPage #head li.nav06 img,
#informationPage #head li.nav07 img{
	visibility:hidden;
}

#head #siteTop {
	width: 89px;
	height:19px;
	position: absolute;
	top: 96px;
	left: 200px;
	background: url(../images/nav/nav_00b.jpg);
	line-height:0;
}

#head #siteTop a {
	display:block;
	width: 89px;
	height:19px;
}

#head #siteTop a:hover {
	background-color:transparent;
}

#head #siteTop a:hover img {
	visibility:hidden;
}

/* Body
-------------------------------------------------------------------------------------------*/
#body {
	width: 940px;
	/*position: relative;*/
	margin: 0 auto;
	padding-bottom: 170px;
	text-align: left;
}

/*-------------------------
 ContentCommon
---------------------------*/
#content {
	width: 680px;
	float: right;
}

#content h1 {
	margin-bottom: 20px;
}

/*-------------------------
 Side
---------------------------*/
#side {
	width: 190px;
	float: left;
}

#side h2{
	margin-top:10px;
}

/*サブナビ（ホバー画像は各ページ指定）*/
#side ul{
	padding:0;
	margin:0;
}

#side ul li{
	width:190px;
	line-height:0;
	font-size:0;
}

#side li a {
	display:block;
	width:190px;
}

#side li a:hover {
	background-color:transparent;
}

#side li a:hover img {
	visibility:hidden;
}

/* Foot
-------------------------------------------------------------------------------------------*/
#foot {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 86px;
	margin: 0px;
	padding: 0px;
	background: url(../images/common/background_foot.jpg) repeat-x left top;
}

#footContent {
	width: 940px;
	position: relative;
	margin: 0px auto;
	line-height: 1.2;
	text-align: left;
}

#footLogoBox {
	width: 500px;
	position: absolute;
	top: 2px;
	left: 0px;
}

/* --ClearFix-- */
#footLogoBox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html #footLogoBox {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#footLogoBox .logo {
	width: 150px;
	float: left;
	margin-right: 5px;
	margin-top:20px;
}

#footLogoBox .address {
	width: 320px;
	float: left;
	margin-top: 16px;
	color: #B3B1A4;
	font-size: 10px;
	border-left:1px solid #868578;
	padding-left:13px;
}

#foot .copyright {
	position: absolute;
	top: 2px;
	right: 0px;
}

/*-------------------------
 PageTop
---------------------------*/
#container #content .pageTop {
	text-align: right;
	border-top:1px solid #d4d2bf;
	padding:10px 0 0;
	margin:60px 0 0;
	line-height:0;
	font-size:0;
}

.pageTop span{
	background: url(../images/common/pagetop_arrow_a.gif) no-repeat 0 0;
	width:106px;
	height:20px;
	float:right;
	display:block;
}

.pageTop a {
	display:block;
	width:106px;
	height:20px;
}
.pageTop a:hover {
	background: url(../images/common/pagetop_arrow_b.gif) no-repeat;
}
.pageTop a:hover img {
	visibility:hidden;
}
/* 名古屋コーチン入手可能店舗 上線無し */
/*#storePage #container #content .pageTop ,
#memberlistPage #container #content .pageTop{
	border-top:none;
}*/

#storePage #container #content .yohaku,
#memberlistPage #container #content .yohaku{
	margin:5px 0 60px;
	border-top:none;
}

/*-------------------------
float clearコンテンツ	
---------------------------*/
.contentIn{
	width:100%;
}

/*-------------------------
float clear
---------------------------*/

#contents:after,
#body:after,
#banner:after,
#grayBorder:after,
.contentIn:after,
.pageTop:after,
ul:after,
dl:after{
   display: block;
   line-height:0;
   font-size:0;
   height: 0;
   visibility: hidden;
   clear: both;
   content: ".";
}

#contents,
#banner,
#grayBorder,
#body,
.contentIn,
.pageTop,
ul,
dl{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/

* html #contents,
* html #body,
* html #banner,
* html #grayBorder,
* html .contentIn,
* html .pageTop,
* html ul,
* html dl{
	height: 1%;
}

.contentIn,
.pageTop,
#body,
#grayBorder,
#contents,
#banner,
ul,
dl{
	display: block;
}
/*Mac版 IE 避け*/

/* ページ共通要素---------------------------------- */

/*■ アイコン(お知らせと共通 body#informationPage) ■*/
dl.newsList{
	margin-bottom:10px;
}

dl.newsList dd span{
	margin:0;
	padding:0;
}

dl.newsList span,
#informationPage #content .contentIn span{
	padding:8px 0 8px 25px;
	display:block;
}

/* お知らせ */
dl.newsList .news,
#informationPage #article .news{
	background: url(../images/common/icon01.gif) no-repeat 0 8px;
}
/* レシピ */
dl.newsList .recipe,
#informationPage #article .recipe{
	background: url(../images/common/icon02.gif) no-repeat 0 8px;
}

/* pdf */
dl.newsList .pdf,
#informationPage #article .pdf{
	background: url(../images/common/icon03.gif) no-repeat 0 8px;
}
/* その他 */
dl.newsList .other,
#informationPage #article.other{
	background: url(../images/common/icon04.gif) no-repeat 0 8px;
}

/*アイコンの説明リスト -------------------*/
ul.exp{
	margin:0;
	padding:0;
}

ul.exp li{
	margin:0 5px 0 0;
	padding:0;
	width:16px;
	height:25px;
	float:left;
}

ul.exp li a{
	width:16px;
	height:25px;
	display:block;
}

/*通常時-----------------------*/
/* お知らせ */

/* 左矢印 */
ul.exp .arrow{
	background: url(../images/common/top_arrw_left01.gif) no-repeat 0 5px;
	padding:0 0 0 8px;
	width:10em;
	color:#7e7e7e;
}

ul.exp .pdf{
	padding:0 0 0 4px;
}

/*ホバー時-----------------------*/

ul.exp li a:hover img {
	visibility:hidden;
}
/* お知らせ */
ul.exp .news a:hover{
	background: url(../images/common/icon01.gif) no-repeat 0 0;
}
/* レシピ */
ul.exp .recipe a:hover{
	background: url(../images/common/icon02.gif) no-repeat 0 0;
}
/* pdf */
ul.exp .pdf a:hover{
	background: url(../images/common/icon03.gif) no-repeat 0 0;
}
/* その他 */
ul.exp .other a:hover{
	background: url(../images/common/icon04.gif) no-repeat 0 0;
}

/*ポップアップ枠*/
div.tooltip {
	position: absolute;
	left: -9999px;
	width:190px;
	height:84px;
	background:url(../images/common/background_fukidashi.gif) no-repeat 0 0;
	padding:0;
	font-size:80%;
}

#informationPage div.tooltip p,
div.tooltip p{
	padding:11px 13px 0 30px;
	text-align:left;
	line-height:110%;
}

/*■ 段落背景 ■*/
/* お知らせ */
p#newsIcon {
	background:url(../images/common/icon01.gif) no-repeat 9px 14px;
}
/* レシピ */
p#recipeIcon{
	background: url(../images/common/icon02.gif) no-repeat 8px 14px;
}
/* pdf */
p#pdfIcon{
	background: url(../images/common/icon03.gif) no-repeat 9px 14px;
}
/* その他 */
p#otherIcon{
	background: url(../images/common/icon04.gif) no-repeat 9px 14px;
}