@charset "UTF-8";

/* - LAYOUT -
--------------------------------------------------------------*/
html,body{
background: #FFF;
overflow: hidden;
}
div#container{
min-height: 768px;
background: url(/ex/xy/images/home_bg.jpg) no-repeat 50% 0;
background-attachment: fixed;
}
#contentWrap{
width: 100%;
margin: 0 auto;
/* padding: 104px 0 0; */
padding: 61px 0 0;
overflow: hidden;
}

/* - KV Block -
--------------------------------------------------------------*/
#home div.kvBlk{
min-height: 606px;
background: url(/ex/xy/images/kv.png) no-repeat 50% 0;
}


/* - CONTENTS -
--------------------------------------------------------------*/
#home div#content{
width: 956px;
margin: 0 auto;
/* position: relative; */
}

/* News Blk  ====== */
#home div#content #newsBlk{
position: absolute;
bottom: 165px;
width: 956px;
height: 149px;
background: url(/ex/xy/images/bg_newsblk.png) no-repeat 0 0;
overflow: hidden;
}
#home div#content #newsBlk div.newsArea{
position: relative;
float: left;
width: 546px;
height: 101px;
margin: 0 10px 0 8px;
background: url(/ex/xy/images/bg_newsblk_area01.png) no-repeat 0 0;
}
#home div#content #newsBlk div.prmArea{
float: right;
width: 385px;
height: 101px;
margin-right:7px;
background: url(/ex/xy/images/bg_newsblk_area02.png) no-repeat 0 0;
}
/* Newsarea Fullview */
#home div#content #newsBlk div.newsArea.fullView{
position: relative;
float: left;
width: 940px;
background: url(/ex/xy/images/bg_newsblk_area03.png) no-repeat 0 0;
}
/* bannerSingle */
#home div#content #newsBlk.bannerSingle div.newsArea{
width: 736px;
background: url(/ex/xy/images/bg_newsblk_area05.png) no-repeat 0 0;
}
#home div#content #newsBlk.bannerSingle div.prmArea{
width: 195px;
background: url(/ex/xy/images/bg_newsblk_area04.png) no-repeat 0 0;
}



/* tabs */
#home div#content #newsBlk ul.tabs{
margin: 0 0 7px;
}
#home div#content #newsBlk ul.tabs li{
float: left;
margin: 0 7px 0 0;
/* display: inline; */
}
#home div#content #newsBlk ul.tabs li.tabNews{
width: 158px;
height: 28px;
padding: 1px;
}
#home div#content #newsBlk ul.tabs li.tabNews a{
display: block;
width: 158px;
height: 28px;
background: url(/ex/xy/images/btn_news.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#home div#content #newsBlk ul.tabs li.tabNews a:hover{
background-position: 0 -50px;
}
#home div#content #newsBlk ul.tabs li.tabTopics{
width: 148px;
height: 25px;
}
#home div#content #newsBlk ul.tabs li.tabTopics a{
display: block;
width: 148px;
height: 25px;
background: url(/ex/xy/images/btn_topics.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#home div#content #newsBlk ul.tabs li.tabTopics a:hover{
background-position: 0 -50px;
}

/* News Date */
#home div#content #newsBlk  div.newsArea p.newsDate{
height: 21px;
padding: 3px 0 0 10px;
}
/* Icon */
#home div#content #newsBlk  div.newsArea span.update{
display: inline-block;
width: 45px;
height: 15px;
margin: 0 5px 0 0;
background: url(/ex/xy/images/icn_news_01.png) no-repeat 0 2px;
text-indent: -9999px;
overflow: hidden;
}
#home div#content #newsBlk  div.newsArea span.news{
display: inline-block;
width: 45px;
height: 15px;
margin: 0 5px 0 0;
background: url(/ex/xy/images/icn_news_02.png) no-repeat 0 2px;
text-indent: -9999px;
overflow: hidden;
}
#home div#content #newsBlk  div.newsArea p.newsDate span.update,
#home div#content #newsBlk  div.newsArea p.newsDate span.news{
margin: 0 0 0 20px;
}

/* News List */
#home div#content #newsBlk div.newsArea ul.newslist{
height: 75px;
margin: 0 5px;
overflow: auto;
font-size: 12px;
}
#home div#content #newsBlk div.newsArea ul.newslist li{
padding: 3px 0 3px 5px;
}
#home div#content #newsBlk div.newsArea ul.newslist li.even{
background: #f0f0f0;
}

#home div#content #newsBlk div.newsArea p.moveNews{
position: absolute;
width: 111px;
top: 3px;
right: 4px;
}
#home div#content #newsBlk div.newsArea p.moveNews a{
display: block;
height: 18px;
background: url(/ex/xy/images/btn_newsall.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#home div#content #newsBlk div.newsArea p.moveNews a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
/* Prm Bnr */
#home div#content #newsBlk div.prmArea ul.prmlist{
width: 372px;
height: 93px;
margin: 5px 0 0 10px;
}
#home div#content #newsBlk div.prmArea ul.prmlist li{
float: left;
width: 174px;
height: 93px;
margin: 0;
}
#home div#content #newsBlk div.prmArea ul.prmlist li.pl01{
margin-right: 15px;
}
#home div#content #newsBlk div.prmArea ul.prmlist li a{
display: block;
height: 93px;
text-indent: -9999px;
overflow: hidden;
}
#home div#content #newsBlk div.prmArea ul.prmlist li.pl01 a{
background: url(/ex/xy/images/prm_newsblk_01.jpg) no-repeat 0 0;
}
#home div#content #newsBlk div.prmArea ul.prmlist li.pl02 a{
background: url(/ex/xy/images/prm_newsblk_02.jpg) no-repeat 0 0;
}


/* Page Info  ====== */
#home div#content #pageInfo{
width: 956px;
}


/* Modal Topics
/*--------------------------------------------------------------*/
div#modalCont{
position:absolute;
top: 0;
left: 0;
width: 100%;
z-index:1000;
background: url(/ex/xy/images/bg_topics.png) no-repeat 50% 0;
}
div#modalCont div.include{
position: relative;
width: 932px;
height: 624px;
margin: 65px auto 0;
}
div#modalCont div.include h2{
position: absolute;
width: 255px;
height: 52px;
margin: 0;
//background: url(/ex/xy/images/sttl_topics.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
/* list */
div#modalCont div.include ul.topicsList{
position: absolute;
top: 13px; left: 0;
width: 953px;
height: 617px;
background: url(/ex/xy/images/img_topics_panel.png) no-repeat 0 0;
}
div#modalCont div.include ul.topicsList li{
position: absolute;
}
div#modalCont div.include ul.topicsList li a{
display: block;
height: 100%;
text-indent: -9999px;
overflow: hidden;
}
div#modalCont div.include ul.topicsList li.tl01{
width:347px; height:308px; top:308px; left:0px;
}
div#modalCont div.include ul.topicsList li.tl02{
width:301px; height:294px; top:38px; left:209px;
}
div#modalCont div.include ul.topicsList li.tl03{
width:320px; height:303px; top:317px; left:394px;
}
div#modalCont div.include ul.topicsList li.tl04{
width:318px; height:291px; top:37px; left:572px;
}

/* cls btn */
div#modalCont p.closeBtn{
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 28px;
margin: 0;
background: url(/ex/xy/images/btn_cls_topics.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
}
div#modalCont p.closeBtn a{
display: block;
height: 28px;
}


div#footerWrap{ background-position: 0 -160px; }

/* - Adjust PC - Small Height ブラウザの高さが小さい時用スタイル
/*--------------------------------------------------------------*/
body.smlHeight{
/* overflow: auto; */
}
/* News Blk  ====== */
body.smlHeight #home div#content #newsBlk{
position: static;
margin-bottom: 20px;
}

body.smlHeight #contentWrap{
padding: 61px 0 0;
}

/* FooterWrap  ====== */
body.smlHeight #home div#footerWrap{
position: static;
margin-bottom: -20px;
 /*height: 101px; */
}




/* - Adjust iPad -
--------------------------------------------------------------*/
body.iPad #home #header {
height: 98px;
}
body.iPad #home div#content{
padding-top: 550px;
}
body.iPad #home div#content #newsBlk{
/*position: absolute;*/
position: relative; top:-130px;
padding-bottom: 65px;
}


/* - Adjust IE7 -
--------------------------------------------------------------*/
*:first-child+html body #home{
}
*:first-child+html body #home div#content #newsBlk .newsArea{
margin-top: 25px;
}
*:first-child+html body #home div#content #newsBlk div.newsArea span.update {
float: left;
display: block;
}
*:first-child+html body div#modalCont {
background: #FFF;
}

#footer ul.relatedLink02 {bottom: 6px;}
div#footerWrap { height:85px; }

/* */
.footerBanner { display:block; margin-bottom:0px; }
.footerBanner ul { margin-bottom:10px; }
.footerBanner li { display:block; float:left; margin-left:20px; }
.footerBanner li:first-child { display:block; float:left; margin-left:0px; }

#footerWrap.line0 { height:83px; background-position:0 -160px; }
#footerWrap.line0 .footerBanner { display:none; }
#footerWrap.line0 #footer ul.relatedLink02 {bottom: 0px;}
#footerWrap.line1 { height:145px; background-position:0 -98px; }
#footerWrap.line1 #footer ul.relatedLink02 {bottom: -63px;}
#footerWrap.line1 .footerBanner ul.line02 { display:none; }
#footerWrap.line2 { height:208px; background-position:0 -35px; }
#footerWrap.line2 #footer ul.relatedLink02 {bottom: -126px;}