@charset "shift_jis";

/* ****************************************************
top.css
for toppage.

@rule
display/position/float
width/height
box-model
background
text
font
other
***************************************************** */

#main-container{
float:left;
width:545px;
padding:9px 0 35px 0;
line-height:1.3;
}

#aside{
float:right;
width:208px;
padding:0 0 35px 0;
}

#header{
height:143px;
margin:0 auto 21px;
}

/* Flash
------------------------------------ */
#main-flash{
margin:0 0 11px 0;
}

/* main-container
------------------------------------ */
#main-container .box-block-wrap,
#main-container .box-block,
#main-container .box{
width:545px;
background-image:url(../images/top_mainbox_bg.gif);
}

#main-container .columnbox-block-wrap,
#main-container .columnbox-block,
#main-container .columnbox{
width:545px;
background-image:url(../images/top_columnbox_bg.gif);
}

#main-container .box-block-wrap,
#main-container .columnbox-block-wrap{
margin:0 0 20px 0;
background-position:-545px 0;
background-repeat:repeat-y;
}

#main-container .columnbox-block-wrap{
margin:0 0 10px 0;
}

#main-container .box-block,
#main-container .columnbox-block{
padding:14px 0 0 0;
background-position:0 0;
background-repeat:no-repeat;
}

#main-container .box,
#main-container .columnbox{
padding:0 0 14px 0;
background-position:-1090px 100%;
background-repeat:no-repeat;
}

#main-container h2{
margin:0 0 10px 0;
}

#main-container h3{
margin:0 0 8px 0;
}

#main-container #top-iku{
font-size:85%;
}

#main-container .extext{
margin:0 0 7px 0;
}

#main-container .block-in{
width:510px;
margin:0 auto;
}

#main-container .bline{
padding:0 0 1px 0;
background:transparent url(../common/images/line_dashed.gif) left bottom repeat-x;
}

#main-container #top-iku .vline-01{
background:transparent url(../common/images/line_dashed_v.gif) 340px 0 repeat-y;
}

#main-container #top-iku .vline-02{
background:transparent url(../images/top_line_dashed_v02.gif) 0 0 repeat-y;
}

#main-container #top-shiru .vline-01{
background:transparent url(../common/images/line_dashed_v.gif) 255px 0 repeat-y;
}

#main-container .update{
font-weight:bold;
color:#f39800;
}

#main-container .box .section-01{
float:left;
width:340px;
padding:0 0 15px 0;
}

#main-container .box .section-02{
float:left;
width:170px;
padding:12px 0 0 0;
}

#main-container .box .bline .section-02{
padding:0 0 15px 0;
}

#main-container .box .section-03{
float:left;
width:255px;
}

#main-container .columnbox .section-04{
with:500px;
padding:5px;
}

#main-container .box .section-02 h3,
#main-container .box .section-03 h3{
padding:0 0 0 12px;
}

#main-container .thumb{
display:inline;
}

#main-container .thumb img{
float:left;
}

#main-container .box .section-02 .thumb img,
#main-container .box .section-03 .thumb img{
padding:0 0 0 12px;
}

#main-container .box .section-01 .detail-ex,
#main-container .box .section-04 .detail-ex,
#main-container .columnbox .section-04 .detail-ex{
margin:0 0 0 130px;
}

#main-container .box .section-02 .detail-ex{
margin:0 0 0 81px;
}

#main-container .box .section-03 .detail-ex{
margin:0 0 0 86px;
}

#main-container .box .section-02.first h3,
#main-container .box .section-03.first h3{
padding:0;
}

#main-container .box .section-02.first .detail-ex,
#main-container .box .section-03.first .detail-ex{
margin:0 0 0 70px;
}

#main-container .box .section-02.first .thumb img,
#main-container .box .section-03.first .thumb img{
padding:0;
}

#main-container .columnbox .update{
margin:0 0 5px 0;
}

#main-container .columnbox .detail-link{
font-size:115%;
}

#main-container .tbox-block-wrap,
#main-container .tbox-block,
#main-container .tbox,
#main-container .tbox-sec{
width:545px;
background-image:url(../images/top_tanosimubox_bg.gif);
}

#main-container .tbox-block-wrap{
margin:0 0 20px 0;
background-position:-545px 0;
background-repeat:repeat-y;
}

#main-container .tbox-block{
padding:20px 0 0 0;
background-position:0 0;
background-repeat:no-repeat;
}

#main-container .tbox{
padding:0 0 14px 0;
background-position:-1635px 100%;
background-repeat:no-repeat;
}

#main-container .tbox-sec{
padding:0 0 30px 0;
background-position:-1090px 100%;
background-repeat:no-repeat;
}

#main-container .eco-box{
padding:0 0 15px 0;
background:transparent url(../images/top_eco_bg.gif) 353px 100% no-repeat;
}

#main-container .eco-box .update,
#main-container .eco-box .extext dt,
#main-container .eco-box .extext dd{
margin:0 0 4px 0;
}

#main-container .tbox .section-01 .detail-ex{
margin:0 0 0 130px;
}

#main-container .tbox .section-02 .detail-ex{
margin:0 0 0 220px;
}

#main-container .extext dt{
margin:0 0 3px 0;
font-weight:bold;
font-size:116%;
color:#492e10;
}

#main-container .eco-backnum{
padding:11px 0 0 0;
}

#main-container .eco-backnum li{
float:left;
width:127px;
margin:0 0 5px 0;
}

#main-container .eco-backnum .thumb-list li a{
vertical-align:middle;
text-decoration:none;
}

#main-container .eco-backnum .thumb-list li a span{
display:-moz-inline-box;
display:inline-block;
padding:4px 0;
vertical-align:middle;
/display: inline;
/zoom: 1;
}

#main-container .eco-backnum .thumb-list li a span > span{
display:block;
}

#main-container .eco-backnum .thumb-list li .thumb,
#main-container .eco-backnum .thumb-list li .thumb > span{
width:43px;
}

#main-container .eco-backnum .thumb-list li .text,
#main-container .eco-backnum .thumb-list li .text > span{
width:84px;
}

#main-container .eco-backnum .thumb-list li .text{
text-decoration:underline;
}

#main-container .eco-backnum .thumb-list li a img{
margin:0 5px 0 0;
}

#main-container .detail-link li{
display:inline;
}

#main-container .detail-link a{
margin:0 15px 0 0;
padding:3px 0 3px 21px;
background:transparent url(../common/images/icon.gif) 0 2px no-repeat;
}

#main-container .detail-link li.end a{
margin:0;
}

#main-container .eco-backnum .detail-link a{
padding:3px 0 10px 21px;
}

#main-container #information dl{
width:545px;
padding:15px 0;
background:transparent url(../common/images/line_dashed.gif) left bottom repeat-x;
line-height:1.5;
}

#main-container #information dl.stay{
background-color:#dbfeb6;
}

#main-container #information dt{
float:left;
width:65px;
text-align:center;
}

#main-container #information dd{
margin:0 0 0 70px;
}

#main-container #information dd img{
margin:0 0 0 3px;
vertical-align:text-bottom;
}

#main-container #information .update{
font-weight:normal;
}

#main-container #information dl.stay .update{
color:#eb603d;
}

/* clearfix
------------------------------------ */
.bline,
.vline-01,
.vline-02,
#main-container .eco-backnum li,
#main-container .eco-backnum ul,
#main-container .section-02{
display:inline-table;
}
/* \*/
.bline,
.vline-01,
.vline-02,
#main-container .eco-backnum li,
#main-container .eco-backnum ul,
#main-container .section-02{
display:block;
}
/* */
.bline:after,
.vline-01:after,
.vline-02:after,
#main-container .eco-backnum li:after,
#main-container .eco-backnum ul:after,
#main-container .section-02:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}