@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* CSS Document */

body {
	font-family: "Noto Sans JP", "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 13px;
	line-height: 1.5;
	padding-top: 2px;
	background-image: url(../images/snow02.gif);
	background-repeat: repeat;
	background-position:bottom;
	background-color: #ECECE3;
	}

*{
	margin:0px;
	padding:0px;
	
	}

img {
	border:0px;
	left: 0px;
}
	
a:link{
	color: #339966;
	text-decoration: underline;
}
a:visited {
	color: #3DB6AF;
}
a:hover {
	color: #8BDAB3;
}
a:active {
	color: #FFF;
}

.clearfix {zoom: 1}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.clearfix {zoom: 1}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

	
div#Container {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/haikei.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ECECE3;
	}

#viewer {
	margin: 0 auto;
	width: 950px;
	height: 400px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}


div#Maincontents{
	width:940px;
	float:left;
	background-repeat: repeat-x;
	}

div#Pankuzu{
	padding: 13px 5px 15px 0px;
	color: #515B43;
	font-size: small;
	}

div#Pankuzu a:link{
	color: #515B43;
	text-decoration: underline;
}
div#Pankuzu a:visited {	color: #5E334B;}
div#Pankuzu a:hover {	color: #5E334B;}
div#Pankuzu a:active {
	color: #515B43;
}

h1{
	background:#000000 url(../images/h1_bg.jpg) left no-repeat;*/
	color:#FFFFFF;
	font-size:large;
	height:50px;
	margin:0;
	padding:20px 27px 0px 23px;*/
	width:100%;
	padding:20px 13px 0px 23px;
	width:100%;*/
	}

h2{
	padding:0px 0px 10px 5px;
	font-size:medium;
	margin-bottom:20px;
	}

h3{
	background:url(../images/h3_bg.jpg) no-repeat left;
	padding:3px 5px 3px 15px;
	font-size:normal;
	margin:10px 0px 20px 0px;}


h4{
	border-left:#CCCCCC 5px solid;
	padding:3px 3px 3px 10px;
	margin-left:5px;
	margin-bottom:19px;
	margin-top: 15px;
/*	font-size:smaller;*/}

.page{}

p{
	margin-left:5px;
}

/********************************************************************
 1カラム割 
 *********************************************************************/
div#ContentsBox{
	width:100%;
	margin:0;
	padding:0;
	}

div#Contents{
	background:#FFFFFF;
	/*width:100%;*/
	padding:25px;
	min-height:250px;
	}

div#Contents p{
	font-size: small;
	background-color: #FFFFFF;
	padding-bottom: 10px;
/*	color:#CC00FF;　　指定タグを使用しているかチェック用　*/ 
	}

div#Contents ul.list_pdf{
	font-size:small;
	list-style-type:none;
	margin:10px;
	}
	
ul.list_pdf li{
	background:#FFFFFF url(../images/list_icon_ore.gif) no-repeat left;
	padding:0px 0px 0px 15px;}

ul.normal{margin: 10px 0 10px 25px;}

/* 1カラム用google map */
iframe.map{
	margin:0px 0px 10px 3px;}
	
	
/********************************************************************
   2カラム割 
*********************************************************************/
#Left_area{
	width: 216px;
	float: left;
	padding: 12px 0px;
	margin-right: 21px;
	background-color: #D1DACE;
	background-image: url(../images/left.jpg);
	background-repeat: repeat-x;
}

.submenu{
	width:191px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12px;
	background-color: #C9D0C3;
}

div#Left_area .submenu h2{
	background:url(../images/left_menu_title_bg.jpg) no-repeat top left;
	padding:3px;
	margin:0px;
	color:#FFFFFF;
	}

div#Left_area .submenu h2{
	background:url(../images/left_menu_title_bg.jpg) no-repeat top left;
	padding:3px;
	margin:0px;
	color:#FFFFFF;
	}

div#Left_area .submenu .list ul{
	list-style-type:none;
	}

div#Left_area .submenu .list li a:link{ 
	color:#373737;
	background:#C9D0C3;
	list-style-type:none;
	background:url(../images/left_menu_icon.gif) no-repeat;
	background-position:8px 8px;
	border-bottom:#C9D0C3 1px solid;
	padding:5px 0px 5px 25px;
	font-size:small;
	display:block;
	}
	
div#Left_area .submenu .list li a:visited {	
	color: #373737;
	background:url(../images/left_menu_icon.gif) no-repeat #4b4b4b;
	background-position:8px 8px;
	border-bottom:#666666 1px solid;
	padding:5px 0px 5px 25px;
	font-size:small;
	display:block;
	}
div#Left_area .submenu .list li a:hover {	
	color: #FFFFFF;
	background:url(../images/left_menu_icon.gif) no-repeat #333333;
	background-position:8px 8px;
	border-bottom:#666666 1px solid;
	padding:5px 0px 5px 25px;
	font-size:small;
	display:block;
	}
div#Left_area .submenu .list li a:active {
	color: #ffffff;
	bckground: #333333;
	list-style-type: none;
	background-position: 8px 8px;
	border-bottom: #666666 1px solid;
	padding: 5px 0px 5px 25px;
	font-size: small;
	display: block;
	background-color: #313031;
}

.bunner{
	width: 191px;
	background-color: #C9D0C3;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 15px;
	background-image: url(../images/left2.jpg);
	background-repeat: repeat-x;
}

.bunner img{
	border:0px;
	margin:8px 0px;
}

.bunner a{
	color:#FFFFFF;
	font-size:small;
}

#Right_area{
	width:652px;
	float:left;
	text-align:left;
		padding-bottom : 50px;
}

#Right_area div#Contents{
	width: auto;
	padding: 25px;
	background-color: #FFFFFF;
	}

/********************************************************************
   その他共通 
*********************************************************************/

/* ページトップへ装飾 */
.pageTopBox{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	width:auto;
	text-align:right;
	clear:both;
	background-attachment: fixed;
	margin-top: 0px;
	}

/* お問い合わせ */

.ContactFormBox{
	border:#cacaca 1px solid;
	background-color: #FFFFFF;
}
	
.ContactFormBox h2{
	background:url(../images/contactformbox_title.gif) left no-repeat #f6f6f6;
	border-bottom:#cacaca 1px solid;
	padding:5px;
	margin-bottom:11px;
	text-indent:-99999px;
	}

.ContactFormBox p{
	padding:5px;
	}

.ContactFormBox p strong{
	font-size:medium;
	}

/* PAGETOP */

#PAGETOP span{
	text-indent:-99999px;}
	

/* Footer */

div#Footer {
	background-color: #56664B;
	background-image: url(../images/under_footer.jpg);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: auto;
	margin-bottom: auto;
}

div#FooterInfo {
	width:940px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	font-size: 0.8em;
}

div#FooterInfo{
	background-color: #E6DDF5;
	}
	
#FooterLinks {
	padding: 8px 0;
	text-align: center;
	background-color: #6F7A61;
	font-size: small;
	color:#FFF
}

#Footer address {
	font-style: normal;
	float: left;
	background-color: #AAB99F;
}
#Copyright {
	float: right;
	background-color: #ACB8A0;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
}
.f_center{
	text-align:center;
	font-size:15px;
	padding-top:10px;}

#f_area{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;}

.f_adress{
	margin-top:36px;
	float:left;
}

.f_logo{
	margin-top:36px;
	float:right;
	text-align:right;
}

/* Tableの装飾 */

table.table_gray{
	border-top:#cacaca 1px solid;
	border-left:#cacaca 1px solid;
	margin:0px;
        font-size:small;
/*	width:90%;*/
	}

.table_gray th{
	border-right: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
	padding: 3px;
	background-color: #C8D8C5;
	white-space: nowrap;
	color: #373737;
	text-align: center;
	}

.table_gray td{
	/*	border-right:1px solid #8EB871;*/
	border-right: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
	padding: 3px;
	white-space: nowrap;
	color: #000000;
	background-color: #ffffff;
	}


table.table_1{
	border-top:#cacaca 1px solid;
	border-left:#cacaca 1px solid;
	margin:0px;
        font-size:small;
/*	width:90%;*/
	}

.table_1 th{
	margin:0px;
        font-size:small;
border-right: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
	padding: 3px;
	white-space: nowrap;
	text-align: center;
	}

.table_1 td{
	/*	border-right:1px solid #8EB871;*/
	border-right: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
	padding: 3px;
	white-space: nowrap;
	color: #000000;
	background-color: #ffffff;
	}


div#midokoro{
	margin:10px; 
	padding:5px; 
	background-color:#FFFFFF;
	line-height:1.4;
}

div#midokoro p{
	line-height:1.4;
	font-size:small;
}

div.border{
	border:#A6D088 1px solid;
	margin:10px 10px 5px 0px;
	padding:0px;
	background-color:#F1F8ED;
}

div.border h4{
	border-left:#A6D088 5px solid;
	margin:3px 3px 3px 3px;
	padding:0px 0px 0px 3px;
}

div.borderG{
	border:#FF6666 1px solid;
	margin:10px 10px 5px 0px;
	padding:0px;
	background-color:#FFC8C8;
}

div.borderG h4{
	border-left:#FF6666 5px solid;
	margin:3px 3px 3px 3px;
	padding:0px 0px 0px 3px;
}

font {
	color:
	color: #0000FF;
}
	
	.style3 {font-size: 11px}
.style4 {
	font-size: 12px;
	color: #333333;
}
.style7 {font-size: medium;}
.style8 {
	color: #000000;
}
.style11 {font-size: large}
.style15 {color: #30407D}
.style16 {
	color: #333333;
	font-size: small;
	text-align: left;
}
.style17 {font-size: 12px;}
.style20 {
	color: #333333;
	font-size: small;
}
.style21 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.style22 {color: #1E5B3D}


.style23 {font-size: small}
.style24 {font-size: 9px;color: #000066;}
.style25 {font-size: 7px;color: #1D4A9E;}
.style26 {color: #1D3A72}
.style27 {color: #1D3A72; font-size: small; }

/* ddのアイコン付 */

dl#Icon{
	margin:10px 0px;}
	
dl#Icon dd{
	padding:0px 0px 0px 20px;
	margin:0px 0px 5px 0px;
}

dd.icon_pdf{
	background:url(../images/000000125.jpg) no-repeat left center;/* PDF用 */
	}
dd.icon_url{
	background:url(../images/000000122.jpg) no-repeat left center;/* 外部URL用 */
	}
	


/* ﾎﾟﾘｼｰ部分 */
ul#policy{
	margin:0px 0px 10px 10px;
	height:20px;
	list-style-type:none;
	}

ul#policy li{
	float:left;
	font-size:small;
	height:20px;
	background:url(../images/list_icon_ore.gif) left no-repeat;
	margin-right:10px;
	padding-left:15px;
	}

#Footer .pageTopBox_ .style16 {
	width: 940px;
}
#Footer .pageTopBox_ .style16 {
	width: auto;
}
#Footer .pageTopBox_ .style16 {
	width: 940px;
}

/* OLの装飾 */

ol#tokuten{
	margin:0px 0px 15px 25px;
}

ol#tokuten li{
	list-style-type:decimal;
}