@charset "UTF-8";

	html {  
		height: 100%;  
		width:100%;
	} 

img {
	border : none;
}
.clear {
	clear : both;
	margin : 0;
	padding : 0;
}

hr.clear {
	border:none;
	clear : both ;
	display:block;
	line-height:1px;
}

.clearleft { 
	clear : left ;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

p {
	margin : 0;
	padding : 0;
}

a.blank:link ,
a.blank:visited {
	background : url("../img/i_blank.gif") no-repeat left center;
	text-decoration : underline;
	font-weight : bold;
	padding : 0 0 0 15px;
	color:#444444;
}
a.blank:hover ,
a.blank:active {
	background : url("../img/i_blank.gif") no-repeat left center;
	text-decoration : none;
	font-weight : bold;
	padding : 0 0 0 15px;
	color:#5c5c5c;
}

body {
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:78%;
	line-height:1.6;
	font-family: 'メイリオ','ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4','Verdana','Lucida Sans Unicode',Osaka, sans-serif !important;
	height : 100%;
	width:100%;
	background:#fff;
}

#wrapper {
	margin : 0 auto;
	width:100%;
	/*min-width : 1000px ;*/
	background:url("../img/common/header_bar.jpg") top repeat-x  ;
}

/*HEADER*/
#header {
	width : 1000px ;
	height : 120px;
	margin : 0 auto;
	padding : 0;
	background:url("../img/common/header_bar.jpg") top repeat-x ;
	background-color#221816;
}
	#header h1 {
		float : left ;
		margin-top:17px;
		margin-left:30px;
		padding:0;
	}


	#header #BEARFOREST {
		float : right ;
		margin-top:33px;
		margin-left:10px;
		padding:0;
		background-color#221816;
	}


/*container*/
#container {
	clear: both; 
	width : 1000px ;
	margin : 0 auto;
	border:1px solid white
}



		/*グローバルナビゲーション*/
		#container #grobalnavi {
		margin:40px 0px 0px 30px;
		text-align:left;
		float : left ;
		width:220px;
		}

		#container #grobalnavi ul {
		margin:0;
		padding:0;
		list-style:none;
		}
		#container #grobalnavi ul li {
			margin:0px;
			padding:0px;
		}
		#container #grobalnavi ul li a { text-indent:-9999px;}
	/*グローバルナビgn1*/
		#container #grobalnavi li.gn01 a:link ,
		#container #grobalnavi li.gn01 a:visited {
		 background:url("../img/common/gnavi01_off.gif") no-repeat ;width:127px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
		#container #grobalnavi li.gn01 a:hover,
		#container #grobalnavi li.gn02 a:active {
		 background:url("../img/common/gnavi01_on.gif") no-repeat ;width:127px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
	/*グローバルナビgn2*/
		#container #grobalnavi li.gn02 a:link ,
		#container #grobalnavi li.gn02 a:visited {
		 background:url("../img/common/gnavi02_off.gif") no-repeat ;width:149px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:5px;
		}
		#container #grobalnavi li.gn02 a:hover,
		#container #grobalnavi li.gn02 a:active {
		 background:url("../img/common/gnavi02_on.gif") no-repeat ;width:149px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:5px;
		}
	/*グローバルナビgn3*/
		#container #grobalnavi li.gn03 a:link ,
		#container #grobalnavi li.gn03 a:visited {
		 background:url("../img/common/gnavi03_off.gif") no-repeat ;width:211px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:8px;
		}
		#container #grobalnavi li.gn03 a:hover,
		#container #grobalnavi li.gn03 a:active {
		 background:url("../img/common/gnavi03_on.gif") no-repeat ;width:211px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:8px;
		}
	/*グローバルナビgn4*/
		#container #grobalnavi li.gn04 a:link ,
		#container #grobalnavi li.gn04 a:visited {
		 background:url("../img/common/gnavi04_off.gif") no-repeat ;width:136px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
		#container #grobalnavi li.gn04 a:hover,
		#container #grobalnavi li.gn04 a:active {
		 background:url("../img/common/gnavi04_on.gif") no-repeat ;width:136px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
	/*グローバルナビgn5*/
		#container #grobalnavi li.gn05 a:link ,
		#container #grobalnavi li.gn05 a:visited {
		 background:url("../img/common/gnavi05_off.gif") no-repeat ;width:134px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
		#container #grobalnavi li.gn05 a:hover,
		#container #grobalnavi li.gn05 a:active {
		 background:url("../img/common/gnavi05_on.gif") no-repeat ;width:134px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
	/*グローバルナビgn6*/
		#container #grobalnavi li.gn06 a:link ,
		#container #grobalnavi li.gn06 a:visited {
		 background:url("../img/common/gnavi06_off.gif") no-repeat ;width:85px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:8px;
		}
		#container #grobalnavi li.gn06 a:hover,
		#container #grobalnavi li.gn06 a:active {
		 background:url("../img/common/gnavi06_on.gif") no-repeat ;width:85px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:8px;
		}
	/*グローバルナビgn7*/
		#container #grobalnavi li.gn07 a:link ,
		#container #grobalnavi li.gn07 a:visited {
		 background:url("../img/common/gnavi07_off.gif") no-repeat ;width:106px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:5px;
		}
		#container #grobalnavi li.gn07 a:hover,
		#container #grobalnavi li.gn07 a:active {
		 background:url("../img/common/gnavi07_on.gif") no-repeat ;width:106px; height:30px;display:block;text-indent:-9999px;overflow:hidden;margin-bottom:5px;
		}
	/*グローバルナビgn8*/
		#container #grobalnavi li.gn08 a:link ,
		#container #grobalnavi li.gn08 a:visited {
		 background:url("../img/common/gnavi08_off.gif") no-repeat ;width:69px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
		#container #grobalnavi li.gn08 a:hover,
		#container #grobalnavi li.gn08 a:active {
		 background:url("../img/common/gnavi08_on.gif") no-repeat ;width:69px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
	/*グローバルナビgn9*/
		#container #grobalnavi li.gn09 a:link ,
		#container #grobalnavi li.gn09 a:visited {
		 background:url("../img/common/gnavi09_off.gif") no-repeat ;width:79px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
		#container #grobalnavi li.gn09 a:hover,
		#container #grobalnavi li.gn09 a:active {
		 background:url("../img/common/gnavi09_on.gif") no-repeat ;width:79px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
	/*グローバルナビgn10*/
		#container #grobalnavi li.gn10 a:link ,
		#container #grobalnavi li.gn10 a:visited {
		 background:url("../img/common/gnavi10_off.gif") no-repeat ;width:83px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
		#container #grobalnavi li.gn10 a:hover,
		#container #grobalnavi li.gn10 a:active {
		 background:url("../img/common/gnavi10_on.gif") no-repeat ;width:83px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
	/*グローバルナビgn11*/
		#container #grobalnavi li.gn11 a:link ,
		#container #grobalnavi li.gn11 a:visited {
		 background:url("../img/common/gnavi11_off.gif") no-repeat ;width:188px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}
		#container #grobalnavi li.gn11 a:hover,
		#container #grobalnavi li.gn11 a:active {
		 background:url("../img/common/gnavi11_on.gif") no-repeat ;width:188px; height:30px;display:block;text-indent:-9999px;overflow:hidden;
		}

		/*topics*/
		#container #topics {
		margin:40px 0px 0px 30px;
		text-align:left;
		}
		#container #topics ul {
		list-style : none ;
		margin : 0; 
		padding : 0;
		}
		#container #topics li {
		margin : 0;
		line-height:1.6;
		font-size:0.9em ;
		}
		#container #topics li span {
		display : inline-block ;
		margin-right:0.5em;
		}
		#container #topics li a:link ,
		#container #topics li a:visited {
		color:#212121;
		text-decoration : none;
		border : none;
		}
		#container #topics li a:hover ,
		#container #topics li a:active {
		color:#002d82;
		text-decoration : none;
		border-bottom : 1px solid #909090;
		}

		/*Banner*/
		#container #banner {
		margin:60px 0px ;
		text-align:left;
		font-family: 'Noto Serif JP', serif;
		font-size : 0.8em ;
		}

		#container #banner span {
		font-family: 'Noto Serif JP', serif;
		color : #646464 ;
		font-size : 1.3rem !important;
		font-weight : bold ;
}
		#container #banner a:hover ,
		#container #banner a:active ,
		#container #banner a:link ,
		#container #banner a:visited {
		color : #1e1e1e;
    display : block ;
		}

		/*メインコンテンツ枠（右側）*/
		#container #content {
		margin:40px 0 0 30px ;
		padding : 0;
		text-align center ;
		float : left ;
		width:720px  !important;
		}



hr.sprit {
	display: block;
	background : url("../img/common/hr_sprit.jpg") repeat-x ;
	width : 100% ;
	margin : 0.8em 0;
	height : 16px;
	border : none ;
}






/*#footer*/
#footer {
	clear:both;
	margin:140px 0 1em 10px;
	padding :0 0 1em 0;
	text-align: left;
}
#footer #credit{
	margin:0;
	padding:0 ;
	font-size:0.7em !important;
}