@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 7;

}

#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: 90px;
	z-index: 5;
	width: 219px;
	text-align: right;
}

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

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

#header #header-search #yjSsSb input#yjSsTxt {
	width: 170px !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;
}

/* ---------- #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-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-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-bottom {
	margin: 0 0 0 0;
}

#nav ul#side-nav li,
#nav ul#side-top li,
#nav ul#side-middle 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-nav li.sn-kyogashi,
#nav ul#side-nav li.sn-products,
#nav ul#side-middle li.sn-qdc,
#nav ul#side-bottom li.sn-otona,
#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-bottom li a {
	display: block;
	width: 205px;
	height: 52px;
	zoom: 1;	/* peek-a-boo Bug Fix */
}

#nav ul#side-nav li.sn-products a    { background: transparent url("../images/nav/bg_btn_products.gif") no-repeat 0 0; margin: 0 0 3px 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-430 a    { height: 68px; background: transparent url("../images/nav/bg_btn_430.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#nav ul#side-nav li.sn-senkyo a    { height: 53px; background: transparent url("../images/nav/nav_senkyo.gif") no-repeat 0 0; margin: 0 0 7px 0; }
#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-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/bnr_otona.gif") 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-430 a:hover { background-position: 0 -68px; }
#nav ul#side-nav li.sn-senkyo a:hover { background-position: 0 -53px; }
#nav ul#side-top li.sn-nenga a:hover   { background-position: 0 0; }
#nav ul#side-middle li.sn-qdc a:hover   { background-position: 0 -0px; }
#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.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-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-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-bottom li.sn-branch div.nav-box-02-top p {
	text-indent: 0;
}

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

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

#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-bottom li.sn-request div.nav-box-02 p a {
	display: inline;
	width: auto;
	height: auto;
}

/* sn-branch */
#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-bottom li.sn-branch div.nav-box-02 ul li {
	margin: 0 0 15px 0;
	background: none;
}
#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-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-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-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-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-bottom li.sn-branch div.nav-box-02 ul li a.text:hover {
	background-position: 7px 3px !important;
}

#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-postcard div.sub-nav,
#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-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-postcard div.sub-nav p.index,
#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-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-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-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-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: 615px; width/* */: /**/565px; width: /**/565px; }
#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;}
