@charset "UTF-8";
@import "/common/css/common.css";
@import "/products/css/products.css";


/* ------------------------------------------------------------ */
/* Ｓの家 */
/* ------------------------------------------------------------ */
#content h3 {
	margin-bottom: 0.5em;
	padding: 0;
	padding-left: 24px;
	width : 668px;
	background: url(../images/hed3_shouse.png) no-repeat;
	line-height: 42px;
}

#content h4 {
	font-size: 1.2em;
	line-height: 1.5;
}






/* ------------------------------------------------------------ */
/* いらね？ */
/* ------------------------------------------------------------ */

/* lead */
dl.lead dt {
	line-height: 2;
}
dl.lead dd {
	text-indent: -1em;
	padding-left: 2em;
}

/* ポイント */
ul.point {
	clear: both;
	margin : 0;
	padding: 0;
}
ul.point li {
	float: left;
	margin : 0 5px 8px;
	padding: 0;
	width: 200px;
}


dl.price {
    margin-left: 16px;
}
dl.price dt {
    clear: both;
}
dl.price dd {
    float: left;
    margin-right: 16px;
}



/* ------------------------------------------------------------ */
/* ラインナップ（商品紹介） */
/* ------------------------------------------------------------ */
ul.grid {
	width: 668px;
}
ul.grid li {
	margin : 4px 17px;
	padding: 0;
	width: 300px;
}


ul.grid li p.title {
	margin-bottom: 0.5em !important;
	padding: 0.5em;
	border-top: 1px solid #00BFEF;
	border-bottom: 1px solid #00BFEF;
	color: #666;
    font-weight: bold;
    font-size: small;
}

ul.grid li p.price {
	padding-bottom: 1em !important;
	text-align: center !important;
	height: 2em;
}
ul.grid li p.price .value {
	font-size: 2em;
	font-family: impact;
}
ul.grid li p.comment {
    font-size: small;
}

ul.grid li p.button {
	clear: both;
	text-align: right;
}


/* ------------------------------------------------------------ */
/* 詳細（商品紹介） */
/* ------------------------------------------------------------ */
p.back {
	margin-top: -1em;
	margin-left: 3em;
	margin-bottom:2em;
	padding-left: 24px;
	background: url("../icons/icon_s_upallow.png") no-repeat left top;
	color: #666;
	font-size: x-small;
	line-height: 20px;
}

img#zoom-image {
	float: left;
	margin-right: 16px;
	border: 1px solid #aaa;
}
ul#colors li {
	margin-bottom: 4px;
}
ul#colors li img {
	border: 1px solid #aaa;
}

ul#colors+p {
	clear: both;
	margin: 1em auto;
}


/* ------------------------------------------------------------ */
/* 2段組 */
/* ------------------------------------------------------------ */
.columns {
	width: 668px;
	background: #fff;
	overflow: auto;
}
.columns .column {
	float: left;
	margin: 8px;
	width: 300px;;
	background: #fff;
}
.columns .column img {
	margin-bottom: 8px;
}



/* 製品特徴 */
dl.features {
	margin : 0;
	padding: 0;
}
dl.features dt {
	padding: 0;
	padding: 0;
	background: url("../images/hed_features.jpg") no-repeat;
	line-height: 42px;
	overflow: hidden;
	text-indent: -9999px;
}
dl.features dd {
	padding: 0;
	padding: 0;
	padding-left: 16px;
	background: url("../images/bg_features.png") repeat-x bottom #fcfcfc;
	line-height: 32px;
	overflow: hidden;
}


/* ------------------------------------------------------------ */
/* 詳細ページ */
/* ------------------------------------------------------------ */
p.price {
	text-align: left !important;
}


table.comparison th {
	background: #fafafa;
}
table.comparison th,
table.comparison td {
	border-bottom: 1px dotted #ccc;
	text-align: center;
	color: #666;
}
/*
table.comparison .addIcon td a:after {
	content: url("/common/icons/icon_pdf.png");
}
*/


/* ------------------------------------------------------------ */
/* 性能 */
/* ------------------------------------------------------------ */
dl.performance dt {
	background: #00BFEF;
}


/* ------------------------------------------------------------ */
/* 省エネ設備 */
/* ------------------------------------------------------------ */



/* ------------------------------------------------------------ */
/* コンセプト */
/* ------------------------------------------------------------ */
dl.concept dt {
	margin-top: 1em;
	font-size: 110%;
	line-height: 2em;
}
dl.concept dd {
	margin-left: 1em;
	color: #666
}
dl.concept dd li {
	margin-left: 1em;
	list-style-type: disc;
}
