@charset "UTF-8";
/* IDスタイル　ページレイアウトの設定*/
/* ページレイアウトの設定*/
#container{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  width : 80%;
  background-image : url(img/container.png);
  background-repeat : repeat;
  padding-top : 10px;
}
/* レスポンシブWEBデザイン */
@media screen and (max-width:991px) {
#container{
	width : 95%;
}
}
@media screen and (max-width:767px) {
#container{
	width : 98%;
}
}
div#content{
	clear : both;
	text-align : left;
	padding : 5px 10px 5px 5px;
}
div#header{
	margin-bottom : 3px;
	margin-top : 5px;
}
div#side_bar{
	width : 20%;
	float : left;
}
@media screen and (max-width:767px) {
div#side_bar{
	display : none;
}
}
div#main_content{
	width : 78%;
	float : left;
  padding-left : 1%;
  padding-right : 1%;
}
@media screen and (max-width:767px) {
div#main_content{
	width : 100%;
}
}

/* メニューの定義 */
div#logo{
	float : left;
  padding-left : 1%;
  width : 9%;
}
/* グローバルメニューの定義*/
div#g_menu{
	width : 80%;
	float : left;
	margin-bottom : 10px;
	background-image : url(../../inkscape/css_js/img/menubk.png);
	padding-bottom : 10px;
	font-size : small;
  text-align : left;
}
div#g_menu p{
	margin-top : 5px;
	font-weight : bold;
}
div#g_menu ul{
	margin : 0px 0px 0px 5%;
	list-style-type : none;
}
div#g_menu li{
	background-color : white;
	padding : 5px;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;
	margin : 1px;
  display : inline-block;
}
div#g_menu li.right{
	border-right : 2px solid #666;
}
div#g_menu li.active{
	font-weight : bold;
	color : white;
	background-color : blue;
}
/*ローカルメニューの定義*/
div#l_menu{
	background-image : url(../creat_hp/menubk.png);
	padding : 5px 5px 15px 5px;
	margin-top : 5px;
	width : 90%;
	font-size : 80%;
margin-bottom : 10px;
}
div#l_menu p{
	font-weight : bold;
	margin : 0px 0px 0px 1em;
	padding : 2px;
	color : blue;
}
/*ローカルナビの定義*/
div#l_menu ul{
	text-align : center;
	list-style-type : none;
	margin : 10px;
	border-width : 2px;
	border-style : solid;
	border-color : #999;
}
div#l_menu li{
	background-color: white;
	margin : 0px;
	border-bottom : 1px solid #999;
	padding : 2px;
}
div#l_menu li.bottom{
	border-bottom-width : 0px;
}
div#l_menu li.active{
	color : white;
	font-weight : bold;
	background-color : #ccccff;
	text-decoration : none;
}
/* フッターの定義 */
div#footer{
	color : blue;
	width : 100%;
	clear : both;
	font-size : 80%;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
}
div#footer ul{
	margin-top : 10px;
	list-style-type : none;
	

margin-left : auto;
  text-align : center;
  margin-right : 1px;
}
div#footer li{
	background-color : white;
	padding : 5px 3px 3px;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	border-right : 1px solid #666666;
	border-bottom : 2px solid #666666;
	margin : 1px 1% 0px;
  display : inline-block;
}
div#footer li.right{
	border-right : 2px solid #666;
}
div#footer p{
	clear : both;
	margin : 0px;
}
div#footer p.pagetop{
	margin : 5px 0px 5px 0px;
}
div#footer p.pagetop a{
	background-color : blue;
	text-align : right;
	padding : 3px 10px;
	margin-right : 10%;
	color : white;
}
/* 凡例のスタイル */
div#explanatory_notes{
	margin-left : 10%;
	width : 90%;
}
div#explanatory_notes ul{
	text-align : center;
	margin :2px 0px 0px 0px;
	list-style-type : none;
}
div#explanatory_notes li{
	float : left;
	margin : 0px;
	padding : 3px;
	width : 7em;
}