/* ==========================================================================
   Pretty Photo Plugin
   ========================================================================== */

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../ys_img/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../ys_img/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../ys_img/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../ys_img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../ys_img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../ys_img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../ys_img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../ys_img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../ys_img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../ys_img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../ys_img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../ys_img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../ys_img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../ys_img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../ys_img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../ys_img/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../ys_img/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../ys_img/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../ys_img/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../ys_img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../ys_img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../ys_img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../ys_img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../ys_img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../ys_img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../ys_img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../ys_img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../ys_img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../ys_img/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../ys_img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../ys_img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../ys_img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../ys_img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../ys_img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../ys_img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../ys_img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../ys_img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../ys_img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../ys_img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../ys_img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../ys_img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../ys_img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../ys_img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../ys_img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../ys_img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../ys_img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../ys_img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../ys_img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../ys_img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../ys_img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../ys_img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../ys_img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../ys_img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../ys_img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../ys_img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../ys_img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../ys_img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../ys_img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../ys_img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../ys_img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../ys_img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}


/* ==========================================================================
   Colors
   ========================================================================== */

/*
Headings, Sub Headings, Main Navigation, Lead Copy Separator Line
#266c8f

Sub Page Navigation
#4298c4

Icon boxes, buttons
#6191a9

Q&A Icon Boxes
#a2c7da

List Bullet Points
#8ec647

Top Page Event Headlines
#659527

Body Copy
#333333

Upper Right Navigation
#ffffff

Separator Lines
#c2e1ea
*/


/* ==========================================================================
   Global
   ========================================================================== */

/* Background */
.ys_wrapper-outer {
    background: #fafdfd url("../img/top/bg.png") repeat-x;
}
.ys_showcase {
    background: transparent url("../img/top/showcase-rays.png") no-repeat;
}

/* Typography */
body {
    font-family: 'Meiryo','MS PGothic',sans-serif;
    color: #333;
    line-height: 20px;
}

p {
  font-size:12px;
}

/* Hyperlinks */
a {
    color: #555;
}

/* Lists */
ul li {
  list-style:none;
}

/* Horizontal Rule */

hr {
  background:#666;
}

/* Remove Dotted Outlines */

.ys_content a, .ys_header a, .rollover a, .ys_slider a {
  outline: 0;
}

/* ==========================================================================
   Layout
   ========================================================================== */

/* Positioning */

.ys_mt10 {
  margin-top:10px !important;
}

.ys_mb10 {
  margin-bottom:10px !important;
}
.ys_mt20 {
  margin-top:20px !important;
}

.ys_mt25 {
  margin-top:25px !important;
}

.ys_mt35 {
  margin-top:35px !important;
}

.ys_mt45 {
  margin-top:45px !important;
}

.ys_mr10 {
  margin-right:10px !important;
}

.ys_mr15 {
  margin-right:15px !important;
}

.ys_mb25 {
  margin-bottom:25px !important;
}

.ys_left {
  float:left;
}

.ys_right {
  float:right;
}

.ys_wrapper-inner {
    margin: 0 auto; /* Centering the wrapper. */
    text-align: left;
    /*background: url(../img/grid.png) repeat-y 0 0;*/ /* Grid background. */
    position: relative;
    width: 980px;
}

.ys_intro {
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: center;
    color: #797979;
}

.ys_intro-top {
    border:2px #d9f6f0 solid;
    padding:10px;
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: center;
    color: #797979;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ys_intro-sub {
    color: #797979;
    margin-bottom: 15px;
    margin-top: 0;
}

.ys_intro-sub-page {
    margin-bottom:25px;
    color: #797979;
}


.ys_header {
    position:relative;
}

.ys_container-box {
    background: transparent url("../img/bg-container.png") repeat;
    padding: 25px;
    border: 1px solid #c8dbe2;
}

.ys_page-bottom {
    margin-bottom: 75px;
}

.ys_green {
  background:url(../ys_img/line-green.png) no-repeat;
  height:2px;
  width:354px;
}

.ys_back-button {
    height: 27px;
    margin-top: 65px;
    width: 71px;
}

.ys_back-button a {
  background:url(../ys_img/button-modoru.png) no-repeat;
  width:100%;
  height:100%;
  display:block;
}

.ys_light-green {
  background:url(../ys_img/light-green.png);
}

.ys_lighter-green {
  background-color: #f7fdfc;
}

.ys_dark-green {
  background:url(../ys_img/button-modoru.png) no-repeat;
}

.ys_light-gray {
  background:url(../ys_img/light-gray.png);
}

.ys_dark-gray {
  background:url(../ys_img/dark-gray.png);
}

.ys_line-green {
  background:url(../ys_img/line-green2.png);
  height:1px;
  width:100%;
}

.ys_line-gray {
  background:url(../ys_img/line-gray.png);
  height:1px;
  width:100%;
}

.ys_buttons {
  margin-top:30px;
}

.ys_buttons ul {
  list-style:none;
}

.ys_buttons ul li {
  float:left;
  height:44px;
  width:169px;
}

.ys_buttons a {
  display:block;
  width:100%;
  height:100%;
}

.ys_bold {
  font-weight:bold;
}

.ys_user-top a:hover {
  text-decoration:underline;
}
.ys_user-top ul {
  float: right;
  margin-top: 3px;
}
.ys_user-top .ys_lang-button {
  text-align: center;
  float: right;
  height: 22px;
  line-height: 23px;
  margin-left: 34px;
  background-color: #d9f6f0;
  border: 1px solid #88d2bf;
}
.ys_user-top .ys_lang-button a {
  text-decoration: none;
  padding: 0 25px;
}
.ys_user-top .ys_lang-button a:hover {
  text-decoration: underline;
}
.ys_user-top .ys_lang-button .ys_lang-button-first {
  border-right: 1px solid #88d2bf;
}

.ys_askpass_ a:hover {
  text-decoration:underline;
}

.ys_col-half {
  width: 470px;
  margin-top: 25px;
  margin-right: 40px;
  float: left;
}

/* ==========================================================================
   Header
   ========================================================================== */

.ys_header {
  font-family: "メイリオ",Meiryo,Osaka,"?­?³ ?°ã‚´ã‚·ãƒ?‚¯","MS PGothic",sans-serif;
}

.ys_header-top {
    height: 150px;
}

.ys_logo {
    float: left;
    margin-top: 57px;
    position: relative;
}

.ys_logo h1 {
  font-size:11px;
  margin: 20px 0 0 0;
  color:#959595;
  font-weight:normal;
}
.ys_logo a {
  display: inline-block;
}

.ys_header .ys_logo h1 {
  position: absolute;
  top: 20px;
  left: 136px;
  white-space: nowrap;
  margin: 0;
  letter-spacing: .5px;
  line-height: 15px;
}

.ys_logo p {
  font-size:11px;
  margin: 20px 0 0 0;
  color:#959595;
  font-weight:normal;
}

/* Social Buttons */

.ys_header-social {
    position: absolute;
    right: 0;
    right:10px\9;
    top: 18px;
    z-index: 99999;
}

.ys_facebook {
    float: left;
    width: 104px;
    width: 120px\9;
}
.ys_facebook iframe {
  width: 140px\9 !important;
}

.ys_twitter {
  float:left;
  width:87px;
}

#twitter-widget-0 {
    width: 100%;
    max-width:100px;
}


/* Top Right User Navigation */


.ys_user {
    float: right;
    font-size: 12px;
    margin-top: 11px;
}

.ys_user ul li {
  float:left;
}

.ys_user-top {
  float: right;
  text-align: center;
  font-size:11px;
}

.ys_user-top a {
  color:#68b2a0;
  text-decoration:underline;
}
.ys_user-top a:link, .ys_user-top a:visited {
  color:#68b2a0;
}

.ys_user-top a:hover {
  color:#68b2a0;
  text-decoration:none;
}

.ys_user-mid {
    float: right;
    margin-top: 13px;
    margin-right: 10px;
}

.ys_user-mid img {
  float: right;
}

.ys_user-mid .ys_user-button {
  background-color: #d9f6f0;
  color: #58a894;
  width: 123px;
  height: 24px;
  float: right;
  text-align: center;
  line-height: 26px;
  margin-left: 5px;
}
.ys_user-mid .ys_user-button:hover {
  background-color: #68B19F;
  color: #fff;
}
.ys_user-mid .ys_user-newsletter {
  background-color: #fff;
  border: 1px solid #58a894;
  width: 121px;
  height: 22px;
  line-height: 24px;
}
.ys_user-mid .ys_user-newsletter:hover {
  border: none;
  width: 123px;
  height: 24px;
}
.ys_user-mid .ys_user-login {
  background-color: #68C7AF;
  color: #fff;
}

.ys_user-mid ul li {
  height: 25px;
  line-height: 27px;
  margin-right: 5px;
  text-align: center;
  width: 156px;
}

.ys_user-mid-last {
  margin-right: 0;
}

.ys_user-mid ul li a {
    display: block;
    font-size: 10px;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

.ys_user-bottom {
    float: right;
    margin: 10px 0 0 0;
}
.ys_user-bottom .ys_sidebox-cart {
  height: 26px;
  line-height: 46px;
  padding: 10px;
  background-color: #F1F1F1;
  width: 359px;
}

.ys_useName {
    display:none;
}

#sidebox_cart #cart_info {
  position:inherit;
  padding-top:0;
  float: right;
  position: relative;
}

.ys_cart-left {
  float: left;
  width: 18px;
  margin-right: 12px;
  margin-top: -6px;
}

.ys_cart-middle {
  float: left;
  margin-top: -7px;
  text-align: center;
}
.ys_cart-right {
  float: right;
  width: 106px;
  margin-left: 10px;
}
.ys_cart-middle .ys_cart-top#jscart_replace_ {
  height: 20px;
  font-size: 13px;
  border-bottom: 1px solid #FFF;
  padding-bottom: 2px;
  width: 220px;
  padding-left: 20px;
  text-indent: 8px;
  position: absolute;
  right: 115px;
}
.ys_cart-middle .ys_cart-bottom {
  position: absolute;
  color: #e22c14;
  font-size: 10px;
  letter-spacing: 1px;
  width: 220px;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  padding-top:0;
  top: 16px;
  right: 115px;
}

.ys_cart-icon {
  float:left;
  margin-right: 8px !important;
}

#sidebox_cart #go_cart {
  position: absolute;
  top: -6px;
  right: 330px;
}

#jscart_replace_ {
  /*background: url("../ys_img/cart-bg.png") repeat scroll 0 0 transparent;*/
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  padding-top:0;
}

#sidebox_cart #go_cart_text a {
    /*background: url("../ys_img/icon-cartview.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    float: none;
    height: 100%;
    padding-top: 0;
    position: inherit;
    right: 0;
    width: 100%;
}

#sidebox_cart #go_cart_text a:hover {
  background:url("../ys_img/icon-cartview-on.png") repeat scroll 0 0 transparent;
}

.ys_login, .ys_logout, .ys_newmember, .ys_contact {
  margin-left: 15px;
}

/* Main Navigation */

.ys_navi {
  width:100%;
  height:41px;
  color: #5c5c5c;
}

.ys_navi a {
  height: 41px;
  text-decoration: none;
  display:block;
  color:#466b62;
}
.ys_navi a:link, .ys_navi a:visited,
.ys_navi a:hover, .ys_navi a:active {
  color:#466b62;
}

.ys_navi-main {
    height: 41px;
}

.ys_navi-main ul {
  list-style:none;
}

.ys_navi-main ul li {
  float:left;
}

.ys_welcome .ys_nav-button1 a {
  background:url(../ys_img/navi-1_on.png) no-repeat;
}

/*.ys_nav-button2 a {
    width:145px;
}*/

.ys_nav-button3 a {
    width:161px;
}

.ys_nav-button4 a {
    width:156px;
}

.ys_nav-button5 a {
    width:181px;
}

.ys_nav-button6 a {
    width:163px;
}

.ys_navi-image {
  margin-top:2px;
}

/* Hover Navigation */

.ys_hover {
  position:relative;
  z-index:9999999;
}

.ys_hover-container {
  position:relative;
}

.ys_hover-submenu {
    background: url("../ys_img/hover-submenu-bg.png") repeat scroll 0 0 transparent;
    display: block;
    font-size: 12px;
    height: 646px;
    left: 401px;
    padding-top: 16px;
    position: absolute;
    top: 0;
    width: 368px;
    z-index: 99999999;
}

.ys_submenu-bold {
  font-weight:bold;
  color:#466b62;
}

/* Hover menu 1 */
.ys_hover-menu1 {
  background: url("../ys_img/hover-menu-bg-1.png") no-repeat scroll 0 0 transparent;
  font-size: 11px;
  height: 163px;
  left: -76px;
  position: absolute;
  width: 482px;
  z-index: 9999999;
  display:none;
}

.ys_hover-menu1 span {
  font-size:12px;
}

.ys_hover-menu1 ul {
    margin-left: 76px;
    margin-top: 15px;
    text-indent: 30px;
    width: 334px;
}

.ys_hover-menu1 ul li {
    height: 36px;
    line-height: 37px;
    width: 100%;
}

.ys_hover-menu1 .ys_hover-submenu li {
    height: 26px;
    line-height: 29px;
    width: 100%;
}

.ys_hover-menu1 .ys_hover-submenu li:hover {
  background:none;
}

.ys_hover-menu1 > ul li:hover {
  background:url(../ys_img/light-green.png);
}

.ys_hover-menu1 img {
    float:right;
  margin-right:20px;
  margin-top:10px;
}

.ys_hover-submenu ul li a {
  height:25px;
  text-decoration:underline;
}

.ys_hover-submenu ul li a:hover {
  text-decoration:none;
}

.ys_hover-menu1 li.ys_hover-divider {
  float:left;
  height:1px;
  width:280px;
  margin:10px 0 10px 30px;
  background:url(../ys_img/line-gray.png) repeat-x;
}

.ys_hover-menu1 .ys_hover-divider:hover{
  background:url(../ys_img/line-gray.png) repeat-x;
}

/* Hover menu 2 */
.ys_hover-menu2 {
    background: url("../ys_img/hover-menu-bg-2.png") no-repeat scroll 0 0 transparent;
    font-size: 11px;
    height: 646px;
    left: 110px;
    position: absolute;
    width: 481px;
    z-index: 9999999;
  display:none;
}

.ys_hover-menu2 span {
  font-size:12px;
}

.ys_hover-menu2 ul {
    margin-left: 67px;
    margin-top: 15px;
    text-indent: 30px;
    width: 334px;
}

.ys_hover-menu2 ul li {
    height: 36px;
    line-height: 37px;
    width: 100%;
}

.ys_hover-menu2 .ys_hover-submenu li {
    height: 26px;
    line-height: 29px;
    width: 100%;
}

.ys_hover-menu2 .ys_hover-submenu li:hover {
  background:none;
}

.ys_hover-menu2 > ul li:hover {
  background:url(../ys_img/light-green.png);
}

.ys_hover-menu2 img {
    float:right;
  margin-right:13px;
  margin-top:10px;
}

.ys_hover-submenu ul li a {
  height:25px;
  text-decoration:underline;
}

.ys_hover-submenu ul li a:hover {
  text-decoration:none;
}

#ys_hover-menu2-1 ul { background:url(../ys_img/product-03.png) no-repeat bottom; }
#ys_hover-menu2-2 ul { background:url(../ys_img/product-02.png) no-repeat bottom; }
#ys_hover-menu2-3 ul { background:url(../ys_img/product-lw.png) no-repeat bottom; }
#ys_hover-menu2-4 ul { background:url(../ys_img/product-acactive.png) no-repeat bottom; }
#ys_hover-menu2-5 ul { background:url(../ys_img/product-ac.png) no-repeat bottom; }
#ys_hover-menu2-6 ul { background:url(../ys_img/product-a.png) no-repeat bottom; }
#ys_hover-menu2-7 ul { background:url(../ys_img/product-hiyake.png) no-repeat bottom; }
#ys_hover-menu2-8 ul { background:url(../ys_img/product-makeup.png) no-repeat bottom; }
#ys_hover-menu2-9 ul { background:url(../ys_img/product-bodycare.png) no-repeat bottom; }
#ys_hover-menu2-10 ul { background:url(../ys_img/product-oligo.png) no-repeat bottom; }
#ys_hover-menu2-11 ul { background:url(../ys_img/product-shampoo.png) no-repeat bottom; }
#ys_hover-menu2-12 ul { background:url(../ys_img/product-babycare.png) no-repeat bottom; }

.ys_hover-menu2 li.ys_hover-divider {
  float:left;
  height:1px;
  width:280px;
  margin:10px 0 10px 30px;
  background:url(../ys_img/line-gray.png) repeat-x;
}

.ys_hover-menu2 .ys_hover-divider:hover{
  background:url(../ys_img/line-gray.png) repeat-x;
}

/* Hover menu 3 */
.ys_hover-menu3 {
  background: url("../ys_img/hover-menu-bg-3.png") no-repeat scroll 0 0 transparent;
  font-size: 11px;
  height: 374px;
  left: 243px;
  position: absolute;
  width: 482px;
  z-index: 9999999;
  display:none;
}

.ys_hover-menu3 span {
  font-size:12px;
}

.ys_hover-menu3 ul {
    margin-left: 76px;
    margin-top: 15px;
    text-indent: 30px;
    width: 334px;
}

.ys_hover-menu3 ul li {
    height: 36px;
    line-height: 37px;
    width: 100%;
}

.ys_hover-menu3 .ys_hover-submenu li {
    height: 26px;
    line-height: 29px;
    width: 100%;
}

.ys_hover-menu3 .ys_hover-submenu li:hover {
  background:none;
}

.ys_hover-menu3 > ul li:hover {
  background:url(../ys_img/light-green.png);
}

.ys_hover-menu3 img {
    float:right;
  margin-right:20px;
  margin-top:10px;
}

.ys_hover-submenu ul {
    height: 504px;
    margin-left: 0;
    margin-top: 0;
    text-indent: 30px;
    width: 335px;
}

.ys_hover-submenu ul li a {
  height:25px;
  text-decoration:underline;
}

.ys_hover-submenu ul li a:hover {
  text-decoration:none;
}

.ys_hover-menu3 li.ys_hover-divider {
  float:left;
  height:1px;
  width:280px;
  margin:10px 0 10px 30px;
  background:url(../ys_img/line-gray.png) repeat-x;
}

.ys_hover-menu3 .ys_hover-divider:hover{
  background:url(../ys_img/line-gray.png) repeat-x;
}

/* ==========================================================================
   Content
   ========================================================================== */

.ys_content {
    height: 100%;
    position: relative;
    width: 100%;
}

.ys_content-extended-height {
  /*height: 1815px;*/
  /*height: 2060px;*/
  height: 2185px;
}
.ys_content-extended-height-login {
  height: 1735px;
}

.ys_content-wrapper {
    float: right;
    margin-top: 45px;
    width: 707px;
}

.ys_content-wrapper h2 {
    color: #4F8970;
    font-size: 24px;
    font-weight: normal;
    margin-top: 47px;
}

.ys_content-wrapper h3 {
  font-size:16px;
  font-weight:normal;
  color:#4f8970;
}

.ys_content-wrapper .ys_content-middle-section {
  margin-top: 40px;
  margin-bottom: 10px;
}

.ys_left-content {
  float:left;
  width:380px;
  z-index:20;
  position:relative;
}

.ys_left-content h3 {
  font-size:16px;
  font-weight:normal;
  color:#4f8970;
}

.ys_right-content {
  float:right;
}

.ys_outer-container {
  position: relative;
  width: 100%;
  border-bottom:1px #d8d8d8 solid;
  overflow-y:auto;
  overflow-x:hidden;
}
.ys_content .ys_outer-container {
  border-bottom: none;
}

.ys_left-content h1 {
  margin:0 0 10px 0;
}

/*================= Top Page =================*/

.ys_top {
  margin-top:10px;
}

/* New Slideshow Section */
.ys_slider {
  position: relative;
  width: 980px;
  height: 448px;
  margin: 0 auto 0;
  margin-top: 10px;
}
.ys_slider a {
  outline: 0;
}
.ys_slides, .ys_inner-slides {
  height: 250px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.ys_slides img, .ys_inner-slides img {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.ys_inner-slides img {
  display: none;
}
.ys_slider .ys_slide-no-link {
  cursor: initial;
}

/* Slider Arrow Nav */
.ys_slider-nav-arrows {

}
.ys_slide-next, .ys_slide-prev {
  position: absolute;
  bottom: 53%;
}
.ys_slide-next {
  right: -60px;
  background: transparent url('../ys_img/slider/slide-nav-right.jpg') top right;
  text-indent: -99999px;
  height: 47px;
  width: 29px;
}
.ys_slide-next:hover {
  background: transparent url('../ys_img/slider/slide-nav-right_active.jpg') top right;
}

.ys_slide-prev {
  left: -60px;
  background: transparent url('../ys_img/slider/slide-nav-left.jpg') top left;
  text-indent: -99999px;
  height: 47px;
  width: 29px;
}
.ys_slide-prev:hover {
  background: transparent url('../ys_img/slider/slide-nav-left_active.jpg') top left;
}

/* Slider Bullet Nav */
.ys_slider-nav-bullets {
  padding-top: 400px;
  text-align: right;
  margin-right: -11px;
}
.ys_slider-nav-bullets a {
  display:inline-block;
  width:22px;
  height:20px;
  background:url(../ys_img/top/slider/bullets.png) no-repeat;
  border:0;
  margin: 0 6px;
  outline: 0;
}
.ys_slider-nav-bullets a.active {
  background-position:0 -22px;
}

/* Slider (secondary) Thumb Nav */
.ys_slider-nav-thumbs {
  position: absolute;
  bottom: 16px;
  left: 300px;
}
.ys_slider-nav-thumbs a {
  width: 46px;
  height: 46px;
  margin-right: 10px;
  display: inline-block;
  text-indent: -9999px;
  outline: 0;
}
.ys_slider-nav-thumb1 { background: transparent url(../ys_img/top/slider/nav1-mon.png) top left no-repeat; }
.ys_slider-nav-thumb2 { background: transparent url(../ys_img/top/slider/nav2-tue.png) top left no-repeat; }
.ys_slider-nav-thumb3 { background: transparent url(../ys_img/top/slider/nav3-wed.png) top left no-repeat; }
.ys_slider-nav-thumb4 { background: transparent url(../ys_img/top/slider/nav4-thu.png) top left no-repeat; }
.ys_slider-nav-thumb5 { background: transparent url(../ys_img/top/slider/nav5-fri.png) top left no-repeat; }
.ys_slider-nav-thumb6 { background: transparent url(../ys_img/top/slider/nav6-sat.png) top left no-repeat; }
.ys_slider-nav-thumb7 { background: transparent url(../ys_img/top/slider/nav7-sun.png) top left no-repeat; }

.ys_slider-nav-thumb1:hover { background: transparent url(../ys_img/top/slider/nav1-mon_on.png) top left no-repeat; }
.ys_slider-nav-thumb2:hover { background: transparent url(../ys_img/top/slider/nav2-tue_on.png) top left no-repeat; }
.ys_slider-nav-thumb3:hover { background: transparent url(../ys_img/top/slider/nav3-wed_on.png) top left no-repeat; }
.ys_slider-nav-thumb4:hover { background: transparent url(../ys_img/top/slider/nav4-thu_on.png) top left no-repeat; }
.ys_slider-nav-thumb5:hover { background: transparent url(../ys_img/top/slider/nav5-fri_on.png) top left no-repeat; }
.ys_slider-nav-thumb6:hover { background: transparent url(../ys_img/top/slider/nav6-sat_on.png) top left no-repeat; }
.ys_slider-nav-thumb7:hover { background: transparent url(../ys_img/top/slider/nav7-sun_on.png) top left no-repeat; }

.ys_slider-nav-thumb1.ys_active-slide { background: transparent url(../ys_img/top/slider/nav1-mon_on.png) top left no-repeat; }
.ys_slider-nav-thumb2.ys_active-slide { background: transparent url(../ys_img/top/slider/nav2-tue_on.png) top left no-repeat; }
.ys_slider-nav-thumb3.ys_active-slide { background: transparent url(../ys_img/top/slider/nav3-wed_on.png) top left no-repeat; }
.ys_slider-nav-thumb4.ys_active-slide { background: transparent url(../ys_img/top/slider/nav4-thu_on.png) top left no-repeat; }
.ys_slider-nav-thumb5.ys_active-slide { background: transparent url(../ys_img/top/slider/nav5-fri_on.png) top left no-repeat; }
.ys_slider-nav-thumb6.ys_active-slide { background: transparent url(../ys_img/top/slider/nav6-sat_on.png) top left no-repeat; }
.ys_slider-nav-thumb7.ys_active-slide { background: transparent url(../ys_img/top/slider/nav7-sun_on.png) top left no-repeat; }

/* Slideshow Section */

.ys_slideshow-container {
    background: url("../ys_img/slideshow/slideshow-bg.png") repeat-x scroll 0 0 transparent;
    border-bottom: medium none;
    height: 475px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* Gallery Lightbox */

div.pp_default .pp_close {
  background: url('../ys_img/btn-menu-top-close.png') no-repeat scroll transparent;
  height: 20px;
  width: 19px;
  margin-top: 3px;
  margin-right: -1px;
  z-index: 9999;
}

div.pp_default #pp_full_res iframe, div.pp_default #fullResImage {
  margin-top: 29px !important;div.pp_default #
}
div.pp_default .pp_expand {
  display: none !important;
}

div.pp_default .pp_content {
  /*background-color: #F8F8F8;*/
  background-color: transparent;
}

/* IE8 bug fix (slides not clickable) */
.nivoSlider a{
    display:none;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity: 0;
    background-color:#fff;
}

.nivoSlider a img{
  display:block!important;
}

#full-width-slider {
  width: 100%;
  color: #000;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25;
}
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 520px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}

.ys_top-content {
/*    background: url("../ys_img/top-content-bg.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 44px;
    min-height: 186px;
    padding-top: 30px;*/
}

.ys_top-nayami {
  margin-bottom: 35px;
  overflow: auto;
}
.ys_top-nayami-additional-row {
  margin-top: -17px;
}

.ys_top-nayami a {
  display:block;
}

.ys_top-nayami-container {
    float: left;
    padding-right: 17px;
    width: 343px;
}

.ys_top-nayami-container p, .ys_top-nayami-container-np p {
    color: #797979;
    float: left;
    margin-top: 3px;
}

.ys_top-nayami-container-np{
    float: left;
    padding-right: 0;
    width: 343px;
}

.ys_top h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.ys_top-campaign-container, .ys_top-campaign-container-last {
  float: left;
  padding-right: 17px;
  width: 164px;
}
.ys_top-campaign-container p, .ys_top-campaign-container-last p {
  margin-top: 8px;
  margin-bottom: 6px;
}
.ys_top-campaign-container-last {
  padding-right: 0;
}



.ys_top-osusume {
    height: 210px;
    padding-top: 20px;
}

.ys_top-osusume-box {
    float: left;
    height: 267px;
    margin-right: 6px;
    width: 229px;
}
.ys_top-osusume-new-product {
    height: 354px;
}

.ys_top-osusume-box-duo {
    float: left;
    height: 210px;
    margin-right: 12px;
    width: 341px;
}

.ys_product-bottom {
    margin-top: 76px;
  height:173px;
}

.ys_osusume-info {
    background: url("../ys_img/recommendation-bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 252px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}

.ys_osusume-info h3 {
    margin: 0;
    position: absolute;
    top: 22px;
}


.ys_osusume-info h3 a {
    color:#4F8970;
  text-decoration:underline;
}

.ys_osusume-info h3 a:hover {
  text-decoration:none;
}

.ys_top-product {
  float:left;
}

.ys_top-product-two {
  position:absolute;
  left:58px;
}

.ys_top-product-info {
    float: left;
    font-size: 12px;
    margin-left: 18px;
    width: 102px;
}

.ys_top-product-info p {
  margin:0;
}

.ys_top-product-info-two {
    position:absolute;
    font-size: 12px;
    margin-left: 8px;
    top:65px;
    width: 180px;
}

.ys_top-product-info-three {
    position:absolute;
    font-size: 12px;
    top: 42px;
    width: 180px;
}

.ys_top-product-info-two p {
  margin:0;
}

.ys_top-product-label {
    bottom: 17px;
    position: absolute;
    right: 50px;
}

.ys_osusume-button {
    float: left;
    height: 31px;
    width: 100%;
}

.ys_osusume-button a {
  display:block;
  width:100%;
  height:100%;
}

.ys_top-news-item {
  height: 54px;
  border-bottom: 1px solid #e3e3e3;
}

.ys_top-news-item ul li {
    color: #5B5B5B;
    float: left;
    font-size: 14px;
    margin-top: 18px;
    text-align: center;
}

.ys_date {
  width: 144px;
  border-right: 1px solid #e3e3e3;
}

.ys_top-news-item ul .ys_news {
  padding-left: 20px;
  color: #62ad9b;
}
.ys_news:hover {
  text-decoration: underline;
}


/* Top Notification Text */

.ys_notification-top {
  display: none;
  zoom: 1;
  max-width: 980px;
  margin: 0 auto;
  opacity: 0;
}
.ys_notification-top:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.ys_notification-top-inner {
  float: right;
  margin-top: 20px;
  width: 707px;
  text-align: left;
}
.ys_notification-top p {
  margin: 0;
  color: #68B2A0;
  font-size: 16px;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  opacity: 0;
}


/* ==========================================================================
   Sidebar
   ========================================================================== */

.ys_sidebar {
  float: left;
  margin-top: 7px;
  position: absolute;
  width: 203px;
}
.ys_sidebar-top {
  margin-top: 472px;
}

.ys_sidebar-container {
  background:url(../ys_img/transparent-white.png) repeat;
  border:1px #CCCCCC solid;
  text-align:center;
  padding-top:4px;
  position: relative;
  margin-top: 20px;
}
.ys_sidebar-bottom {
  margin-top: 20px;
}

.ys_sidebar-bottom-banner {
  margin-top: 10px;
}

.ys_sidebar-bottom-banner-first {
  margin-top: 0;
}

.ys_sidebar-container.youtube {
  background: #68b19f;
  border-color: #68b19f;
  height: 162px;
}
.ys_sidebar-container.youtube > iframe {
  border: 4px solid #fff;
}

/* YouTube Popup Modal */

.ys_sidebar-youtubevideo {
  top: 42px;
  left: 3px;
  display: block;
  position: absolute;
}
div.pp_overlay {
  z-index: 99999;
}
div.pp_pic_holder {
  z-index: 100000
}

/* My Page */

.ys_sidebar-mypage {
  background: url("../ys_img/sidebar/mypage-bg.png") no-repeat scroll 5px 44px #FFFFFF;
  height: 204px;
}
.sidebar-mypage-logged-in {
  background: url("../ys_img/sidebar/mypage-bg-login.png") no-repeat scroll 5px 44px #FFFFFF;
  height: 315px;
}

.ys_sidebar-mypage-inner {
  width: 162px;
  margin: 0px auto;
  margin-top: 15px;
}
.ys_sidebar-mypage-inner .ys_sidebar-mypage-button {
  margin-top: 10px;
}
.ys_sidebar-mypage-button-first {
  margin-top: 0;
}
.ys_sidebar-mypage-button-first img {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.ys_sidebar-mypage-button-double {
  width: 162px;
  margin: 0 auto 0;
}
.ys_sidebar-mypage-button-favorites, .ys_sidebar-mypage-button-history {
  float: left;
}
.ys_sidebar-mypage-button-favorites {
  margin-right: 4px;
}
.ys_sidebar-mypage-logged-in-inner {
  border-bottom: 1px solid #CCC;
}
.ys_sidebar-mypage-logout {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}
.ys_sidebar-mypage-logout a {
  color: #62ad9b;
  text-decoration: underline;
}
.ys_sidebar-mypage-logout a:hover {
  text-decoration: none;
}

.ys_sidebar-mypage-logged {
    background: url("../ys_img/sidebar/mypage-bg.png") no-repeat scroll 5px 44px #FFFFFF;
    bac
    height: 204px;
}

div.ys_loginform_ {
    margin-top: 10px;
}

.ys_user-field {
    margin-bottom: 10px;
}

.ys_loginform_ th {
  display:none;
}

table.ys_loginform_ {
    font-size: 12px;
    margin: 0 auto;
    text-align: left;
}

table.ys_loginform_ input {
    font-size: 12px;
    height: 21px;
    padding-left: 9px;
    width: 142px;
  background:url(../ys_img/input-bg.png) repeat-x;
  border: 1px solid #CCCCCC;
}

  .ys_askpass_ {
    font-size:10px;
    text-align:center;
    margin-top:15px;
    line-height:10px;
  }

  .ys_askpass_ a {
    color:#68B2A0;
    text-decoration:underline;
  }

  .ys_askpass_ a:hover {
    color:#68B2A0;
    text-decoration:none;
  }

  .merit {
    font-size:11px;
    text-align:center;
  }

.ys_inputimage_ {
    margin-top: 16px;
    text-align: center;
}

.ys_inputimage_ input {
  background:url(../ys_img/btn-login.png) no-repeat scroll 0 0 transparent;
  display:block;
  width:155px;
  height:36px;
  text-indent:-999em;
  overflow:hidden;
  margin:0 auto;
}

.ys_inputimage_ input:hover {
  background-position:0 -36px;
}

.ys_inputimage_2 input {
  background:url(../ys_img/btn-register.png) no-repeat scroll 0 0 transparent;
  display:block;
  width:155px;
  height:36px;
  text-indent:-999em;
  overflow:hidden;
  margin:0 auto;
}

.ys_inputimage_2 input:hover {
  background-position:0 -36px;
}

/* Logged In */

.ys_logged-name {
  font-weight:bold;
  font-size:12px;
  margin-top:21px 0 0 0;
}

.ys_logged-name span {
  font-weight:bold;
  font-size:10px;
}

.ys_logged-thanks {
  font-size:10px;
  margin:11px 0 0 0;
  line-height:16px;
}

.ys_logged-mypage {
  margin:21px 0 0 0;
}

.ys_logged-choices {
    margin: 7px 14px 0;
}

.ys_logged-out {
  margin:10px 0 0 0;
  font-size:10px;
}

.ys_logged-out a {
  color:#68B2A0;
  text-decoration:underline;
}

/* Hajimete */

.ys_sidebar-hajimete {
    padding-bottom: 4px;
}

.ys_sidebar-hajimete-banner {
  width: 191px;
  margin: 0 auto 0;
  margin-top: 5px;
  height: 70px;
}

.ys_banner-trialset {
  margin:7px auto;
  width:193px;
  height:148px;
}

.ys_banner-trialset a {
  display:block;
  width:100%;
  height:100%;
}

.ys_banner-sampleset {
    height: 94px;
}

.ys_banner-sampleset a {
  display:block;
  width:100%;
  height:100%;
}

.ys_hajimete-buttons {
    margin-top: 30px;
}

/* Campaign */

.ys_sidebar-campaign {
    height: 159px;
    margin-top: 14px;
}

.ys_sidebar-campaign-long {
  height: 312px;
  margin-top: 14px;
}

.ys_sidebar-campaign-nov3 {
  height: 159px;
  margin-top: 14px;
}

.ys_sidebar-campaign a {
  display:block;
  width:193px;
  height:151px;
  margin:0 auto;
}

.ys_sidebar-option {
  margin-top:12px;
  height:276px;
}

.ys_sidebar-option a {
  display:block;
  margin:0 auto;
  width:193px;
  height:272px;
}

/* Mail Magazine */

.ys_sidebar-magazine {
    height: 94px;
    margin-top: 12px;
}

.ys_sidebar-magazine a {
  display:block;
  margin:0 auto;
  width:193px;
  height:91px;
}

/* Information */

.ys_sidebar-info {
    height: 94px;
    margin-top: 12px;
}

.ys_sidebar-info a {
    display:block;
  margin:0 auto;
  width:193px;
  height:91px;
}

/* ==========================================================================
   Pankuzu
   ========================================================================== */

.ys_pankuzu {
  float: right;
    position: absolute;
  width:auto;
  right:0;
  margin-top:20px;
}

.ys_content .ys_pankuzu p {
  font-size: 12px;
  margin-top:4px;
}

.ys_pankuzu-left {
  background:url(../ys_img/pankuzu-left-bg.png);
  width:auto;
  height:27px;
  float:left;
  text-align:center;
  padding: 0 25px;
}

.ys_pankuzu-left a {
  text-decoration:none;
}

.ys_pankuzu-left a:hover {
  text-decoration:underline;
}

.ys_pankuzu-2nd {
  background:url(../ys_img/pankuzu-2nd.png);
  width:19px;
  height:27px;
  float:left;
}

.ys_pankuzu-middle {
  background:url(../ys_img/pankuzu-middle.png);
  width:19px;
  height:27px;
  float:left;
}

.ys_pankuzu-right {
  background:url(../ys_img/pankuzu-right-bg.png);
  width:auto;
  padding: 0 25px;
  height:27px;
  float:left;
  text-align:center;
}

.groupShop .groupShopButton {
  position: absolute;
  right: 32px;
  bottom: 0;
  margin: 0;
}
.groupShop .groupShopButton a {
  overflow: hidden;
  display: block;
  width: 136px;
  height: 60px;
  background: url(../ys_img/footer/slideup-footer/footer_btn_onlineshop_n.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
}
.groupShop .groupShopButton a.open {
  background-image: url(../ys_img/footer/slideup-footer/footer_btn_onlineshop_c.png);
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
  clear:both;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}

.ys_last {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*@media (max-width : 640px) {
  body { width: 1020px; margin: 0 auto; }
}*/

@media all and (max-device-width:1090px) {
  body { width: 1230px; margin: 0 auto; }
}