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

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

/* paper 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 7px 10px;
	margin:0 auto 1.8em;
	color:#fff;
	font-size:1.2em;
	background-color:#535355;
	border-bottom:3px solid #59cfed;
}

/* 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;
}

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

/* dd */
#list .block dd{
	width:190px;
	margin:0 auto;
	padding:3px 0;
	font-size:1em;
	line-height:1.2;
	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;
	background:url('../image/title.gif') no-repeat 0 0;
}

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

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

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

/* 前のページに戻る */
#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;
}

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

/* th */
#detail table.youto th{
	width:140px;
	padding:4px 0 4px 10px;
	color:#fff;
	border:1px solid #ccc;
	border-left:5px solid #59cfed;
	background-color:#535355;
	text-align:left;
}

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

/* 使用例 */
/* ---------------------------------------------------- */
/* h3:使用例タイトル */
#detail h3{
	width:630px;
	margin:0 auto 1.6em;
}

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

/* block */
#detail #jirei-area .block{margin-bottom:1.6em;}

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

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

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

/* 即見積りOK */
#detail #jirei-area 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;
}

#detail #jirei-area dt img{border:1px solid #ccc;}
#detail #jirei-area dt a:hover img{border:1px solid #59cfed;}

/* dd */
#detail #jirei-area dd{
	width:190px;
	margin:0 auto;
	padding:3px 0;
	font-size:1.1em;
	background-color:#dff5fd;
}

/* link */
#detail #jirei-area dd a{color:#555;text-decoration:none;}
#detail #jirei-area dd a:hover		{color:#f94040;text-decoration:underline;}

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