/*----------------------------------------------------------------------
ヘッダー
----------------------------------------------------------------------*/

#header {
	width:100%;
	height:85px;
	margin: 0 auto;
	padding: 0px;
	color:#333333;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	background-image: url(../img/header_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header-left a {
	float:left;
	width:400px;
	height: 54px;
	display: block;
}
#header-left h1 {
	font-size: 1px;
	text-indent: -9999px;
}
#header-right {
	float:right;
	width:330px;
	height: 54px;
	font-size:0.8em;
	padding: 0;
	margin: 0;
	text-align:right;
	vertical-align:bottom;
}
#header-right ul {
	list-style-type: none;
	margin: 4px 0 0;
	height: 23px;
}
#header-right li {
	float:right;
	margin: 0 0 0 6px;
	padding: 0 0 0 12px;
	list-style-type: none;
	text-decoration:none;
	vertical-align:middle;
}
#header-right li.listput {
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 3px 0 0 0;
}
#header-right li.mojihenkan {
	margin: 0;
}
#header-right li table {
	margin: 1px 0 0 0;
}
#header-right img{
	margin: 0px 2px 0px 0px;
}
#header-right ul li span{display: none;}
#serch {
	float:right;
	height: 27px;
	text-align:right;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	display:block;
	background-image: url(../img/bg_serch.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#serch input {
	margin: 0 2px 0 0;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	 vertical-align: middle;
	 color: #696969;
	 background: #f1f1ed;
}


#headernavi {
	float:left;
	width:990px;

	height: 29px;
	font-size:0.8em;
	padding: 0;
	margin: 0;
	text-align:left;
}
#headernavi h2{display: none;}
#headernavi ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}
#headernavi ul li{
	margin: 0px;
	padding: 0px;
	display: inline;
}
#headernavi ul li a{
	height: 29px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-indent: -25000px;
	float: left;
	display:block
}
.nv-bosai a,.nv-tiiki a,.nv-gijyutu a,.nv-river a,.nv-road a,.nv-kouwankukou a,.nv-eizen a,.nv-youchi a{
	text-decoration: none;
	background: url(../img/menu.png);
	background-repeat: no-repeat;
}
.nv-bosai a{
	width: 124px;
}
.nv-tiiki a{
	width: 220px;
	background-position: -124px 0px;
}
.nv-gijyutu a{
	width: 158px;
	background-position: -344px 0px;
}
.nv-river a{
	width: 82px;
	background-position: -502px 0px;
}
.nv-road a{
	width: 78px;
	background-position: -584px 0px;
}
.nv-kouwankukou a{
	width: 115px;
	background-position: -662px 0px;
}
.nv-eizen a{
	width: 82px;
	background-position: -777px 0px;
}
.nv-youchi a{
	width: 82px;
	background-position: -859px 0px;
}
.nv-bosai a:hover{
	background-position: 0px -29px;
}
.nv-tiiki a:hover{
	background-position: -124px -29px;
}
.nv-gijyutu a:hover{
	background-position: -344px -29px;
}
.nv-river a:hover{
	background-position: -502px -29px;
}
.nv-road a:hover{
	background-position: -584px -29px;
}
.nv-kouwankukou a:hover{
	background-position: -662px -29px;
}
.nv-eizen a:hover{
	background-position: -777px -29px;
}
.nv-youchi a:hover{
	background-position: -859px -29px;
}
/*----------------------------------------------------------------------
フッター
----------------------------------------------------------------------*/
#footer {
	clear:both;
	color:#333333;
	line-height:2em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	background-color: #E6E6E6;
	margin: 0px auto;
	padding: 10px 20px;
}
#footer a {
	background-image: url(../img/arrow1.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left 2px;
	margin-right: 5px;
}

.footer_left {
	float: left;
}
.footer_right {
	float: right;
}
.hrrname {
	/*float:left;*/
	line-height:120%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#333333;
	text-align:left;
}
/*---サイト名---*/
.sitename{
	font-size: 1em;
	font-weight:bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
/*---ヘルプ項目---*/
.help {
	float:right;
	font-size: 0.8em;
	width: 400px;
	text-align:right;
	margin: 0;
	padding: 0px 0px 0px 0px;
}
.help ul {
	list-style-type: none;
	margin: 0px 0 0 2px;
	padding: 0;
}
.help li {
	display:inline;
	margin: 0px 0 0px 0;
	padding: 7px 0 7px 14px;
	text-decoration:none;
	vertical-align:middle;
	list-style-type: none;
	background-image: url(../img/li.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/*---サイト名住所---*/
.address {
	/*clear:both;*/
	font-size: .8em;
	line-height:11px;
	margin: 0px 5px 2px 0px;
	padding: 0px;
	line-height:1.2em;
}
.copyright {
	clear:both;
	text-align:right;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
/**プラグインのダウンロード
**************************************************/
#plugin-download {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	font-size:0.8em;
	color:#333333;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	color: #666;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	padding: 0px;
	margin: 0 auto;
	background-color: #ffffff;
}
@media screen and (max-width: 969px) and (min-width:640px){
    #header {
        width: 100%;
        min-width: 640px;
        max-width: 969px;
        height: 85px;
        margin: 5px auto 0px;
        padding: 0px;
        color: #333333;
        background-image: url(../img/header_logo2.png);
        background-repeat: no-repeat;
        background-position: left top;
        border-bottom: 4px solid #808080;
    }
    #header-left a {
        float: left;
        width: 300px;
        height: 54px;
        display: block;
    }
    #headernavi {
        float: left;
        width: 100%;
        height: 29px;
        font-size: 0.8em;
        padding: 0;
        margin: 0;
        text-align: left;
    }
    .nv-bosai a, .nv-tiiki a, .nv-gijyutu a, .nv-river a, .nv-road a, .nv-kouwankukou a, .nv-eizen a, .nv-youchi a {
        text-decoration: none;
        background: url(../img/menu640.png);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-repeat: no-repeat;
    }
    #headernavi ul li a {
        height: 28px;
        margin: 0px;
        padding: 0px;
        text-decoration: none;
        text-indent: -25000px;
        float: left;
        display: block;
    }
    .nv-tiiki a {
        width: 154px;
        background-position: -84px 0px;
    }
    .nv-bosai a{
        width: 84px;
    }
    .nv-tiiki a{
        width: 154px;
        background-position: -84px 0px;
    }
    .nv-gijyutu a{
        width: 114px;
        background-position: -238px 0px;
    }
    .nv-river a{
        width: 50px;
        background-position: -352px 0px;
    }
    .nv-road a{
        width: 52px;
        background-position: -402px 0px;
    }
    .nv-kouwankukou a{
        width: 82px;
        background-position: -454px 0px;
    }
    .nv-eizen a{
        width: 51px;
        background-position: -536px 0px;
    }
    .nv-youchi a{
        width: 53px;
        background-position: -587px 0px;
    }
    .nv-bosai a:hover{
        background-position: 0px -28px;
    }
    .nv-tiiki a:hover{
        background-position: -84px -28px;
    }
    .nv-gijyutu a:hover{
        background-position: -238px -28px;
    }
    .nv-river a:hover{
        background-position: -352px -28px;
    }
    .nv-road a:hover{
        background-position: -402px -28px;
    }
    .nv-kouwankukou a:hover{
        background-position: -454px -28px;
    }
    .nv-eizen a:hover{
        background-position: -536px -28px;
    }
    .nv-youchi a:hover{
        background-position: -587px -28px;
    }
	#pagebody {
		background-position: 0px top;
		background-image: none;
	}
	#content-left {
		flex-basis: 200px;
		margin: 0px 12px 10px 0px;
		padding: 25px 0px 0px;
	}
	#menu-box {
		width: 200px;
	}
		#menu-box h3,.menu-box-mokutekibetsu {
		width: auto;
	}
		#mokutekimenu {
		width: auto;
		padding: 0px 0px 0px 5px;
		background-position: right top;
	}
	#mokutekimenu-box,#mokutekimenu-box ul,#menu-box3, #menu-box2,.menu-box-hrr,.menu-box-toiawase {
		width: auto;
		margin-left: 0px;
	}
}

@media screen and (max-width: 639px){
    #header {
        width: 100%;
        min-width: 300px;
        height: auto;
        margin: 5px auto 0;
        padding: 0px;
        color: #333333;
        background-image: url(../img/header_logo2.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto;
        border: none;
    }
	#header-right,#header-left {
        display: block;
        float: none;
    }
	#header-left a {
		float: none;
		width: auto;
	}
    #header-right {
        display: none;
    }
    #headernavi {
        float: left;
        width: 100%;
        height: auto;
        font-size: 1em;
        padding: 0;
        margin: 0;
        text-align: left;
        border-bottom: 4px solid #808080;
    }
    #headernavi ul li a{
        text-decoration: none;
        display:block;
        height: 25px;
        background: none;
    }
    .nv-bosai a {
        background-image: url(../img/menu_320_01.gif)!important;
        background-repeat: no-repeat;
        width: 69px!important;
    }
    .nv-tiiki a {
        background-image: url(../img/menu_320_02.gif)!important;
        background-repeat: no-repeat;
        width: 145px;
    }
    .nv-gijyutu a {
        background-image: url(../img/menu_320_03.gif) !important;
        background-repeat: no-repeat;
        width: 101px;
    }
    .nv-river a {
        background-image: url(../img/menu_320_04.gif) !important;
        background-repeat: no-repeat;
        width: 40px;
    }
    .nv-road a {
        background-image: url(../img/menu_320_05.gif) !important;
        background-repeat: no-repeat;
        width: 40px;
    }
    .nv-kouwankukou a {
        background-image: url(../img/menu_320_06.gif) !important;
        background-repeat: no-repeat;
        width: 68px;
    }
    .nv-eizen a {
        background-image: url(../img/menu_320_07.gif) !important;
        background-repeat: no-repeat;
        width: 40px;
    }
    .nv-youchi {
        background-image: url(../img/menu_320_08.gif) !important;
        background-repeat: no-repeat;
        width: 40px;
    }
}
#page-top {
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: -60px;
    right: 10px;
    width: 57px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: .5s;
    background-position: 0;
    background-image: url(../img/pagetop.png);
    height: 53px;
    font-size: 1px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}
.text1 {
	margin: 10px 10px 20px;
	line-height: 1.5em;
}