body {
	overflow:hidden;
	-webkit-text-size-adjust: none;
}
p {
	line-height:2em;
	margin: 1.0em 0;
	color:#525252;
}
p.idt {
	padding: 0 0 0 2em;
}
a {
	color:#343433;
	transition:all 0.2s;
}
a:hover {
	color:#f4a818;
}
.scroll {
	overflow:auto;
	white-space: nowrap;
	margin: 0 0 3em 0;
}
.scroll::-webkit-scrollbar{
 height: 3px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background:#fcc356;
}
/*----------------------------------------------------------------------------

header__sp

-----------------------------------------------------------------------------*/
#header {
	width:96%;
	padding:0 2%;
	position:fixed;
	background-color:#FFFFFF;
	border-bottom: #d3d3d3 solid 1px;
	z-index:1000;
}
/************************************
#header h1 {
	display:block;
	width:200px;
	margin: 25px 0 15px 0;
	float:left;
}
***********************************/

/* 110周年ロゴ用 */
#header h1 {
	display:block;
	width:280px;
	margin: 16px 0 15px 0;
	float:left;
}
/****************/
#header h1 img {
	display:block;
	width:100%;
}
.tw, .fb, .en, .s_nav .gsc {display:none;}
.listmenu {
	display: block;
	width: 40px;
	height: 49px;
	padding: 23px 0 0 0;
	position: absolute;
	right: 25px;
	top: 0;
}
.listmenu span {
	display: block;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background: #c8c8c8;
    position: relative;
    left: 5px;
    top: 14px;
}
.listmenu span:before, .listmenu span:after {
	content: "";
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 3px;
	background: #c8c8c8;
	position: absolute;
	transform: rotate(0deg);
}
.listmenu span:before {
	-webkit-transform:translate( 0,8px);
	transform:translate( 0,8px);
}
.listmenu span:after {
	-webkit-transform:translate( 0,-8px);
	transform:translate( 0,-8px);
}
#upper_nav { display:none;}
#sb_nav {margin: 72px 0 0 0;}
#nav > ul {padding: 0 0 180px 0;}
#nav > ul > li > a {
	display: block;
	padding: 15px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #676767;
	background:url(/common/img/allow03.png) no-repeat right center;
	background-size: 15px 15px;
}
#nav > ul > li > a:hover {
	background:#535353 url(../img/allow04.png) no-repeat right center;
	background-size: 15px 15px;
}
#nav > ul > li#nav_a > a,
#nav > ul > li#nav_b > a,
#nav > ul > li#nav_c > a,
#nav > ul > li#nav_d > a {
	border-left: 3px solid #ADADAD;
	border-right: 3px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	border-top: 3px solid #ADADAD;
	background-color: #EDEDED;
	color: #2E2E2E;
}
#nav > ul > li#nav009 > .nav_en a {
	display:block;
	width:50%;
	margin:10% 5%;
	padding:0.6em 0;
	float:left;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	background-color:#676767;
}
#nav > ul > li#nav009 > .nav_fb img,
#nav > ul > li#nav009 > .nav_tw img {
	width:15%;
	float:left;
	margin: 10% 5% 0 0 ;
}
/*----------------------------------------------------------------------------

footer__sp

-----------------------------------------------------------------------------*/
#footer {
	padding: 2em 0;
}
#footer .wrap_footer {
	width:90%;
	margin: 0 5%;
}
.footer_left {padding: 0 ;}
.footer_left .footer_logo img {width:100%;}
.footer_left .footer_logo {
	width:30%;
	margin: 0 0 1em 0;
}
.footer_left .address {margin: 0 0 2em 0;}
.footer_left ul.footer_nav {
	margin: 0 0 2em 0;
	border-top: #d3d3d3 dotted 1px;
}
.footer_left ul.footer_nav li a{
	display: block;
	width:89%;
	margin: 0 ;
	padding: 1em 5% 1em 6%;
	font-size: 0.9em;
	text-decoration: none;
	color: #353535;
	background: url(/common/img/allow01.png) no-repeat 2% center;
	border-bottom: #d3d3d3 dotted 1px;
	transition: all 0.3s;
}
.footer_left ul.footer_nav li a:hover {
	background-color:#fcc356;
	border: #fcc356 solid 1px;
	color:#FFFFFF;
}
.footer_left .privacy a {
	font-size:0.8em;
	color: #6F6F6F;
	text-decoration:none;
	transition: all 0.3s;
}
.footer_left .privacy a:hover {
	color:#161616;
}
.footer_left .copyright {
	margin: 0.5em 0 0 0;
	color:#828282;
	font-size:0.8em;
}
/*----------------------------------------------------------------------------

breadcrumb__sp

-----------------------------------------------------------------------------*/
.breadcrumb {
	width:92%;
	margin: 0 ;
	padding: 0.5em 4%;
	font-size:0.8em;
	color: #6F6F6F;
	background-color:#FFFFFF;
	border-bottom: #f6f6f5 solid 2px;
}
.breadcrumb a {
	color: #6F6F6F;
	transition: all 0.3s;
}
.breadcrumb a:hover {
	color: #fcc356;
}
@media screen and (min-width:768px){
/**************************************************
#header h1 {
	width:40%;
	margin: 20px 0 13px 0;
}
*************************************************/

/* 110周年ロゴ用 */
#header h1 {
	width:50%;
	margin: 12px 0 9px 0;
}
/****************/
.listmenu span:before {transform:translateY(8px);}
.listmenu span:after {transform:translateY(-8px);}

.footer_left .footer_logo {
	width:25%;
	margin: 0 0 1em 0;
}
.breadcrumb {
	width:94%;
	padding: 0.8em 3%;
}
}
/*@media screen and (min-width:960px){
#header {
	border-bottom: none;
}
.listmenu {
	padding: 32px 0 0 0;
	right: 30px;
}

#sb_nav {
	margin: 96px 0 0 0;
}
}*/
@media print, screen and (min-width:960px){
#header h1 img {
	display:none;
}
/***********************************
#header {
	width:100%;
	margin:0;
	padding: 50px 0 0 0;
	position:relative;
	border-bottom: none;
}
#header .h_wrap {
	width:1150px;
	margin: 0 auto 50px auto;
}

#header h1 {
	width:293px;
	height:50px;
	margin:0;
	background:url(/common/img/logo.png) no-repeat left top;
}
***********************************/

/* 110周年用 */
#header {
	width:100%;
	margin:0;
	padding: 30px 0 0 0;
	position:relative;
	border-bottom: none;
}
#header .h_wrap {
	width:1150px;
	margin: 0 auto 30px auto;
}
#header h1 {
	width:556px;
	height:99px;
	margin:0;
	background:url(/common/img/logo.png) no-repeat left top;
}
/*************/
#sb_nav {margin: 0;}
.s_nav {
	width:440px;
	height:25px;
	
	/* 110周年用 */
	padding:20px 0 0 0;
	box-sizing:border-box;
	/************************/
	
	float:right;
}
.s_nav .en a {
	width:86px;
	height:25px;
	float:right;
	padding: 15px 0 0 10px;
	position:static;
	transition: all 0.3s;
}
.tw, .fb, .en {display:block;}
.tw img, .fb img {
	width:25px;
	height:25px;
}
.s_nav .fb a , .s_nav .tw a {
	width:25px;
	height:25px;
	float:right;
	padding: 15px 0 0 10px;
	transition: all 0.3s;
}
.s_nav .fb a:hover , .s_nav .tw a:hover, .s_nav .en a:hover {opacity:0.7;}
.s_nav .gsc {
	display:block;
	width:260px;
	margin: 0 ;
	padding: 0 ;
	float:right;
}
.listmenu {display:none;}
#upper_nav {
	display:block;
	width:1150px;
	margin: 0 auto;
	background-color:#FFFFFF;
}
#upper_nav li {float:left;}
#upper_nav ul li img {display: none;}
#upper_nav ul li a {
	display:block;
	margin: 0 32px 0 0;
}
#upper_nav ul li#upper_nav001 a {
	width:188px;
	height:50px;
	background:url(/common/img/upper_nav001_off.png) no-repeat left top;
}
#upper_nav ul li#upper_nav001 a:hover {
	background:url(/common/img/upper_nav001_on.png) no-repeat left top;
}
#upper_nav ul li#upper_nav002 a {
	width:288px;
	height:50px;
	background:url(/common/img/upper_nav002_off.png) no-repeat left top;
}
#upper_nav ul li#upper_nav002 a:hover {
	background:url(/common/img/upper_nav002_on.png) no-repeat left top;
}
#upper_nav ul li#upper_nav003 a {
	width:288px;
	height:50px;
	background:url(/common/img/upper_nav003_off.png) no-repeat left top;
}
#upper_nav ul li#upper_nav003 a:hover {
	background:url(/common/img/upper_nav003_on.png) no-repeat left top;
}
#upper_nav ul li#upper_nav004 a {
	width:288px;
	height:50px;
	background:url(/common/img/upper_nav004_off.png) no-repeat left top;
	margin: 0 ;
}
#upper_nav ul li#upper_nav004 a:hover {
	background:url(/common/img/upper_nav004_on.png) no-repeat left top;
}
#nav ul li#nav_a, #nav ul li#nav_b, #nav ul li#nav_c, #nav ul li#nav_d {display:none;}
#nav > ul > li > a:hover {
	background:none;
}
#nav #nav001 {background:url(/common/img/nav001_off.png) no-repeat left top;}
#nav #nav002 {background:url(/common/img/nav002_off.png) no-repeat left top;}
#nav #nav003 {background:url(/common/img/nav003_off.png) no-repeat left top;}
#nav #nav004 {background:url(/common/img/nav004_off.png) no-repeat left top;}
#nav #nav005 {background:url(/common/img/nav005_off.png) no-repeat left top;}
#nav #nav006 {background:url(/common/img/nav006_off.png) no-repeat left top;}
#nav #nav007 {background:url(/common/img/nav007_off.png) no-repeat left top;}
#nav #nav008 {background:url(/common/img/nav008_off.png) no-repeat left top;}
#nav #nav001:hover {background:url(/common/img/nav001_on.png) no-repeat left top;}
#nav #nav002:hover {background:url(/common/img/nav002_on.png) no-repeat left top;}
#nav #nav003:hover {background:url(/common/img/nav003_on.png) no-repeat left top;}
#nav #nav004:hover {background:url(/common/img/nav004_on.png) no-repeat left top;}
#nav #nav005:hover {background:url(/common/img/nav005_on.png) no-repeat left top;}
#nav #nav006:hover {background:url(/common/img/nav006_on.png) no-repeat left top;}
#nav #nav007:hover {background:url(/common/img/nav007_on.png) no-repeat left top;}
#nav #nav008:hover {background:url(/common/img/nav008_on.png) no-repeat left top;}
#nav #nav009 {display:none;}
/*----------------------------------------------------------------------------

footer__960

-----------------------------------------------------------------------------*/
#footer .wrap_footer {
	width:80%;
	margin: 0 10%;
}
.footer_left {
	padding: 0 70px 0 0;
}
.footer_left .footer_logo img {
	display:none;
}
.footer_left .footer_logo {
	width:145px;
	height:50px;
	margin: 0 0 2em 0;
	background:url(/common/img/logo_footer.png) no-repeat left top;
}
.footer_left .address {
	margin: 0 0 2em 0;
}
.footer_left ul.footer_nav {
	margin: 0 0 2em 0;
	border-top: none;
}
.footer_left ul.footer_nav li {
	float:left;
}
.footer_left ul.footer_nav li a{
	width:auto;
	margin: 0 1.7em 0 0;
	padding: 0.6em 1.7em 0.6em 25px;
	background: url(/common/img/allow01.png) no-repeat 10px center;
	border: #d3d3d3 solid 1px;
	border-radius: 5px;
}
.footer_left .copyright {
	margin: 1em 0 0 0;
}
/*----------------------------------------------------------------------------

breadcrumb__960

-----------------------------------------------------------------------------*/
.breadcrumb {
	display:block;
	width:1150px;
	margin: 0 auto ;
	padding: 1em 30px;
	border-bottom:2px solid #f6f6f5;
}
}
@media screen and (min-width:1150px){
	#footer .wrap_footer {
	width:1150px;
	margin: 0 auto;
}
}