@charset "UTF-8";
/* CSS Document */

/* -------------------
     共通
-------------------*/
*{	margin:0;
	padding:0;
}
body{
	margin: 0 auto;
	padding: 0;
	width:100%;
	text-align: center;
	background:#FFF;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#004897;
}
a:link {
	text-decoration:none;
	color:#004897;
}
img {
 border-style: none;
 vertical-align: top;
}
.clear{
	clear:both;
}
#wrapper {
	width:100%;
	margin:0 auto;
}
#backto_top {  
    position: fixed !important;  
    position: relative;  
    top: 0;  
    right: 0;
}
#backto_top img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width:180px;
}
#backto_top:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
} 
/* -------------------
     メイン部分
-------------------*/
#head {
	width:100%;
	background:url(../img/50th/head_bg.jpg) repeat-x;
}
#main_visual {
	background:url(../img/50th/head_img.jpg) no-repeat;
	background-size:auto;
	background-position:center top;
}
#head_content {
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
}

/* -------------------
    グローバルナビ
-------------------*/
#g_navi{
	width:1000px;
	margin-top:40px;
}
#g_navi ul li {
	list-style:none;
	width:198px;
	height:38px;
	float:left;
	text-align:center;
	border-right:solid 1px #1e51a2;
	font-size:14px;
	padding-top:20px;
}
#g_navi .first {
	border-left:solid 1px #1e51a2;
}
#g_navi ul li:hover {
	background:url(../img/50th/g_navi_hover_bg.png) no-repeat;
}
/* -------------------
 　   挨拶文
-------------------*/
#greeting {
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:16px;
	color:#000000;
	margin:70px auto 0 auto;
}
#greeting .title {
	width:1000px;
	line-height:170%;
	letter-spacing:4px;
	font-size:26px;
	display:block;
	margin-top:70px;
}
#greeting .content {
	width:950px;
	line-height:180%;
	letter-spacing:3px;
	font-size:16px;
	text-align:left;
	display:block;
	margin-bottom:30px;
	margin:10px auto 30px auto;
}
#kaisya {
	background:url(../img/50th/kaisya_btn_hover.png) no-repeat;
	width:250px;
	height:45px;
	float:right;
}
#kaisya a {
    display: inline-block;
}
#kaisya a:hover {
    background-color: transparent; /* IE6対応 */
}
#kaisya  a:hover img {
    visibility: hidden;
}

#content {
	width:1000px;
	margin:100px auto 0 auto;
}

/* -------------------
  コンテンツ/ロゴ
-------------------*/
#content h2{
	padding-top:20px;
	font-size:20px;
	font-weight:400;
	letter-spacing:3px;
	height:50px;
	border-top:solid 1px #1e51a2;
	border-bottom:solid 1px #1e51a2;
	margin-top:70px;
}
#about_logo {
	background:url(../img/50th/50th_06.png) no-repeat;
	width:1000px;
	height:376px;
	margin-top:45px;
}
#logotext {
	width:580px;
	float:right;
	text-align:left;
}
#logotext .text01 {
	font-size:32px;
	display:block;
	text-align:center;
	margin-top:40px;
}
#logotext .text02 {
	font-size:20px;
	color:#000000;
	line-height:120%;
	letter-spacing:3px;
	display:block;
	margin-top:20px;
}

/* -------------------
  コンテンツ/キャラクター
-------------------*/
.youtube{
	margin-top:50px;
}

#content h3{
	font-size:1.5rem;
	margin-top:2rem
}
#content .btn{
	max-width:500px;
	margin-inline:auto;
}
#content .btn a {
	display: block;
	margin: 1rem;
	border: solid 1px;
	padding: 1rem;
	border-radius: 8px;
	background-color: #1e51a2;
	color: #fff;
	text-decoration: none !important;
	text-align: center;
	font-size: 16px;
}

#content .btn a:hover {
	border: solid 1px;
	color: #1e51a2;
	background-color: #fff;
}

/* -------------------
  　フッター
-------------------*/
#fotter {
	width:900px;
	margin:200px auto 30px auto;
}
#left {
	width:250px;
	float:left;
}
.address {
	margin:10px auto;
	font-size:12px;
}
#telfax {
	width:250px;
	background:#ececed;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding-top:8px;
	padding-bottom:8px;
	color:#555555;
	font-size:14px;
}
#right {
	width:600px;
	float:right;
	font-size:11px;
	margin-left:40px;
}
#foot_contact {
	background:url(../img/50th/footer_contact_hover.png) no-repeat;
	width:600px;
	height:50px;
}
#foot_contact a {
    display: inline-block;
}
#foot_contact  a:hover {
    background-color: transparent; /* IE6対応 */
}
#foot_contact   a:hover img {
    visibility: hidden;
}
#right li {
	list-style:none;
	float:left;
	text-align:left;
	border-left:solid 1px #1e51a2;
	margin-bottom:8px;
	padding-left:8px;
}
#fotter li:hover {
	text-decoration:underline;
}
#right .info_01 {
	width:145px;
	float:left;
	margin-top:30px;
}
#right .info_01 li {
	width:145px;
}
#right .info_02 {
	width:200px;
	float:left;
	margin-top:30px;
}
#right .info_02 li {
	width:200px;
}
#right .info_03  {
	width:250px;
	float:left;
	margin-top:30px;
}
#right .info_03 li {
	width:250px;
}

#copyright {
	width:100%;
	height:35px;
	background:#004897;
	padding-top:20px;
	color:#FFFFFF;
	text-align:center;
}