@charset "UTF-8";


/*
------------------------------------------
日本ゲスコ様　レイアウト設定CSS
制作者：　屋良達哉
作成日：　2010年01月29日
----------------------------------------*/


/*////// 下層ページ用パーツ ////////////*/

/* タイトル下部分
----------------------------------------*/
/* =個別商品用ユニット
----------------------------------------*/



/*//////////////////////////////////////*/

/* =共通設定
----------------------------------------*/
ul{
	list-style: none;
}



/* =タイトル下部分
----------------------------------------*/

#main .subtit{
	width: 560px;
	height: 20px;
	margin-top: 80px;
}
#main .subtit2{
	width: 560px;
	height: 20px;
	margin-top: 80px;
	margin-bottom: 20px;
}

#main p.subtit{
	width: 560px;
	height: 20px;
	margin-top: 80px;
	text-align: right;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}

#main p.kirikae{
	width: 560px;
	height: 20px;
	text-align: right;
	position: relative;
	top: -10px;
}

#main p.lead{
	width: 560px;
	margin-bottom: 15px ;
	float: left;
	font-weight: bolder;
	color: #666666;
}

#main p.option{
	width: 360px;
	float: left;
	font-size: smaller;
	position: relative;
	top: -20px;
}

#main p.setsumei{
	width: 200px;
	float: right;
	position: relative;
	top: -20px;
	text-align: right;
}

#main p.setsumei a{
	font-size: smaller;
}

 img{
	margin-bottom: 10px ;
}

/* =個別商品用ユニット（2段組）
----------------------------------------*/
div.unit{
	width: 560px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	float: left;
}




/* =基本表形式
----------------------------------------*/

div.unit h3{
	width: 340px;
	float: right;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dddddd;
}
div.unit .uniti-r{
	width: 340px;
	float: right;
}

div.unit .uniti-l{
	width: 200px;
	float: left;
}

div.unit  img.left{
	width: 200px;
	float: left;
}


/*--　本文ナロー　---*/

div.unit .uniti-r p{
	width: 240px;
	float: left;
}


/* table-サイズ表　--------*/
/*
table.size{
	width: 220px;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-spacing: 0;
	empty-cells: show;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

table.size caption{
	width: 200px;
	margin: 0px;
	text-align: left;
}

table.size tbody th{
	width: 80px;
	height: 18px;
	padding-left: 5px;
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #d9f0ff;
}

table.size tbody td{
	height: 18px;
	padding-right: 5px;
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #ededed;
	text-align: right;
}
*/


table.size{
	width: 558px;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-spacing: 0;
	empty-cells: show;
	margin-left: 1px;
	margin-bottom: 20px;
	clear: both;
	float: left;
}



table.size tbody th{
/*	width: 80px;*/
	height: 18px;
	padding-left: 5px;
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #d9f0ff;
	text-align: center;
}

table.size tbody td{
	height: 18px;
	padding-right: 5px;
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #ededed;
	text-align: right;
}


/* ul-カット形状　--------*/

span.fl{
	background: url(../images/cu-01.png) no-repeat;
	padding-left: 35px;
	}

span.sf{
	background: url(../images/cu-02.png) no-repeat;
	padding-left: 35px;
}

span.ff{
	background: url(../images/cu-03.png) no-repeat;
	padding-left: 35px;
}




/*--　サイズ表参照図　---*/

div.unit .uniti-r ul{
	width: 96px;
	float: right;
}

div.unit .uniti-r ul li{
	width: 96px;
	float: right;
}

div.unit .uniti-r ul li.title{
	width: 96px;
	height: 20px;
	line-height: 20px;
	text-align: left;
}



/*--本文ワイド---*/

div.unit .uniti-r p.wide{
	width: 340px;
	float: left;
}

div.uniti-r p.optionW{
	 font-size: smaller;
	 line-height: 15px;
	margin-top: 5px;
	width: 340px;
}

div.unit .uniti-r img.right{
	width: 96px;
	float: right;
}



/*--型番説明--*/
div.unit  p.kata{
	font-weight: 400;
	text-align: right;
	font-size: 11px;
	line-height: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.unit  p.kata a{
	font-size: 11px;
	line-height: 20px;
}



/* 資料画像　左--------------*/

p.title{
	width: 200px;
	height:18px;
	line-height: 18px;
	float: left;
	font-size: 12px;
	margin-bottom: 5px;
}

 ul.siryousp{
	width: 200px;
	height: 70px;
	float: left;
	margin-bottom: 20px;
}



ul.siryousp li{
	width: 47px;
	height: 47px;
	border: 1px solid #333333;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

/* 資料画像　右--------------*/

div.unit .uniti-r  ul.siryouri{
	width: 220px;
	height: 50px;
	float: right;
	margin-bottom: 20px;
	padding-right: 20px;
}

div.unit .uniti-r p.title{
	width: 96px;
	height: 18px;
	line-height: 18px;
	float: right;
	font-size: 12px;
	margin-bottom: 5px;
	text-align: right;
}

div.unit .uniti-r ul.siryoupi li{
	width: 47px;
	height: 47px;
	border: 1px solid #333333;
	float: right;
	margin-right: 4px;
	margin-bottom: 4px;
}

/* シリーズ表　--------------*/

div.unit .uniti-r  ul.gaiyou{
	width: 87px;
	float: left;
	height: 20px;
	margin-top: 15px;
	}

div.unit .uniti-r ul.gaiyou li{
	width: 87px;
	height: 20px;
	float: left;
}