@charset "UTF-8";

/* ------------------------------------------------------------------
 * layout.css
 *
 * Table Of Contents
 * #wrapper
 * #container
 * #header
 * #content-wrapper
 * #nav
 * #footer
 * #analytics
 * --------------------------------------------------------------- */

/* ------------------------------------------------------------------
 * #wrapper
 * --------------------------------------------------------------- */
#wrapper { position: relative; width: 990px; margin: 0 auto; text-align: left; }

/* ------------------------------------------------------------------
 * #container
 * --------------------------------------------------------------- */
#container {
    background: transparent url("../images/base/bg_container.gif") repeat-y left top;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

/* ------------------------------------------------------------------
 * #header
 * --------------------------------------------------------------- */
#header {
    height: 187px;
    height/* */: /**/143px;
    height: /**/131px;
    margin: 0 5px 0 5px;
    padding: 9px 0 0 0;
    /* background: transparent url("../images/header/bg_header.gif") repeat-x 0 120px; 20170314非表示 */
    background: #fff;
}

#header h1 {
    margin: 0 0 0px 0;
    padding: 0 10px;
    color: #666;
    font-size: 9px;
    font-weight: normal;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

/* ---------- #header-utility ---------- */
#header #header-utility {
    margin: 0 10px 0 0px;
    padding: 0 0 0 0;
    background: transparent url("../images/header/img_lady.jpg") no-repeat right top;
    background-position: 911px 7px;
}

#header #header-utility p#logo {
    float: left;
    margin: 0px 12px 0 10px;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility p#ico-postage {
    float: left;
    margin: 10px 25px 5px 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility #header-utility-nav {
    position: absolute;
    top: 5px;
    right: 15px;
}

#header #header-utility #header-utility-nav ul {
    height: 18px;
    border-left: 1px solid #ccc;
}

#header #header-utility #header-utility-nav ul li {
    float: left;
    color: #333;
    border-right: 1px solid #ccc;
}

#header #header-utility #header-utility-nav ul li a {
    display: block;
    padding: 3px 15px 2px 15px;
    color: #333;
}

#header #header-utility #header-utility-nav ul li a:hover {
    color: #195fa5;
}


/* ---------- #header-utility_order ---------- */

#header #header-utility_order {
    margin: 0 10px 0 10px;
    padding: 0 0 13px 0;
    /*background: transparent url("../images/header/img_model.jpg") no-repeat right 3px*/;
}

#header #header-utility_order p#logo {
    float: left;
    margin: 5px 20px 0 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility_order p#ico-postage {
    float: right;
    margin: 3px 25px 0 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility_order #header-utility-nav {
    position: absolute;
    top: 5px;
    right: 15px;
}

#header #header-utility_order #header-utility-nav ul {
    height: 18px;
    border-left: 1px solid #ccc;
}

#header #header-utility_order #header-utility-nav ul li {
    float: left;
    color: #333;
    border-right: 1px solid #ccc;
}

#header #header-utility_order #header-utility-nav ul li a {
    display: block;
    padding: 3px 15px 2px 15px;
    color: #333;
}

#header #header-utility_order #header-utility-nav ul li a:hover {
    color: #195fa5;
}



/* ---------- #header-ticker ---------- */
#header-fukidashi {
    position: absolute;
    top: 34px;
    right: 53px;
    width: 235px;
    height: 35px;
}

#header-ticker {
    position: absolute;
    top: 400px;
    right: 15px;
    z-index: 3;
    width: 745px;
    height: 25px;
    background: transparent url("../images/header/bg_header_ticker2.gif") no-repeat 0 0;
    overflow: hidden;
}

#header-ticker ul#ticker {
    display: none;
}

#header-ticker div.mask {
    position: relative;
    top: 6px;
    left: 5px;
    width: 735px;
    height: 14px;
    overflow: hidden;
}

#header-ticker ul.newsticker {
    position: relative;

    left: 735px;
    margin: 0;
    padding: 0;
}

#header-ticker ul.newsticker li {
    float: left;
    margin: 0 50px 10px 0;
    color: #222;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header-ticker ul.newsticker a {
    color: #000;
}

#header-ticker ul.newsticker a:hover {
    color: #f00;
    text-decoration: underline;
}

.ticker {
    position: absolute;
    width: 660px;
    /*	top: 400px;
    right: 15px;
    height: 50px;
*/	overflow: hidden;
    left: 3px;
    top: 0px;
}

.mac .ticker {
    position: absolute;
    width: 660px;
    overflow: hidden;
    left: 3px;
    top: 0px;
}
.ipad .ticker {
    position: absolute;
    width: 660px;
    overflow: hidden;
    left: 3px;
    top: 0px;
}
.ticker ul{
    width:  660px;
    font-size: 10px;
    padding: 9px !important;
    border: none !important;
    height: 26px !important;
    line-height: 26px !important;
}

.ticker ul li {
    width: 100%;
    display: none;
}


/* ---------- #header-search ---------- */
#header #header-search {
    position: absolute;
    top: 73px;
    right: 0px;
    z-index: 20;
    width: 200px;
}

#header #header-search #yjSsSb {
    width: auto !important;
}

#header #header-search #yjSsSb input {
    vertical-align: middle;
}

#header #header-search #yjSsSb input#yjSsTxt {
    width: 190px !important;
    width/* */: /**/158px !important;
    width: /**/158px !important;
    height: 10px;
    height/* */: /**/23px;
    height: /**/23px;
    padding: 0 5px 0 5px;
    border: 1px solid #ddd;
    background: #fff url("../images/bg_form_field.gif") repeat-x 0 0;
    color: #999;
    font-size: 11px;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "Verdana", "Arial", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
    line-height: 23px;
}

#header #header-search #yjSsSb span#yjSsTxtWrap.focus input#yjSsTxt {
    color: #333;
}

.bcs-container-searchbox {
    display:inline-flex;
    border: 1px solid #ffff;
    width: 190px;
    height: 27px;
    height/* */: /**/23px;
    height: /**/23px;
}
.bcs-searchbox-submit{
    width: 50px;
    height: 25px !important;

}

#bcs-searchbox {
    height: 25px;
    width: 140px;
    font-size:15px;
}

/* ---------- #global-nav ---------- */
#header #global-nav {
    position: absolute;
    top: 102px;
    left: 15px;
    z-index: 10;
    height: 44px;
}

.mac #header #global-nav {
    position: absolute;
    top: 120px;
    left: 15px;
    z-index: 10;
    height: 44px;
}
.ipad #header #global-nav {
    position: absolute;
    top: 120px;
    left: 15px;
    z-index: 10;
    height: 44px;
}
#header #global-nav ul li {
    float: left;
    text-indent: -9999px;
}

#header #global-nav ul li a {
    display: block;
    width: 114px;
    height: 34px;
    background: transparent url("../images/header/global_nav.gif") no-repeat 0 0;
}
#header #global-nav ul li.nav-home a           { background-position:    0   0; width: 49px;}
#header #global-nav ul li.nav-guide a          { background-position:  -49px 0; }
#header #global-nav ul li.nav-userguide a      { background-position: -163px 0; }
#header #global-nav ul li.nav-estimate a       { background-position: -277px 0; }
#header #global-nav ul li.nav-upload a         { background-position: -391px 0; }
#header #global-nav ul li.nav-technicalguide a { background-position: -505px 0; }
#header #global-nav ul li.nav-faq a            { background-position: -619px 0; }
#header #global-nav ul li.nav-inquiry a        { background-position: -733px 0; }
#header #global-nav ul li.nav-sample a         { background-position: -847px 0; width: 115px; }

#header #global-nav ul li.nav-home a:hover,
#header #global-nav ul li.nav-home a.current           { background-position:    0   -44px; }
#header #global-nav ul li.nav-guide a:hover,
#header #global-nav ul li.nav-guide a.current          { background-position:  -49px -44px; }
#header #global-nav ul li.nav-userguide a:hover,
#header #global-nav ul li.nav-userguide a.current      { background-position: -163px -44px; }
#header #global-nav ul li.nav-estimate a:hover,
#header #global-nav ul li.nav-estimate a.current       { background-position: -277px -44px; }
#header #global-nav ul li.nav-upload a:hover,
#header #global-nav ul li.nav-upload a.current         { background-position: -391px -44px; }
#header #global-nav ul li.nav-technicalguide a:hover,
#header #global-nav ul li.nav-technicalguide a.current { background-position: -505px -44px; }
#header #global-nav ul li.nav-faq a:hover,
#header #global-nav ul li.nav-faq a.current            { background-position: -619px -44px; }
#header #global-nav ul li.nav-inquiry a:hover,
#header #global-nav ul li.nav-inquiry a.current        { background-position: -733px -44px; }
#header #global-nav ul li.nav-sample a:hover,
#header #global-nav ul li.nav-sample a.current         { background-position: -847px -44px; }


/* ---------- .container .slider ---------- */
#header .container .slider {
    position: absolute;
    top: 140px;
    left: 15px;
    z-index: 10;
    height: 256px;
    width: 960px;
}

.mac #header .container .slider {
    position: absolute;
    top: 160px;
    left: 15px;
    z-index: 10;
    height: 256px;
    width: 960px;
}
.ipad #header .container .slider {
    position: absolute;
    top: 160px;
    left: 15px;
    z-index: 10;
    height: 256px;
    width: 960px;
}

/* ------------------------------------------------------------------
 * #content-wrapper
 * --------------------------------------------------------------- */
#content-wrapper {
    margin: 0 5px 0 5px;
    padding: 0 10px 50px 10px;
    /* background: #ededef url("../images/header/bg_header.gif") repeat-x 0 -32px; 20170314非表示 */
    background: #fff;
}
#content-wrapper.content-wide {
    padding-left: 10px;
}

#content-wrapper #content {
    float: right;
    margin: 0;
}
#content-wrapper.content-wide #content {
    float: none;
}

#content-wrapper #nav {
    float: left;
    width: 216px;
    width/* */: /**/205px;
    width: /**/205px;
    margin: -1px 10px 0 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

/* ------------------------------------------------------------------
 * #nav
 * --------------------------------------------------------------- */
/* ---------- div.nav-box-01 ---------- */
#nav div.nav-box-01-top {
    height: 8px;
    background: transparent url("../images/nav/bg_nav_box_01_top.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

#nav div.nav-box-01 {
    padding: 0 8px;
    background: transparent url("../images/nav/bg_nav_box_01.gif") repeat-y left top;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav div.nav-box-01-bottom {
    height: 8px;
    margin: 0 0 8px 0;
    background: transparent url("../images/nav/bg_nav_box_01_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

/* ul#purpose-search */
#nav div.nav-box-01 ul#purpose-search li {
    margin: 0 0 6px 0;
    text-indent: -9999px;
}
#nav div.nav-box-01 ul#purpose-search li.ps-search {
    margin: 0;
}

#nav div.nav-box-01 ul#purpose-search li a {
    display: block;
    width: 189px;
    height: 69px;
}
#nav div.nav-box-01 ul#purpose-search li.ps-kantan a {
    height:49px; background: transparent url("../images/nav/bg_btn_kantan.gif") no-repeat 0 0;}

#nav div.nav-box-01 ul#purpose-search li.ps-search-price a {
    height:60px;background: transparent url("../images/nav/btn_search_price.gif") no-repeat 0 0;
}

#nav div.nav-box-01 ul#purpose-search li.ps-search a {
    height:59px;background: transparent url("../images/nav/bg_btn_search.gif") no-repeat 0 0;
}

#nav div.nav-box-01 ul#purpose-search li.reorder a {
    background: transparent url("../images/btn_reorder.gif");
}


/*

#nav div.nav-box-01 ul#purpose-search li a:hover {
	background-position: 0 -62px;
}

*/

/* div.login-box */
#nav div.login-box p {
    padding: 5px 0 10px 0;
    text-align: center;
}

#nav div.login-box ul li {
    margin: 0 0 6px 0;
    text-indent: -9999px;
}
#nav div.login-box ul li.lb-point,
#nav div.login-box ul li.lb-login,
#nav div.login-box ul li.lb-logout {
    margin: 0;
}

#nav div.login-box ul li a {
    display: block;
    width: 189px;
    height: 52px;
}
#nav div.login-box ul li.lb-point a {
    height: 42px;
    background: transparent url("../images/nav/bg_btn_2015ptanime.gif") no-repeat 0 0;
}
#nav div.login-box ul li.lb-insert a {
    background: transparent url("../images/nav/bg_nav_regist.gif") no-repeat 0 0;
    height: 83px;
}
#nav div.login-box ul li.lb-insert_new a {
    background: transparent url("../images/nav/bg_nav_regist_new.gif") no-repeat 0 0;
    height: 116px;
}
#nav div.login-box ul li.lb-insert2000 a {
    background: transparent url("../images/nav/btn_2000p.gif") no-repeat 0 0;
    height: 83px;
}
#nav div.login-box ul li.lb-login a {
    background: transparent url("../images/nav/bg_nav_login2.gif") no-repeat 0 0;
    height: 39px;
}
#nav div.login-box ul li.lb-mypage a {
    height: 44px;
    background: transparent url("../images/nav/bg_btn_mypage.gif") no-repeat 0 0;
}
#nav div.login-box ul li.lb-upload a {
    height: 44px;
    background: transparent url("../images/nav/bg_btn_upload.gif") no-repeat 0 0;
}

#nav div.login-box ul li.lb-logout a {
    background: transparent url("../images/nav/bg_nav_logout2.gif") no-repeat 0 0;
    height: 39px;
}

/**/
#nav.mypage-nav div.login-box {
    padding: 10px;
    text-align: center;
    width: 210px;
    -moz-border-radius: 6px;		/* 古いFirefox */
    -webkit-border-radius: 6px;		/* 古いSafari,Chrome */
    border-radius: 6px;				/* CSS3 */
    border: 1px peachpuff solid;	/* 枠線の装飾 */
    background: linear-gradient(floralwhite, antiquewhite);
}
#nav.mypage-nav div.lb-logout a {
    margin-top: 10px;
    background: transparent url("../images/nav/bg_nav_logout2.gif")
    no-repeat 0 0;
    width: 189px;
    height: 39px;
    display: block;
}
/**/

/**/
#nav.mypage-nav div.login-box {
    padding: 10px;
    text-align: center;
    width: 210px;
    -moz-border-radius: 6px;		/* 古いFirefox */
    -webkit-border-radius: 6px;		/* 古いSafari,Chrome */
    border-radius: 6px;				/* CSS3 */
    border: 1px peachpuff solid;	/* 枠線の装飾 */
    background: linear-gradient(floralwhite, antiquewhite);
}
#nav.mypage-nav div.lb-logout a {
    margin-top: 10px;
    background: transparent url("../images/nav/bg_nav_logout2.gif") no-repeat 0 0;
    width: 189px;
    height: 39px;
    display: block;
}
/**/

#nav div.login-box ul li.lb-insert a:hover {
    background-position: 0 -93px;
}
#nav div.login-box ul li.lb-insert_new a:hover {
    background-position: 0 -128px;
}
#nav div.login-box ul li.lb-insert2000 a:hover {
    background-position: 0 -84px;
}
#nav div.login-box ul li.lb-login a:hover,
#nav div.login-box ul li.lb-logout a:hover {
    background-position: 0 -49px;
}
#nav div.login-box ul li.lb-mypage a:hover,
#nav div.login-box ul li.lb-upload a:hover {
    background-position: 0 -54px;
}

/* ---------- ul#side-nav ---------- */
#nav ul#side-nav,
#nav ul#side-top,
#nav ul#side-middle,
#nav ul#side-nav-bottom,
#nav ul#side-bottom {
    margin: 0 0 0 0;
}

#nav ul#side-nav li,
#nav ul#side-top li,
#nav ul#side-middle li,
#nav ul#side-nav-bottom li,
#nav ul#side-bottom li {
    margin: 0 0 5px 0;
    font-size: 12px;
    text-indent: -9999px;
}

#nav ul#side-top li.sn-nenga,
#nav ul#side-top li.sn-mochu,
#nav ul#side-nav li.sn-kyogashi,
#nav ul#side-nav li.sn-products,
#nav ul#side-middle li.sn-qdc,
#nav ul#side-nav-bottom li.sn-otona,
#nav ul#side-bottom li.sn-otona,
#nav ul#side-nav li.sn-new-products,
#nav ul#side-nav-bottom li.sn-guide,
#nav ul#side-bottom li.sn-guide {
    margin: 0 0 14px 0;
}

#nav ul#side-nav li a,
#nav ul#side-top li a,
#nav ul#side-middle li a,
#nav ul#side-nav-bottom li a,
#nav ul#side-bottom li a {
    display: block;
    width: 205px;
    height: 52px;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav ul#side-nav li.sn-new-products a      { background: transparent url("../images/nav/side_newproducts.gif") no-repeat 0 0; }
#nav ul#side-nav li.sn-products a    { background: transparent url("../images/nav/side_allproducts.gif") no-repeat 0 0; }
#nav ul#side-nav li.sn-alice a    { height: 80px; background: transparent url("../images/nav/bg_btn_alice.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-shochu a    { height: 68px; background: transparent url("../images/nav/shochu_bnr.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-nenga a    { height: 60px; background: transparent url("../images/nav/side_nenga2017.jpg") no-repeat 0 0; margin: 0 0 5px 0; }
#nav ul#side-nav li.sn-mochu a    { height: 60px; background: transparent url("../images/nav/side_motyu2017.jpg") no-repeat 0 0; margin: 0 0 0px 0; }
#nav ul#side-nav li.sn-430 a    { height: 68px; background: transparent url("../images/nav/bg_btn_430.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav li.sn-anshin a    { height: 61px; background: transparent url("../images/nav/side_anshin.gif") no-repeat 0 0; margin: 0 0 0px 0; }
#nav ul#side-middle li.sn-popdc a    { height: 68px; background: transparent url("../images/nav/side_popdc.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-pacnews a    { height: 60px; background: transparent url("../images/nav/pacnews_side_nav.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
/*
#nav ul#side-nav li.sn-shochukobo a    { height: 60px; background: transparent url("../images/nav/saidonabi_shochukobo.png") no-repeat 0 0; margin: 0 0 3px 0; }
*/
#nav ul#side-middle li.sn-nengakobo2 a    { height: 78px; background: transparent url("../images/nav/nenga_contest_result02.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-nengakobo1 a    { height: 90px; background: transparent url("../images/nav/side_nengakobo1.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-henpin a    { height: 68px; background: transparent url("../images/nav/side_henpin_topban.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-wedding a    { height: 60px; background: transparent url("../images/nav/side_wedding.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-iphone a    { height: 56px; background: transparent url("../images/nav/side_iphone.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-essay a    { height: 60px; background: transparent url("../images/nav/side_essay.jpg") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-middle li.sn-senkyo a    { height: 53px; background: transparent url("../images/nav/nav_senkyo.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-middle li.sn-forshop a    { height: 60px; background: transparent url("../images/nav/side_forshop.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-kobo    { height: 90px; background: transparent url("../images/nav/sidebnr_compe.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
#nav ul#side-nav li.sn-kobo_s    { height: 60px; background: transparent url("../images/nav/sidebnr_compe_s.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
#nav ul#side-nav li.sn-nenga_s    { height: 90px; background: transparent url("../images/nav/img_sub_nav_179.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
#nav ul#side-nav li.sn-kobo_n    { height: 90px; background: transparent url("../images/nav/sidebnr_compe_n.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
/*ブログ*/
#nav ul#side-middle li.sn-toBlog    { height: 56px; width: 100px; display: inline-block;}
#nav ul#side-middle li.sn-toBlog a    { width: 100%; height: 100%; }
#nav ul#side-middle li.sn-toBlog_cs a    { background: transparent url("../images/nav/side_toBlog_cs.jpg") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-middle li.sn-toBlog_recruit a    { background: transparent url("../images/nav/side_toBlog_recruit.jpg") no-repeat 0 0; margin: 0 0 7px 0; }
/*ブログ_END*/
#nav ul#side-nav li.sn-kobo a   { height: 90px; margin-bottom: 7px; }
#nav ul#side-nav li.sn-kobo_s a   { height: 90px; margin-bottom: 7px; }
#nav ul#side-nav li.sn-nenga_s a   { height: 60px; margin-bottom: 7px; }
#nav ul#side-nav li.sn-kobo_n a   { height: 90px; margin-bottom: 7px; }
#nav div.nav-box-01 ul#purpose-search  li.sn-scene a   { height: 47px; background: transparent url("../images/nav/bg_btn_scene.gif") no-repeat 0 0; }
#nav ul#side-top li.sn-nenga a   { height: 60px;  background: transparent url("../images/nav/bg_btn_nenga.gif") no-repeat 0 0; margin: 0 0 5px 0; }
#nav ul#side-middle li.sn-qdc a   { height: 68px; background: transparent url("../images/nav/bg_btn_pdc.gif") no-repeat 0 0; margin: 0 0 5px 0; }
#nav ul#side-nav-bottom li.sn-guide a       { background: transparent url("../images/nav/bg_btn_guide.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav-bottom li.sn-order a       { background: transparent url("../images/nav/bg_btn_order_form_free.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-mypage a   { height:55px; background: transparent url("../images/nav/navi_mypage.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-uservoice a   { background: transparent url("../images/nav/bg_btn_uservoice.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-adobecc2015 a  { height: 70px; background: transparent url("../images/nav/bg_btn_adobe2015.gif") no-repeat 0 0; }
/*
#nav ul#side-nav-bottom li.sn-office a   { height: 68px; background: transparent url("../images/nav/bg_btn_office.gif") no-repeat 0 0; }
*/
#nav ul#side-nav-bottom li.sn-office2 a   { height: 68px; background: transparent url("../images/nav/bg_btn_office2.png") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-office3 a   { height: 52px; background: transparent url("../images/nav/bg_btn_macoffice.jpg") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-anshin a   { height: 60px; background: transparent url("../images/nav/bg_btn_anshin.png") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-pacnews a   { height: 60px; background: transparent url("../images/nav/bg_btn_pacnews.png") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-otona a    { background: transparent url("../images/nav/houmuch_banar.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav-bottom li.sn-officepdf a    { height: 78px; background: transparent url("../images/nav/bnr_office_s.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav-bottom li.sn-shippingday a { background: transparent url("../images/nav/bg_btn_shippingday.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-corporate a   { background: transparent url("../images/nav/bg_btn_corporate.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-guide a       { background: transparent url("../images/nav/bg_btn_guide.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-bottom li.sn-order a       { background: transparent url("../images/nav/bg_btn_order_form_free.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-mypage a   { height:55px; background: transparent url("../images/nav/navi_mypage.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-uservoice a   { background: transparent url("../images/nav/bg_btn_uservoice.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-adobecc2015 a  { height: 70px; background: transparent url("../images/nav/bg_btn_adobe2015.gif") no-repeat 0 0; }
/*
#nav ul#side-bottom li.sn-office a   { height: 68px; background: transparent url("../images/nav/bg_btn_office.gif") no-repeat 0 0; }
*/
#nav ul#side-bottom li.sn-office2 a   { height: 68px; background: transparent url("../images/nav/bg_btn_office2.png") no-repeat 0 0; }
#nav ul#side-bottom li.sn-office3 a   { height: 52px; background: transparent url("../images/nav/bg_btn_macoffice.jpg") no-repeat 0 0; }
#nav ul#side-bottom li.sn-anshin a   { height: 60px; background: transparent url("../images/nav/bg_btn_anshin.png") no-repeat 0 0; }
#nav ul#side-bottom li.sn-pacnews a   { height: 60px; background: transparent url("../images/nav/bg_btn_pacnews.png") no-repeat 0 0; }
#nav ul#side-bottom li.sn-otona a    { background: transparent url("../images/nav/houmuch_banar.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-bottom li.sn-officepdf a    { height: 78px; background: transparent url("../images/nav/bnr_office_s.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-bottom li.sn-shippingday a { background: transparent url("../images/nav/bg_btn_shippingday.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-corporate a   { background: transparent url("../images/nav/bg_btn_corporate.gif") no-repeat 0 0; }

#nav ul#side-nav li a:hover { background-position: 0 -62px; }
#nav ul#side-nav li.sn-alice a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-shochu a:hover { background-position: 0 -68px; }
#nav ul#side-nav li.sn-nenga a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-mochu a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-430 a:hover { background-position: 0 -68px; }
#nav ul#side-nav li.sn-anshin a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-popdc a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-pacnews a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-shochukobo a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-nengakobo2 a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-nengakobo1 a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-henpin a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-wedding a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-iphone a:hover { background-position: 0 -56px; }
#nav ul#side-middle li.sn-essay a:hover { background-position: 0 -60px; }
#nav ul#side-middle li.sn-senkyo a:hover { background-position: 0 -53px; }
#nav ul#side-middle li.sn-forshop a:hover { background-position: 0 -60px; }
#nav ul#side-nav li.sn-kobo:hover { background-position: 0 -90px; }
#nav ul#side-nav li.sn-kobo_s:hover { background-position: 0 -90px; }
#nav ul#side-nav li.sn-nenga_s:hover { background-position: 0 0; }
#nav ul#side-nav li.sn-kobo_n:hover { background-position: 0 -90px; }
#nav ul#side-middle li.sn-toBlog a:hover { background-position: 0 -56px; }
#nav ul#side-top li.sn-nenga a:hover   { background-position: 0 0; }
#nav ul#side-top li.sn-mochu a:hover   { background-position: 0 0; }
#nav ul#side-middle li.sn-qdc a:hover   { background-position: 0 -0px; }
#nav ul#side-nav-bottom li a:hover { background-position: 0 -62px; }
#nav ul#side-nav-bottom li.sn-mypage a:hover   { background-position: 0 0; }
#nav ul#side-nav-bottom li.sn-officepdf a:hover { background-position: 0 -0px; }
#nav ul#side-nav-bottom li.sn-otona a:hover { background-position: 0 -0px; }
#nav ul#side-nav-bottom li.sn-adobecc2015 a:hover   { background-position: 0 0px; }
#nav ul#side-nav-bottom li.sn-office a:hover   { background-position: 0 -70px; }
#nav ul#side-nav-bottom li.sn-office2 a:hover   { background-position: 0 -70px; }
#nav ul#side-nav-bottom li.sn-office3 a:hover   { background-position: 0 0; }
#nav ul#side-nav-bottom li.sn-pacnews a:hover,
#nav ul#side-nav-bottom li.sn-anshin a:hover,
#nav ul#side-nav-bottom li.sn-scene a:hover   { background-position: 0 0; }
#nav ul#side-bottom li a:hover { background-position: 0 -62px; }
#nav ul#side-bottom li.sn-mypage a:hover   { background-position: 0 0; }
#nav ul#side-bottom li.sn-officepdf a:hover { background-position: 0 -0px; }
#nav ul#side-bottom li.sn-otona a:hover { background-position: 0 -0px; }
#nav ul#side-bottom li.sn-adobecc2015 a:hover   { background-position: 0 0px; }
#nav ul#side-bottom li.sn-office a:hover   { background-position: 0 -70px; }
#nav ul#side-bottom li.sn-office2 a:hover   { background-position: 0 -70px; }
#nav ul#side-bottom li.sn-office3 a:hover   { background-position: 0 0; }
#nav ul#side-bottom li.sn-pacnews a:hover,
#nav ul#side-bottom li.sn-anshin a:hover,
#nav ul#side-bottom li.sn-scene a:hover   { background-position: 0 0; }



/* ul#side-nav、ul#side-bottom > 2nd Level */
#nav ul#side-nav li ul li,
#nav ul#side-bottom li ul li {
    position: relative;
    margin: 0;
    background: transparent url("../images/nav/bg_side_nav_border.gif") repeat-x left bottom;
    text-indent: 0;
}

#nav ul#side-nav li ul li a,
#nav ul#side-bottom li ul li a {
    display: block;
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 6px 0 5px 5px;
    background: transparent url("../images/nav/bg_side_nav_2nd_05.gif") no-repeat 0 0 !important;
    zoom: 1;	/* peek-a-boo Bug Fix */
}
/*
#nav ul#side-nav li ul li a.dm_shipping {
    background: none;
}
#nav ul#side-nav li ul li a.dm_shipping:hover {
    background: none;
}
*/

#nav ul#side-nav li.sn-new-products ul li a  { background: transparent url("../images/nav/side_sankaku.gif") no-repeat 0 0 !important; 	padding: 10px 0 11px 28px; }
/*
#nav ul#side-nav li.sn-new-products ul li a.dm_shipping  {
    background: none;
}
#nav ul#side-nav li.sn-new-products ul li a.dm_shipping:hover  {
    background: none;
    color: black;
}
*/

#nav ul#side-nav li ul li.snp-postcard a,
#nav ul#side-nav li ul li.snp-dm a,
#nav ul#side-nav li ul li.snp-card a,
#nav ul#side-nav li ul li.snp-ticket  a    { background: transparent url("../images/nav/bg_side_nav_2nd_06.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-nenga a,
#nav ul#side-nav li ul li.snp-season a,
#nav ul#side-nav li ul li.snp-superexpress a,
#nav ul#side-nav li ul li.snp-superexpress-shop a,
#nav ul#side-nav li ul li.snp-campaign a,
#nav ul#side-nav li ul li.snp-ondemand a,
#nav ul#side-nav li ul li.snp-comic a,
#nav ul#side-nav li ul li.snp-special a,
#nav ul#side-nav li ul li.snp-other  a     { background: transparent url("../images/nav/bg_side_nav_2nd_07.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-panel a,
#nav ul#side-nav li ul li.snp-folder a,
#nav ul#side-nav li ul li.snp-envelope a,
#nav ul#side-nav li ul li.snp-business a,
#nav ul#side-nav li ul li.snp-calendar a,
#nav ul#side-nav li ul li.snp-sticker a    { background: transparent url("../images/nav/bg_side_nav_2nd_08.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-leaflet a,
#nav ul#side-nav li ul li.snp-leaflet-insert a,
#nav ul#side-nav li ul li.snp-poster a,
#nav ul#side-nav li ul li.snp-train a      { background: transparent url("../images/nav/bg_side_nav_2nd_09.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-option a     { background: transparent url("../images/nav/bg_side_nav_2nd_02.gif") no-repeat 0 0 !important; }
#nav ul#side-nav-bottom li.sn-guide ul li a         { background: transparent url("../images/nav/bg_side_nav_2nd_01.gif") no-repeat 0 0 !important; 	padding: 10px 0 11px 28px; }
#nav ul#side-bottom li.sn-guide ul li a         { background: transparent url("../images/nav/bg_side_nav_2nd_01.gif") no-repeat 0 0 !important; 	padding: 10px 0 11px 28px; }

#nav ul#side-nav li.sn-products ul li a {
    color: #622d18;
}

#nav ul#side-nav-category,
#nav ul#side-nav-new-products
{
    background: transparent url("../images/nav/side_sen.gif");
    margin: 0;
}

#nav ul#side-nav li.sn-new-products ul li a {
    color: #333;
}

#nav ul#side-nav-bottom li.sn-guide ul li a,
#nav ul#side-bottom li.sn-guide ul li a {
    color: #333;
}

#nav ul#side-nav li ul li.snp-other a,
#nav ul#side-nav li ul li.last-child a {
    margin: 0 0 10px 0;
}

#nav ul#side-nav li ul li a:hover,
#nav ul#side-nav-bottom li ul li a:hover,
#nav ul#side-bottom li ul li a:hover,
#nav ul#side-nav li ul li a.snp-parent-link-hover {
    background-position: 0 -41px !important;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#nav ul#side-nav-bottom li.sn-request div.nav-box-02-top p,
#nav ul#side-nav-bottom li.sn-branch div.nav-box-02-top p,
#nav ul#side-bottom li.sn-request div.nav-box-02-top p,
#nav ul#side-bottom li.sn-branch div.nav-box-02-top p {
    text-indent: 0;
}

/* sn-request */
#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p,
#nav ul#side-bottom li.sn-request div.nav-box-02 p {
    font-size: 11px;
    text-indent: 0;
}

#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p img
#nav ul#side-bottom li.sn-request div.nav-box-02 p img {
    margin: 0 0 5px 2px;
}

#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p span
#nav ul#side-bottom li.sn-request div.nav-box-02 p span {
    padding: 0 0 0 26px;
    background: transparent url("../images/bg_arrow_01_right.gif") no-repeat 7px 3px;
}

#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p a,
#nav ul#side-bottom li.sn-request div.nav-box-02 p a {
    display: inline;
    width: auto;
    height: auto;
}

/* sn-branch */
#nav ul#side-nav-bottom li.sn-branch div.nav-box-02-top,
#nav ul#side-bottom li.sn-branch div.nav-box-02-top {
    height: 44px;
    height/* */: /**/32px;
    height: /**/32px;
    padding: 12px 0 0 0;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li {
    margin: 0 0 15px 0;
    background: none;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka {
    margin: 0 -6px 6px -6px;
    padding: 0 6px 15px 6px;
    border-bottom: 1px solid #eee;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a {
    display: block;
    width: 189px;
    height: 46px;
    margin: 0 0 5px 0 !important;
    padding: 0;
    background: transparent url("../images/nav/bg_btn_tokyo.gif") no-repeat 0 0 !important;
    text-indent: -9999px;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka a,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka a {
    background: transparent url("../images/nav/bg_btn_osaka.gif") no-repeat 0 0 !important;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a:hover
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a:hover {
    background-position: 0 -46px !important;
    color: #195fa5;
    font-weight: normal;
    text-decoration: underline;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a.text,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a.text {
    display: inline;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 26px;
    background: transparent url("../images/bg_arrow_01_right.gif") no-repeat 7px 3px !important;
    font-size: 11px;
    line-height: 1.2;
    text-indent: 0;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a.text:hover,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a.text:hover {
    background-position: 7px 3px !important;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 p,
#nav ul#side-bottom li.sn-branch div.nav-box-02 p {
    font-size: 9px;
    line-height: 1.2;
    text-indent: 0;
}

/* ul#side-nav > 3rd Level */
#nav ul#side-nav li ul li div.sub-nav {
    display: none;
    position: absolute;
    top: -49px;
    left: 206px;
    z-index: 9000;
    width: 405px;
    width/* */: /**/500px;
    width: /**/500px;
    padding: 20px 20px 20px 20px;
    border: 5px solid #ff7803;
    background-color: #fff;

    /* invalid */
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav     { border-color: #ffffff; }
#nav ul#side-nav li ul li.snp-postcard div.sub-nav        { border-color: #ffffff; }
#nav ul#side-nav li ul li.snp-dm div.sub-nav,
#nav ul#side-nav li ul li.snp-card div.sub-nav,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav          { border-color: #80b620; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav,
#nav ul#side-nav li ul li.snp-season div.sub-nav,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav,
#nav ul#side-nav li ul li.snp-comic div.sub-nav,
#nav ul#side-nav li ul li.snp-special div.sub-nav,
#nav ul#side-nav li ul li.snp-other div.sub-nav           { border-color: #007de3; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav,
#nav ul#side-nav li ul li.snp-folder div.sub-nav,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav,
#nav ul#side-nav li ul li.snp-business div.sub-nav,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav         { border-color: #00a29a; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav,
#nav ul#side-nav li ul li.snp-poster div.sub-nav,
#nav ul#side-nav li ul li.snp-train div.sub-nav           { border-color: #e4007f; }
#nav ul#side-nav li ul li.snp-option div.sub-nav          { border-color: #80b620; }



#nav ul#side-nav li ul li div.sub-nav div.sub-nav-balloon {
    position: absolute;
    top: 48px;
    left: -16px;
    width: 100px;
    height: 100px;
    background: transparent url("../images/nav/bg_sub_nav_balloon_01.gif") no-repeat left top;
}
/*
#nav ul#side-nav li ul li.snp-postcard div.sub-nav div.sub-nav-balloon,
*/
#nav ul#side-nav li ul li.snp-dm div.sub-nav div.sub-nav-balloon,
/*
#nav ul#side-nav li ul li.snp-postcard div.sub-nav div.sub-nav-balloon,
*/
#nav ul#side-nav li ul li.snp-card div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav div.sub-nav-balloon         { background: transparent url("../images/nav/bg_sub_nav_balloon_02.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-season div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-comic div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-special div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-other div.sub-nav div.sub-nav-balloon          { background: transparent url("../images/nav/bg_sub_nav_balloon_07.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-folder div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-business div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav div.sub-nav-balloon        { background: transparent url("../images/nav/bg_sub_nav_balloon_08.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-poster div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-train div.sub-nav div.sub-nav-balloon          { background: transparent url("../images/nav/bg_sub_nav_balloon_09.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-option div.sub-nav div.sub-nav-balloon         { background: transparent url("../images/nav/bg_sub_nav_balloon_02.gif") no-repeat left top; }


#nav ul#side-nav li ul li div.sub-nav p.index {
    background-color: #f47717;
    color: #fff;

    /* invalid */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav p.index    { background-color: #ffffff }
#nav ul#side-nav li ul li.snp-postcard div.sub-nav p.index       { background-color: #ffffff }
#nav ul#side-nav li ul li.snp-dm div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-card div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav p.index         { background-color: #80b620; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-season div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-comic div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-special div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-other div.sub-nav p.index          { background-color: #007de3; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-folder div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-business div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav p.index        { background-color: #00a29a; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-poster div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-train div.sub-nav p.index          { background-color: #e4007f; }
#nav ul#side-nav li ul li.snp-option div.sub-nav p.index         { background-color: #80b620; }


#nav ul#side-nav li ul li div.sub-nav p.index a {
    margin: 0;
    padding: 7px 0 5px 34px;
    background: transparent url("../images/nav/bg_sub_nav_arrow_01.gif") no-repeat 10px 11px !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav p.index a    { background: none; }
#nav ul#side-nav li ul li.snp-panf-sub a                           { background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 14px 9px !important; }
/*
#nav ul#side-nav li ul li.snp-postcard div.sub-nav p.index a,
*/
#nav ul#side-nav li ul li.snp-dm div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-card div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav p.index a         { background: transparent url("../images/nav/bg_sub_nav_arrow_02.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-season div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-comic div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-special div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-other div.sub-nav p.index a          { background: transparent url("../images/nav/bg_sub_nav_arrow_07.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-folder div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-business div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav p.index a        { background: transparent url("../images/nav/bg_sub_nav_arrow_08.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-poster div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-train div.sub-nav p.index a          { background: transparent url("../images/nav/bg_sub_nav_arrow_09.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-option div.sub-nav p.index a         { background: transparent url("../images/nav/bg_sub_nav_arrow_02.gif") no-repeat 10px 11px !important; }


#nav ul#side-nav li ul li div.sub-nav p.index a:hover {
    background-color: #f69245 !important;
    text-decoration: none;

    /* invalid */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav p.index a:hover            { background-color: #ffffff !important; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-comic div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-other div.sub-nav p.index a:hover                  { background-color: #66b1ee !important; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-poster div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-train div.sub-nav p.index a:hover                  { background-color: #ee66b2 !important; }
/*
#nav ul#side-nav li ul li.snp-postcard div.sub-nav p.index a:hover,
*/
#nav ul#side-nav li ul li.snp-dm div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-card div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav p.index a:hover                 { background-color: #99c54d !important; }
#nav ul#side-nav li ul li.snp-calendar div.sub-nav p.index a:hover               { background-color: #66c7c2 !important; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-folder div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-business div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav p.index a:hover                { background-color: #00a29a !important; }
#nav ul#side-nav li ul li.snp-season div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-special div.sub-nav p.index a:hover                { background-color: #007de3 !important; }
#nav ul#side-nav li ul li.snp-option div.sub-nav p.index a:hover                 { background-color: #99c54d !important; }

#nav ul#side-nav li ul li div.sub-nav ul {
    margin: 10px 0 0 0;
    padding: 1px 0 0 0;
    background: transparent url("../images/bg_dot_line.gif") repeat-x left top;
}

#nav ul#side-nav li ul li div.sub-nav ul li {
    position: relative;
    margin: 0;
    background: transparent url("../images/bg_dot_line.gif") repeat-x left bottom;
    font-size: 0;
    text-indent: 0;
    zoom: 1;	/* peek-a-boo Bug Fix */
}
#nav ul#side-nav li ul li div.sub-nav ul li:hover {
    background-color: #eee;
}

#nav ul#side-nav li ul li div.sub-nav ul li a {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 7px 0 6px 29px;
    background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 14px 9px !important;
    color: #333;
    font-size: 11px !important;
    font-weight: normal;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav            { width: 715px; width/* */: /**/665px; width: /**/665px; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-season div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav           { width: 395px; width/* */: /**/345px; width: /**/345px; }
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav      { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-campaign div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav                { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav         { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-poster div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-train div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-insert div.sub-nav         { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-nakatoji div.sub-nav       { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-musen div.sub-nav          { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-scrum div.sub-nav          { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-free-paper div.sub-nav             { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-photobook div.sub-nav              { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-note div.sub-nav                   { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-bookcover div.sub-nav              { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-postcard div.sub-nav               { width: 965px; width/* */: /**/915px; width: /**/915px; }
#nav ul#side-nav li ul li.snp-dm div.sub-nav                     { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-card div.sub-nav                   { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-ticket div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-folder div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-envelope div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-business div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-calendar div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-sticker div.sub-nav                { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-comic div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-special div.sub-nav                { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-other div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-option div.sub-nav                 { width: 395px; width/* */: /**/345px; width: /**/345px; }



#nav ul#side-nav li ul li div.sub-nav ul li a:hover {
    background-position: 14px 9px !important;
    color: #195fa5;
    font-weight: normal;
    text-decoration: none;
}

#nav ul#side-nav li ul li div.sub-nav ul li a.btn-price-list,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-price-list {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 95px !important;
    height: 24px;
    margin: 0;
    padding: 0;
    background: transparent url("../images/nav/bg_btn_price_list.gif") no-repeat 10px 5px !important;
    text-indent: -9999px;
}

#nav ul#side-nav li ul li div.sub-nav ul li a.btn-price-list:hover,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-price-list:hover {
    background-position: 10px -19px !important;
}

#nav ul#side-nav li div.sidenav_image{
    width: 200px;
    float: right;
    margin: 0;
    padding: 50px 0 0 0;
    text-align: center;
}


#nav ul#side-nav li ul li div.sub-nav ul li a.btn-detail-list,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-detail-list {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 95px !important;
    height: 24px;
    margin: 0;
    padding: 0;
    background: transparent url("../images/nav/bg_btn_detail_list.gif") no-repeat 10px 5px !important;
    text-indent: -9999px;
}
#nav ul#side-nav li ul li div.sub-nav ul li a.btn-detail-list:hover,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-detail-list:hover {
    background-position: 10px -19px !important;
}

#nav ul#side-nav li ul li.snp-comic div.sub-nav p.comment_r {
    color:red;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    line-height: 1.5em;
}


/* ul#side-nav > 4th Level */
#nav ul#side-nav li ul li div.sub-nav ul li.indent a {
    padding: 7px 0 6px 44px;
    background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 29px 9px !important;
}
#nav ul#side-nav li ul li.snp-tokyo-ondemand div.sub-nav ul li.indent a,
#nav ul#side-nav li ul li.snp-osaka-ondemand div.sub-nav ul li.indent a { width: 255px; width/* */: /**/226px; width: /**/226px; }

#nav ul#side-nav li ul li div.sub-nav ul li.indent a:hover {
    background-position: 29px 9px !important;
}

/* ---------- div.nav-box-02 ---------- */
#nav div.nav-box-02-top {
    height: 44px;
    height/* */: /**/29px;
    height: /**/29px;
    padding: 15px 0 0 0;
    background: transparent url("../images/nav/bg_nav_box_02_top.gif") no-repeat left top;
    vertical-align: bottom;
}

#nav div.nav-box-02-top p {
    text-align: center;
}

#nav div.nav-box-02 {
    padding: 15px 8px 5px 8px;
    background: transparent url("../images/nav/bg_nav_box_02.gif") repeat-y left top;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav div.nav-box-02-bottom {
    height: 8px;
    margin: 0 0 6px 0;
    background: transparent url("../images/nav/bg_nav_box_02_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

/* ---------- div.nav-box-03 ---------- */
#nav div.nav-box-03-top {
    height: 8px;
    background: transparent url("../images/nav/bg_nav_box_03_top.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

#nav div.nav-box-03 {
    padding: 5px 8px 5px 8px;
    background: transparent url("../images/nav/bg_nav_box_03.gif") repeat-y left top;
    text-align: center;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav div.nav-box-03 ul#notice-box li {
    margin: 0 -6px 11px -6px;
    padding: 0 6px 7px 6px;
    border-bottom: 1px solid #eee;
    font-size: 10px;
    line-height: 1.4;
}
#nav div.nav-box-03 ul#notice-box li.nb-privacy-policy {
    font-size: 12px;
}
#nav div.nav-box-03 ul#notice-box li.last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#nav div.nav-box-03 ul#notice-box li img {
    margin: 0 0 7px 0;
}
#nav div.nav-box-03 ul#notice-box li.nb-iso img {
    margin: 0;
}

#nav div.nav-box-03 ul#active_menber-box li {
    margin: 0 -6px 0px -6px;
    padding: 0 6px 0px 6px;
    font-size: 10px;
    line-height: 1.4;
}
#nav div.nav-box-03 ul#active_menber-box li.nb-privacy-policy {
    font-size: 12px;
}
#nav div.nav-box-03 ul#active_menber-box li.last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#nav div.nav-box-03-bottom {
    height: 8px;
    margin: 0 0 15px 0;
    background: transparent url("../images/nav/bg_nav_box_03_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

#side-nav .nav_indent_arrow { padding:0 0 10px 28px; background-image:url(../images/bg_arrow_02_right.gif); background-position:10px 1px; background-repeat:no-repeat; overflow:hidden; }
#side-nav .nav_indent_arrow a { font-size:12px; color:#666; text-decoration:none; }
#side-nav .nav_indent_arrow a:hover { color:#195FA5; }
#side-nav .nav_border { background-image:url(../images/nav/bg_side_nav_border.gif); background-repeat:repeat-x; height:2px; }


/*
 *#nav.mypage-nav
 *
 */

#content-wrapper.mypage-wrapper{
    background-color: #fff;
    background:#fff;
}


#content-wrapper.mypage-wrapper #nav.mypage-nav {
    float: left;
    width: 216px;
    width/* */: /**/210px;
    width: /**/210px;
    margin: 50px 0px 0 0;
    background-color: #fff;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}
#nav.mypage-nav div.login-box table{
    width:210px;
    text-align: center;
    background-color: blue;
    color: white;
}
#nav.mypage-nav div.login-box table tr td.lb-logout {
    background: transparent url("../images/nav/bg_nav_logout2.gif") no-repeat 0 0;
    height: 39px;
    text-align: center;
}

/*  刷新版マイページレイアウト  */
#nav.mypage-nav div.mypage_user_info {
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 210px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px #D30000 solid;
}

#nav.mypage-nav div.mypage_user_info table.user_point {
    padding: 10px;
    text-align: center;
    width: 200px;
}



#nav.mypage-nav ul#side-nav table{
    width:210px;
    text-align: center;
    padding: 5px;

}
#nav.mypage-nav ul#side-nav table tbody{
    border-collapse:separate;

}

#nav.mypage-nav ul#side-nav table.user_point thead tr td{
    background: transparent url("../../mypage/img/point_header.gif") no-repeat 0 0;
    height    : 50px;
}
#nav.mypage-nav ul#side-nav table.upload_guide_list thead tr td,
#nav.mypage-nav ul#side-nav table.mypage_tool_list thead tr td,
#nav.mypage-nav ul#side-nav table.mypages_others_list thead tr td
{
    border: 1px #D30000 solid;
    text-align : center;
    font-weight: bold;
    background: #EBBEC8;
    background-image: -webkit-gradient(
            linear
            , left top
            , left bottom
            , from(#FFE6E6)
            , color-stop(0.50, #FFE6E6)
            , to(#EBBEC8));
    background: -moz-linear-gradient(
            top
            ,#FFE6E6
            ,#FFE6E6 50%
            ,#EBBEC8);
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;

}

#nav.mypage-nav ul#side-nav table.upload_guide_list tbody tr td,
#nav.mypage-nav ul#side-nav table.mypage_tool_list tbody tr td,
#nav.mypage-nav ul#side-nav table.mypages_others_list tbody tr td{
    border: 1px #D30000 solid;
    border-top: none;
    border-bottom: none;
    text-align : left;
    font-weight: bold;
    padding: 5px;
}

#nav.mypage-nav ul#side-nav table.upload_guide_list tbody tr:last-child td,
#nav.mypage-nav ul#side-nav table.mypage_tool_list tbody tr:last-child td,
#nav.mypage-nav ul#side-nav table.mypages_others_list tbody tr:last-child td{
    border: 1px #D30000 solid;
    border-top: none;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}



/* ------------------------------------------------------------------
 * #global-footer-nav
 * --------------------------------------------------------------- */
#global-footer-nav {
    margin: 0 5px;
    padding: 0;
    border-top: 1px solid #ccc;
    background-color: #fff;
}

/* ---------- #gf-products ---------- */
#global-footer-nav #gf-products {
    padding: 20px 0;
}

#global-footer-nav #gf-products #gf-products-sidebar {
    float: left;
    width: 212px;
    width/* */: /**/162px;
    width: /**/162px;
    padding: 0 25px 0 25px;
}

#global-footer-nav #gf-products ul {
    float: left;
    padding: 0 15px;
    border-left: 1px solid #ccc;
}
#global-footer-nav #gf-products ul.col1 {
    width: 225px;
}
#global-footer-nav #gf-products ul.col2 {
    width: 205px;
}
#global-footer-nav #gf-products ul.col3 {
    width: 225px;
}

#global-footer-nav #gf-products ul li {
    margin: 0 0 20px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
}
#global-footer-nav #gf-products ul li.last-child {
    margin: 0;
}

#global-footer-nav #gf-products ul li a {
    display: block;
    padding: 0 0 0 19px;
    background: transparent url("../images/bg_arrow_03_right.gif") no-repeat 0 2px;
    color: #f00;
    font-weight: bold;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#global-footer-nav #gf-products ul li ul {
    float: none;
    margin: 7px 0 0 4px;
    padding: 0;
    border-left: none;
}

#global-footer-nav #gf-products ul li ul li {
    margin: 0 0 2px 0;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.4;
}

#global-footer-nav #gf-products ul li ul li a {
    display: block;
    padding: 0 0 0 15px;
    background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 0 4px;
    color: #333;
    font-weight: normal;
}

#global-footer-nav #gf-products ul li ul li ul {
    margin: 2px 0 0 15px;
}

/* ---------- #gf-others ---------- */
#global-footer-nav #gf-others {
    margin: 0;
    padding: 9px 10px 8px 0;
    background-color: #666;
}

#global-footer-nav #gf-others ul {
    float: right;
}

#global-footer-nav #gf-others ul li {
    float: left;
    margin: 0 0 0 15px;
    font-size: 11px;
    line-height: 1.2;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#global-footer-nav #gf-others ul li a {
    padding: 0 0 0 8px;
    background: transparent url("../images/footer/bg_gf_others_arrow_right.gif") no-repeat left center;
    color: #fff;
}

#global-footer-nav * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* ------------------------------------------------------------------
 * #container-bottom
 * --------------------------------------------------------------- */
#container-bottom {
    height: 11px;
    margin: 0 0 5px 0;
    background: transparent url("../images/base/bg_container_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

/* ------------------------------------------------------------------
 * #footer
 * --------------------------------------------------------------- */
#footer {
    margin: 0 5px;
    padding: 0 0 10px 0;
}

#footer p {
    margin: 0 0 5px 0;
    color: #999;
    font-size: 12px;
    text-align: right;
}
#footer p.copyright {
    margin: 0;
    font-size: 10px;
}

/* ------------------------------------------------------------------
 * #analytics
 * --------------------------------------------------------------- */
#analytics {
    display: none;
}

/* ------------------------------------------------------------------
 * #nav_reco
 * --------------------------------------------------------------- */
.nav_reco{
    width: 205px;
    margin-bottom: 10px!important;
}

@charset "UTF-8";

/* ------------------------------------------------------------------
 * layout.css
 *
 * Table Of Contents
 * #wrapper
 * #container
 * #header
 * #content-wrapper
 * #nav
 * #footer
 * #analytics
 * --------------------------------------------------------------- */

/* ------------------------------------------------------------------
 * #wrapper
 * --------------------------------------------------------------- */
#wrapper { position: relative; width: 990px; margin: 0 auto; text-align: left; }

/* ------------------------------------------------------------------
 * #container
 * --------------------------------------------------------------- */
#container {
    background: transparent url("../images/base/bg_container.gif") repeat-y left top;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

/* ------------------------------------------------------------------
 * #header
 * --------------------------------------------------------------- */
#header {
    height: 187px;
    height/* */: /**/143px;
    height: /**/131px;
    margin: 0 5px 0 5px;
    padding: 9px 0 0 0;
    /* background: transparent url("../images/header/bg_header.gif") repeat-x 0 120px; 20170314非表示 */
    background: #fff;
}

#header h1 {
    margin: 0 0 0px 0;
    padding: 0 10px;
    color: #666;
    font-size: 9px;
    font-weight: normal;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

/* ---------- #header-utility ---------- */
#header #header-utility {
    margin: 0 10px 0 0px;
    padding: 0 0 0 0;
    background: transparent url("../images/header/img_lady.jpg") no-repeat right top;
    background-position: 911px 7px;
}

#header #header-utility p#logo {
    float: left;
    margin: 0px 12px 0 10px;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility p#ico-postage {
    float: left;
    margin: 10px 25px 5px 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility #header-utility-nav {
    position: absolute;
    top: 5px;
    right: 15px;
}

#header #header-utility #header-utility-nav ul {
    height: 18px;
    border-left: 1px solid #ccc;
}

#header #header-utility #header-utility-nav ul li {
    float: left;
    color: #333;
    border-right: 1px solid #ccc;
}

#header #header-utility #header-utility-nav ul li a {
    display: block;
    padding: 3px 15px 2px 15px;
    color: #333;
}

#header #header-utility #header-utility-nav ul li a:hover {
    color: #195fa5;
}


/* ---------- #header-utility_order ---------- */

#header #header-utility_order {
    margin: 0 10px 0 10px;
    padding: 0 0 13px 0;
    /*background: transparent url("../images/header/img_model.jpg") no-repeat right 3px*/;
}

#header #header-utility_order p#logo {
    float: left;
    margin: 5px 20px 0 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility_order p#ico-postage {
    float: right;
    margin: 3px 25px 0 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header #header-utility_order #header-utility-nav {
    position: absolute;
    top: 5px;
    right: 15px;
}

#header #header-utility_order #header-utility-nav ul {
    height: 18px;
    border-left: 1px solid #ccc;
}

#header #header-utility_order #header-utility-nav ul li {
    float: left;
    color: #333;
    border-right: 1px solid #ccc;
}

#header #header-utility_order #header-utility-nav ul li a {
    display: block;
    padding: 3px 15px 2px 15px;
    color: #333;
}

#header #header-utility_order #header-utility-nav ul li a:hover {
    color: #195fa5;
}



/* ---------- #header-ticker ---------- */
#header-fukidashi {
    position: absolute;
    top: 34px;
    right: 53px;
    width: 235px;
    height: 35px;
}

#header-ticker {
    position: absolute;
    top: 400px;
    right: 15px;
    z-index: 3;
    width: 745px;
    height: 25px;
    background: transparent url("../images/header/bg_header_ticker2.gif") no-repeat 0 0;
    overflow: hidden;
}

#header-ticker ul#ticker {
    display: none;
}

#header-ticker div.mask {
    position: relative;
    top: 6px;
    left: 5px;
    width: 735px;
    height: 14px;
    overflow: hidden;
}

#header-ticker ul.newsticker {
    position: relative;

    left: 735px;
    margin: 0;
    padding: 0;
}

#header-ticker ul.newsticker li {
    float: left;
    margin: 0 50px 10px 0;
    color: #222;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#header-ticker ul.newsticker a {
    color: #000;
}

#header-ticker ul.newsticker a:hover {
    color: #f00;
    text-decoration: underline;
}

.ticker {
    position: absolute;
    width: 660px;
    /*	top: 400px;
    right: 15px;
    height: 50px;
*/	overflow: hidden;
    left: 3px;
    top: 0px;
}

.mac .ticker {
    position: absolute;
    width: 660px;
    overflow: hidden;
    left: 3px;
    top: 0px;
}
.ipad .ticker {
    position: absolute;
    width: 660px;
    overflow: hidden;
    left: 3px;
    top: 0px;
}
.ticker ul{
    width:  660px;
    font-size: 13px;
    padding: 9px !important;
    border: none !important;
    height: 26px !important;
    line-height: 26px !important;
}

.ticker ul li {
    width: 100%;
    display: none;
}


/* ---------- #header-search ---------- */
#header #header-search {

    right: 90px;

}

#header #header-search #yjSsSb {
    width: auto !important;
}

#header #header-search #yjSsSb input {
    vertical-align: middle;
}

#header #header-search #yjSsSb input#yjSsTxt {
    width: 190px !important;
    width/* */: /**/158px !important;
    width: /**/158px !important;
    height: 25px;
    height/* */: /**/23px;
    height: /**/23px;
    padding: 0 5px 0 5px;
    border: 1px solid #ddd;
    background: #fff url("../images/bg_form_field.gif") repeat-x 0 0;
    color: #999;
    font-size: 11px;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "Verdana", "Arial", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
    line-height: 23px;
}

#header #header-search #yjSsSb span#yjSsTxtWrap.focus input#yjSsTxt {
    color: #333;
}

.bcs-container-searchbox {
    display:inline-flex;
    border: 1px solid #ffff;
    width: 190px;
    height: 27px;
    height/* */: /**/23px;
    height: /**/23px;
}
.bcs-searchbox-submit{
    width: 50px;
    height: 25px !important;

}

#bcs-searchbox {
    height: 21px;
    width: 140px;
    font-size:15px;
}


/* ---------- #global-nav ---------- */
#header #global-nav {
    position: absolute;
    top: 102px;
    left: 15px;
    z-index: 10;
    height: 44px;
}

.mac #header #global-nav {
    position: absolute;
    top: 120px;
    left: 15px;
    z-index: 10;
    height: 44px;
}
.ipad #header #global-nav {
    position: absolute;
    top: 120px;
    left: 15px;
    z-index: 10;
    height: 44px;
}
#header #global-nav ul li {
    float: left;
    text-indent: -9999px;
}

#header #global-nav ul li a {
    display: block;
    width: 114px;
    height: 34px;
    background: transparent url("../images/header/global_nav.gif") no-repeat 0 0;
}
#header #global-nav ul li.nav-home a           { background-position:    0   0; width: 49px;}
#header #global-nav ul li.nav-guide a          { background-position:  -49px 0; }
#header #global-nav ul li.nav-userguide a      { background-position: -163px 0; }
#header #global-nav ul li.nav-estimate a       { background-position: -277px 0; }
#header #global-nav ul li.nav-upload a         { background-position: -391px 0; }
#header #global-nav ul li.nav-technicalguide a { background-position: -505px 0; }
#header #global-nav ul li.nav-faq a            { background-position: -619px 0; }
#header #global-nav ul li.nav-inquiry a        { background-position: -733px 0; }
#header #global-nav ul li.nav-sample a         { background-position: -847px 0; width: 115px; }

#header #global-nav ul li.nav-home a:hover,
#header #global-nav ul li.nav-home a.current           { background-position:    0   -44px; }
#header #global-nav ul li.nav-guide a:hover,
#header #global-nav ul li.nav-guide a.current          { background-position:  -49px -44px; }
#header #global-nav ul li.nav-userguide a:hover,
#header #global-nav ul li.nav-userguide a.current      { background-position: -163px -44px; }
#header #global-nav ul li.nav-estimate a:hover,
#header #global-nav ul li.nav-estimate a.current       { background-position: -277px -44px; }
#header #global-nav ul li.nav-upload a:hover,
#header #global-nav ul li.nav-upload a.current         { background-position: -391px -44px; }
#header #global-nav ul li.nav-technicalguide a:hover,
#header #global-nav ul li.nav-technicalguide a.current { background-position: -505px -44px; }
#header #global-nav ul li.nav-faq a:hover,
#header #global-nav ul li.nav-faq a.current            { background-position: -619px -44px; }
#header #global-nav ul li.nav-inquiry a:hover,
#header #global-nav ul li.nav-inquiry a.current        { background-position: -733px -44px; }
#header #global-nav ul li.nav-sample a:hover,
#header #global-nav ul li.nav-sample a.current         { background-position: -847px -44px; }


/* ---------- .container .slider ---------- */
#header .container .slider {
    position: absolute;
    top: 140px;
    left: 15px;
    z-index: 10;
    height: 256px;
    width: 960px;
}

.mac #header .container .slider {
    position: absolute;
    top: 160px;
    left: 15px;
    z-index: 10;
    height: 256px;
    width: 960px;
}
.ipad #header .container .slider {
    position: absolute;
    top: 160px;
    left: 15px;
    z-index: 10;
    height: 256px;
    width: 960px;
}

/* ------------------------------------------------------------------
 * #content-wrapper
 * --------------------------------------------------------------- */
#content-wrapper {
    margin: 0 5px 0 5px;
    padding: 0 10px 50px 10px;
    /* background: #ededef url("../images/header/bg_header.gif") repeat-x 0 -32px; 20170314非表示 */
    background: #fff;
}
#content-wrapper.content-wide {
    padding-left: 10px;
}

#content-wrapper #content {
    float: right;
    margin: 0;
}
#content-wrapper.content-wide #content {
    float: none;
}

#content-wrapper #nav {
    float: left;
    width: 216px;
    width/* */: /**/205px;
    width: /**/205px;
    margin: -1px 10px 0 0;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

/* ------------------------------------------------------------------
 * #nav
 * --------------------------------------------------------------- */
/* ---------- div.nav-box-01 ---------- */
#nav div.nav-box-01-top {
    height: 8px;
    background: transparent url("../images/nav/bg_nav_box_01_top.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

#nav div.nav-box-01 {
    padding: 0 8px;
    background: transparent url("../images/nav/bg_nav_box_01.gif") repeat-y left top;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav div.nav-box-01-bottom {
    height: 8px;
    margin: 0 0 8px 0;
    background: transparent url("../images/nav/bg_nav_box_01_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

/* ul#purpose-search */
#nav div.nav-box-01 ul#purpose-search li {
    margin: 0 0 6px 0;
    text-indent: -9999px;
}
#nav div.nav-box-01 ul#purpose-search li.ps-search {
    margin: 0;
}

#nav div.nav-box-01 ul#purpose-search li a {
    display: block;
    width: 189px;
    height: 69px;
}
#nav div.nav-box-01 ul#purpose-search li.ps-kantan a {
    height:49px; background: transparent url("../images/nav/bg_btn_kantan.gif") no-repeat 0 0;}

#nav div.nav-box-01 ul#purpose-search li.ps-search-price a {
    height:60px;background: transparent url("../images/nav/btn_search_price.gif") no-repeat 0 0;
}

#nav div.nav-box-01 ul#purpose-search li.ps-search a {
    height:59px;background: transparent url("../images/nav/bg_btn_search.gif") no-repeat 0 0;
}

#nav div.nav-box-01 ul#purpose-search li.reorder a {
    background: transparent url("../images/btn_reorder.gif");
}


/*

#nav div.nav-box-01 ul#purpose-search li a:hover {
	background-position: 0 -62px;
}

*/

/* div.login-box */
#nav div.login-box p {
    padding: 5px 0 10px 0;
    text-align: center;
}

#nav div.login-box ul li {
    margin: 0 0 6px 0;
    text-indent: -9999px;
}
#nav div.login-box ul li.lb-point,
#nav div.login-box ul li.lb-login,
#nav div.login-box ul li.lb-logout {
    margin: 0;
}

#nav div.login-box ul li a {
    display: block;
    width: 189px;
    height: 52px;
}
#nav div.login-box ul li.lb-point a {
    height: 42px;
    background: transparent url("../images/nav/bg_btn_2015ptanime.gif") no-repeat 0 0;
}
#nav div.login-box ul li.lb-insert a {
    background: transparent url("../images/nav/bg_nav_regist.gif") no-repeat 0 0;
    height: 83px;
}
#nav div.login-box ul li.lb-insert_new a {
    background: transparent url("../images/nav/bg_nav_regist_new.gif") no-repeat 0 0;
    height: 116px;
}
#nav div.login-box ul li.lb-insert2000 a {
    background: transparent url("../images/nav/btn_2000p.gif") no-repeat 0 0;
    height: 83px;
}
#nav div.login-box ul li.lb-login a {
    background: transparent url("../images/nav/bg_nav_login2.gif") no-repeat 0 0;
    height: 39px;
}
#nav div.login-box ul li.lb-mypage a {
    height: 44px;
    background: transparent url("../images/nav/bg_btn_mypage.gif") no-repeat 0 0;
}
#nav div.login-box ul li.lb-upload a {
    height: 44px;
    background: transparent url("../images/nav/bg_btn_upload.gif") no-repeat 0 0;
}

#nav div.login-box ul li.lb-logout a {
    background: transparent url("../images/nav/bg_nav_logout2.gif") no-repeat 0 0;
    height: 39px;
}

/**/
#nav.mypage-nav div.login-box {
    padding: 10px;
    text-align: center;
    width: 210px;
    -moz-border-radius: 6px;		/* 古いFirefox */
    -webkit-border-radius: 6px;		/* 古いSafari,Chrome */
    border-radius: 6px;				/* CSS3 */
    border: 1px peachpuff solid;	/* 枠線の装飾 */
    background: linear-gradient(floralwhite, antiquewhite);
}
#nav.mypage-nav div.lb-logout a {
    margin-top: 10px;
    background: transparent url("../images/nav/bg_nav_logout2.gif") no-repeat 0 0;
    width: 189px;
    height: 39px;
    display: block;
}
/**/

#nav div.login-box ul li.lb-insert a:hover {
    background-position: 0 -93px;
}
#nav div.login-box ul li.lb-insert_new a:hover {
    background-position: 0 -128px;
}
#nav div.login-box ul li.lb-insert2000 a:hover {
    background-position: 0 -84px;
}
#nav div.login-box ul li.lb-login a:hover,
#nav div.login-box ul li.lb-logout a:hover {
    background-position: 0 -49px;
}
#nav div.login-box ul li.lb-mypage a:hover,
#nav div.login-box ul li.lb-upload a:hover {
    background-position: 0 -54px;
}

/* ---------- ul#side-nav ---------- */
#nav ul#side-nav,
#nav ul#side-top,
#nav ul#side-middle,
#nav ul#side-nav-bottom,
#nav ul#side-bottom {
    margin: 0 0 0 0;
}

#nav ul#side-nav li,
#nav ul#side-top li,
#nav ul#side-middle li,
#nav ul#side-nav-bottom li,
#nav ul#side-bottom li {
    margin: 0 0 5px 0;
    font-size: 12px;
    text-indent: -9999px;
}

#nav ul#side-top li.sn-nenga,
#nav ul#side-top li.sn-mochu,
#nav ul#side-nav li.sn-kyogashi,
#nav ul#side-nav li.sn-products,
#nav ul#side-middle li.sn-qdc,
#nav ul#side-nav-bottom li.sn-otona,
#nav ul#side-bottom li.sn-otona,
#nav ul#side-nav li.sn-new-products,
#nav ul#side-nav-bottom li.sn-guide,
#nav ul#side-bottom li.sn-guide {
    margin: 0 0 14px 0;
}

#nav ul#side-nav li a,
#nav ul#side-top li a,
#nav ul#side-middle li a,
#nav ul#side-nav-bottom li a,
#nav ul#side-bottom li a {
    display: block;
    width: 205px;
    height: 52px;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav ul#side-nav li.sn-new-products a      { background: transparent url("../images/nav/side_newproducts.gif") no-repeat 0 0; }
#nav ul#side-nav li.sn-products a    { background: transparent url("../images/nav/side_allproducts.gif") no-repeat 0 0; }
#nav ul#side-nav li.sn-alice a    { height: 80px; background: transparent url("../images/nav/bg_btn_alice.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-shochu a    { height: 68px; background: transparent url("../images/nav/shochu_bnr.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-nenga a    { height: 60px; background: transparent url("../images/nav/side_nenga2017.jpg") no-repeat 0 0; margin: 0 0 5px 0; }
#nav ul#side-nav li.sn-mochu a    { height: 60px; background: transparent url("../images/nav/side_motyu2017.jpg") no-repeat 0 0; margin: 0 0 0px 0; }
#nav ul#side-nav li.sn-430 a    { height: 68px; background: transparent url("../images/nav/bg_btn_430.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav li.sn-anshin a    { height: 61px; background: transparent url("../images/nav/side_anshin.gif") no-repeat 0 0; margin: 0 0 0px 0; }
#nav ul#side-middle li.sn-popdc a    { height: 68px; background: transparent url("../images/nav/side_popdc.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-pacnews a    { height: 60px; background: transparent url("../images/nav/pacnews_side_nav.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav li.sn-shochukobo a    { height: 90px; background: transparent url("../images/nav/saidonabi_shochukobo.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-henepin a    { height: 68px; background: transparent url("../images/nav/side_henpin_topban.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-iphone a    { height: 56px; background: transparent url("../images/nav/side_iphone.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-middle li.sn-essay a    { height: 60px; background: transparent url("../images/nav/side_essay.jpg") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-middle li.sn-senkyo a    { height: 53px; background: transparent url("../images/nav/nav_senkyo.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-middle li.sn-forshop a    { height: 60px; background: transparent url("../images/nav/side_forshop.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-kobo    { height: 90px; background: transparent url("../images/nav/sidebnr_compe.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
#nav ul#side-nav li.sn-kobo_s    { height: 90px; background: transparent url("../images/nav/sidebnr_compe_s.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
#nav ul#side-nav li.sn-nenga_s    { height: 60px; background: transparent url("../images/nav/img_sub_nav_179.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
#nav ul#side-nav li.sn-kobo_n    { height: 90px; background: transparent url("../images/nav/sidebnr_compe_n.jpg") no-repeat 0 0; margin: 0 0 7px 0;
    display: flex; flex-direction: row;}
/*ブログ*/
#nav ul#side-middle li.sn-toBlog    { height: 56px; width: 100px; display: inline-block;}
#nav ul#side-middle li.sn-toBlog a    { width: 100%; height: 100%; }
#nav ul#side-middle li.sn-toBlog_cs a    { background: transparent url("../images/nav/side_toBlog_cs.jpg") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-middle li.sn-toBlog_recruit a    { background: transparent url("../images/nav/side_toBlog_recruit.jpg") no-repeat 0 0; margin: 0 0 7px 0; }
/*ブログ_END*/
#nav ul#side-nav li.sn-kobo a   { height: 90px; margin-bottom: 7px; }
#nav ul#side-nav li.sn-kobo_s a   { height: 90px; margin-bottom: 7px; }
#nav ul#side-nav li.sn-nenga_s a   { height: 60px; margin-bottom: 7px; }
#nav ul#side-nav li.sn-kobo_n a   { height: 90px; margin-bottom: 7px; }
#nav div.nav-box-01 ul#purpose-search  li.sn-scene a   { height: 47px; background: transparent url("../images/nav/bg_btn_scene.gif") no-repeat 0 0; }
#nav ul#side-top li.sn-nenga a   { height: 60px;  background: transparent url("../images/nav/bg_btn_nenga.gif") no-repeat 0 0; margin: 0 0 5px 0; }
#nav ul#side-middle li.sn-qdc a   { height: 68px; background: transparent url("../images/nav/bg_btn_pdc.gif") no-repeat 0 0; margin: 0 0 5px 0; }
#nav ul#side-nav-bottom li.sn-guide a       { background: transparent url("../images/nav/bg_btn_guide.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav-bottom li.sn-order a       { background: transparent url("../images/nav/bg_btn_order_form_free.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-mypage a   { height:55px; background: transparent url("../images/nav/navi_mypage.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-uservoice a   { background: transparent url("../images/nav/bg_btn_uservoice.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-adobecc2015 a  { height: 70px; background: transparent url("../images/nav/bg_btn_adobe2015.gif") no-repeat 0 0; }
/*
#nav ul#side-nav-bottom li.sn-office a   { height: 68px; background: transparent url("../images/nav/bg_btn_office.gif") no-repeat 0 0; }
*/
#nav ul#side-nav-bottom li.sn-office2 a   { height: 68px; background: transparent url("../images/nav/bg_btn_office2.png") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-office3 a   { height: 52px; background: transparent url("../images/nav/bg_btn_macoffice.jpg") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-anshin a   { height: 60px; background: transparent url("../images/nav/bg_btn_anshin.png") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-pacnews a   { height: 60px; background: transparent url("../images/nav/bg_btn_pacnews.png") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-otona a    { background: transparent url("../images/nav/houmuch_banar.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav-bottom li.sn-officepdf a    { height: 78px; background: transparent url("../images/nav/bnr_office_s.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-nav-bottom li.sn-shippingday a { background: transparent url("../images/nav/bg_btn_shippingday.gif") no-repeat 0 0; }
#nav ul#side-nav-bottom li.sn-corporate a   { background: transparent url("../images/nav/bg_btn_corporate.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-guide a       { background: transparent url("../images/nav/bg_btn_guide.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-bottom li.sn-order a       { background: transparent url("../images/nav/bg_btn_order_form_free.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-mypage a   { height:55px; background: transparent url("../images/nav/navi_mypage.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-uservoice a   { background: transparent url("../images/nav/bg_btn_uservoice.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-adobecc2015 a  { height: 70px; background: transparent url("../images/nav/bg_btn_adobe2015.gif") no-repeat 0 0; }
/*
#nav ul#side-bottom li.sn-office a   { height: 68px; background: transparent url("../images/nav/bg_btn_office.gif") no-repeat 0 0; }
*/
#nav ul#side-bottom li.sn-office2 a   { height: 68px; background: transparent url("../images/nav/bg_btn_office2.png") no-repeat 0 0; }
#nav ul#side-bottom li.sn-office3 a   { height: 52px; background: transparent url("../images/nav/bg_btn_macoffice.jpg") no-repeat 0 0; }
#nav ul#side-bottom li.sn-anshin a   { height: 60px; background: transparent url("../images/nav/bg_btn_anshin.png") no-repeat 0 0; }
#nav ul#side-bottom li.sn-pacnews a   { height: 60px; background: transparent url("../images/nav/bg_btn_pacnews.png") no-repeat 0 0; }
#nav ul#side-bottom li.sn-otona a    { background: transparent url("../images/nav/houmuch_banar.jpg") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-bottom li.sn-officepdf a    { height: 78px; background: transparent url("../images/nav/bnr_office_s.gif") no-repeat 0 0; margin: 0 0 3px 0; }
#nav ul#side-bottom li.sn-shippingday a { background: transparent url("../images/nav/bg_btn_shippingday.gif") no-repeat 0 0; }
#nav ul#side-bottom li.sn-corporate a   { background: transparent url("../images/nav/bg_btn_corporate.gif") no-repeat 0 0; }

#nav ul#side-nav li a:hover { background-position: 0 -62px; }
#nav ul#side-nav li.sn-alice a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-shochu a:hover { background-position: 0 -68px; }
#nav ul#side-nav li.sn-nenga a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-mochu a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-430 a:hover { background-position: 0 -68px; }
#nav ul#side-nav li.sn-anshin a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-popdc a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-pacnews a:hover { background-position: 0 -0px; }
#nav ul#side-nav li.sn-shochukobo a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-henpin a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-wedding a:hover { background-position: 0 -0px; }
#nav ul#side-middle li.sn-iphone a:hover { background-position: 0 -56px; }
#nav ul#side-middle li.sn-essay a:hover { background-position: 0 -60px; }
#nav ul#side-middle li.sn-senkyo a:hover { background-position: 0 -53px; }
#nav ul#side-middle li.sn-forshop a:hover { background-position: 0 -60px; }
#nav ul#side-nav li.sn-kobo:hover { background-position: 0 -90px; }
#nav ul#side-nav li.sn-kobo_s:hover { background-position: 0 -90px; }
#nav ul#side-nav li.sn-nenga_s:hover { background-position: 0 0; }
#nav ul#side-nav li.sn-kobo_n:hover { background-position: 0 -90px; }
#nav ul#side-middle li.sn-toBlog a:hover { background-position: 0 -56px; }
#nav ul#side-top li.sn-nenga a:hover   { background-position: 0 0; }
#nav ul#side-top li.sn-mochu a:hover   { background-position: 0 0; }
#nav ul#side-middle li.sn-qdc a:hover   { background-position: 0 -0px; }
#nav ul#side-nav-bottom li a:hover { background-position: 0 -62px; }
#nav ul#side-nav-bottom li.sn-mypage a:hover   { background-position: 0 0; }
#nav ul#side-nav-bottom li.sn-officepdf a:hover { background-position: 0 -0px; }
#nav ul#side-nav-bottom li.sn-otona a:hover { background-position: 0 -0px; }
#nav ul#side-nav-bottom li.sn-adobecc2015 a:hover   { background-position: 0 0px; }
#nav ul#side-nav-bottom li.sn-office a:hover   { background-position: 0 -70px; }
#nav ul#side-nav-bottom li.sn-office2 a:hover   { background-position: 0 -70px; }
#nav ul#side-nav-bottom li.sn-office3 a:hover   { background-position: 0 0; }
#nav ul#side-nav-bottom li.sn-pacnews a:hover,
#nav ul#side-nav-bottom li.sn-anshin a:hover,
#nav ul#side-nav-bottom li.sn-scene a:hover   { background-position: 0 0; }
#nav ul#side-bottom li a:hover { background-position: 0 -62px; }
#nav ul#side-bottom li.sn-mypage a:hover   { background-position: 0 0; }
#nav ul#side-bottom li.sn-officepdf a:hover { background-position: 0 -0px; }
#nav ul#side-bottom li.sn-otona a:hover { background-position: 0 -0px; }
#nav ul#side-bottom li.sn-adobecc2015 a:hover   { background-position: 0 0px; }
#nav ul#side-bottom li.sn-office a:hover   { background-position: 0 -70px; }
#nav ul#side-bottom li.sn-office2 a:hover   { background-position: 0 -70px; }
#nav ul#side-bottom li.sn-office3 a:hover   { background-position: 0 0; }
#nav ul#side-bottom li.sn-pacnews a:hover,
#nav ul#side-bottom li.sn-anshin a:hover,
#nav ul#side-bottom li.sn-scene a:hover   { background-position: 0 0; }



/* ul#side-nav、ul#side-bottom > 2nd Level */
#nav ul#side-nav li ul li,
#nav ul#side-nav-bottom li ul li,
#nav ul#side-bottom li ul li {
    position: relative;
    margin: 0;
    background: transparent url("../images/nav/bg_side_nav_border.gif") repeat-x left bottom;
    text-indent: 0;
}

#nav ul#side-nav li ul li a,
#nav ul#side-nav-bottom li ul li a,
#nav ul#side-bottom li ul li a {
    display: block;
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 6px 0 5px 5px;
    background: transparent url("../images/nav/bg_side_nav_2nd_05.gif") no-repeat 0 0 !important;
    zoom: 1;	/* peek-a-boo Bug Fix */
}
/*
#nav ul#side-nav li ul li a.dm_shipping {
    background: none;
}
#nav ul#side-nav li ul li a.dm_shipping:hover {
    background: none;
}
*/

#nav ul#side-nav li.sn-new-products ul li a  { background: transparent url("../images/nav/side_sankaku.gif") no-repeat 0 0 !important; 	padding: 10px 0 11px 28px; }
/*
#nav ul#side-nav li.sn-new-products ul li a.dm_shipping  {
    background: none;
}
#nav ul#side-nav li.sn-new-products ul li a.dm_shipping:hover  {
    background: none;
    color: black;
}
*/

#nav ul#side-nav li ul li.snp-postcard a,
#nav ul#side-nav li ul li.snp-dm a,
#nav ul#side-nav li ul li.snp-card a,
#nav ul#side-nav li ul li.snp-ticket  a    { background: transparent url("../images/nav/bg_side_nav_2nd_06.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-nenga a,
#nav ul#side-nav li ul li.snp-season a,
#nav ul#side-nav li ul li.snp-superexpress a,
#nav ul#side-nav li ul li.snp-superexpress-shop a,
#nav ul#side-nav li ul li.snp-campaign a,
#nav ul#side-nav li ul li.snp-ondemand a,
#nav ul#side-nav li ul li.snp-comic a,
#nav ul#side-nav li ul li.snp-special a,
#nav ul#side-nav li ul li.snp-other  a     { background: transparent url("../images/nav/bg_side_nav_2nd_07.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-panel a,
#nav ul#side-nav li ul li.snp-folder a,
#nav ul#side-nav li ul li.snp-envelope a,
#nav ul#side-nav li ul li.snp-business a,
#nav ul#side-nav li ul li.snp-calendar a,
#nav ul#side-nav li ul li.snp-sticker a    { background: transparent url("../images/nav/bg_side_nav_2nd_08.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-leaflet a,
#nav ul#side-nav li ul li.snp-leaflet-insert a,
#nav ul#side-nav li ul li.snp-poster a,
#nav ul#side-nav li ul li.snp-train a      { background: transparent url("../images/nav/bg_side_nav_2nd_09.gif") no-repeat 0 0 !important; }
#nav ul#side-nav li ul li.snp-option a     { background: transparent url("../images/nav/bg_side_nav_2nd_02.gif") no-repeat 0 0 !important; }
#nav ul#side-bottom li.sn-guide ul li a         { background: transparent url("../images/nav/bg_side_nav_2nd_01.gif") no-repeat 0 0 !important; 	padding: 10px 0 11px 28px; }

#nav ul#side-nav li.sn-products ul li a {
    color: #622d18;
}

#nav ul#side-nav-category,
#nav ul#side-nav-new-products
{
    background: transparent url("../images/nav/side_sen.gif");
    margin: 0;
}

#nav ul#side-nav li.sn-new-products ul li a {
    color: #333;
}

#nav ul#side-nav-bottom li.sn-guide ul li a,
#nav ul#side-bottom li.sn-guide ul li a {
    color: #333;
}

#nav ul#side-nav li ul li.snp-other a,
#nav ul#side-nav li ul li.last-child a {
    margin: 0 0 10px 0;
}

#nav ul#side-nav li ul li a:hover,
#nav ul#side-nav-bottom li ul li a:hover,
#nav ul#side-bottom li ul li a:hover,
#nav ul#side-nav li ul li a.snp-parent-link-hover {
    background-position: 0 -41px !important;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#nav ul#side-bottom li.sn-request div.nav-box-02-top p,
#nav ul#side-nav-bottom li.sn-request div.nav-box-02-top p,
#nav ul#side-nav-bottom li.sn-branch div.nav-box-02-top p,
#nav ul#side-bottom li.sn-branch div.nav-box-02-top p {
    text-indent: 0;
}

/* sn-request */
#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p,
#nav ul#side-bottom li.sn-request div.nav-box-02 p {
    font-size: 11px;
    text-indent: 0;
}

#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p img,
#nav ul#side-bottom li.sn-request div.nav-box-02 p img {
    margin: 0 0 5px 2px;
}

#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p span,
#nav ul#side-bottom li.sn-request div.nav-box-02 p span {
    padding: 0 0 0 26px;
    background: transparent url("../images/bg_arrow_01_right.gif") no-repeat 7px 3px;
}

#nav ul#side-nav-bottom li.sn-request div.nav-box-02 p a,
#nav ul#side-bottom li.sn-request div.nav-box-02 p a {
    display: inline;
    width: auto;
    height: auto;
}

/* sn-branch */
#nav ul#side-nav-bottom li.sn-branch div.nav-box-02-top,
#nav ul#side-bottom li.sn-branch div.nav-box-02-top {
    height: 44px;
    height/* */: /**/32px;
    height: /**/32px;
    padding: 12px 0 0 0;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li {
    margin: 0 0 15px 0;
    background: none;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka {
    margin: 0 -6px 6px -6px;
    padding: 0 6px 15px 6px;
    border-bottom: 1px solid #eee;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a {
    display: block;
    width: 189px;
    height: 46px;
    margin: 0 0 5px 0 !important;
    padding: 0;
    background: transparent url("../images/nav/bg_btn_tokyo.gif") no-repeat 0 0 !important;
    text-indent: -9999px;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka a,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li.snb-osaka a {
    background: transparent url("../images/nav/bg_btn_osaka.gif") no-repeat 0 0 !important;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a:hover,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a:hover {
    background-position: 0 -46px !important;
    color: #195fa5;
    font-weight: normal;
    text-decoration: underline;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a.text,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a.text {
    display: inline;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 26px;
    background: transparent url("../images/bg_arrow_01_right.gif") no-repeat 7px 3px !important;
    font-size: 11px;
    line-height: 1.2;
    text-indent: 0;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 ul li a.text:hover,
#nav ul#side-bottom li.sn-branch div.nav-box-02 ul li a.text:hover {
    background-position: 7px 3px !important;
}

#nav ul#side-nav-bottom li.sn-branch div.nav-box-02 p,
#nav ul#side-bottom li.sn-branch div.nav-box-02 p {
    font-size: 9px;
    line-height: 1.2;
    text-indent: 0;
}

/* ul#side-nav > 3rd Level */
#nav ul#side-nav li ul li div.sub-nav {
    display: none;
    position: absolute;
    top: -49px;
    left: 206px;
    z-index: 9000;
    width: 405px;
    width/* */: /**/500px;
    width: /**/500px;
    padding: 20px 20px 20px 20px;
    border: 5px solid #ff7803;
    background-color: #fff;

    /* invalid */
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav     { border-color: #ffffff; }
#nav ul#side-nav li ul li.snp-postcard div.sub-nav        { border-color: #ffffff; }
#nav ul#side-nav li ul li.snp-dm div.sub-nav,
#nav ul#side-nav li ul li.snp-card div.sub-nav,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav          { border-color: #80b620; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav,
#nav ul#side-nav li ul li.snp-season div.sub-nav,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav,
#nav ul#side-nav li ul li.snp-comic div.sub-nav,
#nav ul#side-nav li ul li.snp-special div.sub-nav,
#nav ul#side-nav li ul li.snp-other div.sub-nav           { border-color: #007de3; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav,
#nav ul#side-nav li ul li.snp-folder div.sub-nav,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav,
#nav ul#side-nav li ul li.snp-business div.sub-nav,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav         { border-color: #00a29a; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav,
#nav ul#side-nav li ul li.snp-poster div.sub-nav,
#nav ul#side-nav li ul li.snp-train div.sub-nav           { border-color: #e4007f; }
#nav ul#side-nav li ul li.snp-option div.sub-nav          { border-color: #80b620; }



#nav ul#side-nav li ul li div.sub-nav div.sub-nav-balloon {
    position: absolute;
    top: 48px;
    left: -16px;
    width: 100px;
    height: 100px;
    background: transparent url("../images/nav/bg_sub_nav_balloon_01.gif") no-repeat left top;
}

/*
#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav div.sub-nav-balloon
*/
/*
#nav ul#side-nav li ul li.snp-postcard div.sub-nav div.sub-nav-balloon,
*/
#nav ul#side-nav li ul li.snp-dm div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-card div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav div.sub-nav-balloon         { background: transparent url("../images/nav/bg_sub_nav_balloon_02.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-season div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-comic div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-special div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-other div.sub-nav div.sub-nav-balloon          { background: transparent url("../images/nav/bg_sub_nav_balloon_07.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-folder div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-business div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav div.sub-nav-balloon        { background: transparent url("../images/nav/bg_sub_nav_balloon_08.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-poster div.sub-nav div.sub-nav-balloon,
#nav ul#side-nav li ul li.snp-train div.sub-nav div.sub-nav-balloon          { background: transparent url("../images/nav/bg_sub_nav_balloon_09.gif") no-repeat left top; }
#nav ul#side-nav li ul li.snp-option div.sub-nav div.sub-nav-balloon         { background: transparent url("../images/nav/bg_sub_nav_balloon_02.gif") no-repeat left top; }


#nav ul#side-nav li ul li div.sub-nav p.index {
    background-color: #f47717;
    color: #fff;

    /* invalid */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav p.index    { background-color: #ffffff; }
#nav ul#side-nav li ul li.snp-postcard div.sub-nav p.index       { background-color: #ffffff; }
#nav ul#side-nav li ul li.snp-dm div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-card div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav p.index         { background-color: #80b620; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-season div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-comic div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-special div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-other div.sub-nav p.index          { background-color: #007de3; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-folder div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-business div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav p.index        { background-color: #00a29a; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-poster div.sub-nav p.index,
#nav ul#side-nav li ul li.snp-train div.sub-nav p.index          { background-color: #e4007f; }
#nav ul#side-nav li ul li.snp-option div.sub-nav p.index         { background-color: #80b620; }


#nav ul#side-nav li ul li div.sub-nav p.index a {
    margin: 0;
    padding: 7px 0 5px 34px;
    background: transparent url("../images/nav/bg_sub_nav_arrow_01.gif") no-repeat 10px 11px !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav p.index a    { background: none; }
#nav ul#side-nav li ul li.snp-panf-sub a                           { background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 14px 9px !important; }
/*
#nav ul#side-nav li ul li.snp-postcard div.sub-nav p.index a,
*/
#nav ul#side-nav li ul li.snp-dm div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-card div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav p.index a         { background: transparent url("../images/nav/bg_sub_nav_arrow_02.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-season div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-comic div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-special div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-other div.sub-nav p.index a          { background: transparent url("../images/nav/bg_sub_nav_arrow_07.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-folder div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-business div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-calendar div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav p.index a        { background: transparent url("../images/nav/bg_sub_nav_arrow_08.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-poster div.sub-nav p.index a,
#nav ul#side-nav li ul li.snp-train div.sub-nav p.index a          { background: transparent url("../images/nav/bg_sub_nav_arrow_09.gif") no-repeat 10px 11px !important; }
#nav ul#side-nav li ul li.snp-option div.sub-nav p.index a         { background: transparent url("../images/nav/bg_sub_nav_arrow_02.gif") no-repeat 10px 11px !important; }


#nav ul#side-nav li ul li div.sub-nav p.index a:hover {
    background-color: #f69245 !important;
    text-decoration: none;

    /* invalid */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav p.index a:hover            { background-color: #ffffff !important; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-comic div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-other div.sub-nav p.index a:hover                  { background-color: #66b1ee !important; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-poster div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-train div.sub-nav p.index a:hover                  { background-color: #ee66b2 !important; }
/*
#nav ul#side-nav li ul li.snp-postcard div.sub-nav p.index a:hover,
*/
#nav ul#side-nav li ul li.snp-dm div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-card div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-ticket div.sub-nav p.index a:hover                 { background-color: #99c54d !important; }
#nav ul#side-nav li ul li.snp-calendar div.sub-nav p.index a:hover               { background-color: #66c7c2 !important; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-folder div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-envelope div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-business div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-sticker div.sub-nav p.index a:hover                { background-color: #00a29a !important; }
#nav ul#side-nav li ul li.snp-season div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-campaign div.sub-nav p.index a:hover,
#nav ul#side-nav li ul li.snp-special div.sub-nav p.index a:hover                { background-color: #007de3 !important; }
#nav ul#side-nav li ul li.snp-option div.sub-nav p.index a:hover                 { background-color: #99c54d !important; }

#nav ul#side-nav li ul li div.sub-nav ul {
    margin: 10px 0 0 0;
    padding: 1px 0 0 0;
    background: transparent url("../images/bg_dot_line.gif") repeat-x left top;
}

#nav ul#side-nav li ul li div.sub-nav ul li {
    position: relative;
    margin: 0;
    background: transparent url("../images/bg_dot_line.gif") repeat-x left bottom;
    font-size: 0;
    text-indent: 0;
    zoom: 1;	/* peek-a-boo Bug Fix */
}
#nav ul#side-nav li ul li div.sub-nav ul li:hover {
    background-color: #eee;
}

#nav ul#side-nav li ul li div.sub-nav ul li a {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 7px 0 6px 29px;
    background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 14px 9px !important;
    color: #333;
    font-size: 11px !important;
    font-weight: normal;
}

#nav ul#side-nav li ul li.snp-dm_shipping div.sub-nav            { width: 715px; width/* */: /**/665px; width: /**/665px; }
#nav ul#side-nav li ul li.snp-nenga div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-season div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-superexpress div.sub-nav           { width: 395px; width/* */: /**/345px; width: /**/345px; }
#nav ul#side-nav li ul li.snp-superexpress-shop div.sub-nav      { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-campaign div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-leaflet div.sub-nav                { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-leaflet-insert div.sub-nav         { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-poster div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-train div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-insert div.sub-nav         { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-nakatoji div.sub-nav       { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-musen div.sub-nav          { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-booklet-scrum div.sub-nav          { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-free-paper div.sub-nav             { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-photobook div.sub-nav              { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-note div.sub-nav                   { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-bookcover div.sub-nav              { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-postcard div.sub-nav               { width: 965px; width/* */: /**/915px; width: /**/915px; }
#nav ul#side-nav li ul li.snp-dm div.sub-nav                     { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-card div.sub-nav                   { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-ticket div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-panel div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-folder div.sub-nav                 { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-envelope div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-business div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-calendar div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-sticker div.sub-nav                { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-ondemand div.sub-nav               { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-comic div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-special div.sub-nav                { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-other div.sub-nav                  { width: 615px; width/* */: /**/565px; width: /**/565px; }
#nav ul#side-nav li ul li.snp-option div.sub-nav                 { width: 395px; width/* */: /**/345px; width: /**/345px; }



#nav ul#side-nav li ul li div.sub-nav ul li a:hover {
    background-position: 14px 9px !important;
    color: #195fa5;
    font-weight: normal;
    text-decoration: none;
}

#nav ul#side-nav li ul li div.sub-nav ul li a.btn-price-list,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-price-list {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 95px !important;
    height: 24px;
    margin: 0;
    padding: 0;
    background: transparent url("../images/nav/bg_btn_price_list.gif") no-repeat 10px 5px !important;
    text-indent: -9999px;
}

#nav ul#side-nav li ul li div.sub-nav ul li a.btn-price-list:hover,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-price-list:hover {
    background-position: 10px -19px !important;
}

#nav ul#side-nav li div.sidenav_image{
    width: 200px;
    float: right;
    margin: 0;
    padding: 50px 0 0 0;
    text-align: center;
}


#nav ul#side-nav li ul li div.sub-nav ul li a.btn-detail-list,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-detail-list {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 95px !important;
    height: 24px;
    margin: 0;
    padding: 0;
    background: transparent url("../images/nav/bg_btn_detail_list.gif") no-repeat 10px 5px !important;
    text-indent: -9999px;
}
#nav ul#side-nav li ul li div.sub-nav ul li a.btn-detail-list:hover,
#nav ul#side-nav li ul li div.sub-nav ul li.indent a.btn-detail-list:hover {
    background-position: 10px -19px !important;
}

#nav ul#side-nav li ul li.snp-comic div.sub-nav p.comment_r {
    color:red;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    line-height: 1.5em;
}


/* ul#side-nav > 4th Level */
#nav ul#side-nav li ul li div.sub-nav ul li.indent a {
    padding: 7px 0 6px 44px;
    background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 29px 9px !important;
}
#nav ul#side-nav li ul li.snp-tokyo-ondemand div.sub-nav ul li.indent a,
#nav ul#side-nav li ul li.snp-osaka-ondemand div.sub-nav ul li.indent a { width: 255px; width/* */: /**/226px; width: /**/226px; }

#nav ul#side-nav li ul li div.sub-nav ul li.indent a:hover {
    background-position: 29px 9px !important;
}

/* ---------- div.nav-box-02 ---------- */
#nav div.nav-box-02-top {
    height: 44px;
    height/* */: /**/29px;
    height: /**/29px;
    padding: 15px 0 0 0;
    background: transparent url("../images/nav/bg_nav_box_02_top.gif") no-repeat left top;
    vertical-align: bottom;
}

#nav div.nav-box-02-top p {
    text-align: center;
}

#nav div.nav-box-02 {
    padding: 15px 8px 5px 8px;
    background: transparent url("../images/nav/bg_nav_box_02.gif") repeat-y left top;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav div.nav-box-02-bottom {
    height: 8px;
    margin: 0 0 6px 0;
    background: transparent url("../images/nav/bg_nav_box_02_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

/* ---------- div.nav-box-03 ---------- */
#nav div.nav-box-03-top {
    height: 8px;
    background: transparent url("../images/nav/bg_nav_box_03_top.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

#nav div.nav-box-03 {
    padding: 5px 8px 5px 8px;
    background: transparent url("../images/nav/bg_nav_box_03.gif") repeat-y left top;
    text-align: center;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav div.nav-box-03 ul#notice-box li {
    margin: 0 -6px 11px -6px;
    padding: 0 6px 7px 6px;
    border-bottom: 1px solid #eee;
    font-size: 10px;
    line-height: 1.4;
}
#nav div.nav-box-03 ul#notice-box li.nb-privacy-policy {
    font-size: 12px;
}
#nav div.nav-box-03 ul#notice-box li.last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#nav div.nav-box-03 ul#notice-box li img {
    margin: 0 0 7px 0;
}
#nav div.nav-box-03 ul#notice-box li.nb-iso img {
    margin: 0;
}

#nav div.nav-box-03-bottom {
    height: 8px;
    margin: 0 0 15px 0;
    background: transparent url("../images/nav/bg_nav_box_03_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

#side-nav .nav_indent_arrow { padding:0 0 10px 28px; background-image:url(../images/bg_arrow_02_right.gif); background-position:10px 1px; background-repeat:no-repeat; overflow:hidden; }
#side-nav .nav_indent_arrow a { font-size:12px; color:#666; text-decoration:none; }
#side-nav .nav_indent_arrow a:hover { color:#195FA5; }
#side-nav .nav_border { background-image:url(../images/nav/bg_side_nav_border.gif); background-repeat:repeat-x; height:2px; }


/*
 *#nav.mypage-nav
 *
 */

#content-wrapper.mypage-wrapper{
    background-color: #fff;
    background:#fff;
}


#content-wrapper.mypage-wrapper #nav.mypage-nav {
    float: left;
    width: 216px;
    width/* */: /**/210px;
    width: /**/210px;
    margin: 50px 0px 0 0;
    background-color: #fff;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}
#nav.mypage-nav div.login-box table{
    width:210px;
    text-align: center;
    background-color: blue;
    color: white;
}
#nav.mypage-nav div.login-box table tr td.lb-logout {
    background: transparent url("../images/nav/bg_nav_logout2.gif") no-repeat 0 0;
    height: 39px;
    text-align: center;
}

/*  刷新版マイページレイアウト  */
#nav.mypage-nav div.mypage_user_info {
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 210px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px #D30000 solid;
}

#nav.mypage-nav div.mypage_user_info table.user_point {
    padding: 10px;
    text-align: center;
    width: 200px;
}



#nav.mypage-nav ul#side-nav table{
    width:210px;
    text-align: center;
    padding: 5px;

}
#nav.mypage-nav ul#side-nav table tbody{
    border-collapse:separate;

}

#nav.mypage-nav ul#side-nav table.user_point thead tr td{
    background: transparent url("../../mypage/img/point_header.gif") no-repeat 0 0;
    height    : 50px;
}
#nav.mypage-nav ul#side-nav table.upload_guide_list thead tr td,
#nav.mypage-nav ul#side-nav table.mypage_tool_list thead tr td,
#nav.mypage-nav ul#side-nav table.mypages_others_list thead tr td
{
    border: 1px #D30000 solid;
    text-align : center;
    font-weight: bold;
    background: #EBBEC8;
    background-image: -webkit-gradient(
            linear
            , left top
            , left bottom
            , from(#FFE6E6)
            , color-stop(0.50, #FFE6E6)
            , to(#EBBEC8));
    background: -moz-linear-gradient(
            top
            ,#FFE6E6
            ,#FFE6E6 50%
            ,#EBBEC8);
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;

}

#nav.mypage-nav ul#side-nav table.upload_guide_list tbody tr td,
#nav.mypage-nav ul#side-nav table.mypage_tool_list tbody tr td,
#nav.mypage-nav ul#side-nav table.mypages_others_list tbody tr td{
    border: 1px #D30000 solid;
    border-top: none;
    border-bottom: none;
    text-align : left;
    font-weight: bold;
    padding: 5px;
}

#nav.mypage-nav ul#side-nav table.upload_guide_list tbody tr:last-child td,
#nav.mypage-nav ul#side-nav table.mypage_tool_list tbody tr:last-child td,
#nav.mypage-nav ul#side-nav table.mypages_others_list tbody tr:last-child td{
    border: 1px #D30000 solid;
    border-top: none;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}



/* ------------------------------------------------------------------
 * #global-footer-nav
 * --------------------------------------------------------------- */
#global-footer-nav {
    margin: 0 5px;
    padding: 0;
    border-top: 1px solid #ccc;
    background-color: #fff;
}

/* ---------- #gf-products ---------- */
#global-footer-nav #gf-products {
    padding: 20px 0;
}

#global-footer-nav #gf-products #gf-products-sidebar {
    float: left;
    width: 212px;
    width/* */: /**/162px;
    width: /**/162px;
    padding: 0 25px 0 25px;
}

#global-footer-nav #gf-products ul {
    float: left;
    padding: 0 15px;
    border-left: 1px solid #ccc;
}
#global-footer-nav #gf-products ul.col1 {
    width: 225px;
}
#global-footer-nav #gf-products ul.col2 {
    width: 205px;
}
#global-footer-nav #gf-products ul.col3 {
    width: 225px;
}

#global-footer-nav #gf-products ul li {
    margin: 0 0 20px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
}
#global-footer-nav #gf-products ul li.last-child {
    margin: 0;
}

#global-footer-nav #gf-products ul li a {
    display: block;
    padding: 0 0 0 19px;
    background: transparent url("../images/bg_arrow_03_right.gif") no-repeat 0 2px;
    color: #f00;
    font-weight: bold;
    zoom: 1;	/* peek-a-boo Bug Fix */
}

#global-footer-nav #gf-products ul li ul {
    float: none;
    margin: 7px 0 0 4px;
    padding: 0;
    border-left: none;
}

#global-footer-nav #gf-products ul li ul li {
    margin: 0 0 2px 0;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.4;
}

#global-footer-nav #gf-products ul li ul li a {
    display: block;
    padding: 0 0 0 15px;
    background: transparent url("../images/bg_arrow_02_right.gif") no-repeat 0 4px;
    color: #333;
    font-weight: normal;
}

#global-footer-nav #gf-products ul li ul li ul {
    margin: 2px 0 0 15px;
}

/* ---------- #gf-others ---------- */
#global-footer-nav #gf-others {
    margin: 0;
    padding: 9px 10px 8px 0;
    background-color: #666;
}

#global-footer-nav #gf-others ul {
    float: right;
}

#global-footer-nav #gf-others ul li {
    float: left;
    margin: 0 0 0 15px;
    font-size: 11px;
    line-height: 1.2;
    display: inline;	/* Doubled Float-Margin Bug Fix */
}

#global-footer-nav #gf-others ul li a {
    padding: 0 0 0 8px;
    background: transparent url("../images/footer/bg_gf_others_arrow_right.gif") no-repeat left center;
    color: #fff;
}

#global-footer-nav * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* ------------------------------------------------------------------
 * #container-bottom
 * --------------------------------------------------------------- */
#container-bottom {
    height: 11px;
    margin: 0 0 5px 0;
    background: transparent url("../images/base/bg_container_bottom.gif") no-repeat left top;
    font-size: 0;
    line-height: 0;
}

/* ------------------------------------------------------------------
 * #footer
 * --------------------------------------------------------------- */
#footer {
    margin: 0 5px;
    padding: 0 0 10px 0;
}

#footer p {
    margin: 0 0 5px 0;
    color: #999;
    font-size: 12px;
    text-align: right;
}
#footer p.copyright {
    margin: 0;
    font-size: 10px;
}

/* ------------------------------------------------------------------
 * #analytics
 * --------------------------------------------------------------- */
#analytics {
    display: none;
}

/* ------------------------------------------------------------------
 * #nav_reco
 * --------------------------------------------------------------- */
.nav_reco{
    width: 205px;
    margin-bottom: 10px!important;}