@charset "UTF-8";


/*---------------
	base
---------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
}

body{
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	width:100%;
	min-width:1080px;
	background-image:url(../images/bg.png);
	background-repeat:no-repeat;
	/* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  
  min-height: 100vh;
  height:100%;
  position: relative;
    }

a img {border: none;}

#wrap{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#wrap .header{
	width:100%;
	min-width:1080px;
	height:11px;
	/*background-image: url(../images/line.png);
	background-repeat:repeat-x;*/
	background-color: #000;
}

#wrap .main{
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 100px;
	position:relative;
}

#wrap .lbox{
	width:213px;
	text-align:center;
	margin:0px 45px 0px 20px;
	float:left;
}

#wrap .lbox .logo01{
	margin:35px 0px 35px 0px;
}

#wrap .lbox .gnav{
	margin-bottom:20px;
}

#wrap .lbox .gnav li{
	margin-bottom:6px;
	list-style: none;
}
.tw_box {
	background-color:#FFF;
	color:#000e51;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	margin: 30px 0px 48px 0px;
	border: 1px solid #ddd;
}
#wrap .rbox_top{
	width:762px;
	margin:35px 20px 50px 0px;
	float:left;
}
#wrap .rbox{
	width:762px;
	float:left;
	/* box-shadow */
	box-shadow:10px 10px 10px 2px #949494;
	-moz-box-shadow:10px 10px 10px 2px #949494;
	-webkit-box-shadow:10px 10px 10px 2px #949494;
}


/*** アイコン ***/
.icon img{
 vertical-align: bottom;
}

/*** ルビ ***/
ruby {
ruby-align: distribute-letter;
ruby-overhang: none;
ruby-position: above;
}

ruby rt{
	font-size:5pt;
}


#wrap .bn{
	color:#FFF;
	text-align:center;
	margin:30px 0px 20px 0px;
}

#wrap .footer{
	width:100%;
     position:absolute;
     bottom:0;
	}

.cr{
	font-size: 14px;
    text-align: center;
    color: #000;
    padding: 0px 0px 10px 0px;
    margin-left: 240px;
}
.f_box{
	min-width:1080px;
	height:80px;
	background-color: #000;
	background-image:url(../images/f_logo.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: -100px;
	}
	

/*---------------
	pagetop
---------------*/
#pagetop {
    position: fixed;
    bottom: 55px;
    right: 20px;
	z-index:1000;
}


/*------------------------------
  clearfix
------------------------------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.clear {
	margin:	0px 0px 0px 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0;
	visibility:	hidden;
	clear: both;
}