html, body {
  height: 100%;
  height:auto;
  margin: 0;
  font-family:Garamond, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", , "メイリオ" ,"Meiryo",Garamond ;
  line-height:140%;
  max-width:1200px
}
img{
	margin:1px;
}

.wrapper{
min-height:100%;
padding-bottom:150px;
overflow:hidden;
}
#header{width:100%;
	height:70pt;

}
#top a { color:white;
text-decoration:none}
#top a:hover { color:lime;
}

#top{
	background:navy;
	width:auto;
	height:16pt;
	text-align:right;
	color: white
}
.main_text{
	height:auto;
	padding:20px 0px 20px 0px;
}

.i_news, td{
	height:40px;
}

.head_l{font-family:Garamond;
	font-size:18px;
	float:left;
		
}
 
.wrapper_en .head_l{
	font-size:24px;
	position:relative;
	left:100px;
	top:15px;
} 
#i_news {
	font-family: Garamond;
	height:150px;
	width:100%;
	overflow:auto;
	margin-bottom:80px;
}
.main{
	position: relative; left:50px;
height:auto;
	width:80%;
	overflow:visible;
}
.side_bar{
float:right;
	width:80%;
	margin: 0;
  padding: 0;
  overflow:auto;
}
.side_bar_index{
float:right;
	width:140px;
	margin: 0;
  padding: 0;
  overflow:visible;
  position: relative; right:50px;
}


.Gara_index{
font-family:Garamond;
		background:navy;
	width:130px;
	height:5pt;
	text-shadow:2px -2px 3px #ffffff,1px -1px 3px #ffffff,3px -3px 3px #ffffff;
position: relative; left:20px;
margin: 20px 0 20px 0;
	padding:5px 0px 5px 2px;
white-space: nowrap;
	}

.auto-style1{
	margin:10px 0 10px 0;
}

#head_pics{
	width:100%;
	height:100pt;
	overflow:hidden;
}

#second_head{
width:100%;
margin:10px	
}

#head_pics_index{
	float:left;
	position:relative;
	left:7%;
	width:610px;
	margin:0 ;
	overflow:visible;
}


#head_pics_index > div{
	margin:-5px;
}

.nav_top {
	width:960px;
	margin:0 auto;	
}


#head_r{
	font-family:,Garamond;
	font-size:18px;
	float:right;
	margin-top:25px
}

.font_Goth {
	font-family: Garamond;		
 }
 
.ft {
	  height: 40px;
  margin-top: -20px;
	font-family: Garamond;
	padding-top:5px;
	padding-bottom:35px;

	background-color:#052049;
	color:#fff;
    position:absolute;
    bottom: -350px; /*footerの位置がおかしいときは、ここの値の絶対値を増減*/
    width: 100%;
   
}

.ft2 {
	  height: 40px;
  margin-top: -20px;
	font-family: Garamond;
	padding-top:5px;
	padding-bottom:37px;

	background-color:#052049;
	color:#fff;
    line-height:120%;
    width: 100%;
   
}


.foot_l{font-family:Garamond;
	float:left;
	position:relative;top:50px ;left:5px
	
}


.foot_r{font-family: Garamond;
	float:right;
	text-align:right;
	position:relative;right:5px
}



.contents{
width:100%;
padding: 20px;
}

.square_btn0{
	width:120px;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: navy;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    float:right;
    margin:2px;
    text-align:center;
}

.square_btn{
	width:68px;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: navy;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    float:right;
    margin:2px;
    text-align:center;
}

.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}

.float_r{
	float:right;

}

.main_text a:hover{color: yellow; text-decoration: none;   text-shadow:2px -2px 3px navy,1px -1px 3px navy,3px -3px 3px navy;
}
.wrapper_en  .square_btn{
font-family: Garamond;
font-size:120%;
	width:72px
}