/* 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;
}
.vaT {
	vertical-align: top;
}


/* 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;
}
.contentsWrapper .lineTop {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
}
.contentsWrapper .txColor01 {
	color: #666666;
}


/* 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:5px; top:-25px;}
.colorArea .item02 span{left:4px; top:-25px;}
.colorArea .item03 span{left:-47px; top:-25px;}
.colorArea .item04 span{left:-41px; top:-25px;}
.colorArea .item05 span{left:-47px; top:-25px;}
.colorArea .item06 span{left:-55px; top:-25px;}
.colorArea .item07 span{left:-46px; top:-25px;}
.colorArea .item08 span{left:-70px; top:-25px;}
.colorArea .item09 span{left:-41px; top:-25px;}
.colorArea .item10 span{left:-94px; top:-25px;}
.colorArea .item11 span{left:-114px; 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 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 .colorList {
	padding-top: 15px;
}
.arrangeArea .colorList {
	margin: 15px 0 0 145px;
}
.stylingArea .colorList a,
.arrangeArea .colorList a {
	display: block;
	height: 30px;
	width: 30px;
}
.stylingArea .colorList a span,
.arrangeArea .colorList a span {
	display: none;
}
.stylingArea .colorList dd,
.arrangeArea .colorList dd {
	float: left;
	margin-right: 5px;
}


.stylingArea .colorList .item01 a:link,
.stylingArea .colorList .item01 a:visited,
.arrangeArea .colorList .item01 a:link,
.arrangeArea .colorList .item01 a:visited {
	background: url(../../styling/image/index_ic18.gif) no-repeat 0 0;
}
.stylingArea .colorList .item01 a:hover,
.stylingArea .colorList .item01 a:active,
.arrangeArea .colorList .item01 a:hover,
.arrangeArea .colorList .item01 a:active {
	background: url(../../styling/image/index_ic18.gif) no-repeat 0 -30px;
}
.stylingArea .colorList .item01.on a,
.stylingArea .colorList .item01.on a.num01,
.arrangeArea .colorList .item01.on a,
.arrangeArea .colorList .item01.on a.num01 {
	background: url(../../styling/image/index_ic18.gif) no-repeat 0 -30px!important;
}

.stylingArea .colorList .item02 a:link,
.stylingArea .colorList .item02 a:visited,
.arrangeArea .colorList .item02 a:link,
.arrangeArea .colorList .item02 a:visited {
	background: url(../../styling/image/index_ic18.gif) no-repeat -30px 0;
}
.stylingArea .colorList .item02 a:hover,
.stylingArea .colorList .item02 a:active,
.arrangeArea .colorList .item02 a:hover,
.arrangeArea .colorList .item02 a:active {
	background: url(../../styling/image/index_ic18.gif) no-repeat -30px -30px;
}
.stylingArea .colorList .item02.on a,
.stylingArea .colorList .item02.on a.num02,
.arrangeArea .colorList .item02.on a,
.arrangeArea .colorList .item02.on a.num02 {
	background: url(../../styling/image/index_ic18.gif) no-repeat -30px -30px!important;
}

.stylingArea .colorList .item03 a:link,
.stylingArea .colorList .item03 a:visited,
.arrangeArea .colorList .item03 a:link,
.arrangeArea .colorList .item03 a:visited {
	background: url(../../styling/image/index_ic18.gif) no-repeat -60px 0;
}
.stylingArea .colorList .item03 a:hover,
.stylingArea .colorList .item03 a:active,
.arrangeArea .colorList .item03 a:hover,
.arrangeArea .colorList .item03 a:active {
	background: url(../../styling/image/index_ic18.gif) no-repeat -60px -30px;
}
.stylingArea .colorList .item03.on a,
.stylingArea .colorList .item03.on a.num03,
.arrangeArea .colorList .item03.on a,
.arrangeArea .colorList .item03.on a.num03 {
	background: url(../../styling/image/index_ic18.gif) no-repeat -60px -30px!important;
}

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

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

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



/* arrangeArea
------------------------*/
.arrangeArea {
	margin-top: 20px;
	position: relative;
}
.arrangeArea .detailBtn {
	position: absolute;
	right: 0;
	top: 360px;
}


/* bodyColor
------------------------*/
.bodyColor .movBtn  {
	top: 130px;
}


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

.adaptArea {
	margin-top: 15px;
}
.adaptArea .caution {
	margin-top: 20px;
}
.adaptType {
	margin-top: 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;
}

/* item1  ブラック（13G） */
.adapt-item01 .adaptType li.adaptType01 {
  background-position: 0 -45px;
}

/* item2 ベージュ（13G） */
.adapt-item02 .adaptType li.adaptType01 {
  background-position: 0 -45px;
}

/* item3 ブラウン（15XH） */
.adapt-item03 .adaptType li.adaptType03 {
  background-position: 0 -45px;
}


/* item4 ブラック（HYBRID） */
.adapt-item04 .adaptType li.adaptType09,
.adapt-item04 .adaptType li.adaptType11 {
	background-position: 0 -45px;
}


/* item5 ベージュ（HYBRID） */
.adapt-item05 .adaptType li.adaptType09,
.adapt-item05 .adaptType li.adaptType11 {
	background-position: 0 -45px;
}


/* item6 ブラウン（She’s） */
.adapt-item06 .adaptType li.adaptType02,
.adapt-item06 .adaptType li.adaptType10 {
  background-position: 0 -45px;
}

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

/* item7 ブラック（RS） */
.adapt-item07 .adaptType li.adaptType04,
.adapt-item07 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

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


/* item8 ブラック×オレンジ（RS） */
.adapt-item08 .adaptType li.adaptType04,
.adapt-item08 .adaptType li.adaptType12 {
  background-position: 0 -45px;
}

/* item9 ブラック（ファインスタイル） */
.adapt-item09 .adaptType li.adaptType05 {
	background-position: 0 -50px;
}


/* item10 ブラック×ブラウン（ファインスタイル） */
.adapt-item10 .adaptType li.adaptType07,
.adapt-item10 .adaptType li.adaptType13,
.adapt-item10 .adaptType li.adaptType15 {
  background-position: 0 -50px;
}

.adapt-item11 .adaptType li.adaptType03,
.adapt-item11 .adaptType li.adaptType09,
.adapt-item11 .adaptType li.adaptType11,
.adapt-item11 .adaptType li.adaptType12 {
  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;}


/* spaceArea
------------------------*/
.spaceArea {
	margin-top: 30px;
}
.spaceArea .colL {
	width: 440px;
	float: left;
}
.spaceArea .colR {
	width: 440px;
	float: right;
}




/* putArea
------------------------*/
.putArea {
  margin-top: 35px;
	position: relative;
}
.putArea .numBtn {
	position: absolute;
  top: 0;
	left: 0;
}
.putArea .numBtn .putBtn1 {
	position: absolute;
  top: 9px;
	left: 273px;
}
.putArea .numBtn .putBtn2 {
	position: absolute;
  top: 88px;
	left: 262px;
}
.putArea .numBtn .putBtn3 {
	position: absolute;
  top: 73px;
	left: 193px;
}
.putArea .numBtn .putBtn4 {
	position: absolute;
  top: 97px;
	left: 204px;
}
.putArea .numBtn .putBtn5 {
	position: absolute;
  top: 131px;
	left: 198px;
}
.putArea .numBtn .putBtn6 {
	position: absolute;
  top: 112px;
	left: 247px;
}
.putArea .numBtn .putBtn7 {
	position: absolute;
  top: 165px;
	left: 346px;
}
.putArea .numBtn .putBtn8 {
	position: absolute;
  top: 110px;
	left: 145px;
}
.putArea .numBtn .putBtn9 {
	position: absolute;
  top: 91px;
	left: 322px;
}
.putArea .numBtn .putBtn10 {
	position: absolute;
  top: 101px;
	left: 346px;
}
.putArea .numBtn .putBtn11 {
	position: absolute;
  top: 149px;
	left: 404px;
}
.putArea .numBtn .putBtn12 {
	position: absolute;
  top: 162px;
	left: 247px;
}
.putArea .numBtn .putBtn13 {
	position: absolute;
  top: 157px;
	left: 271px;
}
.putArea .numBtn .putBtn14 {
	position: absolute;
  top: 182px;
	left: 289px;
}
.putArea .numBtn .putBtn15 {
	position: absolute;
  top: 198px;
	left: 268px;
}
.putArea .numBtn .putBtn16 {
	position: absolute;
  top: 86px;
	left: 450px;
}
.putArea .numBtn .putBtn17 {
	position: absolute;
  top: 204px;
	left: 532px;
}
.putArea .numBtn .putBtn18 {
	position: absolute;
  top: 166px;
	left: 527px;
}
.putArea .numBtn .putBtn19 {
	position: absolute;
  top: 273px;
	left: 441px;
}
.putArea .numBtn .putBtn20 {
	position: absolute;
  top: 273px;
	left: 466px;
}

.putArea .putDetail {
	position: absolute;
	top: -170px;
  right: 36px;
	width: 280px;
	height: 390px;
	background: url(../image/index_put_bg01.gif) no-repeat 0 0;
}
.putArea .putDetail .movBtn  {
	width: 350px;
	position: absolute;
	left: -35px;
	top: 95px;
}
.putArea .putDetail .movBtn .prev {
	float: left;
}
.putArea .putDetail .movBtn .next {
	float: right;
}
.putArea .putDetail .movBtn span {
	display: none;
}
.putArea .putDetail .movBtn a {
	display: block;
	height: 59px;
	width: 27px;
}
.putArea .putDetail .movBtn .prev a {
	background: url(../image/index_prev_min.gif) no-repeat 0 0;
	background-position: -27px 0;
}
.putArea .putDetail .movBtn .prev a:hover,
.putArea .putDetail .movBtn .prev.on a {
	background: url(../image/index_prev_min.gif) no-repeat 0 0;
	background-position: 0 0;
}
.putArea .putDetail .movBtn .next a {
	background: url(../image/index_next_min.gif) no-repeat 0 0;
	background-position: -27px 0;
}
.putArea .putDetail .movBtn .next a:hover,
.putArea .putDetail .movBtn .next.on a {
	background: url(../image/index_next_min.gif) no-repeat 0 0;
	background-position: 0 0;
}


.putArea .putDetail .wrapper {
	margin: 13px 20px;
 min-height: 345px;
 width: 240px;
}
* html .putArea .putDetail .wrapper {
 height: 345px
}
.putArea .putDetail .wrapper.putDetail-putBtn01 {
	display: block;
}
.putArea .itemName {
	margin: 10px 0;
	padding: 0 0 10px 30px;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #ffffff;
}
.putArea .itemName.lineOne {
	margin-top: 10px;
	padding: 10px 0 10px 30px;
}
.putArea .itemName span {
	font-size: 93%;
	font-weight: normal;
}
.putArea .putDetail-putBtn01 .itemName {
	background: url(../image/index_put_ic01.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn02 .itemName {
	background: url(../image/index_put_ic02.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn03 .itemName {
	background: url(../image/index_put_ic03.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn04 .itemName {
	background: url(../image/index_put_ic04.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn05 .itemName {
	background: url(../image/index_put_ic05.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn06 .itemName {
	background: url(../image/index_put_ic06.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn07 .itemName {
	background: url(../image/index_put_ic07.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn08 .itemName {
	background: url(../image/index_put_ic08.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn09 .itemName {
	background: url(../image/index_put_ic09.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn10 .itemName {
	background: url(../image/index_put_ic10.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn11 .itemName {
	background: url(../image/index_put_ic11.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn12 .itemName {
	background: url(../image/index_put_ic12.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn13 .itemName {
	background: url(../image/index_put_ic13.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn14 .itemName {
	background: url(../image/index_put_ic14.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn15 .itemName {
	background: url(../image/index_put_ic15.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn16 .itemName {
	background: url(../image/index_put_ic16.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn17 .itemName {
	background: url(../image/index_put_ic17.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn18 .itemName {
	background: url(../image/index_put_ic18.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn19 .itemName {
	background: url(../image/index_put_ic19.gif) no-repeat 0 0.5em;
}
.putArea .putDetail-putBtn20 .itemName {
	background: url(../image/index_put_ic20.gif) no-repeat 0 0.5em;
}
.putArea .itemCaption {
	font-size: 100%;
	color: #ffffff;
}
.putArea .itemCaption .list li {
	text-indent: -1em;
	padding-left: 1em;
}


/* luggageArea
------------------------*/

.luggageArea {
	position: relative;
	margin-top: 20px;
}
.luggageArea .colL {
	width: 273px;
	float: left;
	padding-right: 40px;
}
.luggageArea .colR {
	float: right;
}