div#g_navi{
	background:rgba(97, 97, 97, 0.25); /*background:rgba(255, 255, 255, 0.25);*/
	margin: 0 ;
	min-width:100%;
	position:fixed;
	z-index:999;
	width:100%;
	color:#fff;
	padding:10px 10px;
}
div#g_navi a{
	color:#fff;
	text-decoration:none;
	margin-right:8px;
	transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    -ms-transition: .8s ease-in-out;
	padding:0px 0px;
	font-size: 90%;
}
div#g_navi a:hover{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background:rgba(255, 255, 255, 0.25);
}

div#g_navi_i{
	position : relative ;
	margin: 0 auto;
	width : 100% ;
	padding:60px 0px;
}
div#g_navi_i a{
	text-decoration: none;
	color:#ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border:solid 1px #fff;
	background:rgba(255, 255, 255, 0.5);
	color:#333;
	padding:20px 20px;
	margin-right:5px;
	margin-top:10px;
	
}
div#g_navi_i a:hover{
	text-decoration: none;
	color:#FCC;
	margin-right:5px;
}
div#topimg{
	background-image:url("img/top01.jpg");
	background-size: cover;
	height:250px;
}
div#comm{
	margin: 0px 0px 0px 0px; 
	min-width:100%;
	background-size: 100px auto;
}
div#comm_i {
	position : relative ;
	margin: 0 auto;
	width : 100% ;
	padding:20px 0px 10px 0px;
	font-size:90%;
	
}
div#comm_i_top {
	position : relative ;
	margin: 0 auto;
	width : 960px ;
	height:900px;
	padding:20px 0px 0px 0px;
	line-height:250%;
	text-align:center;
}
div#comm_i_top_in {
	color:#fff;
	padding:80px 0px;
	}
div#comm_slid{
	margin: 0 ;
	min-width:100%;
	position : relative ;
	margin: 0 auto;
	padding:100px 0px 0px 0px;
	line-height:0em;
		margin-top:0px;
		text-align:center;
}
div.right{
	float:right;
}
div.right_up{
	float:right;
	padding-top:37px;

	line-height:160%;
}
div.clear {
   clear: both;
}
div.left{
	float:left;
}
div#g_opt{
	background:#fff;
	margin: 0 ;
	width:100%;
	border-top:solid 1px #333;
}
#g_opt img{
	width: 100%;
	height: auto;
}
div#g_opt_i{
	position : relative ;
	margin: 0 auto;
	width : 100% ;
	color:#000;
	text-align:center;
	padding:100px 0px 100px 0px;
	line-height:250%;
}
div#g_ws{
	background:#f2f2f2;
	margin: 0 ;
	min-width:100%;
	border-top:solid 1px #333;
}
#g_ws table{
	width: 50%;
}
#g_ws tr{
	display: block;
	width: 50%;
}
#g_ws td{
	display: block;
	width: 50%;
}
#g_ws iframe{
	width: 100%;
}
div#g_ws_i{
	position : relative ;
	margin: 0 auto;
	width : 100% ;
	color:#333;
	text-align:center;
	padding:100px 0px 150px 0px;
	line-height:250%;
}
div#g_ku{
	background:#fff;
	margin:0;
	padding:100px 0px 0px 0px;
	min-width:100%;
}
/*div#g_ku_i{
	position : relative ;
	margin: 0 auto;
	width : 960px ;
	color:#000;
	text-align:center;
	padding:100px 0px 100px 0px;
	line-height:250%;
}*/
div#g_si{
	background:#fff;
	margin: 0 ;
	padding:100px 0px 0px 0px;
	min-width:100%;
}
/*div#g_si_i{
	position : relative ;
	margin: 0 auto;
	width : 960px ;
	color:#000;
	text-align:center;
	padding:100px 0px 100px 0px;
	line-height:250%;
}*/
div#g_about{
	background:#333;
	margin: 0 ;
	min-width:100%;
	border-top:solid 1px #333;
	margin-top:-50px;
	padding-top:50px;
}
div#g_about_i{
	position : relative ;
	margin: 0 auto;
	width : 100% ;
	color:#fff;
	text-align:center;
	padding:100px 0px 150px 0px;
	line-height:250%;
}
div#about_l{
	width:46%;
	margin-right:3%;
	float:left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background:rgba(255, 255, 255, 0.2);
	padding:10px;
	text-align:left;
	line-height:200%;
}
div#about_r{
	width:46%;
	float:left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background:rgba(255, 255, 255, 0.2);
	padding:10px;
	text-align:left;
	line-height:200%;
}

.img_pr{
	border:solid 1px #CCC;
	padding:0px;
	margin-right:10px;
	float:left;
}
div#g_cont{
	background:#000;
	margin: 0 ;
	min-width:100%;
	border-top:solid 1px #333;
	margin-top:-50px;
	padding-top:50px;
}
div#g_cont_i{
	position : relative ;
	margin: 0 auto;
	width : 100% ;
	color:#fff;
	text-align:center;
	padding:100px 0px 100px 0px;
	line-height:250%;
}
.tit_r{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background:rgba(255, 255, 255, 1);
	color:#333;
	padding:2px 10px;
	margin-right:20px;
	margin-top:10px;
	width:450px;
	margin:0 auto;
}
.tit_s{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background:#06C;
	color:#fff;
	padding:2px 10px;
	margin-right:20px;
	margin-top:10px;
	width:450px;
	margin:0 auto;
}
.l_txt02{
	font-size:48px;
}
h1{
	margin:0px 0px 0px 300px;
	font-weight:normal;
	
}
.rad{
	width: 150px;
	height: 150px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 100%;
	background-color: #999;/* 円の色 */
}
i {
	font-size:16px;
}
.txt_s{
	font-size:70%;
}
.txt_l{
	font-size:120%;
}
body {
	margin : 0 ;
	padding : 0 ;
	width : 100% ; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

/* 画像ファイルの指定 */
  /* background-image: url(img/bg01a.jpg);*/
   
  /* 画像を常に天地左右の中央に配置 */
 /*  background-position: center center;*/
   
  /* 画像をタイル状に繰り返し表示しない */
 /*  background-repeat: no-repeat;*/
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
/*   background-attachment: fixed;*/
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
/*   background-size: cover;*/
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
 /*  background-color: #464646;	*/
	
	
}
div.logo{
	margin:0 auto;
	width:730px;
	height:330px;
	background-image:url("img/logo_text51ok_b.png");
	animation-name: anime;
	animation-duration: 6s;
	animation-timing-function: ease;
	animation-delay:0;
	animation-iteration-count: infinite;
	animation-direction:alternate;
}

@keyframes anime {
	0% {	opacity:0;	}
	100% {	opacity:1;	}
}

/*ボタン*/
.btn {
    width:100%;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#80878f;
	border-radius:5px;
	text-decoration: none;
}