@charset "utf-8";
/* CSS Document */

/* import css 
----------------------------------*/
@import url(reset.css);
@import url(base.css);


/* leftcnt 
----------------------------------*/


#leftcnt h3{
font-weight: bold;
width: 593px;
height: 43px;
line-height: 35px;
padding-left: 22px;
margin-top: 20px;
font-size: 140%;
}

#leftcnt h3.genre {
color: #004f80;
background: url(../images/common/h3_01.gif) top left no-repeat;
clear: both;
}

#leftcnt h3.event {
color: #106e00;
background: url(../images/common/h3_02.gif) top left no-repeat;
clear: both;
}

#leftcnt h3.opinion {
color: #6a7300;
background: url(../images/common/h3_03.gif) top left no-repeat;
clear: both;
}

/* genre_box01 
----------------------------------*/

#leftcnt .genre_box01 {
width: 591px;
background-color: #f8f8f8;
border: 1px solid #d4d4d4;
margin-bottom: 9px;
}

#leftcnt .genre_box01 .genre_box01-inner {
background: url(../images/common/genreboxinner_bg.gif) bottom left repeat-x;
padding: 12px 0;
margin: 0 13px;
}

#leftcnt .genre_box01 h4{
display: block;
width: 110px;
height: auto;
padding-right: 12px;
font-weight:bold;
color: #004f80;
font-size: 120%;
float: left;
line-height: 1.5em;
}

#leftcnt .genre_box01 ul{
display: block;
width: 443px;
float: left;
}

#leftcnt .genre_box01 ul li{
display: inline;
white-space: nowrap;
line-height: 1.5em;
}

#leftcnt .genre_box01 ul li span{
padding: 0 4px;
}

/* genre_box02 
----------------------------------*/

#leftcnt .genre_box02 {
width: 565px;
background-color: #f8f8f8;
border: 1px solid #d4d4d4;
padding: 13px;
margin-bottom: 13px;
}

#leftcnt .genre_box02 ul li{
display: inline;
line-height: 1.5em;
white-space: nowrap;
}

#leftcnt .bannerbox01,
#leftcnt .bannerbox02 {
width :591px;
height: 67px;
}

#leftcnt .bannerbox01{
margin-bottom: 8px;
}

#leftcnt .bannerbox01 img.left,
#leftcnt .bannerbox02 img.left{
float: left;
}

#leftcnt .bannerbox01 img.right,
#leftcnt .bannerbox02 img.right{
float: right;
}

#leftcnt .eventbox{
width: 270px;
padding-right: 26px;
float: left;
}

.box01{
}

.box01 .imgbox {
width: 100px;
height: 89px;
float: left;
margin-top: 8px;
}

.box01 .txtbox {
width: 148px;
height: 75px;
margin-top: 20px;
line-height: 1.5em;
float: left;
overflow: hidden;
padding-left: 12px;
}

#leftcnt div.position{
position: relative;
width: 593px;
height: 43px;
}

#leftcnt div.position p.list_btn{
position: absolute;
top:6px;
left:531px;
}

*+html #leftcnt div.position p.list_btn{
top:26px;
}

* html #leftcnt div.position p.list_btn{
top:26px;
}

p.ev_info {
background: url(../images/common/list_arrow01.gif) left top no-repeat;
line-height: 120%;
padding-left: 15px;
}

p.op_info {
background: url(../images/common/list_arrow02.gif) left top no-repeat;
line-height: 120%;
padding-left: 15px;
}

img.pad_top{
padding-top: 2px;
}

.gBox-in{
width: 289px;
float: left;
}

.gBox-in li,
.gColbox li{
float: left;
white-space: nowrap;
margin-bottom: 10px;
padding-right: 4px;
}

.gBox-in li span,
.gColbox li span{
padding-left: 4px;
}

.gCol .odd{
padding-right: 14px;
}

.gCol,
.gColbox{
margin-bottom: 1em;
}

.cat-list{
font-size: 1.2em;
padding: 29px 12px 14px 55px;;
margin-bottom: 8px;
}

.cat-list a{
font-weight: bold;
text-decoration: none;
}

.menu01{background: url(../images/top/menu01.gif) left top no-repeat;}
.menu02{background: url(../images/top/menu02.gif) left top no-repeat;}
.menu03{background: url(../images/top/menu03.gif) left top no-repeat;}
.menu04{background: url(../images/top/menu04.gif) left top no-repeat;}
.menu05{background: url(../images/top/menu05.gif) left top no-repeat;}
.menu06{background: url(../images/top/menu06.gif) left top no-repeat;}
.menu07{background: url(../images/top/menu07.gif) left top no-repeat;}
.menu08{background: url(../images/top/menu08.gif) left top no-repeat;}
.menu09{background: url(../images/top/menu09.gif) left top no-repeat;}
.menu10{background: url(../images/top/menu10.gif) left top no-repeat;}
.menu11{background: url(../images/top/menu11.gif) left top no-repeat;}
.menu12{background: url(../images/top/menu12.gif) left top no-repeat;}
.menu13{background: url(../images/top/menu13.gif) left top no-repeat;}
.menu14{background: url(../images/top/menu14.gif) left top no-repeat;}
.menu15{background: url(../images/top/menu15.gif) left top no-repeat;}
.menu16{background: url(../images/top/menu16.gif) left top no-repeat;}
.menu17{background: url(../images/top/menu17.gif) left top no-repeat;}
.menu18{background: url(../images/top/menu18.gif) left top no-repeat;}
.menu19{background: url(../images/top/menu19.gif) left top no-repeat;}
.menu20{background: url(../images/top/menu20.gif) left top no-repeat;}
.menu21{background: url(../images/top/menu21.gif) left top no-repeat;}
.menu22{background: url(../images/top/menu22.gif) left top no-repeat;}
.menu23{background: url(../images/top/menu23.gif) left top no-repeat;}