/* 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;
}

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

.clearfix {
  min-height: 1px;
}

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

.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;
}

/* colorArea
------------------------*/

.colorArea {
	position: relative;
}
.colorArea dl{padding:38px 0 0; height: 25px;}
.colorArea dt{float:left; display:inline; margin:3px 19px 0 2px;}
.colorArea dd{float:left; display:inline; margin:0 2px 0 0; display:inline; position:relative; z-index:100;}
.colorArea dd span{position:absolute; visibility:hidden;}/* modify */
.colorArea .item01 span{left:-41px; top:-25px;}
.colorArea .item02 span{left:-52px; top:-25px;}
.colorArea .item03 span{left:-48px; top:-25px;}
.colorArea .item04 span{left:-63px; top:-25px;}
.colorArea .item05 span{left:-48px; top:-25px;}
.colorArea .item06 span{left:-52px; top:-25px;}
.colorArea .item07 span{left:-38px; top:-25px;}
.colorArea .item08 span{left:-37px; top:-25px;}
.colorArea .item09 span{left:-24px; top:-25px;}
.colorArea .item10 span{left:-32px; top:-25px;}
.colorArea .item11 span{left:-42px; top:-25px;}
.colorArea .item12 span{left:-5px; top:-25px;}
.colorArea .item13 span{left:-10px; top:-25px;}
.colorArea dd a{float:left; padding:0 0 1px 0; border-bottom:solid 3px #FFF;}
.colorArea dd a:hover{border-bottom:solid 3px #016BA1;}
.colorArea dd a:hover span{ visibility:visible; }/* add */
.colorArea dd a span{ visibility:hidden; }/* add */
/*.colorArea dd.active a span{ visibility:visible; }*/ /* add */
.colorArea dd.active a{border-bottom:solid 3px #016BA1;}
.colorArea dd.active{z-index:10!important;}

/* stylingDetail
------------------------*/
.stylingDetail {
	position: relative;
	display: none;
}
.stylingDetail.stylingDetail-item01 {
	display: block;
}
.stylingDetail .caption {
	position: absolute;
	top: -45px;
	right: 0;
	font-size: 78%;
	text-align: right;
}
.stylingDetail .colImage {
	width: 250px;
	float: left;
}
.stylingDetail .colText {
	width: 635px;
	float: right;
}
.stylingDetail .localLink {
	float: right;
}
.stylingDetail .localLink li {
	float: left;
	padding-left: 13px;
}
.stylingArea {
	position: relative;
}
.stylingArea .mainImage {
}
.stylingArea .li {
	position: absolute;
	left: 0;
	top: 0;
}
.movBtn  {
	width: 876px;
	position: absolute;
	left: 12px;
	top: 130px;
 z-index: 20;
}
.movBtn .prev {
	float: left;
}
.movBtn .next {
	float: right;
}
.movBtn span {
	display: none;
}
.movBtn a {
	display: block;
	height: 78px;
	width: 35px;
}
.movBtn .prev a {
	background: url(../image/index_prev.png) no-repeat 0 0;
	background-position: -35px 0;
}
.movBtn .prev a:hover,
.movBtn .prev.on a {
	background: url(../image/index_prev.png) no-repeat 0 0;
	background-position: 0 0;
}
.movBtn .next a {
	background: url(../image/index_next.png) no-repeat 0 0;
	background-position: -35px 0;
}
.movBtn .next a:hover,
.movBtn .next.on a {
	background: url(../image/index_next.png) no-repeat 0 0;
	background-position: 0 0;
}
.stylingArea .caption {
	position: absolute;
	top: -45px;
	right: 0;
	font-size: 78%;
	text-align: right;
}
.stylingArea .colorList {
	padding-top: 15px;
}
.stylingArea .colorList a {
	display: block;
	height: 30px;
	width: 30px;
}
.stylingArea .colorList a span {
	display: none;
}
.stylingArea .colorList dd {
	float: left;
	margin-right: 5px;
}
.stylingArea .colorList .item01 a:link,
.stylingArea .colorList .item01 a:visited {
	background: url(../image/index_ic18.gif) no-repeat 0 0;
}
.stylingArea .colorList .item01 a:hover,
.stylingArea .colorList .item01 a:active {
	background: url(../image/index_ic18.gif) no-repeat 0 -30px;
}
.stylingArea .colorList .item01.on a,
.stylingArea .colorList .item01.on a.num01 {
	background: url(../image/index_ic18.gif) no-repeat 0 -30px!important;
}
.stylingArea .colorList .item02 a:link,
.stylingArea .colorList .item02 a:visited {
	background: url(../image/index_ic18.gif) no-repeat -30px 0;
}
.stylingArea .colorList .item02 a:hover,
.stylingArea .colorList .item02 a:active {
	background: url(../image/index_ic18.gif) no-repeat -30px -30px;
}
.stylingArea .colorList .item02.on a,
.stylingArea .colorList .item02.on a.num02 {
	background: url(../image/index_ic18.gif) no-repeat -30px -30px!important;
}
.stylingArea .colorList .item03 a:link,
.stylingArea .colorList .item03 a:visited {
	background: url(../image/index_ic18.gif) no-repeat -60px 0;
}
.stylingArea .colorList .item03 a:hover,
.stylingArea .colorList .item03 a:active {
	background: url(../image/index_ic18.gif) no-repeat -60px -30px;
}
.stylingArea .colorList .item03.on a,
.stylingArea .colorList .item03.on a.num03 {
	background: url(../image/index_ic18.gif) no-repeat -60px -30px;
}

.stylingArea .colorList .item04 a:link,
.stylingArea .colorList .item04 a:visited {
	background: url(../image/index_ic18.gif) no-repeat -90px 0;
}
.stylingArea .colorList .item04 a:hover,
.stylingArea .colorList .item04 a:active {
	background: url(../image/index_ic18.gif) no-repeat -90px -30px;
}
.stylingArea .colorList .item04.on a,
.stylingArea .colorList .item04.on a.num04 {
	background: url(../image/index_ic18.gif) no-repeat -90px -30px;
}

.stylingArea .colorList .item05 a:link,
.stylingArea .colorList .item05 a:visited {
	background: url(../image/index_ic18.gif) no-repeat -120px 0;
}
.stylingArea .colorList .item05 a:hover,
.stylingArea .colorList .item05 a:active {
	background: url(../image/index_ic18.gif) no-repeat -120px -30px;
}
.stylingArea .colorList .item05.on a,
.stylingArea .colorList .item05.on a.num05 {
	background: url(../image/index_ic18.gif) no-repeat -120px -30px;
}

.stylingArea .colorList .item06 a:link,
.stylingArea .colorList .item06 a:visited {
	background: url(../image/index_ic18.gif) no-repeat -150px 0;
}
.stylingArea .colorList .item06 a:hover,
.stylingArea .colorList .item06 a:active {
	background: url(../image/index_ic18.gif) no-repeat -150px -30px;
}
.stylingArea .colorList .item06.on a,
.stylingArea .colorList .item06.on a.num06 {
	background: url(../image/index_ic18.gif) no-repeat -150px -30px;
}

.stylingArea .adaptArea {
	margin-top: 15px;
}

/* adaptArea
------------------------*/

.adaptArea {
	margin-top: 30px;
	text-align: left;
}
.adaptArea .caution {
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #cccccc;
}
.adaptType {
	margin-top: 15px;
}
.adaptType .colL {
	float: left;
	width: 438px;
}
.adaptType .colL li {
	float: left;
	margin-right: 9px;
}
.adaptType .colR {
	float: right;
	width: 438px;
}
* 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(../image/index_ic01.gif) no-repeat 0 0;
}
.adaptType li.adaptType02 {
	background:url(../image/index_ic02.gif) no-repeat 0 0;
}
.adaptType li.adaptType03 {
	background:url(../image/index_ic03.gif) no-repeat 0 0;
}
.adaptType li.adaptType04 {
	background:url(../image/index_ic04.gif) no-repeat 0 0;
}
.adaptType li.adaptType05 {
	background:url(../image/index_ic05.gif) no-repeat 0 0;
}
.adaptType li.adaptType06 {
	background:url(../image/index_ic06.gif) no-repeat 0 0;
}
.adaptType li.adaptType07 {
	background:url(../image/index_ic07.gif) no-repeat 0 0;
}
.adaptType li.adaptType08 {
	background:url(../image/index_ic08.gif) no-repeat 0 0;
}
.adaptType li.adaptType09 {
	background:url(../image/index_ic09.gif) no-repeat 0 0;
}
.adaptType li.adaptType10 {
	background:url(../image/index_ic10.gif) no-repeat 0 0;
}
.adaptType li.adaptType11 {
	background:url(../image/index_ic11.gif) no-repeat 0 0;
}
.adaptType li.adaptType12 {
	background:url(../image/index_ic12.gif) no-repeat 0 0;
}
.adaptType li.adaptType13 {
	background:url(../image/index_ic13.gif) no-repeat 0 0;
}
.adaptType li.adaptType14 {
	background:url(../image/index_ic14.gif) no-repeat 0 0;
}
.adaptType li.adaptType15 {
	background:url(../image/index_ic15.gif) no-repeat 0 0;
}
.adaptType li.adaptType16 {
	background:url(../image/index_ic16.gif) no-repeat 0 0;
}


/* item1  プレミアムホワイト・パール */
.adapt-item01 .adaptType li.adaptType01,
.adapt-item01 .adaptType li.adaptType02,
.adapt-item01 .adaptType li.adaptType03,
.adapt-item01 .adaptType li.adaptType04,
.adapt-item01 .adaptType li.adaptType09,
.adapt-item01 .adaptType li.adaptType10,
.adapt-item01 .adaptType li.adaptType11,
.adapt-item01 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

.adapt-item01 .adaptType li.adaptType05,
.adapt-item01 .adaptType li.adaptType06,
.adapt-item01 .adaptType li.adaptType07,
.adapt-item01 .adaptType li.adaptType08,
.adapt-item01 .adaptType li.adaptType13,
.adapt-item01 .adaptType li.adaptType14,
.adapt-item01 .adaptType li.adaptType15,
.adapt-item01 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}

/* item2 プレミアムディープモカ・パール */
.adapt-item02 .adaptType li.adaptType01,
.adapt-item02 .adaptType li.adaptType02,
.adapt-item02 .adaptType li.adaptType03,
.adapt-item02 .adaptType li.adaptType09,
.adapt-item02 .adaptType li.adaptType10,
.adapt-item02 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}

.adapt-item02 .adaptType li.adaptType05,
.adapt-item02 .adaptType li.adaptType06,
.adapt-item02 .adaptType li.adaptType07,
.adapt-item02 .adaptType li.adaptType13,
.adapt-item02 .adaptType li.adaptType14,
.adapt-item02 .adaptType li.adaptType15 {
	background-position: 0 -50px;
}


/* item3 プレミアムイエロー・パールII */
.adapt-item03 .adaptType li.adaptType01,
.adapt-item03 .adaptType li.adaptType04,
.adapt-item03 .adaptType li.adaptType09,
.adapt-item03 .adaptType li.adaptType11,
.adapt-item03 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

.adapt-item03 .adaptType li.adaptType08,
.adapt-item03 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}


/* item4 スーパープラチナアクア・メタリック */
.adapt-item04 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}
.adapt-item04 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}

/* item5 ポリッシュドメタル・メタリック */
.adapt-item05 .adaptType li.adaptType03,
.adapt-item05 .adaptType li.adaptType04,
.adapt-item05 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

.adapt-item05 .adaptType li.adaptType07,
.adapt-item05 .adaptType li.adaptType08,
.adapt-item05 .adaptType li.adaptType15,
.adapt-item05 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}

/* item6 アラバスターシルバー・メタリック */
.adapt-item06 .adaptType li.adaptType01,
.adapt-item06 .adaptType li.adaptType09,
.adapt-item06 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}

.adapt-item06 .adaptType li.adaptType05,
.adapt-item06 .adaptType li.adaptType13 {
	background-position: 0 -50px;
}

/* item7 クリスタルブラック・パール */
.adapt-item07 .adaptType li.adaptType01,
.adapt-item07 .adaptType li.adaptType02,
.adapt-item07 .adaptType li.adaptType03,
.adapt-item07 .adaptType li.adaptType04,
.adapt-item07 .adaptType li.adaptType09,
.adapt-item07 .adaptType li.adaptType10,
.adapt-item07 .adaptType li.adaptType11,
.adapt-item07 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

.adapt-item07 .adaptType li.adaptType05,
.adapt-item07 .adaptType li.adaptType06,
.adapt-item07 .adaptType li.adaptType07,
.adapt-item07 .adaptType li.adaptType08,
.adapt-item07 .adaptType li.adaptType13,
.adapt-item07 .adaptType li.adaptType14,
.adapt-item07 .adaptType li.adaptType15,
.adapt-item07 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}


/* item8 アズールブルー・メタリック */
.adapt-item08 .adaptType li.adaptType01,
.adapt-item08 .adaptType li.adaptType03,
.adapt-item08 .adaptType li.adaptType04,
.adapt-item08 .adaptType li.adaptType09,
.adapt-item08 .adaptType li.adaptType11,
.adapt-item08 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

.adapt-item08 .adaptType li.adaptType07,
.adapt-item08 .adaptType li.adaptType15 {
	background-position: 0 -50px;
}

/* item9 サンセットオレンジII */
.adapt-item09 .adaptType li.adaptType04,
.adapt-item09 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

.adapt-item09 .adaptType li.adaptType08,
.adapt-item09 .adaptType li.adaptType16 {
	background-position: 0 -50px;
}


/* item10 ピュアブルー・メタリック */
.adapt-item10 .adaptType li.adaptType01,
.adapt-item10 .adaptType li.adaptType09,
.adapt-item10 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}
.adapt-item10 .adaptType li.adaptType05,
.adapt-item10 .adaptType li.adaptType13 {
	background-position: 0 -50px;
}

/* item11 ピンクゴールド・メタリックII */
.adapt-item11 .adaptType li.adaptType02,
.adapt-item11 .adaptType li.adaptType10 {
  background-position: 0 -45px;
}

.adapt-item11 .adaptType li.adaptType06,
.adapt-item11 .adaptType li.adaptType14 {
	background-position: 0 -50px;
}

/* item12 ミラノレッド */
.adapt-item12 .adaptType li.adaptType01,
.adapt-item12 .adaptType li.adaptType09,
.adapt-item12 .adaptType li.adaptType11 {
  background-position: 0 -45px;
}

/* item13 タフタホワイト */
.adapt-item13 .adaptType li.adaptType01,
.adapt-item13 .adaptType li.adaptType09 {
  background-position: 0 -45px;
}


/* 表示切り換え */
.adaptArea.adapt-item01 .stylingDetail-item01 {display: block;}
.adaptArea.adapt-item01 .stylingDetail-item02 {display: none;}
.adaptArea.adapt-item02 .stylingDetail-item01 {display: none;}
.adaptArea.adapt-item02 .stylingDetail-item02 {display: block;}