@charset "utf-8";
@import "../../css/common.css";

/*==================================================================*/

/* processing css */

/*==================================================================*/
/* h1：タイトル */
h1{
	width:645px;
	margin:0 auto 0.6em;
	padding:0;
}

/* リセット */
#list *{margin:0;padding:0;}
#list{
	width:640px;
	margin:0 auto 1em;
}

/* リード文 */
#list p.read{margin:0 auto 2em;}

/* h2：サブタイトル */
#list h2{
	padding:7px 0 7px 10px;
	margin:0 auto 1.8em;
	color:#fff;
	font-size:1.2em;
	background-color:#535355;
	border-bottom:3px solid #94c52b;
}

/* h3：サブタイトル */
#list h3{
	width:620px;
	margin:0 auto 1.2em;
	padding:4px 0 4px 10px;
	font-size:1.2em;
	background:#eafbdb;
	border:1px solid #ccc;
}

/* ラミネート加工 */
/* ------------------------------------------ */
#list .rami-area{
	width:620px;
	margin:0 auto 1em;
}

/* clear hack */
#list .rami-area{zoom:1;}
#list .rami-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* left-area */
#list .left-area{
	float:left;
	width:400px;
	padding:10px 0 0;
}

/* dl */
#list .left-area dl{margin:0 0 1.6em;}

/* dt */
#list .left-area dt{
	margin:0 10px 0.3em;
	padding:0 0 3px;
	color:#3c9102;
	font-weight:bold;
	background:url('../../common_img/dotline.gif') repeat-x left bottom;
}

/* dd */
#list .left-area dd{margin:0 10px 0 28px;}

/* right-area */
#list .right-area{
	float:right;
	width:190px;
}

/* dl */
#list .right-area dl{margin:0 0 0.8em;}

/* dt */
#list .right-area dt{margin:0 0 0.2em;}
#list .right-area dt img{border:1px solid #ccc;}

/* dd */
#list .right-area dd{
	margin:0 0 1em;
	text-align:center;
}

/* block */
/* ------------------------------------------ */
#list .block{
	_zoom: 1;
	overflow: hidden;
	margin-bottom:2.6em;
	padding:0 20px;
}

#list .block p.image{
	float:left;
	margin-right:18px;
}

#list .block p.image img,
#list ul.photo-area li img{border:1px solid #ccc;}

/* テキスト */
#list p.text{
	width:610px;
	margin:0 auto 2.4em;
}

/* photo-area */
/* ------------------------------------------ */
#list .photo-area{}

/* clear hack */
#list .photo-area{zoom:1;}
#list .photo-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* dl */
#list .photo-area dl{
	float:left;
	width:212px;
	margin:0 0 1.6em;
	text-align:center;
}

/* dt */
#list .photo-area dl dt{
	width:190px;
	margin:0 auto 0.2em;
	text-align:right;
}

#list .photo-area dl dt img{border:1px solid #ccc;}

/* dd */
#list .photo-area dl dd{
	width:190px;
	margin:0 auto;
	padding:3px 0;
	font-size:1em;
}

/*==================================================================*/