@charset "utf-8";

/* ---------------------------------------------
　base modules
------------------------------------------------ */

.body {
	clear:both;
	background:url(../images/bg_body.png);
}

.wrap{
	clear:both;
	background:url(../images/bg_header.png) repeat-x 0 0;
}
html{
	scroll-behavior: smooth;
}

/* header --------------------------------------
------------------------------------------------ */

.header{
	width:960px;
	height:122px;
	margin:0 auto;
	position:relative;
}

.header li{
	float:left;
}

/* ------ logo --------------------------------- */

.header .logo{
	position:absolute;
	left:0px;
	top:31px;
}

/* ------ copy --------------------------------- */

.header .copy{
	position:absolute;
	left:240px;
	top:22px;
	font-size:78%;
}

/* ------ utility-navigation ------------------- */

.header .utility-navigation{
	position:absolute;
	right:20px;
	top:7px;
}

.header .utility-navigation li{
	margin-left:15px;
}

/* ------ global-navigation -------------------- */

.header .global-navigation{
	position:absolute;
	/* left:312px;*/
	top:31px;
	right: 0;
}



/* container -----------------------------------
------------------------------------------------ */

.container{
	width:960px;
	margin:0 auto;
	/*background:url(../images/bg_contents.png) no-repeat 50% 0;*/
	padding:20px 30px;
}

/* ------ title -------------------------------- */

.title h1{
	text-align:left;
	padding:30px 20px 0;
	font-size:160%;
	font-weight:bold;
	margin:0 auto;
}

.main-title{ display:none; }

/* ------ topic-path --------------------------- */

.container .topic-path {
	text-align:left;
	margin:-15px 0 0;
	color:#333;
	font-size:78%;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#333;
}

/* ------ pagetop ------------------------------ */

.content .pagetop{
	clear:both;
	text-align:right;
}

.content .pagetop a,
.content .pagetop a:link,
.content .pagetop a:hover,
.content .pagetop a:visited,
.content .pagetop a:active {
	background:url(../images/icon_pagetop.png) no-repeat 5px 50%;
	padding:5px 10px 5px 20px;
	color:#76BF00;
}



/* content
------------------------------------------------ */

.content {
	clear:both;
	width:720px;
	margin-top:20px;
	float:left;
	text-align:left;
}



/* sidebar
------------------------------------------------ */

.sidebar{
	width:200px;
	margin-top:20px;
	float:right;
	text-align:left;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	border:6px solid #3F6603;
	margin-bottom:20px;
	border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.sidebar .local-navigation h2{
	margin:0;
	background:url(../images/bg_sidebar.png);
	padding:10px 15px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border-radius:0px; 
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
}

.sidebar .local-navigation h2 a:link,
.sidebar .local-navigation h2 a:visited,
.sidebar .local-navigation h2 a:hover,
.sidebar .local-navigation h2 a:active{
	text-decoration:none;
	color:#fff;
}

.sidebar .local-navigation ul{
	margin:10px 15px;
}

.sidebar .local-navigation ul li ul{
	margin:5px 15px;
	font-size:87%;
}

.sidebar .local-navigation ul span{
	font-size:78%;
}

.sidebar .local-navigation ul li{
	padding:5px 0;
	border-top:1px dotted #C4C0AB;
}

.sidebar .local-navigation ul li li{
	border:none;
	padding:0 0 0 10px;
}

.sidebar .local-navigation ul li:first-child{
	border:none;
}

.sidebar .local-navigation li a{
	background:url(../images/icon_arrow_002.png) no-repeat 0 0.4em;
	padding-left:15px;
	display:block;
	font-size:87%;
}

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
	text-decoration:none;
	color:#594D30;
}

/* ------ banner ------------------------------- */

.sidebar .banner{
	margin-top:0;
}

.sidebar .banner li{
	margin-bottom:10px;
}

.sidebar .banner li.mail{
	position:relative;
	width:200px;
	height:210px;
}

.sidebar .banner li.mail img.m-btn{
	position:absolute;
	top:158px;
	left:15px;
}



/* footer --------------------------------------
------------------------------------------------ */

.footer{
	background:url(../images/bg_footer.png);
	clear:both;
}

.footer .inner{
	position:relative;
	width:960px;
	/*height:140px;*/
	margin:0 auto;
	font-size:87%;
	padding-bottom:20px;
	color:#fff;
}

.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active {
	color:#fff;
	text-decoration:none;
}

.footer a:visited{	color:#F8DEE3;}
.footer a:active,
.footer a:hover{ color:#DFDFD0;}

.page-top{
	width:960px;
	margin:0 auto;
	text-align:right;
	background:url(../images/img_pagetop.png) no-repeat 0 0;
}


/* ------ footer-navigation -------------------- */


.footer-navigation{
	float:left;
	width:268px;
	margin:35px 75px 0 0;
	text-align:left;
}

.footer-navigation h3{
	font-weight:bold;
	font-size:107%;
	margin:0 0 10px;
	color:#ddd;
	border-bottom:1px solid #ADA9A5;
}


.footer-navigation li{
	padding:0 0 0 20px;
	margin-bottom:5px;
	background:url(../images/icon_arrow_footer.png) no-repeat 0 0.4em;
}

.footer-navigation li li{
	padding:0 0 0 15px;
	background: url(../images/icon_arrow_footer02.png) no-repeat 0 0.4em;
}

.footer-navigation dt{
	padding:0 0 0 20px;
	margin:15px 0 5px;
	background:url(../images/icon_arrow_footer.png) no-repeat 0 0.4em;
}

/* ------ address ------------------------------ */

.address{
	margin-right:0;
}
.address p{
	margin-top:15px;
}

/* ------ copyright ---------------------------- */

.copyright{
	clear:both;
	text-align:center;
	font-size:87%;
	line-height:51px;
	color:#fff;
	margin:0;
	background:url(../images/bg_copy.png) repeat-x 0 0;
}