@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :admin
 style info :製品一覧に関するスタイル
 
このスタイルシートの構成
 共通
 製品一覧INDEX
 ピックアップモデル
 部位別ページ
=================================================================== */

/*----------------------------------------------------
	 共通
----------------------------------------------------*/
.gotoMovie {
	margin: 0 0 10px;
}

.itemCode {
	font-weight: bold;
}
/*----------------------------------------------------
	 製品一覧INDEX
----------------------------------------------------*/
.ProductsBoxTitle {
	margin: 0;
	background-color:#F1F1F1;
	color: #666;
	padding: 3px 0 0 10px;
	border-bottom: solid 1px #0062ba;
	overflow:hidden;
	clear: both;
}
*html .ProductsBox {
	height: 1%;
}
/*
*:first-child + html .ProductsIndex span{

} 
*/
.center {
	text-align: center;
	display: block;
	width: 210px;
}

.closeUpTit {
	margin: 0;
	background-color:#0062BB;
	color: #fff;
	padding: 3px 0 0 10px;
	font-weight: bold;
	line-height: 1.8;
}

/*----　部位別一覧　--*/
#ChoosePlaceBox {
	margin: 0 0 20px;
	padding: 0;
	background-color: #0062BB;
	overflow:hidden;
}
*html .ProductsBox {
	height: 1%;
}

ul#ChoosePlace {
	margin: 0 auto 10px 10px;
	padding: 0 0 10px;
}

ul#ChoosePlace li{
	margin: 0 10px 5px 0;
	float: left;
}

/*----　製品一覧の部位別タイトル　--*/
.placeTitle {
	margin: 0 0 10px;
	padding: 0;
}

/*----　クローズアップモデル　--*/
ul.closeUp,
ul.ProductsIndex {
	margin: 0;
	padding: 0;
	overflow:hidden;
}
*html ul.closeUp, ul.ProductsIndex {
	height: 1%;
}

ul.closeUp li {
	width: 185px;
	height: 164px;
	float:left;
	margin: 4px;
	_margin: 2px;
}

ul.closeUp li.closeUpFirst {
	margin: 4px 8px 4px 0;
} 
ul.closeUp li.closeUpEnd {
	margin: 4px 0 4px 8px;
}

ul.ProductsIndex li {
	width: 92px;
	float:left;
	margin: 2px;
	padding: 0;
	height: 130px;
}
ul.ProductsIndex li.longWord {
	height: 133px;
}

ul.ProductsIndex li span{
	color: #0062ba;
	font-size: 90%;
	display: block;
	padding: 3px 0 0;
	width: 92px;
	line-height: 1.0;	
}


ul.closeUp a:link,
ul.closeUp a:visited,
ul.ProductsIndex a:link,
ul.ProductsIndex a:visited {
	border: solid 1px #ccc;
	display: block;
}
ul.closeUp a:hover,
ul.closeUp a:active,
ul.ProductsIndex a:hover,
ul.ProductsIndex a:active {
	border: solid 1px #3062D5;
	display: block;
}


.modelDetailBox {
	margin: 0 0 10px;
	padding: 0;
	clear: both;
	overflow:hidden;
}
*html .modelDetailBox {
	height: 1%;
}

.kezlexPhoto {
	margin: 0 10px 0 0;
	padding: 0;
}

.kezlexDetail {
	float: right;
	width: 60%;
}

li.price{
	color: #693;
	margin: 0 0 5px;
}
		
li.modelName span.hard{
	background:url(../../img/share/icon_hard.gif) no-repeat 0 2px;
	text-indent: -9999px;
	display: block;
}
li.modelName span.soft{
	background:url(../../img/share/icon_soft.gif) no-repeat 0 2px;
	text-indent: -9999px;
	display: block;
}
li.modelName span.combined{
	background:url(../../img/share/icon_combined.gif) no-repeat 0 2px;
	text-indent: -9999px;
	display: block;
}

li.modelName {
	font-weight: bold;
	font-size: 120%;
	margin: 0;
	color: #3062D6;
}

.toContact {
	margin: 0 0 0 10px;
}


.productsPageTop {
	clear: both;
	text-align: right;
	font-size: 80%;
	border-top: dotted 1px #0062ba;
	padding: 0 0 30px 0;
	overflow:hidden;
}
*html .productsPageTop {
	height: 1%;
}

/*----------------------------------------------------
	 クローズアップモデル(詳細ページ)
----------------------------------------------------*/
.sectionBox {
	margin: 0 auto 10px;
	padding: 10px 10px 0;
	background-color: #ECE9D8;
	width: 480px;
	overflow:hidden;
}
*html .sectionBox {
	height: 1%;
}

.sectionBox img{
	border: solid 3px #fff;
	margin-bottom: 5px;
}

.thumbnail {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.mainPht {
	margin: 0;
	padding: 0;
	float: left;
}


dl.closeUpComment {
	margin: 0 0 50px;
	padding: 0;
	overflow:hidden;
}
*html dl.closeUpComment {
	height: 1%;
}

.closeUptit {
	font-weight: bold;
	font-size: 110%;
	border-bottom: solid 1px #666;
}

.goLineUp {
	margin: 0 auto 10px;
	padding: 0;
	width: 480px;
	text-align: right;
	overflow:hidden;
}
*html .goLineUp {
	height: 1%;
}

/*----------------------------------------------------
	 部位別ページ
----------------------------------------------------*/
.placeLink span { white-space: nowrap; }

ul.placeLink {
	margin: 0 0 20px 10px;
	padding: 0;
	overflow:hidden;
}
*html ul.placeLink {
	height: 1%;
}

ul.placeLink li{
	float: left;
	margin: 0 30px 0 0;
	background: url(../../img/item/icon_arrow02.gif) no-repeat 0 5px;
	vertical-align: middle;
	padding: 0 0 0 15px;
}

.productsDetailBox {
	margin: 0 0 20px;
	padding:0;
}

.productsName {
	line-height: 1.8;
	background-color: #666;
	color: #fff;
	font-size:130%;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}
.productsPht {
	float: left;
}
.productsPht img{
	margin-bottom: 20px;
}

.productsDetail {
	float: right;
	width: 235px;
	overflow:hidden;
}
*html #contents {
	height: 1%;
}
	
table.DetailTable caption {
	display:none;
}

table.DetailTable {
	border: solid 1px #ccc;
	margin: 1px auto 15px;
}

table.DetailTable th{
	background-color: #f4f4f4;
	width: 80px;
	line-height: 1.5;
	padding: 5px;
	border: solid 1px #ccc;
	font-weight:100;
}

table.DetailTable td{
	width: 130px;
	padding: 5px;
	border: solid 1px #ccc;
}

.outLineUL {
	list-style: none;
}

.goMovie {
	margin-top: 20px;
	border: solid 4px #ccc;
	padding: 5px;
	background-color:#FFFFD9;
}
.goMovie span{
	color: #0066CC;
	font-weight:bold;
}