@charset "utf-8";

@import "../../css/common.css";
/*==================================================================*/

/* style css */

/*==================================================================*/
#case{margin:0;padding:0;}



/* ---------------------------------------------------------------- */
/* case：index */
/* ---------------------------------------------------------------- */

/* 事例一覧 */
div.case-list *{margin:0;padding:0;}

/* 一覧枠 */
div.case-list{
	margin:0 auto 1em;
	width:620px;
}

/* h2 */
div.case-list h2{
	margin:0 0 0.2em;
	padding:3px 0 3px 20px;
	background:url('../../common_img/sub_eye.gif') no-repeat 0 0;
	color:#523225;
	font-size:1.6em;
}

div.case-list dl{
	margin:0 auto 0.5em;
	padding:5px;
	width:145px;
	float:left;
}
div.case-list dl a{color:#523225;}

div.case-list dt{
	margin:0 auto;
	height:145px;
	width:145px;
	text-align:center;
	background:url('../image/case_back.gif') no-repeat 50% 50%;
}
div.case-list dt img{
	text-align:center;
	padding-top:5px;
}
div.case-list dd{
	text-align:center;
}
/* clear hack */
div.case-list{zoom:1;}
div.case-list:after{content:".";clear:both;height:0;display:block;visibility:hidden;}



/* ---------------------------------------------------------------- */
/* 事例ページ */
/* ---------------------------------------------------------------- */
#casepage{margin:0;padding:0;}

/* h2 */
#casepage h2{
	width:580px;
	margin:0 auto 0.5em;
	padding:0 0 0 15px;
	border-left:6px solid #836453;
	font-size:1.5em;
	color:#836453;
}

/* お客様のご希望 */
/* ---------------------------------------------------------------- */
#casepage .hope *{margin:0;padding:0;}

#casepage .hope{
	margin:0 auto 1.5em;
	width:580px;
	background:url('../image/hope_back.gif') repeat-y 0 0;
}
#casepage .hope img{vertical-align:bottom;}
	
#casepage .hope p{
	padding:5px 2.5em;
	font-size:1.2em;
}
/* bottomずれ修正 */
#casepage .hope p.bottom{
	margin:0;
	padding:0;
	font-size:0;
}
#casepage .hope p.bottom img{vertical-align:bottom;}

#casepage .hope strong{
	margin-right:7px;
	background:#ff8b00;
	padding:1px 4px;
	color:#fff;
}


/* 写真とデータ */
/* ---------------------------------------------------------------- */
#casepage .data *{margin:0;padding:0;}

#casepage .data{
	margin:0 auto 1.5em;
	width:445px;
}
#casepage .data img{
	border:1px solid #d3c397;
	margin-bottom:1.0em;
}

#casepage .data dl{
	margin:0 auto 0.3em;
	width:445px;
}

/* clear hack */
#casepage .data dl{zoom:1;}
#casepage .data dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#casepage .data dt{
	float:left;
	padding:5px;
	width:110px;
	background:url('../image/data_back.gif') no-repeat 0 0;
	color:#523225;
	font-weight:bold;
}
#casepage .data dd{
	float:left;
	width:320px;
}

/* 生地データ */
#casepage .data dd strong{color:#fff;padding:5px;margin-left:2px;}

/* 生地データ：お客様持込 */
#casepage .data dd strong.outside{
	background:url('../image/info_outside.gif') repeat 0 0;
}
/* 生地データ：ぷりんと屋定番 */
#casepage .data dd strong.standard{
	background:url('../image/info_standard.gif') repeat 0 0;
}
/* 生地データ：ぷりんと屋生地探す */
#casepage .data dd strong.search{
	background:url('../image/info_search.gif') repeat 0 0;
}


/* 写真とデータ */
/* ---------------------------------------------------------------- */
#casepage .flow *{margin:0;padding:0;}

#casepage .flow{
	margin:0 auto 1.5em;
	width:597px;
	background:url('../image/flow_back.gif') repeat-y 0 0;
}
#casepage .flow h3{
	margin:0 0 1em;
	padding:0;
}

/* 詳細エリア */
#casepage .flow .detail{
	width:530px;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-left: auto;
}

/* 写真 */
#casepage .flow .detail dl{
	margin-bottom:1em;
	width:250px;
	text-align:center;
}

/* clear hack */
#casepage .flow .detail dl{zoom:1;}
#casepage .flow .detail dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* 左寄せ */
#casepage .flow .detail dl.left{float:left;}
/* 右寄せ */
#casepage .flow .detail dl.right{float:right;}
#casepage .flow .detail dt{
	width:250px;
	text-align:center;
}

#casepage .flow .detail p{clear:both;padding:0 5px 0.3em;}
#casepage .flow .detail img{text-align:center;vertical-align:bottom;}

/* bottomずれ修正 */
#casepage .flow p.bottom{
	margin:0;
	padding:0;
	font-size:0;
}

/* お客様の声 */
/* ---------------------------------------------------------------- */
#casepage .voice *{margin:0;padding:0;}

#casepage .voice{
	margin:0 auto 1.5em;
	width:580px;
}
#casepage .voice p{
	padding:1em 20px 0.5em;
	color:#523225;
	background:url('../image/voice_back.gif') no-repeat 0 bottom #f9f2f2;
}



.Q {
	font-size: 11px;
	width: 450px;
	background-image: url(../image/q_mark.gif);
	background-repeat: no-repeat;
	height: 30px;
	margin: 0px;
	padding-left: 30px;
}

.style1 {
	margin: 5px;
}