@charset "utf-8";
/* ==================================================================
CSS information
style info :TRAILERSページ用
================================================================== */

@import url("../../common/css/container.css");

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{}

/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container{}

#inner{
padding:41px 45px 30px;
}




/* --------------------------------------------------------
上段用タイトル
-------------------------------------------------------- */
.title{margin-left:43px;}
.title2{margin-left:148px;}
.title3{margin-left:144px;}




/* --------------------------------------------------------
.topBox
-------------------------------------------------------- */
.topBox{
width:892px;
margin:0 auto 35px;
position:relative;
}
.topBox .contentWrapper_top {/*表示領域*/
position:absolute;
overflow:hidden;
top:0px;
left:43px;
width:830px;
height:176px;
}
.topBox .contentWrapper_top .contentItem_top {/*各ブロック領域*/
float:left;
width:264px;
height:176px;
margin:0px 7px 0 0px;
background:url(../img/btn_bg.gif) 0 0 no-repeat;
}
.topBox .contentWrapper_top .contentItem_top a img{margin:3px 5px 11px 5px;}
.topBox .contentWrapper_top .contentItem_top a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

.topBox .infoNavi_top{width:892px; height:176px;}
.topBox .infoNavi_top li{position:absolute;}
.topBox .infoNavi_top li.leftButton{left:0px;}
.topBox .infoNavi_top li.rightButton{right:0px;}
.topBox .infoNavi_top li a:hover img{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

/* --------------------------------------------------------
.bottomBox
-------------------------------------------------------- */
.bottomBox{
width:892px;
margin:0 auto 15px;
position:relative;
}
.bottomBox .contentWrapper {/*表示領域*/
position:absolute;
overflow:hidden;
top:0px;
left:43px;
width:810px;
height:176px;
}
.bottomBox .contentWrapper .contentItem,
.bottomBox .contentWrapper .contentItem01,
.bottomBox .contentWrapper .contentItem02 {/*各ブロック領域*/
position:absolute;
width:264px;
height:176px;
margin:0px 10px 0 0px;
background:url(../img/btn_bg.gif) 0 0 no-repeat;
}
.bottomBox .contentWrapper .contentItem a img,
.bottomBox .contentWrapper .contentItem01 a img,
.bottomBox .contentWrapper .contentItem02 a img{
margin:3px 5px 11px 5px;
}
.bottomBox .contentWrapper .contentItem a:hover img,
.bottomBox .contentWrapper .contentItem01 a:hover img,
.bottomBox .contentWrapper .contentItem02 a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

.bottomBox .infoNavi{width:892px; height:176px;}
.bottomBox .infoNavi li{position:absolute;}
.bottomBox .infoNavi li.leftButton{left:0px;}
.bottomBox .infoNavi li.rightButton{right:0px;}
.bottomBox .infoNavi li a:hover img{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}