@charset "utf-8";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : products.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@import "../assets/styles/reset.css";
@import "../assets/styles/base.css";
@import "../assets/styles/class.css";


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

ul.pageNavi:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.pageNavi {
	display: inline-block;
}
* html ul.pageNavi {
	height: 1%;
}
ul.pageNavi {
	display: block;
}
	
/* ********************************************************************************
 * ■商品紹介 共通レイアウト
 * file path : /products/
 *  class name : .products
 * ******************************************************************************** */

/* p.link-next */
.products p.link-next {
	margin: 35px 0 0 0;
	text-align: right;
}
/* ul.note */
.products  ul.note li {
	padding-left: 1.8em;
	margin-bottom: 4px;
	line-height: 1.4;
	text-indent: -1.8em;
}

/* ul.pageNavi
------------------------------------------------------------*/
.products ul.pageNavi {
	width: 623px;
	margin: 35px 0 0 -14px;
}
.products ul.pageNavi li {
	display: inline;
	float: left;
	width: 295px;
	height: 33px;
	margin: 0 0 5px 14px;
	border: 1px solid #343434;
	font-weight: bold;
	line-height: 31px;
	text-indent: 20px;
}
.products ul.pageNavi li a {
	display: block;
	width: 294px;
	height: 33px;
	text-decoration: none;
	font-weight: bold;
	color: #4c4c4c;
}
.products ul.pageNavi li a:hover {
	background-color: #f4f4f4;
	color: #3066b7;
}
/* li.on */
.products ul.pageNavi li.on {
	background-color: #f4f4f4;
	color: #3066b7;
}


/* ********************************************************************************
 * ■サイズ・価格・スペック
 * file path : /products/product6.html
 *  class name : .products
 * ******************************************************************************** */

/* div.products
------------------------------------------------------------*/
.products div.products {
	width: 545px;
	margin: 20px 0 0 40px;
}
/* dl */
.products div.products dl {
	width: 190px;
	font-size: 0;
	line-height: 0;
}
/* dl dt.modelName */
.products div.products dl dt.modelName {
	margin-bottom: 20px;
}
/* dl dd.size */
.products div.products dl dd.size {
	margin-bottom: 18px;
}
/* dl dd.image */
.products div.products dl dd.image {
	margin-bottom: 20px;
}

/* table.compareTable
------------------------------------------------------------*/
.products table.compareTable {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 85%;
	line-height: 1.3;
}
.products table.compareTable th,
.products table.compareTable td {
	padding: 9px 0 9px 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.products table.compareTable th {
	font-weight: bold;
	padding-left: 5px;
}
.products table.compareTable td {
	padding-left: 13px;
	padding-right: 5px;
}
.products table.compareTable td.divider {
	border-right: 1px solid #e3e3e3;
}



/* ********************************************************************************
 * ■なぜベンタ？
 * file path : /products/whyventa.html
 *  class name : .international
 * ******************************************************************************** */
 

/* div#description
 * -------------------------------------------------------------------------------- */
#description {
	position: relative;
	width: 598px;
	height: 233px;
	background: url(../images/description_bg2.gif) 0 0 repeat;
	margin: 20px auto 0;
	border:#CCCCCC solid 1px;
}
/* div#description dl */
#description dl {
	position:absolute; top:24px; left:27px;
	font-size: 0;
	line-height: 0;
}
#description dl dt {
	margin-bottom: 18px;
}
/* div#movie
------------------------------------------------------------*/
#description div#movie {
	position:absolute; top:23px; left:377px;
	width: 206px;
}
/* p.thumbnail */
#description div#movie p.thumbnail {
	margin: 14px 0;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
/* ul.btns */
#description div#movie ul.btns {
	width: 146px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}

/* ********************************************************************************
 * ■インターナショナル
 * file path : /products/international.html
 *  class name : .international
 * ******************************************************************************** */

.international .box_left{
width:172px;
padding:2px 5px 5px 5px;
margin-right:21px;
float:left;
border:#0a409f solid 2px;
border-top:none !important;
background-image:url(images/international_table_bg.gif);
background-position:top;
background-repeat:repeat-x;
}

.international .box_center{
width:172px;
padding:2px 5px 5px 5px;
float:left;
border:#0a409f solid 2px;
border-top:none !important;
background-image:url(images/international_table_bg.gif);
background-position:top;
background-repeat:repeat-x;
}

.international .box_right{
width:172px;
padding:2px 5px 5px 5px;
margin-left:20px;
float:right;
border:#0a409f solid 2px;
border-top:none !important;
background-image:url(images/international_table_bg.gif);
background-position:top;
background-repeat:repeat-x;
}



/* ********************************************************************************
 * BOX
 * ******************************************************************************** */

.box_type1{
border-bottom:#CCCCCC solid 1px;
margin-top:20px;
padding-bottom:20px;
}

.box_type1 ol{
margin:10px 0px 10px 10px !important; 
}


.box_type1 ol li{
	margin-bottom: 10px;
	padding-left: 13px;
	background: url(../assets/images/icon_circle.gif) 0 0.5em no-repeat;
	line-height: 1.6;
}


.box_blue{
width:570px;
padding:15px;
color:white;
background-image:url(images/bg_blue-box.gif);
background-repeat: repeat-y;
background-position:top left;
_line-height:1.5;
}



/* ********************************************************************************
 * ■お客様の推薦状
 * file path : /products/references.html
 *  class name : .references
 * ******************************************************************************** */


.references #table_c-list{
background-image:url(images/bg_blue-box.gif);
background-repeat:repeat-y;
color:#FFFFFF;
font-weight:bold;
}


.references #table_c-list td{
padding:3px 10px 3px 10px !important;
}



.references .box_left{
float:left;
width:30%;
text-align:center;
}

.references .box_right{
float:left;
width:70%;
}