@charset "utf-8";
html{
min-width: 1200px;
width: 100%;
background:#000;
background-attachment:fixed;
font-size: 62.5%;
color:#fff;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*link*/
a {
color:#222;
}
a:active,
a:hover {
color:;
}
/**/
body{
font-size: 1.6rem; /* 16px */
font-weight:bold;
line-height:2rem;
}

/*-------------------------------
header
--------------------------------*/
header {
width:100%;
background-color: #000;
height: 40px;
line-height: 0;
border-bottom: solid 1px;
font-size:1.2rem;
}
header .conbox{
width:1200px;
margin:0 auto;
}
/* intirogo */
#intilogo {
float: left;
padding-left:10px;
}
/* languagebutton */
#languagebutton {
float:left;
overflow: hidden;	
font-weight: bold;
}
#languagebutton a {
text-decoration: none;
color:#fff;
display: inline-block;
padding: 12px 20px;
border-radius: 2px;
background: rgba(162,162,162,0.5);  
}
#languagebutton ul {
margin-top: 8px;
list-style: none;
}
#languagebutton ul li {
float: left;
list-style: none;
text-decoration: none;
margin-left: 10px; 
}
#languagebutton a:hover{
transition: all 0.2s;	
color: #333;
background: #00aabe;
}

#languagebutton ul li.here {
display: inline-block;
padding: 12px 20px;
color: #333;
border-radius: 2px;
background: #00aabe;

}

/* platform */
#platform {
float: right;
}
/*-------------------------------
ヘッダー・フッターライン色　管理
--------------------------------*/
.footer_line,
.header_line {
border-color: #7c7c7c;
}

/*-------------------------------
main_ALL
--------------------------------*/
#wrap_out{
width:100%;
margin:0 auto ;
position:relative;
}
#wrap_in {
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
margin:0 auto;
}
#wrap_in nav#Gnav{
width:100%;
height:72px;
margin:0 auto;
text-align:center;
list-style: none;
background:url(../img/Gnav_BG.jpg);
}
#wrap_in nav#Gnav .conbox{
width:1120px;
height:72px;
margin:0 auto;
text-align:center;
list-style: none;
background:url(../img/GnavBG_off.jpg);
}
#wrap_in nav#Gnav li{
width:140px;
height:72px;
margin:0;
overflow:hidden;
vertical-align: top;
float:left;
line-height:72px;
}
#Gnav li a span{
display:none;
height:0;
}

#Gnav ul li a:hover{
opacity:0;
}

/**/
#main{
background:url(../img/mainBG.png) center top repeat-y;
}
.conbox{
clear:both;
width:1200px;
margin:0 auto;
text-align:center;
margin-bottom:40px;
}	
.conbox:last-child{
margin-bottom:0;
}

h2{
height:148px;
line-height:148px;
background:url(../img/BGh2.png) center bottom no-repeat;
text-align:center;
text-indent:-99999px;
margin:0 auto 30px;
padding:20px 0 0 0;
}
h2 span{
display:block;
text-indent:0;
padding:37px 0;
height:70px;
}

h3{
height:80px;
margin:30px auto 20px;
background:url(../img/BGh3.png) center center;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
text-align:center;
}
h3 span{
display:block;
width:100%;
text-indent:0;
}


/*pageNav*/
#pageNav{
width:840px;
margin:20px auto;
text-align:center;
list-style: none;
}
#pageNav li{
display:inline-block;
width:310px;
height:70px;
cursor: pointer;
background:url(../img/pageNav_off.png) center center no-repeat;
}
#pageNav li:hover,
#pageNav li.select{
background:url(../img/pageNav_on.png) center center no-repeat;
}
#pageNav li span{
display:block;
}
#pageNav li.select {
}
.nonbox {
display: none;
}
.coninbox{
clear:both;
text-align:center;
}



/*-------------------------------
footer
--------------------------------*/
#globalfooterwrap {
	border-top:1px solid #CCC;
background: #000;
color: #fff;
text-align: center;
clear: both;
padding:30px 0 160px;
font-size:1.2rem;
}

.copylight {
background: #000;
}

.copylight p {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 10px 0;
}

/*-------------------------------
backtop
--------------------------------*/
#backtop{
width:100%;
height:120px;
position:fixed;
text-align:center;
bottom:0;
background:#fff;
z-index:1000;
}
#backtop .conbox{
width:100%;
height:120px;
box-shadow: 1px 1px 2px #333;
background:#090D3A;
}
#backtop a{
text-indent:-99999px;
display:block;
width:100%;
height:120px;
line-height:120px;
text-decoration:none;
font-weight:bold;
background:url(../img/backtop.png) center center no-repeat;
background-size:240px;
}
#backtop .conbox:hover{
background:#3273B9;
}