@charset "shift_jis";

/* common
=========================================*/
a:link,a:visited,a:active {
   color: #016ba2;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}


body {
	background-color: #FFF!important;
}
div#wrapper {
	background: none!important;
}


.skipText {
	display: none;
}


/* text-align
------------------------*/
.left{
	text-align:left!important;
}
.center{
	text-align:center!important;
}
.right{
	text-align:right!important;
}

/* text
------------------------*/
.caution {
	font-size: 78%;
	line-height: 15px;
}
.underLine {
	text-decoration: underline;
}

/* vertical-align
------------------------*/
.vaM {
	vertical-align: middle;
}


/* margin
------------------------*/
.mt0 {
	margin-top: 0px!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt45 {
	margin-top: 45px!important;
}
.mt50 {
	margin-top: 50px!important;
}

.ml40 {
	margin-right: 40px!important;
}
.mb0 {
	margin-bottom: 0px!important;
}



/* equipment
=========================================*/
.contentsWrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	color: #333333;
}
.contentsWrapper .elementTitle {
	margin-bottom: 30px;
}
.contentsWrapper .detailTitle {
	margin-bottom: 20px;
}
.contentsWrapper .catch {
	margin-bottom: 20px;
}
.contentsWrapper .normalText15 {
	font-size: 116%;
	line-height: 20px;
}
.contentsWrapper .normalText14 {
	font-size: 108%;
	line-height: 20px;
}
.contentsWrapper .normalText13 {
	font-size: 100%;
	line-height: 20px;
}
.contentsWrapper .pageTop {
	padding: 21px 0 10px;
	text-align: right;
}
	
	
	
/* element common
------------------------*/

.contentsWrapper .lineTitle {
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #666666;
}



/* heading
------------------------*/
.heading {
	margin-bottom: 30px;
}
.heading .imgLeft {
	margin: 0 40px 0 0;
}
.heading .asideText {
	padding: 40px 0 0 0;
}


/* standardDetail
------------------------*/
.standardDetail {
	width: 900px;
	margin-bottom: 69px;
	background: url(../image/index_bg02.gif) repeat-y 0 0;
}
.standardDetail .standardDetailWrapper {
	padding-top: 15px;
	background: url(../image/index_bg01.gif) no-repeat 0 0;
}
.standardDetail .standardDetailWrapper .standardDetailInner {
	padding: 0 20px 15px;
	background: url(../image/index_bg03.gif) no-repeat 0 bottom;
}

.colTwo,
.colThree {
	overflow: hidden;
	clear: both;
	width: 860px;
}
.colTwo .inner {
	width: 860px;
	padding-bottom: 5px;
	background: url(../image/index_bg04.gif) repeat-y center top;
}
.colThree .inner {
	width: 885px;
}

.colTwo .inner .col {
	float: left;
	width: 390px;
	padding: 0 20px 0;
}
.colThree .inner .col {
	float: left;
	width: 270px;
	margin-right: 25px;
}

.colTwo .inner .col .detail li {
	margin-top: 15px;
}


.standardDetail .lineTop {
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid #333333;
}


/* typeArea
------------------------*/

* html .typeArea {
	padding-bottom: 18px;
}
.typeArea .typeDetail {
	float: left;
	width: 240px;
	background: url(../image/index_bg05.gif) no-repeat 0 0;
}
.typeArea .typeDetail .type {
	position: relative;
	min-height: 282px;
	padding: 15px 17px 15px 16px;
	background: url(../image/index_bg12.gif) no-repeat 0 bottom;
}
.typeArea .typeDetail .ditailInfoBtn {
	position: absolute;
	right: 17px;
	bottom: 10px;
}
* html .typeArea .typeDetail .type {
	height: 282px;
}
*:first-child+html .typeArea .typeDetail .type {
	height: 282px;
}
.typeArea .typeDetail #type2Element,
.typeArea .typeDetail #type3Element,
.typeArea .typeDetail #type4Element,
.typeArea .typeDetail #type5Element,
.typeArea .typeDetail #type6Element,
.typeArea .typeDetail #type7Element,
.typeArea .typeDetail #type8Element,
.typeArea .typeDetail #type9Element {
	display: none;
}
.typeArea .typeSelect {
	float: right;
	width: 660px;
}
* html .typeArea .typeSelect,
*:first-child+html .typeArea .typeSelect {
  padding-bottom: 18px;
}
.typeArea .typeSelect ul li {
	float: left;
	margin-bottom: 18px;
	padding-left: 15px;
	cursor: pointer;
}
.typeArea .typeSelect ul li img {
	vertical-align: bottom;
}



/* adaptType
------------------------*/

.adaptType {
	margin-top: 15px;
}
*:first-child+html .adaptType {
	margin-bottom: 15px;
}
.adaptType .colL {
	float: left;
	width: 436px;
}
.adaptType .colL li {
	float: left;
	margin-right: 9px;
}
.adaptType .colR {
	float: right;
	width: 436px;
}
* html .adaptType .colR {
	width: 446px;
}
.adaptType .colR li {
	float: left;
	margin-left: 9px;
}
.adaptType li {
	width: 100px;
	height: 45px;
	margin-bottom: 10px;
}
.adaptType li.fine {
	width: 100px;
	height: 50px;
}
.adaptType li span {
	display: none;
}

/* item1 */
.adaptType li.adaptType01 {
	background:url(../../styling/image/index_ic01.gif) no-repeat 0 0;
}
.adaptType li.adaptType02 {
	background:url(../../styling/image/index_ic02.gif) no-repeat 0 0;
}
.adaptType li.adaptType03 {
	background:url(../../styling/image/index_ic03.gif) no-repeat 0 0;
}
.adaptType li.adaptType04 {
	background:url(../../styling/image/index_ic04.gif) no-repeat 0 0;
}
.adaptType li.adaptType05 {
	background:url(../../styling/image/index_ic05.gif) no-repeat 0 0;
}
.adaptType li.adaptType06 {
	background:url(../../styling/image/index_ic06.gif) no-repeat 0 0;
}
.adaptType li.adaptType07 {
	background:url(../../styling/image/index_ic07.gif) no-repeat 0 0;
}
.adaptType li.adaptType08 {
	background:url(../../styling/image/index_ic08.gif) no-repeat 0 0;
}
.adaptType li.adaptType09 {
	background:url(../../styling/image/index_ic09.gif) no-repeat 0 0;
}
.adaptType li.adaptType10 {
	background:url(../../styling/image/index_ic10.gif) no-repeat 0 0;
}
.adaptType li.adaptType11 {
	background:url(../../styling/image/index_ic11.gif) no-repeat 0 0;
}
.adaptType li.adaptType12 {
	background:url(../../styling/image/index_ic12.gif) no-repeat 0 0;
}
.adaptType li.adaptType13 {
	background:url(../../styling/image/index_ic13.gif) no-repeat 0 0;
}
.adaptType li.adaptType14 {
	background:url(../../styling/image/index_ic14.gif) no-repeat 0 0;
}
.adaptType li.adaptType15 {
	background:url(../../styling/image/index_ic15.gif) no-repeat 0 0;
}
.adaptType li.adaptType16 {
	background:url(../../styling/image/index_ic16.gif) no-repeat 0 0;
}

/* layout-type1  紫外線 */
.layout-type1 .adaptType li.adaptType02,
.layout-type1 .adaptType li.adaptType10,
.layout-type1 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}
.layout-type1 .adaptType li.adaptType06,
.layout-type1 .adaptType li.adaptType14,
.layout-type1 .adaptType li.adaptType15 {
	background-position: 0 -50px;
}


/* layout-type2  プラズマクラスター */
.layout-type2 .adaptType li.adaptType02,
.layout-type2 .adaptType li.adaptType10,
.layout-type2 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}
.layout-type2 .adaptType li.adaptType06,
.layout-type2 .adaptType li.adaptType14,
.layout-type2 .adaptType li.adaptType15 {
	background-position: 0 -50px;
}

/* layout-type3  花粉 */
.layout-type3 .adaptType li.adaptType02,
.layout-type3 .adaptType li.adaptType10 {
  background-position: 0 -45px;
}
.layout-type3 .adaptType li.adaptType06,
.layout-type3 .adaptType li.adaptType14 {
	background-position: 0 -50px;
}


/* layout-type4 あたたかく快適に */
.layout-type4 .adaptType li.adaptType03,
.layout-type4 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}
.layout-type4 .adaptType li.adaptType06,
.layout-type4 .adaptType li.adaptType07,
.layout-type4 .adaptType li.adaptType13,
.layout-type4 .adaptType li.adaptType14,
.layout-type4 .adaptType li.adaptType15 {
	background-position: 0 -50px;
}


/* layout-type5 定速走行 */
.layout-type5 .adaptType li.adaptType03,
.layout-type5 .adaptType li.adaptType09,
.layout-type5 .adaptType li.adaptType10,
.layout-type5 .adaptType li.adaptType11,
.layout-type5 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}
.layout-type5 .adaptType li.adaptType07,
.layout-type5 .adaptType li.adaptType13,
.layout-type5 .adaptType li.adaptType14,
.layout-type5 .adaptType li.adaptType15,
.layout-type5 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}


/* layout-type6 プライバシー保護 */
.layout-type6 .adaptType li.adaptType03 {
  background-position: 0 -45px;
}

.layout-type6 .adaptType li.adaptType07 {
	background-position: 0 -50px;
}

/* layout-type7 楽しくエコ */
.layout-type7 .adaptType li.adaptType09,
.layout-type7 .adaptType li.adaptType10,
.layout-type7 .adaptType li.adaptType11,
.layout-type7 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

.layout-type7 .adaptType li.adaptType13,
.layout-type7 .adaptType li.adaptType14,
.layout-type7 .adaptType li.adaptType15,
.layout-type7 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}


/* layout-type8 走りの性格 */
.layout-type8 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}
.layout-type8 .adaptType li.adaptType16 {
  background-position: 0 -50px;
}

/* layout-type9 施錠・解錠 */
.layout-type9 .adaptType li.adaptType01,
.layout-type9 .adaptType li.adaptType02,
.layout-type9 .adaptType li.adaptType03,
.layout-type9 .adaptType li.adaptType09,
.layout-type9 .adaptType li.adaptType10,
.layout-type9 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}
.layout-type9 .adaptType li.adaptType05,
.layout-type9 .adaptType li.adaptType06,
.layout-type9 .adaptType li.adaptType07,
.layout-type9 .adaptType li.adaptType08,
.layout-type9 .adaptType li.adaptType13,
.layout-type9 .adaptType li.adaptType14,
.layout-type9 .adaptType li.adaptType15,
.layout-type9 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}




/* optionArea
------------------------*/

.optionArea {
	position: relative;
}
.optionArea .optionDetail {
	float: left;
	width: 240px;
	background: url(../image/index_bg05.gif) no-repeat 0 0;
}
.optionArea .optionDetail .option {
	position: relative;
	min-height: 282px;
	background: url(../image/index_bg12.gif) no-repeat 0 bottom;
	padding: 15px 17px 15px 16px;
}
.optionArea .optionDetail .ditailInfoBtn {
	position: absolute;
	right: 17px;
	bottom: 10px;
}
* html .optionArea .optionDetail .option {
	height: 282px;
}
*:first-child+html .optionArea .optionDetail .option {
	height: 282px;
}
.optionArea .optionDetail #option2Element,
.optionArea .optionDetail #option3Element,
.optionArea .optionDetail #option4Element,
.optionArea .optionDetail #option5Element,
.optionArea .optionDetail #option6Element,
.optionArea .optionDetail #option7Element,
.optionArea .optionDetail #option8Element,
.optionArea .optionDetail #option9Element {
	display: none;
}
.optionArea .optionSelect {
	position: absolute;
	top: -14px;
	right: -12px;
	width: 660px;
}
.optionArea .optionSelect ul li {
	float: left;
	margin-bottom: 4px;
	padding-left: 3px;
	cursor: pointer;
}
.optionArea .optionSelect ul li img {
	vertical-align: bottom;
}

/* accessory
------------------------*/
.accessory {
	margin-top: 33px;
}
.accessory .colL {
	width: 430px;
	float: left;
}
.accessory .colR {
	width: 430px;
	float: right;
}
.accessory .ranking {
	margin: 17px 23px 0 4px;
}
.accessory .ranking li {
	margin-top: 17px;
	background: url(../image/index_bg13.jpg) no-repeat 0 bottom;
	min-height: 98px;
	letter-spacing: -0.01em;
}
* html .accessory .ranking li {
	height: 156px;
}
.accessory .ranking li#useful1 .inner {
	background: url(../image/index_bg06.jpg) no-repeat 0 0;
}
.accessory .ranking li#useful2 .inner {
	background: url(../image/index_bg07.jpg) no-repeat 0 0;
}
.accessory .ranking li#useful3 .inner {
	background: url(../image/index_bg08.jpg) no-repeat 0 0;
}
.accessory .ranking li#outward1 .inner {
	background: url(../image/index_bg09.jpg) no-repeat 0 0;
}
.accessory .ranking li#outward2 .inner {
	background: url(../image/index_bg10.jpg) no-repeat 0 0;
}
.accessory .ranking li#outward3 .inner {
	background: url(../image/index_bg11.jpg) no-repeat 0 0;
}
.accessory .ranking li .inner {
	padding: 40px 20px 17px 162px;
}


/* audio
------------------------*/
.audioTitle {
  position: relative;
	margin-bottom: 60px;
}
.audioTitle .audioBtn {
  position: absolute;
	top: 5px;
	right: 0;
	width: 201px;
}
.audioTitle .audioBtn2 {
  position: absolute;
	top: 5px;
	right: 212px;
	width: 235px;
}
.interNavi {
	padding: 60px 70px 0;
}
.interNaviDetail {
	margin-bottom: 60px;
}
.interNavi .imgLeft {
	float: left;
	margin: 0;
	padding-right: 22px;
}
.interNavi .asideText {
	overflow: hidden;
	zoom: 1;
	font-size: 109%;
}
.interNavi .asideText p {
	line-height: 1.9!important;	
}
.interNavBottomBtn {
	margin-bottom: 60px;
	text-align: center;
}
.interNavBottomBtn p {
	display: inline;
	padding: 5px;
}



/* column
------------------------*/

.normalSection {
	clear: both;	
}
.imgLeft {
	float: left;
	margin: 0 20px 13px 0;
}
.imgRight {
	float: right;
	margin: 0 0 11px 13px;
}
.asideText {
	overflow: hidden;
	zoom: 1;
}
.asideText p {
	clear: both;
}







/* clearfix
=========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}