@charset "UTF-8";
/* CSS Document */
html{
height: 100%;
}
body{
height: 100%;
text-align:center;
/**/font-size: 14px; font-size: 1.4rem;/**/
}
img{
max-width:100%;
}

/*----------background----------*/
body{
height:100%;
background:url(../img/BGall.jpg) repeat-x  top;
background-size:1600px;
min-width:1280px;
}
#wrap_out{
height:100%;
min-height: 100%; /**/
}
body > #wrap_out{
height: auto; /**/
}
#wrap_out{
}

/**/
#switch_lan{
width:100%;
height:48px;
background:#FFF;
border-bottom:2px solid #02A2E5;
}
#switch_lan ul{
width:1108px;
margin:0 auto;
}
#switch_lan ul li{
float:left;
height:36px;
margin:6px 6px;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
background:#EA6DA4;
border-radius:20px;
}
#switch_lan ul li a,
#switch_lan ul li span{
display:block;
width:108px;
height:36px;
}
#switch_lan ul li:hover,
#switch_lan ul li.now{
background:#54C2F0;
}
#switch_lan ul li.btJP a{background:url(../img/lanJP.png) center center no-repeat;background-size:contain;}
#switch_lan ul li.btEN a{background:url(../img/lanEN.png) center center no-repeat;background-size:contain;}
#switch_lan ul li.btKR a{background:url(../img/lanKR.png) center center no-repeat;background-size:contain;}
#switch_lan ul li.btTW a{background:url(../img/lanTW.png) center center no-repeat;background-size:contain;}

/**/


#wrap_in{
width:1108px;
margin:0 auto;
}



/*----------header----------*/
header{
width:1094px;
height:584px;/*554*/
padding:20px 0 0 10px;
}
header p{
width:1094px;
height:554px;
background:url(../img/slideBG.png) no-repeat center top;
}
header span{
display:block;
width:1064px;
height:524px;
margin:0 auto 0 12px;
}
header span img{
padding:12px 0 0 0;
}
/**/
.bx-wrapper .bx-prev {
left: 32px;
background: url(../img/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 52px;
background: url(../img/controls.png) no-repeat -43px -32px;
}
/*common*/
.grid{
float:left;
text-align:left;
}
.conbox{
width:93%;
height:220px;
background:#FFF;
margin:0 auto 20px 20px;
text-align:left;
display: inline-block;
vertical-align: top;
}
.grid h2{
width:100%;
height:74px;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
}
/*----------newsbox&twibox----------*/
#newsbox{
width:502px;
background:url(../img/newsBG_pc.png) no-repeat left top;
margin-left:52px;
}
#twibox{
width:502px;
background:url(../img/twiiterBG_pc.png) no-repeat left top;
}
#newsbox .conbox{
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#newsbox h2{
height:74px;
}
#newsbox .conbox dl{
padding:0 10px 10px 10px;
}
#newsbox .conbox dl dt{
padding:0.5em 0 0.5em 0 ;
font-weight:bold;
}
#newsbox .conbox dl dd{
border-bottom:1px dotted #EA6DA4;
padding:0 0 0.5em 0;
}

#twibox.conbox{
}
#twibox h2{
background:url(../img/boxbg_titleTwiiter.jpg) no-repeat left top;
}
#twibox h2 span.btfollow{
display:block;
text-indent:0;
float:right;
margin:10px 18px 0 0;
}
#twibox .conbox .twitWidg{
}
/*iframe調整*/
#twitter-widget-1[style]{ 
max-width: 100% !important;
}
.twitter-timeline {
width:100%;
height: 220px;
}

#twitter-widget-1[style] .timeline-header {
display:none;
}
/*----------backtop----------*/
.backtop{
display:none;
}


/*----------footer----------*/
footer{
clear:both;
width:100%;
margin:0 auto ;
text-align:center;
}
footer  p.copy{
width:330px;
height:18px;
margin:20px auto 0;
text-align:left;
background: url(../img/footer_txt02.gif) left top no-repeat ;
background-size:contain;
text-indent:-99999px;
}





