@charset "UTF-8";

/*
    *1 : newsbox
*/


/* いんでっくちゅ */

/* *****************************************************************
 *1.newsbox
***************************************************************** */
div#newsbox {
    margin-top: 10px;
    padding-bottom: 5px;
    display: block;
    float: left;
    clear: both;
    background: transparent url("../img/top/news_bottom.gif") no-repeat left bottom;
    width: 462px;
    height: 234px; /* ここのサイズは dlの高さ B と連動 */
}
    div#newsbox h2 {
        background: transparent url("../img/top/news_top.gif") no-repeat 0 0;
        border-bottom: solid 1px #ddd;
        width: 462px;
    }
    div#newsbox dl {
        background: transparent url("../img/top/news_middle.gif") repeat-y 0 0;
        overflow: auto;
        display: block;
        width: 462px;
        height: 191px; /* B */
    }
        div#newsbox dl dt {
            margin-left: 2px;
            padding: .6em 0 .6em 35px;
            border-bottom: solid 1px #ddd;
            float: left;
            clear: both;
            display: block;
            width: 95px;
        }
        div#newsbox dl dt.icon_station { background: transparent url("../img/commons/icon/icon_station.gif") no-repeat 10px center; }
        div#newsbox dl dt.icon_news { background: transparent url("../img/commons/icon/icon_news.gif") no-repeat 10px center; }
        div#newsbox dl dt.bgc, div#newsbox dl dd.bgc { background-color: #f9f9f9; }

        div#newsbox dl dd {
            padding: .6em 10px .6em 10px;
            border-bottom: solid 1px #ddd;
            border-left: solid 1px #ddd;
            float: left;
            display: block;
            width: 290px;
        }

/* 2011年4月追加 */

/* 左右フロート用囲み */
.TOP-LEFT {
	width: 462px;
	float: left;
}

.TOP-RIGHT {
	width: 224px;
	float: right;
}
	
/* 入会への誘導バナー */
.ONLINE-BANNER {
	width: 462px;
	margin: 10px 0 5px;
	float: left;
}

/* キャラバン */
.CARAVAN {
	width: 224px;
	background: url(../img/top/home_side_bottom.gif) no-repeat left bottom;
	padding: 0 0 5px;
	margin: 10px 0 5px;
	float: right;
}
.CARAVAN-SPC {
	width: 220px;
	border-left: #cb5c5f 1px solid;
	border-right: #cb5c5f 1px solid;
	background: #f9f9f9;
	padding: 0 1px; 
}

.CARAVAN-SPC dl {
        overflow: auto;
        width: 220px;
        height: 85px;
}

.CARAVAN-SPC dl dt,
.CARAVAN-SPC dl dd {
	float: left;
	display: block;
	border-bottom: #DCDDDD 1px solid;
	font-size: 11px;
	_font-size: 9px;
	
}
.CARAVAN-SPC dl dt {
	
	width: 65px;
	padding: 0.8em 5px;
	*font-family: Geneva,Arial,"Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","MS UI Gothic","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	*width: 55px;
	_width: 50px;

}
.CARAVAN-SPC dl dd {
	width: 126px;
	padding: 0.8em 0;
	*width: 132px;
	_width: 137px;
}

/* 新規修正コンテンツお知らせなど */
.TOP-CONT {
	margin: 10px 0 0;
}
.TOP-CONT .TOP-BANNER {
	margin: 0 0 10px;
}

.TOP-CONT .OSHIRASE .OSHIRASE-OUT {
	background: url(../img/top/oshirase_bottom.gif) no-repeat left bottom;
	padding: 0 0 5px;
}
.TOP-CONT .OSHIRASE .OSHIRASE-IN {
	border-left: #b7b8b8 1px solid;
	border-right: #b7b8b8 1px solid;
	padding: 3px 0 0;
	}
.TOP-CONT .OSHIRASE .OSHIRASE-IN dl {
	overflow: auto;
	width: 705px;
	height: 155px;
}

.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dt,
.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dd {
	float: left;
	display: block;
	border-bottom: #b7b8b8 1px solid;	
}

.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dt {
	width: 75px;
	padding: 0.8em 0 0.8em 120px;
	font-weight: bold;
	background: 5px center no-repeat;
}

.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dt.OS-01 {
	background-image: url(../img/top/oshirase_icon_01.gif);
}
.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dt.OS-04 {
	background-image: url(../img/top/oshirase_icon_04.gif);
}
.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dt.OS-02 {
	background-image: url(../img/top/oshirase_icon_02.gif);
}
.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dt.OS-05 {
	background-image: url(../img/top/oshirase_icon_05.gif);
}
.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dt.OS-03 {
	background-image: url(../img/top/oshirase_icon_03.gif);
}


.TOP-CONT .OSHIRASE .OSHIRASE-IN dl dd {
	width: 490px;
	padding: 0.8em 0;
}