﻿/* PRIVATE STYLE

IE5.5 ONLY
  voice-family: "\"}\"";
  voice-family: inherit;
MODERN BROWSER

================================================================================*/

div#leftMenu div.menuContainer {
	clear;both;
	width:180px;
}

div#leftMenu div.menuContainer p {
	padding:4px 8px;
	color:#5c5c5d;
}

div#leftMenu div.menuContainer.banner {
	clear;both;
	width:160px;
	padding:8px 10px;
}

div#leftMenu div.menuContainer.security {
	clear;both;
	width:160px;
	margin:0px 10px 10px 10px;
	padding:0px;
	text-align:center;
	background:#fff
}

div#leftMenu div.menuContainer ul {
	width:180px;
	margin:0px;
	padding:4px 0px;
}

div#leftMenu div.menuContainer ul li {
	margin-left:8px;
	display:block;
	width:158px;
	padding: 2px 2px 2px 12px ;
	background: url(../images/icon_arrow_gray.gif) 0 4px no-repeat;
}

div#leftMenu div.menuContainer ul li a {

	overflow:hidden;
}

div#leftMenu div.menuContainer div#btn_sortlist {
	clear:both;
	height:20px;
	margin:5px 0px 5px 0px;
	padding:0px 10px 10px 10px;
}

div#leftMenu div.menuContainer div#btn_sortlist a {
	display:block;
	float:right;
	width:60px;
	height:20px;
	background: url(../images/btn_sortlist.gif) 0px 0px no-repeat;
}

div#leftMenu div.menuContainer div#btn_sortlist a:hover {
	text-decoration:none;
	background: url(../images/btn_sortlist.gif) 0px -20px no-repeat;
}

div#leftMenu div.menuContainer div#btn_sortlist a span {
	visibility:hidden;
}


/* HEADING
================================================================================*/

div#leftMenu div.menuContainer div#menuHead_category {
	clear;both;
	width:180px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_category.gif) no-repeat;
}

div#leftMenu div.menuContainer div#menuHead_calender {
	clear;both;
	width:180px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_calender.gif) no-repeat;
}

div#leftMenu div.menuContainer div#menuHead_series {
	clear;both;
	width:180px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_series.gif) no-repeat;
}

div#leftMenu div.menuContainer div#menuHead_mobile {
	clear;both;
	width:180px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_mobile.gif) no-repeat;
}

/* LOGIN AREA
================================================================================*/

div#leftMenu div.menuContainer div#login,
div#leftMenu div.menuContainer div#logout {
	width:180px;
}

div#leftMenu div.menuContainer div#login p {
	font-weight:bold;

}

div#leftMenu div.menuContainer div#login div#login_top,
div#leftMenu div.menuContainer div#logout div#login_top {
	width:180px;
	height:4px;
	margin-top:6px;
	font-size:2px;
	background:url(../images/bg_loginArea_top.gif) no-repeat;
}

div#leftMenu div.menuContainer div#login div#login_bottom,
div#leftMenu div.menuContainer div#logout div#login_bottom {
	width:180px;
	height:4px;
	margin-bottom:8px;
	background:url(../images/bg_loginArea_bottom.gif) no-repeat;
}

div#leftMenu div.menuContainer div#login a#logout {
	float:right;
	padding: 0px 10px 4px 10px;
	text-align:right;
}

div#leftMenu div.menuContainer div#login ul,
div#leftMenu div.menuContainer div#logout ul {
	width:180px;
	margin:0px;
	padding: 2px 0px;
	background:url(../images/bg_loginArea_paturn.gif) repeat-y;
}

div#leftMenu div.menuContainer div#login ul li {
	width:159px;
	margin-left:7px;
	padding: 2px 2px 2px 12px ;
	background: url(../images/icon_arrow_red.gif) 0px 4px no-repeat;
}

div#leftMenu div.menuContainer div#logout ul li {
	margin:0px 0px 0px 5px;
	padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;

}


div#leftMenu div.menuContainer div#logout ul li.member a span,
div#leftMenu div.menuContainer div#logout ul li.regist a span {
	visibility:hidden;
}

div#leftMenu div.menuContainer div#logout ul li.member {
	width:170px;
	padding:20px 0px 10px 0px;
	background: url(../images/bg_loginArea_login.gif) 5px top no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
}

div#leftMenu div.menuContainer div#logout ul li.member a {
	display:block;
	width:150px;
	height:30px;
	margin-left:10px;
	background:url(../images/btn_login.gif) 0px 0px no-repeat;
}

div#leftMenu div.menuContainer div#logout ul li.member a:hover {
	text-decoration:none;
	background:url(../images/btn_login.gif) 0px -30px no-repeat;
}

div#leftMenu div.menuContainer div#logout ul li.regist {
	width:170px;
	padding:24px 0px 10px 0px;
	text-align:center;
	background: url(../images/bg_loginArea_regist.gif) 5px top no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
}

/* MOBILE AREA
================================================================================*/

div#leftMenu div.menuContainer div#mobileContainer {
	padding:5px 10px;
}

div#leftMenu div.menuContainer div#mobileContainer p {
	
}

div#leftMenu div.menuContainer div#mobileContainer div#heading_mobile {
	width:160px;
	height:90px;
	background: url(../images/bg_mobile_top.gif) no-repeat;
}

div#leftMenu div.menuContainer div#mobileContainer div#content_mobile {
	width:160px;
	height:100px;
	background:#fff;
}

div#leftMenu div.menuContainer div#mobileContainer div#bottom_mobile {
	width:160px;
	height:6px;
	margin-bottom:5px;
	background: url(../images/bg_mobile_bottom.gif) no-repeat;
}

div#leftMenu160 div.menuContainer {
	clear;both;
	width:160px;/* 変更 */
}

div#leftMenu160 div.menuContainer p {
	padding:4px 8px;
	color:#5c5c5d;
}

div#leftMenu160 div.menuContainer.banner {
	clear;both;
	width:145px;/* 変更 */
	padding:8px 0px;/* 8px 10px 変更 */
}

div#leftMenu160 div.menuContainer.security {
	clear;both;
	width:140px;
	margin:0px 10px 10px 10px;
	padding:0px;
	text-align:center;
	background:#fff
}


div#leftMenu160 div.menuContainer ul {
	width:160px;/* 変更 */
	margin:0px;
	padding:4px 0px;
}

div#leftMenu160 div.menuContainer ul li {
	margin-left:8px;
	display:block;
	width:138px;/* 158 から変更 */
	padding: 2px 2px 2px 12px ;
	background: url(../images/icon_arrow_gray.gif) 0 4px no-repeat;
}

div#leftMenu160 div.menuContainer ul li a {

	overflow:hidden;
}

div#leftMenu160 div.menuContainer div#btn_sortlist {
	clear:both;
	height:20px;
	margin:5px 0px 5px 0px;
	padding:0px 10px 10px 10px;
}

div#leftMenu160 div.menuContainer div#btn_sortlist a {
	display:block;
	float:right;
	width:60px;
	height:20px;
	background: url(../images/btn_sortlist.gif) 0px 0px no-repeat;
}

div#leftMenu160 div.menuContainer div#btn_sortlist a:hover {
	text-decoration:none;
	background: url(../images/btn_sortlist.gif) 0px -20px no-repeat;
}

div#leftMenu160 div.menuContainer div#btn_sortlist a span {
	visibility:hidden;
}


/* HEADING
================================================================================*/

div#leftMenu160 div.menuContainer div#menuHead_category {
	clear;both;
	width:160px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_category160.gif) no-repeat;
}

div#leftMenu160 div.menuContainer div#menuHead_calender {
	clear;both;
	width:160px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_calender160.gif) no-repeat;
}

div#leftMenu160 div.menuContainer div#menuHead_series {
	clear;both;
	width:160px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_series160.gif) no-repeat;
}

div#leftMenu160 div.menuContainer div#menuHead_mobile {
	clear;both;
	width:160px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_mobile160.gif) no-repeat;
}

/* LOGIN AREA
================================================================================*/

div#leftMenu160 div.menuContainer div#login,
div#leftMenu160 div.menuContainer div#logout {
	width:160px;
}

div#leftMenu160 div.menuContainer div#login p {
	font-weight:bold;

}

div#leftMenu160 div.menuContainer div#login div#login_top,
div#leftMenu160 div.menuContainer div#logout div#login_top {
	width:160px;
	height:4px;
	margin-top:6px;
	font-size:2px;
	background:url(../images/bg_loginArea_top160.gif) no-repeat;
}

div#leftMenu160 div.menuContainer div#login div#login_bottom,
div#leftMenu160 div.menuContainer div#logout div#login_bottom {
	width:160px;
	height:4px;
	margin-bottom:8px;
	background:url(../images/bg_loginArea_bottom160.gif) no-repeat;
}

div#leftMenu160 div.menuContainer div#login a#logout {
	float:right;
	padding: 0px 10px 4px 10px;
	text-align:right;
}

div#leftMenu160 div.menuContainer div#login ul,
div#leftMenu160 div.menuContainer div#logout ul {
	width:160px;
	margin:0px;
	padding: 2px 0px;
	background:url(../images/bg_loginArea_paturn160.gif) repeat-y;
}

div#leftMenu160 div.menuContainer div#login ul li {
	width:139px;
	margin-left:7px;
	padding: 2px 2px 2px 12px ;
	background: url(../images/icon_arrow_red.gif) 0px 4px no-repeat;
}

div#leftMenu160 div.menuContainer div#logout ul li {
	margin:0px 0px 0px 8px;
	padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;

}


div#leftMenu160 div.menuContainer div#logout ul li.member a span,
div#leftMenu160 div.menuContainer div#logout ul li.regist a span {
	visibility:hidden;
}

div#leftMenu160 div.menuContainer div#logout ul li.member {
	width:144px;
	padding:20px 0px 10px 0px;
	background: url(../images/bg_loginArea_login160.gif) 0px top no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
}

div#leftMenu160 div.menuContainer div#logout ul li.member a {
	display:block;
	width:140px;
	height:30px;
	margin-left:2px;
	background:url(../images/btn_login160.gif) 0px 0px no-repeat;
}

div#leftMenu160 div.menuContainer div#logout ul li.member a:hover {
	text-decoration:none;
	background:url(../images/btn_login160.gif) 0px -30px no-repeat;
}

div#leftMenu160 div.menuContainer div#logout ul li.regist {
	width:150px;/* 170 から変更 */
	padding:24px 0px 10px 0px;
	text-align:center;
	background: url(../images/bg_loginArea_regist160.gif) 0px top no-repeat;
  voice-family: "\"}\"";
  voice-family: inherit;
}

/* MOBILE AREA
================================================================================*/

div#leftMenu160 div.menuContainer div#mobileContainer {
	padding:5px 5px;
}

div#leftMenu160 div.menuContainer div#mobileContainer p {
	
}

div#leftMenu160 div.menuContainer div#mobileContainer div#heading_mobile {
	width:150px;
	height:90px;
	background: url(../images/bg_mobile_top160.gif) no-repeat;
}

div#leftMenu160 div.menuContainer div#mobileContainer div#content_mobile {
	width:150px;
	height:100px;
	background:#fff;
}

div#leftMenu160 div.menuContainer div#mobileContainer div#bottom_mobile {
	width:150px;
	height:6px;
	margin-bottom:5px;
	background: url(../images/bg_mobile_bottom160.gif) no-repeat;
}



/* width 160 without login message
================================================================================*/

div#leftMenu180 div.menuContainer {
	clear;both;
	width:180px;
}

div#leftMenu180 div.menuContainer p {
	padding:4px 8px;
	color:#5c5c5d;
}

div#leftMenu180 div.menuContainer.banner {
	clear;both;
	width:160px;
	padding:8px 10px;
}

div#leftMenu180 div.menuContainer ul {
	width:180px;
	margin:0px;
	padding:4px 0px;
}

div#leftMenu180 div.menuContainer ul li {
	margin-left:8px;
	display:block;
	width:158px;
	padding: 2px 2px 2px 12px ;
	background: url(../images/icon_arrow_gray.gif) 0 4px no-repeat;
}

div#leftMenu180 div.menuContainer ul li a {

	overflow:hidden;
}

div#leftMenu180 div.menuContainer div#btn_sortlist {
	clear:both;
	height:20px;
	margin:5px 0px 5px 0px;
	padding:0px 10px 10px 10px;
}

div#leftMenu180 div.menuContainer div#btn_sortlist a {
	display:block;
	float:right;
	width:60px;
	height:20px;
	background: url(../images/btn_sortlist.gif) 0px 0px no-repeat;
}

div#leftMenu180 div.menuContainer div#btn_sortlist a:hover {
	text-decoration:none;
	background: url(../images/btn_sortlist.gif) 0px -20px no-repeat;
}

div#leftMenu180 div.menuContainer div#btn_sortlist a span {
	visibility:hidden;
}

/* HEADING width 160 without login message
================================================================================*/

div#leftMenu180 div.menuContainer div#menuHead_category {
	clear;both;
	width:180px;
	height:30px;
	margin-top:0px;
	background:url(../images/bg_heading_category.gif) no-repeat;
}

div#leftMenu180 div.menuContainer div#menuHead_calender {
	clear;both;
	width:180px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_calender.gif) no-repeat;
}

div#leftMenu180 div.menuContainer div#menuHead_series {
	clear;both;
	width:180px;
	height:30px;
	margin-top:3px;
	background:url(../images/bg_heading_series.gif) no-repeat;
}

.menu-ctgy-01_new {
	padding-left:25px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:5px;
	font-size:12px;
	background:url(../content/imgs/home/mark_menu_ctgy_new.gif) no-repeat;
}
