@charset "Shift_JIS";

/* ================================================
CITIZEN SYSTEMS JAPAN CO.,LTD.
Cascading Style Sheets FILE
【002-product.css】　製品情報用
================================================ */

/* 位置調整 */
#product .mb20{
	margin-bottom: 20px;
}
/* 画像回り込み */
#product .illust-r{
	margin: 5px 10px 10px 10px;
	padding: 0px;
	float: right;
}

#product .illust-l{
	margin: 5px 10px 10px 10px;
	padding: 0px;
	float: left;
}

#product .illust-etc{
	margin: 0px 10px 10px 10px;
	padding: 0px;
	float: right;
}

#product .illust-r p{
	margin: 10px 0px;
}
/* 製品情報 */
#product dl.door-link{
	margin:0 0 10px;
	padding:0;
}
#product dl.door-link dt{
	margin:0;
	padding:0;
	text-align: center;
	float: left;
	width: 100px;
}
#product dl.door-link dd{
	margin:0;
	padding:0;
	float: left;
	width: 170px;
}

#product dl.door-link dd p{
	margin: 0px 0px 5px 10px;
}
#product p.option{
	margin: 0px 0px 5px 10px;
}

/* 製品写真 */
#product .item p{
	float: left;
	margin: 0px 0px 10px;
}
#product .waku {
	border: 1px solid #999999;
}

#product .icons img{
	margin: 0px 0px 10px 10px;
}

#product p{
	font-size:12px;
	}
/* 用途 */
#product .yoto p {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

/**　4カラム 130　**/
#product div.col4{
	width:130px;
	margin:0 3px 0 0;
	padding:0;
	float:left;
}
#product div.col4 p{
	padding:0;
	margin: 0px 0px 10px 10px;
}


/** 表組みテーブル (入れ子) **/
table.standard td table{
	border: 0px;
	border-left: 1px solid #bac2df;
	border-top: 1px solid #bac2df;
	width:auto;
	empty-cells: show;
}
table.standard td tabletable.standard td,
table.standard td tabletable.standard th{
	border: 0px;
	border-bottom: 1px solid #bac2df;
	border-right: 1px solid #bac2df;
	padding:3px;
	vertical-align: top;
	background-color:#FFFFFF;
}


/* etc */
#product .etc-top {
	margin-bottom: 15px;
	padding: 10px;
	border: 4px dotted #CCCCCC;
}
#product .etc-top .colleft4 {
	float: left;
	width: 110px;
}
#product .etc-top .colmiddle4 {
	float: left;
	width: 291px;
}
#product .etc-top .colright4 {
	margin-left: 411px;
}

/* 型番・用途一覧 */
#product .col3-shape01{
	width:90px;
	margin: 0px 0px 0px 5px;
	float: left;
}

#product .col3-shape02{
	width:200px;
	margin: 0px 5px 0px 10px;
	float: left;
	vertical-align: top;
}
#product .col3-shape02 ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#product h2.long{ /* 固定幅2 */
	margin:20px 0 10px 5px;
	line-height: 1.5em;
	padding:0px 0 5px 5px;
	background:url(../images/h3_bg_02.gif) no-repeat left bottom;
}
#product h2.long02{ /* 固定幅2 */
	margin:20px 0 10px 5px;
	line-height: 1.5em;
	padding:0px 0 5px 5px;
	background:url(../images/h3_bg_03.gif) no-repeat left bottom;
}
/* ご購入について */
#product p.paragraph{
	margin-bottom: 1.5em;
}

/* 事例 */
#product h3.etc01{
	margin:2em 0 1px 5px;
	padding:3px 3px 0 10px;
	background:url(../images/h4_bg_01.gif) no-repeat left bottom;
}

/* テーブル */
#product table {
	border-left: 1px solid #bac2df;
	border-top: 1px solid #bac2df;
	width:538px;
	empty-cells: show;
}
#product table td,
#product table th{
	border: 0px;
	border-bottom: 1px solid #bac2df;
	border-right: 1px solid #bac2df;
	padding:3px;
	vertical-align:middle;
	background-color:#FFFFFF;
	text-align:center;
}
#product table td.bg{
	background:#EAEAEA;
	}
#product table th {
	background:#2d347f;
	color:#FFFFFF;
}

/* アイコン表示 */
#product div.icon_l {
	float:left;
	width:100px;
	margin:10px;
	font-size:11px;
}
#product div.icon_r {
	margin:10px;
	font-size:11px;
}
#product div.icon_l img,
#product div.icon_r img{
	padding-bottom:5px;
}

#product div.txt_l{
	float:left;
	width:180px;
}
#product div.txt_r{
	width:180px;
	padding-left:5px;
}

#product div.gotop a{
	float:right;
	margin:5px 30px;
	padding-left:20px;
	font-size:11px;
	background-image:url(../icon/pageup_01.gif);
	background-repeat:no-repeat;
}
span.fonts {
	font-size:9px;
	}
	
#product span.cata_dl a{
	float:right;
	padding:0 0 10px 10px;

}
#product p.com01,
#product p.com02,
#product div.com02{
	font-size:12px;
	margin-top:0px;
}
#product p.com02,
#product div.com02{
	border:1px solid #999999;
	padding:3px;
	}
#product div.com02 strong{
	font-size:12px;
	}
#product div.com02 div.cent{
	text-align:center;
	}