@charset "utf-8";
/* reset */
html {
	overflow:scroll;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	line-height:1.3;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	font-size: 80%;
	line-height: 1.4em;	
}
div { zoom: 1;/*for IE 5.5-7*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	border:none;
}
caption,th {
	text-align:left;
}
hr,legend {
	display:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
img,abbr,acronym,fieldset,a {
	border:0;
}
ul li {
	list-style-type:none;
}
img{display:inline-block;}
a {
	text-decoration:none;
	color:#A0CECF;/*リンク文字の色*/
}
a:hover {
	text-decoration: underline;
	color: #A0CECF;/*リンク文字ロールオーバーの色*/
}
a img{
-webkit-transition:opacity 0.5s;
}
a:hover img,
a:hover img{
background:none;
opacity:0.7;
filter:alpha(opacity="70");
}

/* base */
body {
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}
#wrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#head {
	overflow: hidden;
	height: 94px;
	background-image: url(images/line_t.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#head h1 {
	float: left;
	width: 290px;
}
#navi_area {
	overflow: hidden;
	float: right;
}
#navi_area li {
	float: left;
}
#main_area {
	height: 510px;
	width: 800px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#foot {
	background-image: url(images/line_b.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	text-align: center;
}

/*about*/
#main_area_a {
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	overflow: hidden;
	text-align: left;
}
#main_area_a #main_area_a_left {
	float: left;
}
#main_area_a_left img {
	border: 10px solid #F1EDE7;
}
#main_area_a_right {
	float: right;
	width: 265px;
	margin-top: 30px;
	overflow:auto;
	height:350px;
}
#main_area_a_right #right_in {
	padding: 10px;
	margin-top: 40px;
	border: 1px solid #92B9C8;/*ラインの色を変更*/
	font-size: 90%;
}
#main_area_a_right #right_in p {
	padding-top: 5px;
	padding-bottom: 5px;
}

/*recipe*/
#main_area_r {
	padding-top: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-left: 56px;
	overflow: hidden;
	text-align: left;
}
#main_area_r .main_area_r_in {
	padding-bottom: 12px;
}

#main_area_r .thickbox img {
	border: 2px solid #F1EDE7;/*ラインの色を変更*/
	margin-right: 9px;
}

#main_area_r .thickbox img.right {
	border: 2px solid #F1EDE7;/*ラインの色を変更*/
	margin-right: 0px;
}
#main_area #main_area_a #main_area_a_right ul {
	margin-bottom: 20px;
}
#main_area_a #main_area_a_right ul li {
	padding-right: 10px;
}

#main_area_a #main_area_a_right ol {
	list-style-position: inside;
}
#main_area_a #main_area_a_right ol li {
	padding-bottom: 10px;
	padding-right: 10px;
}
#main_area_a #main_area_a_right strong {
	color: #98C1D1;/*文字の色を変更*/
}
#main_area_r .page_area {
	text-align: center;
}
#page_go {
	color: #A0CECF;/*文字の色を変更*/
}






.m_t_20px{margin-top:20px;}
.m_b_20px{margin-bottom:20px;}
.m_b_10px{margin-bottom:10px;}