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

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

/* product css */

/*==================================================================*/
/* --------------------------------------------------------- */
/* 用途一覧(index.html) */
/* --------------------------------------------------------- */
/* h1：タイトル */
h1#title-list{
	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 3px 10px;
	margin:0 auto 1.8em;
	color:#fff;
	font-size:1.2em;
	border-bottom:3px solid #535355;
}

#list h2.subt-house{background-color:#f99a02;}
#list h2.subt-shop{background-color:#e14627;}
#list h2.subt-business{background-color:#79b718;}
#list h2.subt-other{background-color:#008bc2;}

/* block */
#list .block{margin-bottom:1.6em;}

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

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

/* dt */
#list .block dt{
	width:190px;
	margin:0 auto 0.2em;
	text-align:right;
	position:relative;
}

/* 即見積りOK */
#list .block dt span.estimate{
	width:93px;
	height:60px;
	display:block;
	position:absolute;
	top:1px;
	left:1px;
	background:url('../image/sticker_estimate.png') no-repeat 0 0;
}

#list .block dt img{border:1px solid #ccc;}
#list .block dt a:hover img{border:1px solid #555;}

/* dd */
#list .block dd{
	width:190px;
	margin:0 auto;
	padding:3px 0;
	font-size:1.1em;
	background-color:#fff8d3;
}

#list .house dd{background-color:#fffbdd;}
#list .shop dd{background-color:#fde7e2;}
#list .business dd{background-color:#eeffd4;}
#list .other dd{background-color:#dff5fd;}

/* link */
#list .block dd a{color:#555;text-decoration:none;}
#list .block dd a:hover		{color:#f94040;text-decoration:underline;}

br.clear{clear:both;}

/* --------------------------------------------------------- */
/* 商品詳細ページ */
/* --------------------------------------------------------- */
/* タイトル */
#title{
	width:645px;
	height:72px;
	margin:0 auto 0.4em;
	font-weight:normal;
	position:relative;
}

#house #title{background:url('../image/title_house.gif') no-repeat 0 0;}
#shop #title{background:url('../image/title_shop.gif') no-repeat 0 0;}
#business #title{background:url('../image/title_business.gif') no-repeat 0 0;}
#other #title{background:url('../image/title_other.gif') no-repeat 0 0;}

/* h1 */
#title h1{
	font-size:1.1em;
	margin:0 0 0.9em;
	padding:5px 0 0 24px;
}

/* h2 */
#title h2{
	margin:0;
	padding:0 0 0 14px;
	font-size:1.4em;
}

/* 即見積りOK */
#title span.estimate{
	width:115px;
	height:26px;
	display:block;
	position:absolute;
	top:39px;
	right:10px;
	background:url('../image/ic_estimate.gif') no-repeat 0 0;
}

/* プリントDECO */
#title span.deco{
	width:115px;
	height:26px;
	display:block;
	position:absolute;
	top:39px;
	right:10px;
	background:url('../image/ic_deco.gif') no-repeat 0 0;
}

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

/* 画像link */
#detail a:hover img{opacity:0.8;filter:alpha(opacity=80);}

/* 前のページに戻る */
#detail p.retune{
	margin:0 10px 2em 0;
	text-align:right;
}

/* 写真 */
#detail .photo-area{
	margin:0 0 1.2em;
	text-align:center;
}

#detail .photo-area img{border:1px solid #ccc;}

/* 説明文 */
#detail p.text{
	width:600px;
	margin:0 auto 1.4em;
}

/* キャッチコピー */
#detail p.catch{
	font-size:2.1em;
    color:white;
	text-shadow:0px -1px 10px #444,1px 0px 10px #444,0px 1px 10px #444,-1px 0px 10px #444; 
}

/* 見出し */
#detail p.midashi{
	font-size:1.3em;
	font-weight:bold;
	color:#777;
	padding:2px 5px;
	border-color:#777;
	border-width:1px 1px 1px 7px;
	border-style:solid;
	margin:0 0 0.5em 0;
}

/* アイロン */

div.iron {
  float: left;
  width: 160px;
}


/* 用途 */
/* ---------------------------------------------------- */
/* table */
#detail table.youto{
	width:630px;
	margin:0 auto 2em;
	border:1px solid #ccc;
	border-collapse:collapse;
}

/* th */
#detail table.youto th{
	width:210px;
	padding:4px 0;
	color:#fff;
	border:1px solid #ccc;
	border-bottom:3px double #ccc;
}

#house #detail table th{background-color:#f99a02;}
#shop #detail table th{background-color:#e14627;}
#business #detail table th{background-color:#79b718;}
#other #detail table th{background-color:#008bc2;}

/* td */
#detail table.youto td{
	width:210px;
	padding:4px;
	border:1px solid #ccc;
}

/* ストライプ色 */
#house #detail table.youto tr.even td{background:#fffce7;}
#shop #detail table.youto tr.even td{background:#fde7e2;}
#business #detail table.youto tr.even td{background:#eeffd4;}
#other #detail table.youto tr.even td{background:#dff5fd;}

/* お見積り・ご注文ボタン */
#detail p.btn-order{
	margin:0 0 2em;
	text-align:right;
}

/* 事例 */
/* ---------------------------------------------------- */
/* h3 */
#detail h3{
	width:630px;
	margin:0 auto 1.6em;
}

/* h4 */
#detail h4{
	font-size:1em;
	margin:0 0 0.2em 10px;
}

#detail #jirei-area{margin:0 auto 2.6em;}

/* block */
#detail #jirei-area .block{
	width:620px;
	margin:0 auto 1em;
}

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

#detail #jirei-area .block .left,
#detail #jirei-area .block .right{background:#eee;width:300px;padding:8px 0;}

#detail #jirei-area .block .left{float:left;}
#detail #jirei-area .block .right{float:right;}

/* dl */
#detail #jirei-area .block dl{
	width:290px;
	margin:0 auto;
}

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

/* dt */
#detail #jirei-area dl dt{
	float:left;
	width:114px;
	text-align:center;
}

#detail #jirei-area dl dt img{border:1px solid #ccc;}

/* dd */
#detail #jirei-area dd{
	float:right;
	width:164px;
}

/* リスト */
#detail #jirei-area dd ul{}
#detail #jirei-area dd ul li{
	list-style:none;
	padding:0 0 0 12px;
	background:url('../image/ic_jirei.gif') no-repeat 0 8px;
}

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