@charset "utf-8";

/* ---------------
TOPページのみ利用
--------------- */

/* ---------------
背景調整用
--------------- */

body {
background-color: #EEEDED;
color: #222;
}

#bgcolor {
float: left;
width: 100%;
background-color: #fff;
background-image: url(../cmn_img/bodyBack_top.jpg);
background-repeat: repeat-x;
}

#wrapper {
float: left;
width: 100%;
background-image: url(../cmn_img/headBack_top.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: 0 auto;
_text-align: center;
}

#mainBox {
float: left;
width: 660px;
margin: 20px 0 20px 15px;
*margin: 20px 0 20px 7px;
}

#sideBox {
float: right;
width: 196px;
margin: 20px 15px 20px 0;
*margin: 20px 7px 20px 0;
}


/* ---------------
メイン
--------------- */

#topSwf{
display: block;
float: left;
width: 675px;
height: 270px;
}

#showcaseList {
display: block;
float: left;
width: 226px;
height: 270px;
}

/* ---------------
説明
--------------- */

.topColumnL {
float: left;
width: 320px;
margin: 0 0 30px 0;
}

.topColumnR {
float: left;
width: 320px;
margin: 0 0 30px 20px;
}

.topMidashi01 {
display: block;
width: 320px;
height: 30px;
margin: 0;
/* 2011.08.24
background-image: url(../img/topMidashi01.gif);
background-repeat: no-repeat;
text-indent: -9999px;
*/
}

.topMidashi02 {
display: block;
width: 320px;
height: 30px;
margin: 0;
/* 2011.08.24
background-image: url(../img/topMidashi02.gif);
background-repeat: no-repeat;
text-indent: -9999px;
*/
}

.topColumnTxt {
width: 320px;
margin: 10px 0 15px 0;
font-size: 95%;
*font-size: 100%;
line-height: 1.6;
}

.topMore a {
display: block;
width: 93px;
height: 20px;
margin: 0;
}


/* ---------------
ニュース
--------------- */

#mainBox h4 {
font-size: 140%;
color: #015848;
margin: 0 0 10px 0;
}

#topNews {
width: 661px;
margin: 0 0 40px 0;
}

#topNewsTitle {
float: left;
width: 552px;
height: 25px;
margin: 0 0 5px 0;
background-image: url(../img/topNewsTitle01.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}

#topNewsBackNumber a:link, #topNewsBackNumber a:visited {
float: left;
width: 109px;
height: 25px;
margin: 0 0 5px 0;
background-image: url(../img/topNewsTitle02.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}

#topNewsBackNumber a:hover, #topNewsBackNumber a:active {
float: left;
width: 109px;
height: 25px;
margin: 0 0 5px 0;
background-image: url(../img/topNewsTitle02b.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}


.topNewsList {
clear: both;
margin: 5px 0 5px 0;
padding: 5px 0;
*padding: 8px 0 12px 0;
border-bottom: 1px dotted #0f6958;
}

.topNewsDate {
float: left;
margin: 0 15px 0 0;
font-size: 95%;
*font-size: 100%;
line-height: 1.6;
color: #0f6958;
font-weight: bold;
}

.topNewsTxt {
float: left;
width: 550px;
padding: 0 0 0 8px;
font-size: 95%;
*font-size: 100%;
line-height: 1.6;
background-image: url(../cmn_img/topNewsIcon.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}


/* ---------------
バナー
--------------- */

#bannerBox ul {
margin: 0;
padding: 0;
}

#bannerBox li {
display: block;
width: 196px;
height: 68px;
margin: 0 0 10px 0;
padding: 0;
}