@charset "utf-8";

/*===================================================================
  import reset CSS
===================================================================*/
@import url(./ress.css);

/*===================================================================
  Common
===================================================================*/
html{ width:100%; height:100%; overflow:auto; }
body{ width:100%; height:100%; min-width:958px; min-height:558px; color:#333333; font-size:16px; font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',Verdana,Arial,Helvetica,sans-serif; }
a{color:#333333;text-decoration:none;}
a:hover{color:#46b4c8;text-decoration:underline;}
a.BtnImg img{opacity:1;}
a.BtnImg:hover img{opacity:0.5;}
div:after{ content:""; clear:both; display:block; }
p{line-height:170%;}


/*===================================================================
Style
===================================================================*/
.wrapper{ width:100%; height:100%; min-width:958px; min-height:558px; position:relative; }
.hoContainerL{ width:784px; height:557px; position:absolute; top:0; left:0; }
.hoContainerBG{ width:230px; height:100%; position:absolute; top:0; left:0; background-color:rgba(255,255,255,0.5); }
.hoLogo{ width:114px; height:98px; position:absolute; top:35px; left:55px; }
.hoTitle{ width:521px; height:131px; position:absolute; top:177px; left:263px; }

.hoMenuT1{ width:200px; height:230px; position:absolute; top:185px; left:0; text-align:right; line-height:150%; }
.hoMenuT1 a{ font-size:15px; font-weight:bold; color:#000000; text-decoration:none; }
.hoMenuT1 a:hover{ color:#6794cf; text-decoration:none; }

.hoMenuT2{ width:200px; height:100px; position:absolute; top:420px; left:0; text-align:right; line-height:130%; }
.hoMenuT2 a{ font-size:13px; color:#000000; text-decoration:none; }
.hoMenuT2 a:hover{ color:#6794cf; text-decoration:none; }

.hoBtnLang{ display:block; width:80px; height:20px; position:absolute; top:515px; left:120px; font-size:13px; font-weight:bold; color:#ffffff; padding-left:15px; line-height:20px; background-color:#000000; }
.hoBtnLang:hover{ background-color:#6794cf; border-color:#6794cf;color:#ffffff; text-decoration:none; }

.hoContainerNews{ width:720px; position:absolute; bottom:20px; right:20px; background-color:rgba(0,0,0,0.3); }
.hoContainerNewsData{ width:680px; margin:5px 20px; border-bottom:1px #ffffff dotted; }
.hoContainerNewsData p{ color:#ffffff; }
.hoContainerNewsData a{ color:#ffffff; }
.hoContainerNewsData div:nth-of-type(1){ float:left; width:120px; }
.hoContainerNewsData div:nth-of-type(2){ float:left; width:100px; }
.hoContainerNewsData div:nth-of-type(3){ float:left; width:460px; }
.hoContainerNewsData div:nth-of-type(1) p{ font-size:14px; padding:5px 0; }
.hoContainerNewsData div:nth-of-type(2) p{ font-size:8px; color:#000000; text-align:center; height:15px; line-height:16px; width:80px; margin-top:8px; background-color:#ffffff; border-radius:10px; }
.hoContainerNewsData div:nth-of-type(3) p{ font-size:14px; padding:5px 0; }