@charset "UTF-8";

/*
css-menu
------------------------
1. mainVisual
2. contents
3. topContentLeft (torelief, toreflex)
4. topContentLeft (topic)
5. topContentRight
6. class
------------------------*/


/*
1. mainVisual
-------------------------------------*/
.mainVisual{
margin: 19px 0;
}

/*
2. contents
-------------------------------------*/
#topContent{
width: 900px;
height: auto;
}
#topContentLeft{
margin-right: 35px;
width: 629px;
float: left;
}
#topContentRight{
width: 234px;
float: right;
}


/*
3. topContentLeft (torelief, toreflex)
-------------------------------------*/
#topContentLeft #leftBox{
margin-bottom: 28px;
margin-right: 42px;
width: 293px;
float: left;
}
#topContentLeft #leftBox h2{
margin-bottom: 12px;
}

#topContentLeft #rightBox{
margin-bottom: 28px;
width: 293px;
float: right;
}
#topContentLeft #rightBox h2{
margin-bottom: 12px;
}

/*
4. topContentLeft (topic)
-------------------------------------*/
#topicTitle{
width: 629px;
}
.more{
padding-right: 5px;
height: 15px;
float: right;
position: relative;
display: block;
top: -22px;
}

.tblTopic{
margin-bottom: 20px;
font-size:1.2em;
line-height: 1.3em;
color: #333;
border-collapse: collapse;
width:629px;
}
.tblTopic td {
padding: 10px;
vertical-align: top;
font-weight: normal;
text-align: left;
}
.bdr{
background: url(../common/images/com_016.gif) repeat-x left bottom;
}
.nowrap{
white-space: nowrap;
}


/*
5. topContentRight
-------------------------------------*/
.rightSideBox{
width: 232px;
border: 1px solid #d2d2d2;
}
.bannerBox{
margin-bottom: 19px;
width: 224px;
background-color: #f1f1f1;
padding: 5px 5px 0;
}
.bannerBox li{
padding-bottom: 5px;
}

/*
6. class
-------------------------------------*/
.mgnB19{
margin-bottom: 19px;
}
.txt14{
font-size: 1.4em;
}