@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      coda.css
 Update:         2009.10.05
 Style Info:     サロンスライド部分CSSファイル
----------------------------------------------------------- */
/* 全体の囲み部分設定
-------------------------------------------------------------------------------*/
#salonslide {
 margin-top: 20px;
 padding: 2px;
 width: 894px;
 height: 394px;
 text-align: left;
 border: 1px solid #CCC;
 background-color: #FFF;
}

/* 左メニュー部分設定
-------------------------------------------------------------------------------*/
#cross-links {
 float: left;
 margin: 0;
 padding: 0;
 width: 259px;
 height: 394px;
}
#cross-links ul {
 list-style: none;
 margin: 15px 0 0px 9px;
 width: 250px;
 border-top: 1px solid #08204F;
}
#cross-links li {
 border-bottom: 1px solid #08204F;
}
#cross-links p {
 margin: 10px 0 0 9px;
}

/* スライド部分設定
-------------------------------------------------------------------------------*/
.slider-wrap {
 position: relative;
 float: right;
 margin: 0;
 width: 624px;
 height: 394px;
}

/* 上部メニュー設定
-------------------------------------------------------------------------------*/
.stripNav {
 display: none;
}

/* スライド内コンテンツ設定
-------------------------------------------------------------------------------*/
.stripViewer {
 position: relative;
 overflow: hidden; 
 margin: auto;
 width: 624px;
 height: 394px;
 clear: both;
 background: #fff;
}

.stripViewer .panelContainer {
 position: relative;
 left: 0; top: 0;
 width: 100%;
 list-style-type: none;
 /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel {
 float:left;
 height: 100%;
 position: relative;
 width: 624px;
}

.stripViewer .panelContainer .panel .wrapper {
 width: 624px;
 height: 394px;
}

/* -----------------------------------------------------------
　　スライド共通設定
----------------------------------------------------------- */
.slide-text {
 padding: 65px 0 0 15px;
 width: 350px;
}
.slidetext {
 margin-top: 5px;
}
.slidetitle-intense, 
.slidetitle-drain, 
.slidetitle-anti, 
.slidetitle-phyto, 
.slidetitle-puri, 
.slidetitle-hyd, 
.slidetitle-apa {
 padding: 2px 0 0 5px;
 font-size: 14px;
 height: 18px;
}
html>body .slidetitle-intense, 
html>body .slidetitle-drain, 
html>body .slidetitle-anti, 
html>body .slidetitle-phyto, 
html>body .slidetitle-puri, 
html>body .slidetitle-hyd, 
html>body .slidetitle-apa {
 padding: 0 0 2px 5px;
}
.slidetitle-intense span, 
.slidetitle-drain span, 
.slidetitle-anti span, 
.slidetitle-phyto span, 
.slidetitle-puri span, 
.slidetitle-hyd span, 
.slidetitle-apa span {
 margin-left: 10px;
}


/* -----------------------------------------------------------
　　メニューのご提案設定
----------------------------------------------------------- */
.suggestion {
 background: url(../../salonpage/menu/img/bg_salonslide_top.jpg) no-repeat left top;
}
.suggestion-text {
 padding: 190px 0 0 160px;
 width: 430px;
 line-height: 2;
 font-weight: bold;
}

/* -----------------------------------------------------------
　　ホワイトインテンス設定
----------------------------------------------------------- */
.intense {
 background: url(../../salonpage/menu/img/bg_salonslide_intense.jpg) no-repeat left top;
}
.slidetitle-intense {
 border-left: 7px solid #4D4E99;
}

/* -----------------------------------------------------------
　　バイオリフティングドレイン設定
----------------------------------------------------------- */
.drain {
 background: url(../../salonpage/menu/img/bg_salonslide_drain.jpg) no-repeat left top;
}
.slidetitle-drain {
 border-left: 7px solid #A00026;
}

/* -----------------------------------------------------------
　　ソワンアンテージュ設定
----------------------------------------------------------- */
.anti {
 background: url(../../salonpage/menu/img/bg_salonslide_anti.jpg) no-repeat left top;
}
.slidetitle-anti {
 border-left: 7px solid #857C7A;
}

/* -----------------------------------------------------------
　　ソワンフィトホワイト設定
----------------------------------------------------------- */
.phyto {
 background: url(../../salonpage/menu/img/bg_salonslide_phyto.jpg) no-repeat left top;
}
.slidetitle-phyto {
 border-left: 7px solid #34ADA0;
}

/* -----------------------------------------------------------
　　ソワンピュリフィアン設定
----------------------------------------------------------- */
.puri {
 background: url(../../salonpage/menu/img/bg_salonslide_puri.jpg) no-repeat left top;
}
.slidetitle-puri {
 border-left: 7px solid #FFE600;
}

/* -----------------------------------------------------------
　　ソワンイドラタン設定
----------------------------------------------------------- */
.hyd {
 background: url(../../salonpage/menu/img/bg_salonslide_hyd.jpg) no-repeat left top;
}
.slidetitle-hyd {
 border-left: 7px solid #F88EC5;
}

/* -----------------------------------------------------------
　　ソワンアペザン設定
----------------------------------------------------------- */
.apa {
 background: url(../../salonpage/menu/img/bg_salonslide_apa.jpg) no-repeat left top;
}
.slidetitle-apa {
 border-left: 7px solid #98BCDA;
}



/* リンク設定
----------------------------------------------------------- */
a:focus { outline:none }


/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 400px; background: #fff; overflow: scroll}
.csw .loading {margin: 150px 0 250px; text-align: center}

/* 左右矢印設定
----------------------------------------------------------- */
.stripNavL, .stripNavR { /* The left and right arrows */
 display: none;
}