@charset "utf-8";
@import "reset.css";
@import "fonts.css";
/****************************************
Basic
*****************************************/
html, body, #container {
	height:100%;
}
body {
	color:#2b1801;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	width:100%;
	background:url(/shop/truffleoil/img/bg_container.png) repeat 0 0;
}
/* liの中に画像が入った際の余白をクリア */
li img {
	font-size:0;
	line-height:0;
	vertical-align:top;
}
/*IE5でコンテンツ中央寄せ*/
body {
	text-align:center;
	width:100%;
}
/*透過PNG対策*/


/****************************************
BasicLayout
*****************************************/
/*container*/
div#container {
	width:1090px;
	text-align:center;
	text-align:left;
	margin:0 auto;
	background:url(/shop/truffleoil/img/bg_container_inner.png) repeat-y 0 0;
}
/*container内のコンテンツが少なかったときにも、containerが伸びるように*/
body > #container {
	height:auto;
	min-height:100%;
}
#container_inner{
	background:url(/shop/truffleoil/img/bg_txt.png) no-repeat 0 0;
	padding:0 80px;
}
/*header*/
div#header {
	color:#386524;
	padding:60px 0 0 128px;
	margin-bottom:80px;
}
div#header p{
	font-size:153.9%;
	padding-bottom:0.4em;
}
div#header h1{
	font-size:30px;
}
/*footer*/
div#footer {
	
}

/****************************************
BasicContentsLayout
*****************************************/
#header_content #txt{
	float:left;
	width:450px;
	padding-left:24px;
	line-height:1.6;
}
#header_content #txt h2,
#header_content #txt p{
	padding-bottom:1.5em;
	font-size:116%;
}
#header_content #txt div.atention{
	font-size:85%;
}
#header_content #recipi{
	float:right;
	width:378px;
	font-size:116%;
	min-height: 397px;  
    height: auto !important;  
    height: 397px; 
}
#header_content #recipi h2{
	background:url(/shop/truffleoil/img/icon_cup.png) no-repeat 0 center;
	min-height: 28px;  
    height: auto !important;  
    height: 28px; 
	padding: 0 0 0 35px;
	line-height:1.6;
	font-weight:bold;
}
#header_content #recipi ul{
	position:relative;
}
#header_content #recipi li#omu a{
	position:absolute;
	top:0;
	left:0;
	background:url(/shop/truffleoil/img/btn_omu.png) no-repeat 0 0;
	height:170px;
	width:176px;
	text-indent:-99999px;
}
#header_content #recipi li#kinoko a{
	position:absolute;
	top:131px;
	left:151px;
	background:url(/shop/truffleoil/img/btn_kinoko.png) no-repeat 0 0;
	height:204px;
	width:207px;
	text-indent:-99999px;
}

#amazon_area{
	background:#7E9176;
}




#footer{
	border-top:solid 4px #386424;
	padding:1em 0;
	margin:15px 0 0 0;
	color:#386424;
	font-size:85%;
}


/****************************************
BasicLink
*****************************************/
/*Base*/
a:link, a:visited, a:active {
	color:#33578B;
}