@charset "utf-8";


/*
	dashi-info
-------------------------------------------------- */


/* 枠 */
#content .dashi-info{
	width: 720px;
	margin: 20px 0px 20px 20px;
}


/* 画像 */
#content .dashi-info img{
	width: 105px;
	height: 105px;
	float: left;
	margin: 0px 20px 0px 0px;
}


/* テキストリスト枠 */
#content .dashi-info ul{
	width: 500px;
	padding: 15px 0 0 0;
}


/* 各テキストリスト */
#content .dashi-info ul li{
	width:500px;
	line-height:1.8em;
	padding: 0px;
	margin:0px;
}





/*
	dashi-text(テキスト説明用)
-------------------------------------------------- */

/* 枠 */
#content .dashi-text{
	width: 740px;
	margin: 20px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	border-top: 4px solid #dc5f76;
}


/* テキストのみの説明文 */
#content .dashi-text p{
	width: 670px;
	margin: 20px 0px 40px 40px;
	line-height: 1.7em;
}

/* 昆布 */
#content .dashi-text p.konbu{
	margin: 20px 0px 20px 40px;
}

/* 画像回り込ませる場合 */
#content .dashi-text img.photo{
	float: right;
}


/* 画像を回り込ませた場合の説明文 */
#content .dashi-text p.photo{
	width: 400px;
	margin: 20px 0px 40px 20px;
	line-height: 1.7em;
}

/* 昆布 */
#content .dashi-text dl {
	width: 650px;
	padding: 0px;
	margin: 0px 0px 40px 40px;
	line-height: 25px;
}

#content .dashi-text dl dt {
	width: 70px;
	float: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

#content .dashi-text dl dd {
	width: 550px;
	padding: 0px;
	margin: 0px;
}



/*
	ポイント
-------------------------------------------------- */

/* ポイント共通箇所で利用 */
#content .point{
	width: 740px;
	margin: 15px 0px 0px 0px;
	background: url(../img/dashi/point-bg.jpg) left top repeat-y;
}


/* ポイント1リスト枠 */
#content .point dl {
	height: 70px;
	padding: 15px 0px 0px 100px;
}

/* ポイント1背景 */
#content .point1 dl {
	background: url(../img/dashi/point1-ttl.jpg) left top no-repeat;
}

/* ポイント1背景 */
#content .point2 dl {
	background: url(../img/dashi/point2-ttl.jpg) left top no-repeat;
}

/* ポイント1背景 */
#content .point3 dl {
	background: url(../img/dashi/point3-ttl.jpg) left top no-repeat;
}


/*  */
#content .point dt {
	width:600px;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#db5f76;
	padding:0 0 10px 0;
	margin:0;
}

#content .point dd {
	width:590px;
	float:left;
	padding:0 0 15px 0;
	margin:0;
	line-height:1.8em;
}

/* リンク指定 */
#content .point a { color: #F9396F;}
#content .point a:hover { text-decoration: underline;}


#content .point strong{
	color: #db5f76;
}




/*
	Contents explain
-------------------------------------------------- */

/* ---------------------------------------- 共通,Asasri */

#content .photoexplain{
	width: 740px;
	margin: 15px 0px 0px 0px;
}

#content .photoexplain dl{
	width: 165px;
	height: 410px;
	float: left;
	padding: 0 15px 0 0;
	letter-spacing: 0.5px;
}

#content .photoexplain dl.sec{
	height: 350px;
}

/* katsuo */
#content .photoexplain dl.katsuo{
	height: 380px;
}

/* 画像 */
#content .photoexplain dt{
	padding:0 0 10px 0;
	margin:0;
}

/* テキスト */
#content .photoexplain dd{
	width:165px;
	padding:0;
	margin:0;
	line-height:1.5em;
}

/* リンク指定 */
#content .photoexplain a { color: #F9396F;}
#content .photoexplain a:hover { text-decoration: underline;}



/* ---------------------------------------- katsuo */
#content .photoexplain dl.katsuo{
	height: 380px;
}

/* 画像 */
#content .photoexplain dt{
	padding:0 0 10px 0;
	margin:0;
}

/* テキスト */
#content .photoexplain dd{
	width:165px;
	padding:0;
	margin:0;
	line-height:1.5em;
}



/* ---------------------------------------- konbu */

/* 高さ指定 */
#content .photoexplain dl.konbu{ height: 350px;}

/* 煮出し方のテキスト */
#content p.nidashi {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 30px 0px;
	font-weight: bold;
}



/* ---------------------------------------- shiitake */
.dashi-bloc {
	border-top:4px solid #db5f76;
}

.dashi-bloc-left {
	width:400px;
	height:300px;
	float:left;
}

.dashi-bloc-left p {
	padding:10px 0 0 10px;
	line-height:1.7em;
	letter-spacing:1px;
}

img.dashi-bloc-right {
	width:296px;
	float:right;
	margin:25px 0 0 0;
	display:inline;
}



/* ---------------------------------------- niboshi */
#content dl.niboshi {
	width: 650px;
	margin: 0px 0px 40px 40px;
	line-height: 25px;
}

#content dl.niboshi dt {
	width: 90px;
	float: left;
	font-weight: bold;
}

#content dl.niboshi dd {
	width: 550px;
}