@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);

/* -----------------------------------------------------------------------------
>> 文書全体
----------------------------------------------------------------------------- */

img, .cont{ behavior: url(./iepngfix.htc) }

body {
	text-align:center;
	background: url(../img/parts/bg.jpg) no-repeat center 0;
	color : #333333;
}

body#rp {
	background: url(../img/parts/bg2.jpg) no-repeat center 0;
}

.wrap {
	width : 890px;
	margin : 0 auto;
	text-align:left;
}
.cont {
	zoom : 100%;
	background: url(../img/navi/navi_bg.png) no-repeat 0 0;
}


table {
	border-collapse: collapse;
}
img {
	border: none;
}

/* -----------------------------------------------------------------------------
>>　コンテンツレイアウト
----------------------------------------------------------------------------- */
.wrap:after,
.cont:after,
#right-area:after,
#right-area-in:after,
.cont-box:after,
.right-area-box:after {
	content: url(../img/parts/space.gif);
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}

.header {
	text-align : left;
	height:130px;
}



#left-area {
	float : left;
	width : 280px;
}

#left-area-in {
	padding : 10px 0 0 10px;
}

.right-area {
	width : 560px;
	float: left;
}

#right-area {
	position:relative;
	left : 20px;
	float : left;
	margin : 200px 0 0;
	border: 10px solid #f0f0f0;
}
#right-area-in {
	width:560px;
	background:#ffffff;
}

#right-area2 {
	zoom : 100%;
	position:relative;
	left : 20px;
	float : left;
	width:580px;
	margin : 200px 0 0;
	background : url(../img/parts/border_in.png) repeat-y ;
/*	border: 10px solid #f0f0f0;*/
}
#right-area-in2 {
	zoom : 100%;
	width:100%;
	padding : 5px 0 0;
	background : url(../img/parts/border_top.png) no-repeat;
}


#right-area.mt20 {
	position:relative;
	left : 20px;
	margin :20px 0 0;
	border: 10px solid #f0f0f0;
}
.mt20 #right-area-in {
	width : 560px;
}


#cont-area {
	background : url(../img/parts/border_bottom.png) no-repeat center bottom;
}

.right-area-box {
	width : 100%;
	margin : 0 0 20px 20px;
	border: 4px solid #cccccc;
	background:#ffffff;
}


h1 {
	padding : 40px 0;
}
h2.mb15 {
	margin : 0 0 15px;
}

h3 {
	margin : 0 0 15px;
}
h4 {
	line-height : 140%;
	margin : 0 0 10px;
}

p {
	line-height:140%;
	letter-spacing:0.1px;
}

h4 {
	text-align : right;
}
h4 strong {
	color : #f56f0e;
	font-size : 120%;
}


.cont-box {
	clear:both;
	zoom : 1;
	padding : 15px 15px;
}


#right-area2 .cont-box  {
	padding : 15px 30px;
}


.cont-box p {
	font-size:0.95em;
	margin : 0 0 1.2em;
}
.cont-box dt {
	float : left;
	width : 3em;
}
.cont-box dd {
	padding : 0 0 10px;
}



.cont-area {
	clear:both;
	zoom : 100%;
	line-height : 140%;
}
.cont-area h3 {
	clear:both;
	margin : 15px 0 20px 20px;
}
.cont-area h3.clear-none {
	clear:none;
}

.cont-area ol {
	font-size : 0.9em;
}
.cont-area ol li {
	margin-bottom : 10px;
	padding-right : 15px;
}
.cook-ol {
	margin : 0 0 0 17em;
}


/* サンプルセット　box */
#sample-box {
	background : url(../img/photo/sample_set.jpg) no-repeat center 80px;
}
#sample-box h4 {
	margin : -10px 0 130px;
}


/* -----------------------------------------------------------------------------
>> footer
----------------------------------------------------------------------------- */
#footer {
	clear : both;
}

#footer p {
	text-align:center;
	font-size : 12px;
	padding : 10px 0;
}
/* -----------------------------------------------------------------------------
>> 汎用クラス
----------------------------------------------------------------------------- */
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.font-style01 {
	font-weight : bold;
	font-size : 160%;
	color : #ea570f;
}
.font-style02 {
	font-weight : bold;
	font-size : 140%;
	color : #e60013;
}

.font-s {
	font-size : 0.8em;
	color : #666666;
}

p.price {
	text-align : right;
}
.price strong {
	color : #f56f0e;
	font-size : 200%;
}

.img-left {
	float : left;
	margin : 0 1em 0 0;
	text-align : center;
}
.img-right {
	float : right;
	margin : 0 0 0.6em 1em;
	text-indent : 0;
	text-align : center;
}
.pl130 {
	padding-left : 145px;
}

.clear  { clear: both; }

.clearfix:after {
	content: url(../img/parts/space.gif);
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}