@charset "utf-8";


/* =====================================================================
*
*    products.css INDEX
*
*    // 製品情報のスタイル
*
*
*    0. Common
*       0.1. Common - Detail - Line Up
*       0.2. Common - Series Top - Lineup Table
*       0.3. Common - Series Top - Lineup
*
*    1. Products Top Page
*
* =================================================================== */


/* =====================================================================
*
*    0. Common
*
* =================================================================== */

.titleSet .pagettl {
	float: left;
	width: 714px;
}

.titleSet .btnProducts {
	float: right;
	width: 116px;
	margin: 23px 15px 0 0;
}


/* ---------------------------------------------------------------------
*
*    0.1. Common - Detail - Line Up
*
* ------------------------------------------------------------------- */

body.ind #line.panel { margin-top: 17px; }

body.ind #line #iconAbout {
	float: right;
	width: 118px;
	height: 41px;
}

body.ind #line .unit {
	padding: 27px 17px 28px 17px;
	background: url(../../common/images/bdr_panel.jpg) left bottom no-repeat;
}

body.ind #line .last {
	padding: 27px 17px 22px 17px;
	background: none;
}

.unit .thmBox {
	position: relative;
	float: left;
	width: 202px;
}

.unit .thmBox .iconNewRibbon {
	position: absolute;
	top: 0;
	left: 0;
}

body.ind #line .unit .detailBox {
	float: right;
	width: 438px;
	padding: 0;
}

body.ind #line .unit h3 {
	float: left;
	height: 48px; 
}

body.ind #line .unit .iconBox {
	float: right;
	height: 15px;
	padding: 0 0 3px 0;
}

body.ind #line .unit .iconBox img { margin: 0 0 0 10px; }

body.ind #line .unit .detail {
	clear: both;
	padding-top: 17px;
}

body.ind #line .unit .detail .type {
	margin-bottom: 4px;
	font-weight: bold;
}

body.ind #line .unit .detail .price {
	margin-bottom: 10px;
	color: #0088AF;
}

body.ind #line .unit .detail .desc p {
	line-height: 160%;
	margin-top: 17px;
}

body.ind #line .unit .detail .desc p {
	line-height: 160%;
	margin-top: 17px;
}

body.ind #line .unit .detail .use {
	line-height: 160%;
	margin-top: 17px;
}

body.ind #line .unit .detail .use h4 {
	margin-bottom: 10px;
}


/* ---------------------------------
*    Tooltip
*/

#balSet { display: none; }
#mopTip01 .tip p { margin: 6px 0; }


/* ---------------------------------------------------------------------
*
*    0.2. Common - Series Top - Lineup Table
*
* ------------------------------------------------------------------- */

#lineupTable h1 {
	height: 56px;
	margin: 0 0 14px 0;
}

#lineupTable .desc {
	padding: 4px 20px 30px 20px;
	line-height: 195%;
}

#lineupTable table.container {
	width: 950px;
	border: 0;
	border-collapse: collapse;
}

#lineupTable table.cont {
	width: 934px;
	margin: 6px 8px 10px 8px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 1px;
	line-height: 100%;
}

#lineupTable td {
	vertical-align: top;
}

#lineupTable a {
	position: relative;
	z-index: 100;
}


/* ---------------------------------------------------------------------
*
*    0.3. Common - Series Top - Lineup
*
* ------------------------------------------------------------------- */

body.index #line h2 {
	height: 52px;
	margin: 20px 0 0 0;
	background: url(../images/line_ttl.png) left top no-repeat;
}

body.index #line .panel { margin: 0; }

body.index #line ul {
	width: 708px;
	padding: 7px 0 7px 0;
}

body.index #line ul li {
	position: relative;
	margin: 0 0 12px 0;
	padding: 0 17px 13px 7px;
	background: url(../../common/images/bdr_panel.jpg) left bottom no-repeat;
}

body.index #line ul li.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

body.index #line ul li .cont {
	float: right;
	width: 468px;
	padding: 10px 0;
}

body.index #line ul li .subttl {
	padding: 0 0 10px 0;
}

body.index #line .thm {
	float: left;
	position: relative;
}

body.index #line .btn {
	position: absolute;
	right: 15px;
	bottom: 18px;
}

body.index #line .iconNewRibbon {
	position: absolute;
	left: 1px;
	top: 1px;	
}


/* ---------------------------------------------------------------------
*
*    0.4. Common - Series Top - Lineup
*
* ------------------------------------------------------------------- */

#btmBnr, #btmBnr2 {
	width: 706px;
	height: 75px;
	margin: 35px 3px 0 3px;
	padding: 11px 0 0 2px;
}

#btmBnr  { background: url(../../common/images/bnr_bg.png) no-repeat; }
#btmBnr2 { background: url(../../common/images/bnr_bg2.png) no-repeat; }


#btmBnr .bnr,
#btmBnr2 .bnr {
	float: left;
	width: 224px;
	height: 56px;
	padding: 0 0 0 8px;
}

#btmBnr .bnr img,
#btmBnr2 .bnr img {
	margin: 3px 0 0 4px;
}
#btmBnr, #btmBnr2 {
	width: 706px;
	height: 75px;
	margin: 35px 3px 0 3px;
	padding: 11px 0 0 2px;
}

#btmBnr  { background: url(../../common/images/bnr_bg.png) no-repeat; }
#btmBnr2 { background: url(../../common/images/bnr_bg2.png) no-repeat; }


#btmBnr .bnr,
#btmBnr2 .bnr {
	float: left;
	width: 224px;
	height: 56px;
	padding: 0 0 0 8px;
}

#btmBnr .bnr img,
#btmBnr2 .bnr img {
	margin: 3px 0 0 4px;
}


/* =====================================================================
*
*    1. Products Top Page
*
* =================================================================== */

body.top h1 {
	height: 56px;
	margin: 0 0 14px 0;
	background: url(../images/ttl.png) no-repeat;
}

body.top #line.panel { margin-top: 0; }

body.top #line .unit {
	position: relative;
	padding: 27px 17px 28px 17px;
	background: url(../../common/images/bdr_panel.jpg) left bottom no-repeat;
}

body.top #line .last {
	padding: 27px 17px 22px 17px;
	background: none;
}

body.top #line .unit .thmBox {
	float: left;
	width: 248px;
}

body.top #line .unit .detailBox {
	float: right;
	width: 392px;
	padding: 0;
}

body.top .bal {
	margin-bottom: 7px;
}

body.top #line .unit h2 a {
	height: 39px;
	background-position: 0 -39px;
}

	body.top #line #luHO h2 a { width: 132px; background-image: url(../images/line_ho_ttl.jpg); }
	body.top #line #luHU h2 a { width: 147px; background-image: url(../images/line_hu_ttl.jpg); }
	body.top #line #luCH h2 a { width: 133px; background-image: url(../images/line_ch_ttl.jpg); }
	body.top #line #luAP h2 a { width: 253px; background-image: url(../images/line_ap_ttl.jpg); }
	body.top #line #luNU h2 a { width: 241px; background-image: url(../images/line_nu_ttl.jpg); }
	body.top #line #luRE h2 a { width: 212px; background-image: url(../images/line_re_ttl.jpg); }
	body.top #line #luNO h2 a { width: 243px; background-image: url(../images/line_no_ttl.jpg); }
	body.top #line #luSO h2 a { width: 168px; background-image: url(../images/line_so_ttl.jpg); }
	body.top #line #luBI h2 a { width: 189px; background-image: url(../images/line_bi_ttl.jpg); }
	body.top #line #luRF h2 a { width: 229px; background-image: url(../images/line_rf_ttl.jpg); }
	body.top #line #luSP h2 a { width: 233px; background-image: url(../images/line_sp_ttl.jpg); }

	body.top #line .unit h2 a:hover { background-position: 0 0; }

body.top #line .unit .desc {
	height: 34px;
	margin-top: 30px;
	background-repeat: no-repeat;
}

	body.top #line #luHO .desc { background-image: url(../images/line_ho_desc.gif); }
	body.top #line #luHU .desc { background-image: url(../images/line_hu_desc.gif); }
	body.top #line #luCH .desc { background-image: url(../images/line_ch_desc.gif); }
	body.top #line #luAP .desc { background-image: url(../images/line_ap_desc.gif); }
	body.top #line #luNU .desc { background-image: url(../images/line_nu_desc.gif); }
	body.top #line #luRE .desc { background-image: url(../images/line_re_desc.gif); }
	body.top #line #luNO .desc { background-image: url(../images/line_no_desc.gif); }
	body.top #line #luSO .desc { background-image: url(../images/line_so_desc.gif); }
	body.top #line #luBI .desc { background-image: url(../images/line_bi_desc.gif); }
	body.top #line #luRF .desc { background-image: url(../images/line_rf_desc.gif); }
	body.top #line #luSP .desc { height: 14px; background-image: url(../images/line_sp_desc.gif); }

body.top #line .unit .detail {
	clear: both;
	padding-top: 17px;
	color: #666666;
}

body.top #line .unit .detail li {
	margin: 0 0 0 20px;
	list-style: disc;
	line-height: 160%;
}

body.top #line .btn {
	position: absolute;
	bottom: 24px;
	right: 15px;
}