@charset "utf-8";
@import "/css/common.css";

/*==================================================================*/

/* lineup style css(商品ラインナップ) */

/*==================================================================*/
/* h1 */
h1{margin:0 auto 1em;padding:0;}

#lineup *{margin:0;padding:0;}
#lineup{
	width:690px;
	margin:0 auto 3em;
}

/* h2 */
#lineup h2{margin:0 0 1em;}

#lineup p.read{
	width:660px;
	margin:0 auto;
}

#lineup p.note{
	margin:0 20px;
	text-align:center;
	border:1px solid #ccc;
	padding:8px 0;
}

/* ---------------------------------------------------------------- */
/* type-area */
/* ---------------------------------------------------------------- */
#lineup .type-area{margin:0 auto 3em;}
#lineup .type-area ul{margin:0 0 0 16px;}
#lineup .type-area ul li{
	margin:0 24px 0 0;
	display:inline;
	list-style:none;
}

#lineup .type-area ul li.end{margin:0;}

/* ---------------------------------------------------------------- */
/* point-area */
/* ---------------------------------------------------------------- */
#lineup .bird{
	width:660px;
	margin:0 auto;
	text-align:right;
}

#lineup .point-area{
	width:660px;
	margin:0 auto 2em;
	padding:16px 0 8px;
	border:1px solid #ff9704;
	background-color:#fef8f3;
}

#lineup .point-area dl{
	width:630px;
	margin:0 auto;
}

/* clear hack */
#lineup .point-area dl{zoom:1;}
#lineup .point-area dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


#lineup .point-area dl dt{
	width:143px;
	float:left;
}

#lineup .point-area dl dd{
	width:470px;
	float:right;
	padding:6px 0 0;
}

#lineup .point-area ul li{
	list-style:none;
	margin:0 0 1em;
}

/* ---------------------------------------------------------------- */
/* date */
/* ---------------------------------------------------------------- */
#lineup .date{
	width:640px;
	margin:0 auto 1em;
	padding:0 0 6px;
	border-bottom:1px solid #fff;
}

/* clear hack */
#lineup .date{zoom:1;}
#lineup .date:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#lineup .date .left{
	float:left;
	width:90px;
	padding:6px 0 0;
}

#lineup .date p{
	float:right;
	width:530px;
}

#lineup .date p span{font-weight:bold;}

/* ---------------------------------------------------------------- */
/* case-area */
/* ---------------------------------------------------------------- */
#lineup .case-area{
	margin:0 0 2em;
	background:url('../image/case_back.gif') repeat-y 0 0;
}

/* clear hack */
#lineup .case-area{zoom:1;}
#lineup .case-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#lineup .case-area .block{margin:0 0 0 22px;}

/* clear hack */
#lineup .case-area .block{zoom:1;}
#lineup .case-area .block:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#lineup .case-area .block dl{float:left;}
#lineup .case-area .block dl dt{margin:0 0 6px;}
#lineup .case-area .block dl dd{
	margin:0 0 2em;
	padding:3px 6px;
	font-size:0.9em;
	background-color:#fff;
}

#lineup .case-area-back{
	padding:0 0 30px;
	background:url('../image/case_bottom.gif') no-repeat left bottom;
}

/*==================================================================*/

/* earth style css(アース) */

/*==================================================================*/
/* ---------------------------------------------------------------- */
/* 内装 */
/* ---------------------------------------------------------------- */
#lineup .earth-case01 .block dl.photo01{width:266px;margin:0 19px 0 0;}
#lineup .earth-case01 .block dl.photo02{width:366px;}
#lineup .earth-case01 .block dl.photo03{width:387px;margin:0 19px 0 0;}
#lineup .earth-case01 .block dl.photo04{width:243px;}

/*==================================================================*/

/* echizen style css(えちぜんの家) */

/*==================================================================*/

/* ---------------------------------------------------------------- */
/* 事例01 */
/* ---------------------------------------------------------------- */
#lineup .echizen-case01 .block dl.photo01{width:276px;margin:0 18px 0 0;}
#lineup .echizen-case01 .block dl.photo02{width:349px;}
#lineup .echizen-case01 .block dl.photo03{width:185px;margin:0 30px 0 0;}
#lineup .echizen-case01 .block dl.photo04{width:192px;margin:0 30px 0 0;}
#lineup .echizen-case01 .block dl.photo05{width:197px;}

/* ---------------------------------------------------------------- */
/* 事例02 */
/* ---------------------------------------------------------------- */
#lineup .echizen-case02 .block dl.photo01{width:211px;margin:0 18px 0 0;}
#lineup .echizen-case02 .block dl.photo02{width:430px;}
#lineup .echizen-case02 .block dl.photo03{width:300px;margin:0 36px 0 0;}
#lineup .echizen-case02 .block dl.photo04{width:300px;}
#lineup .echizen-case02 .block dl.photo05{width:400px;margin:0 24px 0 0;}
#lineup .echizen-case02 .block dl.photo06{width:208px;}

/*==================================================================*/

/* square style css(スクエア) */

/*==================================================================*/
/* ---------------------------------------------------------------- */
/* 内装 */
/* ---------------------------------------------------------------- */
#lineup .square-case01 .case-area-back{padding:0 0 36px;}
#lineup .square-case01 .block{margin:0 0 0 48px;}

#lineup .square-case01 .block dl.photo01{width:349px;margin:0 30px 0 0;}
#lineup .square-case01 .block dl.photo02{width:224px;}
#lineup .square-case01 .block dl.photo03{width:293px;margin:0 22px 0 0;}
#lineup .square-case01 .block dl.photo04{width:334px;}

/*==================================================================*/

/* komorebi style css(こもれび) */

/*==================================================================*/
/* ---------------------------------------------------------------- */
/* 内装 */
/* ---------------------------------------------------------------- */
#lineup .komorebi-case01 .case-area-back{padding:0 0 36px;}
#lineup .komorebi-case01 .block{margin:0 0 0 30px;}

#lineup .komorebi-case01 .block dl.photo01{width:348px;margin:0 24px 0 0;}
#lineup .komorebi-case01 .block dl.photo02{width:262px;}

/* --------------------------------------------------------------- */
