@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  index.css
 style info :  TOPページのCSS
=================================================================== */

/*---------------------------------------------------
TOPページ写真のエリア
-----------------------------------------------------*/
/*
div#wrapper div#topArea {
padding: 0 0 20px;
}

div#topArea:after {
content: "."; display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

div#topArea { display: inline-block; }
div#topArea { display: block; }

div#topArea div#mainphotos {
float: left;
width: 665px;
height: 380px;
}

div#topArea div.bnrArea {
width: 250px;
float: right;
margin-top: -3px;
}

div#topArea div.bnrArea h2 {
padding-top: 16px;
}

div#topArea div.bnrArea p.txt {
padding: 5px 0 7px;
line-height: 1.5;
font-size: 92%;
}

div#topArea div.bnrArea p.btnDetail {
text-align: right;
}*/
div#wrapper div#topArea {
padding: 0 0 20px;
}

div#topArea div#mainphotos {
padding: 0 0 16px;
}

div#topArea ul#mainphotosBottom {
width: 948px;
margin-right: -18px;
padding-top: 18px;
overflow: hidden;
_zoom: 1;
}

ul#mainphotosBottom:after {
content: "."; display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

ul#mainphotosBottom { display: inline-block; }
ul#mainphotosBottom { display: block; }


ul#mainphotosBottom li {
float: left;
margin-right: 18px;
}



/*---------------------------------------------------
ニュース切り替えのBOX
-----------------------------------------------------*/
div#container ul#textNews {
clear: both;
border: 1px solid #ccc;
padding: 5px 9px;
width: 910px;
clear: both;
margin: 0 0 25px;
}

div#container ul#textNews li {
background: url(/images/common/bg_arrow02.gif) 0 0.15em no-repeat;
padding-left: 20px;
line-height: 1.2;
}

/*---------------------------------------------------
コンテンツ部分共通
-----------------------------------------------------*/
div#container div#contents {
font-size: 100%;
}

div#contents h3 {
line-height: 0;
font-size: 0.1em;
padding-bottom: 22px;
}

div#contents p.btnAll {
position: absolute;
right: 0;
top: 4px;
}




/*---------------------------------------------------
ニュース
-----------------------------------------------------*/
div#contents div.newsBox {
position: relative;
padding-bottom: 13px;
}



/*---------------------------------------------------
メディア。プレスリリース
-----------------------------------------------------*/
/*div#contents div.bottomBox {
background: url(/images/common/bg_border01.gif) 291px 0 repeat-y;
margin-bottom: 23px;
}

div.bottomBox:after {
content: "."; display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

div.bottomBox { display: inline-block; }
div.bottomBox { display: block; }


div.bottomBox div.mediaBox {
width: 275px;
float: left;
position: relative;
}


div.bottomBox div.pressBox {
width: 275px;
float: right;
position: relative;
}*/

/*---------------------------------------------------
下部バナー
-----------------------------------------------------*/
/*
div#contents div.bnrArea {
border-top: 1px solid #d9d9d9;
}

div#contents div.bnrArea ul.bnrList {
margin-left: -10px;
padding: 15px 0 0;
}

div#contents div.bnrArea ul.bnrList:after {
content: "."; display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

div#contents div.bnrArea ul.bnrList { display: inline-block; }
div#contents div.bnrArea ul.bnrList { display: block; }

div#contents div.bnrArea ul.bnrList li {
float: left;
width: 285px;
margin-right: 0px;
}


div#contents div.bnrArea ul.bnrList li.right {
width: 295px;
float: right;
margin-right: 0;
}

div#contents div.bnrArea ul.bnrList li.right:after {
content: "."; display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

div#contents div.bnrArea ul.bnrList li.right { display: inline-block; }
div#contents div.bnrArea ul.bnrList li.right { display: block; }

div#contents div.bnrArea ul.bnrList li.right h3.youtube_ttl{
line-height: 0;
font-size: 0.1em;
padding: 7px 0 0px;
}

div#contents div.bnrArea ul.bnrList li.right p.youtube_btn{
padding-top: 10px;
float: right;
}*/

div#contents div.bottomBnrArea {
border-top: 1px solid #d9d9d9;
padding-top: 25px;
}

div#contents div.bottomBnrArea:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

div#contents div.bottomBnrArea { display: inline-block; }
div#contents div.bottomBnrArea { display: block; }

div#contents div.bottomBnrArea ul.bnrList {
width: 607px;
margin-right: -16px;
overflow: hidden;
_zoom: 1;
}

div#contents div.bottomBnrArea ul.bnrList:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

div#contents div.bottomBnrArea ul.bnrList { display: inline-block; }
div#contents div.bottomBnrArea ul.bnrList { display: block; }

div#contents div.bottomBnrArea ul.bnrList li {
float: left;
width: 186px;
margin-right: 16px;
padding-bottom: 15px;
}



/*---------------------------------------------------
サイドバー
-----------------------------------------------------*/
div#sidebar ul.topBnr {
padding-bottom: 0;
border-bottom: none;
}

div#sidebar ul.topBnr li {
padding: 0 0 15px;
}

ul.topBnr li.bt_left {
float:left;
text-align:left;
padding-bottom:15px;
}

ul.topBnr li.bt_right {
float:right;
text-align:right;
padding-bottom:15px;
height:55px;
}

div#sidebar ul.topBnr li.contribution {
padding: 0 0 20px;
}


div#sidebar ul.bottomBnr {
margin-top: 0;
border-top: 1px solid #d9d9d9;
}

div#sidebar ul.bottomBnr li {
padding-top: 0;
border-bottom: 1px solid #d9d9d9;
}

div#container div#sidebar {
    padding-bottom: 60px;
}