@charset "UTF-8";
/* CSS Document */


#leftslot {
width: 200px;
float:left;
padding:0;
text-align:left;
}

#leftslot .menuBox{
	text-align:center;
	margin:0 0px;
	padding: 25px 0px 25px 0px;
	border-top: 1px solid #848484;
	clear:both;
}

#leftslot .menuBoxTop{
	text-align:center;
	margin:0 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #848484;
	clear:both;
}


/* h1
--------------------------------------------------------------------------------------*/

#leftslot h1{
	margin:0px;
}


/* font size
--------------------------------------------------------------------------------------*/

#leftslot #fontSize{
	margin:0 0 10px 27px;
	padding: 0;
}
#leftslot #fontSize div#fs{width:50px;border:none;padding: 0; cursor:default;margin-right: 10px; margin-top: 3px; float: left;}

#leftslot #fontSize ul{
	overflow: hidden;
	float:left;
}
#leftslot #fontSize li{
	width: 25px;
	height: 25px;
	line-height:1;
	float: left;
	margin:0 5px 0 0;
	padding:0;
	cursor: pointer;
	border: 2px solid #e10012;
	color:#e10012;
	text-align: center;
	background-color: #fff;
	font-weight: 700;
}
#leftslot #fontSize li.current{
	font-weight: 800;
	color: #fff;
	background-color: #e10012;
}

#leftslot #fontSize li.s{ font-size:10px;padding: 5px 3px 0px 3px;}
#leftslot #fontSize li.m{ font-size:13px;padding: 4px 3px 0px 3px;}
#leftslot #fontSize li.l{font-size:17px;padding: 1px 3px 0px 3px;}




/* Language
--------------------------------------------------------------------------------------*/

#leftslot #language{
width:160px;
margin: 10px 0px 10px 20px;
padding: 0px;
text-indent: -9999px;
outline: 0;
height: 20px;
float: left;
background:url(../img/common/language.png) no-repeat 0px 0px;
clear:both;
}
#leftslot #language #jp{width: 80px;height: 20px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;float: left;}
#leftslot #language #jp a {width:80px;background:url(../img/common/language.png) no-repeat 0px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:20px;float:left;}
#leftslot #language #jp a:hover {background:url(../img/common/language.png) no-repeat 0px -20px;float:left;}
#leftslot #language #jpOn{width:80px;background:url(../img/common/language.png) no-repeat 0px -20px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:20px;float:left;}

#leftslot #language #en{width: 80px;height: 20px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;float: left;}
#leftslot #language #en a {width:80px;background:url(../img/common/language.png) no-repeat -80px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:20px;float:left;}
#leftslot #language #en a:hover {background:url(../img/common/language.png) no-repeat -80px -20px;float:left;}
#leftslot #language #enOn{width:80px;background:url(../img/common/language.png) no-repeat -80px -20px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:20px;float:left;}




/* access
--------------------------------------------------------------------------------------*/

#leftslot #access{
width:160px;
display: inline;
margin: 0px 0px 30px 20px;
padding: 0px;
text-indent: -9999px;
outline: 0;
height: 20px;
float: left;
clear:both;
background:url(../img/common/access.png) no-repeat 0px 0px;
}
#leftslot #access #ac{width: 160px;height: 20px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;float: left;}
#leftslot #access #ac a {width:160px;background:url(../img/common/access.png) no-repeat 0px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;line-height:20px;float:left;}
#leftslot #access #ac a:hover {background:url(../img/common/access.png) no-repeat 0px -20px;float:left;}
#leftslot #access #acOn{width:160px;background:url(../img/common/access.png) no-repeat 0px -20px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;line-height:20px;float:left;}



/* navi
--------------------------------------------------------------------------------------*/

#leftslot dl#navi{
width: 200px;
float:left;
/*background:url(../img/common/navi.png) no-repeat 0px 0px;*/
margin:0px 0 20px 0;
clear:both;
}
#leftslot dt#navi01 {width:200px;background:url(../img/common/navi.png) no-repeat 0px 0px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi02 {width:200px;background:url(../img/common/navi.png) no-repeat 0px -35px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi03 {width:200px;background:url(../img/common/navi.png) no-repeat 0px -70px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi04 {width:200px;background:url(../img/common/navi.png) no-repeat 0px -105px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi05 {width:200px;background:url(../img/common/navi.png) no-repeat 0px -140px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi06 {width:200px;background:url(../img/common/navi.png) no-repeat 0px -175px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}

#leftslot dt#navi01 a {width:200px;background:url(../img/common/navi.png) no-repeat 0px 0px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi02 a, #leftslot dt#navi02on a {width:200px;background:url(../img/common/navi.png) no-repeat 0px -35px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi03 a {width:200px;background:url(../img/common/navi.png) no-repeat 0px -70px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi04 a {width:200px;background:url(../img/common/navi.png) no-repeat 0px -105px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi05 a {width:200px;background:url(../img/common/navi.png) no-repeat 0px -140px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi06 a {width:200px;background:url(../img/common/navi.png) no-repeat 0px -175px;display:block;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}

#leftslot dt#navi01 a:hover {background:url(../img/common/navi.png) no-repeat -200px 0px;float:left;}
#leftslot dt#navi02 a:hover, #leftslot dt#navi02on a:hover {background:url(../img/common/navi.png) no-repeat -200px -35px;float:left;}
#leftslot dt#navi03 a:hover {background:url(../img/common/navi.png) no-repeat -200px -70px;float:left;}
#leftslot dt#navi04 a:hover {background:url(../img/common/navi.png) no-repeat -200px -105px;float:left;}
#leftslot dt#navi05 a:hover {background:url(../img/common/navi.png) no-repeat -200px -140px;float:left;}
#leftslot dt#navi06 a:hover {background:url(../img/common/navi.png) no-repeat -200px -175px;float:left;}

#leftslot dt#navi01on {width:200px;background:url(../img/common/navi.png) no-repeat -200px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi02on {width:200px;background:url(../img/common/navi.png) no-repeat -200px -35px;display:inline;margin:0px 0px 5px 0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi03on {width:200px;background:url(../img/common/navi.png) no-repeat -200px -70px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi04on {width:200px;background:url(../img/common/navi.png) no-repeat -200px -105px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi05on {width:200px;background:url(../img/common/navi.png) no-repeat -200px -140px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}
#leftslot dt#navi06on {width:200px;background:url(../img/common/navi.png) no-repeat -200px -175px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;height:35px;float:left;}

#leftslot dd{
	clear:both;
	width:135px;
	color:#848484;	
	background:url(../img/common/dot.png) no-repeat 0px 6px;
	margin:0 0 5px 55px;
	padding:0 0 0 10px;
	text-align:left;
	font-size:12px;
	border-bottom:none;
}
#leftslot dd a{color:#848484;text-decoration:none;border-bottom:none;}
#leftslot dd a:hover{color:#ccc;}
#leftslot dd.on, #leftslot dd.on a, #leftslot dd.on a:hover{color:#e10012;}
#leftslot #banners{
	width:200px;
	display:block;
	margin:0px 0 20px 0;
}
#leftslot #banners li{
	display:block;
	padding-bottom:5px;
}


.spMenuClose{
	display:none;
	list-style:none;
}
#leftslot .spMenu,
.slicknav_menu {
	display:none;
}



/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) and (max-device-width: 767px) {

#leftslot{
	display:none !important;
}
.js #menu {
display:none;
}

.js .spMenu,
.spMenu,
.spMenuClose,
.slicknav_menu,
.js .slicknav_menu {
display:block;
}

/*
li#spMenuClose {
background-color: #ccc !important;
}
li#spMenuClose a {
	background-color: #ccc !important;
	color: #000;
}*/
}