@charset "UTF-8";
/* CSS Document */
body,
html {
    height: 100%;
}
.wrap{
	width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}
#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}


/* header（index）
------------------------------------------ */
#header.index_header{
	background: url(../../img/index_main01.jpg) no-repeat center;
	background-size:cover;
	height: 600px;
}
#header.index_header .wrap{
	width: 164px;
}
#header.index_header .logo{
	padding: 250px 0 0;
}
#header.index_header.fixed{
	position: fixed;
	background: #fff;
	width: 100%;
	height: 130px;
	z-index: 9999;
}
#header.index_header.fixed .wrap{
	margin: 0 auto;
	width: 196px;
}
#header.index_header.fixed .logo{
	padding: 15px 0 0;
}




/* header（下層）
------------------------------------------ */
#header{
	height: 230px;
}
#header .wrap{
	width: 153px;
}
#header .logo{
	padding: 70px 0 0;
}

/*スクロール固定時*/
#header.fixed{
	position: fixed;
	background: #fff;
	width: 100%;
	height: 130px;
	z-index: 9999;
}
#header.fixed .wrap{
	margin: 0 auto;
	width: 196px;
}
#header.fixed .logo{
	padding: 15px 0 0;
}


/* nav
------------------------------------------ */
#nav{
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 4px 9px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 4px 9px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 9px -1px rgba(0,0,0,0.1);
	z-index: 9999;
}
#nav ul li{
	float: left;
	border-right: solid 1px #ddd;
	position: relative;
}
#nav ul li:first-child{
	border-left: solid 1px #ddd;
}
#nav ul li a{
	display: block;
	width: 199px;
	padding:23px 0 17px;
	text-align: center;
	background-color: #fff;
	transition: background-color 0.3s linear;
}
#nav ul li a:first-child{
	width: 198px;
}
#nav ul li a:hover,
#nav ul li a.on{
	background-color: #fff9de;
	transition: background-color 0.2s linear;
}





#nav ul li ul{
	position: absolute;
	display: none;
	border-bottom: solid 1px #ddd;	
}
#nav ul li ul li{
	border: solid 1px #ddd;	
	border-bottom: none;	
}











/*スクロール固定時*/
#nav h1.home.none{
	display: none; 
}
#nav h1.home.active{
	display: block;
	text-align: center;
	padding: 20px;
	border-bottom: solid 1px #ddd;
}
#nav.fixed{
	position: fixed;
	background: #fff;
	width: 100%;
}
#nav.fixed .wrap{
	margin: 0 auto;
}

/* main
------------------------------------------ */
#main{
	float: left;
	width: 720px;
	margin: 0 0 150px;
}


/* aside
------------------------------------------ */
#side{
	float: right;
	width: 240px;
}
#side #sidemenu{
	margin: 0 0 30px;
}
#side #sidemenu .tit01{
	background-color: #ffe000;
	box-sizing: border-box;
	padding: 15px;
}
#side #sidemenu{
	box-sizing: border-box;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 4px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 4px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 4px;
}
#side #sidemenu ul li a{
	display: block;
	font-size: 16px;
	padding: 15px;
	position: relative;
	background-color: #fff;
	transition: background-color 0.3s linear;
}
#side #sidemenu a .arrow{
	content:"";
	width: 7px;
	height: 10px;
	display: block;
	background: url(../img/cmn_btn_arrow01.png) no-repeat right bottom;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#side #sidemenu ul li a:hover,
#side #sidemenu ul li a.on{
	background-color: #fff9de;
	transition: background-color 0.2s linear;
}
#side #sidebanner a{
	display: block;
	margin: 0 0 30px;
}


/* section
------------------------------------------ */
.sec_top{
	background-color: #ffe000;
}
.sec_top .wrap{
	background-image: url(../img/cmn_h2_bg01.gif);
	background-position: right bottom -1px;
	background-repeat: no-repeat;
	padding: 50px 0;
}
.sec{
	margin: 0 0 100px;
}
h3.tit01{
	margin: 0 0 30px;
}
.sec .stit01{
	border-left: solid 12px #ffe000;
	background: #f6f6f6;
	padding: 10px 10px 11px 10px;
	margin: 0 0 30px;
}
.sec .stit02{
	border-bottom: solid 1px #c4c4c4;
	padding: 0 0 10px;
	margin: 0 0 20px;
}
.sec .stit03{
	background: #f6f6f6;
	padding: 10px;
	margin: 0 0 10px;
}



/* footer
------------------------------------------ */
#footer .area_ft{
	background-color: #fffdf8;
	border-top: solid 2px #efefef;
	border-bottom: solid 2px #efefef;
	background-image: url(../img/cmn_footer_logo01.png) ;
	background-position: right 200px center;
	background-repeat: no-repeat;
}
#footer .area_ft .wrap{
	width: 1000px;
	padding: 35px 0;
}
#footer .area_ft ul{
	overflow: hidden;
	margin: 0 auto;
	width: 760px;
} 
#footer .area_ft ul li{
	float: left;
	margin: 0 0 0 80px;
	width: 130px;
}
#footer .area_ft ul li:first-child{
	margin: 0;
}
#footer .area_ft ul li dl dt{
	font-size: 14px;
	color:#000;
	margin: 0 0 10px 0;
}
#footer .area_ft ul li dl dd{
	margin: 0 0 2px 0;
	font-size: 12px;
}
#footer .area_ft ul li a:hover{
	color: #999;	
}
#footer .area_fb .wrap{
	padding: 35px 0 100px;
}
#footer .area_fb{
	background-color: #fff9df;
}
#footer .area_fb .area_top .f_logo{
	float: left; 
	margin: 0 30px 0 0;
}
#footer .area_fb .area_top .f_info{
	float: left; 
	font-size: 12px;
	width: 420px;
	overflow: hidden;
}
#footer .area_fb .area_top .f_info dt{
	float: left; 
	clear: both;
}
#footer .area_fb .area_top .f_info dd{
	padding: 0 0 0 8em;
}
#footer .area_fb .area_top .f_ecoinfo{
	float: right; 
	font-size: 10px;
	overflow: hidden;
	width: 240px;
}
#footer .area_fb .area_top .f_ecoinfo p{
	overflow: hidden;
}
#footer .area_fb .area_top .f_ecoinfo .logo{
	float: left;
	margin: 0 10px 0 0; 
}
#footer .area_fb .area_bottom{
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: solid 1px #000;
}
#footer .area_fb .area_bottom{
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: solid 1px #000;
}
#footer .area_fb .area_bottom .copyright{
	float: left;
	font-size: 12px;
}
#footer .area_fb .area_bottom .f_menu{
	float: right;
}
#footer .area_fb .area_bottom ul li{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #333;
	line-height: 1;
}
#footer .area_fb .area_bottom ul li a{
	font-size: 12px;
}


/* breadcrumb
------------------------------------------ */
#breadCrumb {
	width:100%;
	padding:10px 0;
	text-align:center;
	overflow: hidden;
	margin: 0 0 30px;
}
#breadCrumb ul li {
	font-size:92%;
	float:left;
	display:inline !important;
	padding:0;
	list-style:none;
}
#breadCrumb a {
	text-decoration:none;
	color:#515457;
}
#breadCrumb a:hover, #BreadCrumb a:active {
	color:#0087af;
	text-decoration:none;
}

/* 遷移リンク（ベース）
------------------------------------------ */
.newicon{
	display: inline-block;
	width: 45px;
	margin: 0 0 0 10px;
	padding: 2px 1px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background: #fc3103;
}


/* pagetop（固定）
------------------------------------------ */
.pagetop {
	position: fixed;
	bottom: 220px;
	right: 80px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 9999;
}
.pagetop a {
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #666;
}

.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	border: none;
	z-index: 9999;
}


/* 遷移リンク（ベース）
------------------------------------------ */
.linkbtn01{
	display: inline-block;
	padding: 15px 120px;
	text-align: center;
	border: solid 1px #333;
	position: relative;
	background-color: #fff;
	transition: background-color 0.2s linear;
}
.index .linkbtn01{
	background-color: #ffe000;
}
.linkbtn01:hover{
	background-color: #fff9de;
    transition: background-color 0.1s linear;
	border: solid 1px #666;
}
.index .linkbtn01:hover{
	background-color: #fff9de;
}
.linkbtn01 .arrow{
	content:"";
	width: 7px;
	height: 10px;
	display: block;
	background: url(../img/cmn_btn_arrow01.png) no-repeat right bottom;
	position: absolute;
	right: 15px;
	top: 23px;
}
.linkbtn02{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.linkbtn02 .arrow{
	content:"";
	width: 13px;
	height: 24px;
	display: block;
	background: url(../img/cmn_btn_arrow03.png) no-repeat right bottom;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto 0;
}