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

/* 共通部分CSS
************************************************************************************************ */

body {
	background-color:#FFF;
}

#wrapper {
	width:100%;
	text-align:center;
	background-color:#f9f5ef;
}

#wrapper header {
	width:100%;
	background-color:#1C1B30;
}
#wrapper header .header_in{
	width:940px;
	margin:0px auto;
	text-align:left;
}
#wrapper header .header_in .h_logo{
	margin:20px 0px 0px 0px;
	float:left;
}

#wrapper header .header_in .f_r_box1 {
	width:390px;
	float:right;
	padding-top:15px;
	padding-bottom:10px;
}
#wrapper header .header_in .h_tel_img {
	float:left;
	margin-top:13px;
}
#wrapper header .header_in .f_r_box2 {
	width:162px;
	float:right;
}
#wrapper header .header_in .f_r_box2 img {
	margin-bottom:5px;
}


#wrapper nav {
	width:100%;
	height:65px;
	background-image:url(../images/nav/bg_nav.jpg);
	background-repeat:repeat-x;
	border-bottom:solid 3px #FFFFFF;
}
#wrapper nav .nav_in {
	width:100%;
	height:65px;
}
#wrapper nav ul {
	display:block;
	width:940px;
	height:65px;
	margin:0px auto;
}
#wrapper nav ul li {
	display:block;
	float:left;
	position:relative;
}
#wrapper nav ul li a {
	display:block;
	height:65px;
}
#wrapper nav ul li.gnav01 a {
	width:130px;
	background-image:url(../images/nav/gnav01.jpg);
}
#wrapper nav ul li.gnav01 a:hover
,#wrapper nav ul li.gnav01 a.active {
	background-image:url(../images/nav/gnav01h.jpg);
}
#wrapper nav ul li.gnav02 a {
	width:136px;
	background-image:url(../images/nav/gnav02.jpg);
}
#wrapper nav ul li.gnav02 a:hover
,#wrapper nav ul li.gnav02 a.active {
	background-image:url(../images/nav/gnav02h.jpg);
}
#wrapper nav ul li.gnav03 a {
	width:133px;
	background-image:url(../images/nav/gnav03.jpg);
}
#wrapper nav ul li.gnav03 a:hover
,#wrapper nav ul li.gnav03 a.active {
	background-image:url(../images/nav/gnav03h.jpg);
}
#wrapper nav ul li.gnav04 a {
	width:135px;
	background-image:url(../images/nav/gnav04.jpg);
}
#wrapper nav ul li.gnav04 a:hover
,#wrapper nav ul li.gnav04 a.active {
	background-image:url(../images/nav/gnav04h.jpg);
}
#wrapper nav ul li.gnav05 a {
	width:132px;
	background-image:url(../images/nav/gnav05.jpg);
}
#wrapper nav ul li.gnav05 a:hover
,#wrapper nav ul li.gnav05 a.active {
	background-image:url(../images/nav/gnav05h.jpg);
}
#wrapper nav ul li.gnav06 a {
	width:134px;
	background-image:url(../images/nav/gnav06.jpg);
}
#wrapper nav ul li.gnav06 a:hover
,#wrapper nav ul li.gnav06 a.active {
	background-image:url(../images/nav/gnav06h.jpg);
}
#wrapper nav ul li.gnav07 a {
	width:140px;
	background-image:url(../images/nav/gnav07.jpg);
}
#wrapper nav ul li.gnav07 a:hover
,#wrapper nav ul li.gnav07 a.active {
	background-image:url(../images/nav/gnav07h.jpg);
}

#image_out {
	width:100%;
	height:auto;
	background-repeat: repeat-x;
	background-image:url(../images/top/top-bg.png);	
	background-color: #fff;
	padding:3px 0px;
}




.topimage {
	width:100%;
	height:645px;
	overflow:hidden;
	position:relative;
}
.topimage ul li {
	display:block;
	width:1900px;
	height:645px;
	position:absolute;
	
    left: 50%;
    transform: translate(-50%, 0%);
}

.topimage0 {
	width:100%;
	display:none;
}

.topimage2 {
	width:100%;
	height:190px;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-top:0px;
}
.topimage2 ul li {
	display:block;
	position:relative;
	width:940px;
	height:190px;
	margin:0px auto;
	
}
.topimage2 img {
	position:absolute;
	top:0px;
	left:50%;
	transform: translate(-50%, 0%);
}

#contents_out {
	width:100%;
	background-color:#FFF;
	padding-top:3px;
}
#contents {
	width:940px;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	min-height:500px;
	background-color:#f9f5ef;
	
}

#contents #main {
	width: 690px;
    text-align: left;
    float: left;
    padding: 10px 9px;
}

#contents #r_nav {
	width: 220px;
    text-align: center;
    float: right;
    padding: 10px 4px;
}


#r_nav img {
	margin:0px auto 20px auto;
}


#wrapper footer {
	width:100%;
}



#wrapper footer .footer_in {
	width:951px;
	margin:0px auto;
	text-align:left;
	position:relative;
	background-image:url(../images/footer/fot_bg.jpg);
	background-repeat:repeat-y;
	padding-bottom:30px;
}
#wrapper footer .footer_in .gotop {
	position:absolute;
	top:-146px;
	right:0px;
}
#wrapper footer .footer_in .f_top_img {
	vertical-align:top;
}

#wrapper footer .footer_in .f_box1 {
	width:450px;
	float:left;
}
#wrapper footer .footer_in .f_box1 img {
	vertical-align:top;
	margin:14px 0px 0px 36px;
}

#wrapper footer .footer_in .f_box2 {
	width:300px;
	float:left;
}
#wrapper footer .footer_in .f_box2 .p1 {
	color:#8A9641;
	font-size:90%;
	padding-top:12px;
}
#wrapper footer .footer_in .f_box2 .p2 {
	color:#8A9641;
	font-size:80%;
	padding-top:6px;
}
#wrapper footer .footer_in .f_box3 {
	width:180px;
	float:left;
}
#wrapper footer .footer_in .f_box3 img {
	margin-top:12px;
}


#wrapper footer ul {
	display:block;
	text-align:center;
	margin-top:15px;
}
#wrapper footer ul li {
	display:inline-block;
	line-height:1em;
}
#wrapper footer ul li:last-child {
	border-right:none;
}
#wrapper footer ul li a {
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left;

	font-size:13px;
	text-decoration:none;
	margin:0px 10px 0px 3px;
	line-height:1em;
	color:#777777;
	
}


/* トップへ戻る
************************************************************************************************ */




.page_top {
	display:block;
	width:100px;
	float:right;
	text-align:left;
	background-image:url(../images/yaji_top.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	margin:20px 20px 0px 0px;
}
.page_top a {
	color: #6f7f02;
	font-size: 12px;
	display: block;
	text-decoration: underline;
}
.page_top a:hover {
	text-decoration:none;
}





/* パンくずリスト
************************************************************************************************ */



.pankuzu {
	width:940px;
	padding:0px 0px 0px 10px;
}
.pankuzu ul {
	padding:0px 0px 0px 0px;
	list-style:none;
	
}

.pankuzu li{
	float: left;
	color: #666666;
	text-decoration:none;
	text-align: left;
	display: block;
	font-size:12px;
	padding:0px 0px 10px 0px;
}


.pankuzu li span{
	margin:0px 10px;
	color:#666666;
}

.pankuzu li a{
	text-decoration:underline;
	text-align: left;
	display: block;
	float: left;
	font-size:12px;
	text-decoration:underline;
	color: #889341;
}



.pankuzu li  a:hover{
	text-decoration:none;
	text-align: left;
	display: block;
	float: left;
	font-size:12px;
	text-decoration:none;
}

