@charset "UTF-8";
/* IDスタイル　ページレイアウトの設定*/
div#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デザイン */
/* container size の変更 */
@media screen and (max-width:991px) {
div#container{
	width : 95%;
}
}
@media screen and (max-width:767px) {
div#container{
	width : 98%;
}
}
div#content{
	width : 100%;
	clear : both;
  text-align : left;
}
div#header{
	margin-bottom : 3px;
	margin-top : 5px;
}
div#side_bar{
	width : 20%;
	float : left;
  margin-left : 1%;
}
@media screen and (max-width:767px) {
div#side_bar{
	display : none;
}
}
div#main_content{
	width : 78%;
	float : left;
  margin-right : 1%;
}
@media screen and (max-width:767px) {
div#main_content{
	width : 100%;
	float : none;
}
}/* メニューの定義 */
div#logo{
  float : left;
  text-align : center; /* なぜか必要*/
  width : 9%;
  padding-left : 1%;
}
/* グローバルメニューの定義*/
div#g_menu{
	width : 90%;
	float : left;
	margin-bottom : 10px;
	background-image : url(img/menubk.png);
	padding-bottom : 10px;
	font-size : small;
}
div#g_menu p{
	margin-top : 5px;
	font-weight : bold;
}
div#g_menu ul{
	margin : 0px 0px 0px 1%;
	text-align : center;
	list-style-type : none;
}
div#g_menu li{
	background-color : white;
	padding : 3px;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	border-right : 1px solid #666666;
	border-bottom : 2px solid #666666;
	margin : 0px 5px 0px 0px;
  display : inline-block;
}
div#g_menu li.right{
	border-right : 2px solid #666;
}
div#g_menu li.active{
	font-weight : bold;
	color : silver;
	background-color : blue;
}
/*ローカルメニューの定義*/
div#l_menu{
	background-image : url(file:///D:/user/Documents/Homepage/sturnus/homepage/css_js/img/menubk.png);
	padding : 5px 5px 15px 5px;
	margin-top : 5px;
	width : 90%;
margin-bottom : 10px;
  font-size : small;
}
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 #999999;
	padding : 3px 2px 2px;
}
div#l_menu li.bottom{
	border-bottom-width : 0px;
}
div#l_menu li.active{
	color : blue;
	font-weight : bold;
	background-color : #ccccff;
	text-decoration : none;
}
/* スマートフォン用のローカルナビ */
#l_menu_phone{
	background-image : url(img/menubk.png);
	margin-top : 10px;
}
@media screen and (min-width:767px) {
#l_menu_phone{
	display : none;
}
}
#l_menu_phone ul{
	margin : 5px;
padding : 3px;
}#l_menu_phone li{
	display : inline-block;
background-color : white;
margin : 1px 5px;
padding : 3px 5px;
}
#l_menu_phone li.active{
	color : white;
	font-weight : bold;
background-color : blue;
}
/* フッターの定義 */
div#footer{
	color : blue;
	width : 100%;
	clear : both;
	font-size : 80%;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
  margin-top : 10px;
  padding-top : 10px;
}
div#footer ul{
	margin-top : 10px;
	list-style-type : none;
	

margin-left : auto;
  text-align : center;
  margin-right : auto;
}
div#footer li{
	background-color : white;
	padding : 3px;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	border-right : 1px solid #666666;
	border-bottom : 2px solid #666666;
	margin : 0px 5px 0px 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{
	width : 90%;
}
div#explanatory_notes ul{
	text-align : right;
	margin : 2px;margin-bottom : 0px;
	list-style-type : none;
}
div#explanatory_notes li{
	margin : 3px;
	padding : 3px;
  display : inline-block;
}