body#index {
background:url(../image/common/headder.gif) repeat-x top center;
}

#wrapper_index {
width: 900px;
margin:20px auto 0;
position:relative;
}

#base_index{
width: 900px;
padding-top: 462px;
}

#index #base_index {
padding: 0;
}

#main-image {
width: 100%;
height: 300px;
border-top: 1px solid #FFFFFF;
margin:0 auto;
text-align:center;
}

#container_index{
width: 900px;
zoom:1;/*for IE 5.5-7*/
background:url(../img/bg_container.gif) repeat-y;
}

#container_index:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html #container_index{
display:inline-table;
/*\*/display:block;/**/
}

/*
===== NEWS AREA TOPIX AREA ====================================
*/

div#topix-area div.topixframe,
div#news-area div.newsframe{
border: none;
width:430px;
margin-left: 10px;
height:520px;
}


div#topix-area,
div#news-area {
width:430px;
}

div#news-area h2{
width:430px;
height:35px;
padding-top:7px;
padding-left: 20px;
background: url(../image/top/title_news.jpg) top left no-repeat;
font-weight: bold;
position: relative;
text-indent: -7777px;
}

div#topix-area h2{
width:430px;
height:35px;
padding-top:7px;
padding-left: 20px;
background: url(../image/top/title_topix.jpg) top left no-repeat;
font-weight: bold;
position: relative;
text-indent: -7777px;
}


div#topix-area h2 a.rss,
div#news-area h2 a.rss{
background:  url(../img/btn_all.gif) top left no-repeat;
display: block;
overflow: hidden;
text-indent: -7777px;
width:64px;
height:19px;
position: absolute;
top:8px;
right:31px;
}

div#topix-area h2 a.rss:hover,
div#news-area h2 a.rss:hover{
background-position: 0 -16px;
}

#topix_box,
#news_box {
background-color: #fff;
width:420px;
height:500px;
overflow:auto;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cccccc;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #cccccc;
scrollbar-arrow-color: #cccccc;
scrollbar-track-color: #ffffff;
}

#topix_box dl,
#news_box dl{
padding:8px 0 16px;
background:url(../image/news/border01.gif) repeat-x bottom left;
zoom:1;
}

#topix_box dl:after,
#news_box dl:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html #topix_box dl,
* html #news_box dl{
display:inline-table;
/*\*/display:block;/**/
}

#topix_box dl dt,
#news_box dl dt{
float: left;
width:140px;
height: auto;
line-height: 1.4;
}

#topix_box dl dt span,
#news_box dl dt span{
margin-left: 5px;
}

#topix_box dl dt img,
#news_box dl dt img{
vertical-align: middle;
}

#topix_box dl dd,
#news_box dl dd{
float: left;
width:250px;
line-height: 1.4;
height: auto;
}

.all{
position: absolute;
top:8px;
right:104px;
background:url(../index_img/btn_rss.jpg) no-repeat top left;
width:72px;
height:18px;
display: block;
text-indent: -9999px;
overflow: hidden;
}

a.all:hover {
background-position: 0 -18px;
}

/* ���X�X */

#group_shotengai{
width:660px;
border: 1px solid #999;
margin-bottom: 20px;
margin-top: 50px;
}
#group_shotengai th{
width:120px;
color:#fff;
padding-left:10px;
vertical-align:middle;
background-image:url(../image/top/link_st_bk.gif);
background-repeat:repeat-x;
}

#group_shotengai td{
font-size: 77%;
width: auto;
background-color:#f3f3f3;
border: 1px solid #999;
padding:5px;
}

#group_shotengai ul li{
display:inline;
margin:0;
padding: 8px 15px 6px;
font-size:110%;
}


/*mlist*/

div#mlist-area {
margin-bottom: 10px;
}

div#mlist-area h2{
width:195px;
height:35px;
padding-top:7px;
padding-left: 20px;
background:url(../image/top/title_mlist.jpg) top left no-repeat;
font-weight: bold;
position: relative;
text-indent: -7777px;
}

div#mlist-area h2 a.all{
background:  url(../img/btn_rss.gif) top left no-repeat;
display: block;
overflow: hidden;
text-indent: -7777px;
width:64px;
height:16px;
position: absolute;
top:10px;
right:15px;
}

div#mlist-area h2 a.all:hover{background-position: 0 -16px;}

div#mlist-area h2 span.mlist_title{
background: url(../index_img/txt_topics.jpg) no-repeat center right;
padding-right:30px;
}

div#mlist-area .img_area{
margin:0;
line-height:0;
text-align: center;
padding:0;
}

/*height650�@3��*/
div.mlistframe{
border: none;
width:203px;
height:440px;
margin-left: 5px;
background-color: #fff;
padding:0;
}

.mlist_box {
width:203px;
background-image:url(../image/top/mlist_bk2.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
}

.mlist_box h4{
padding-top:10px;
color:#38aee0;
font-weight: bold;
background-image:url(../image/top/mlist_bk.jpg);
background-repeat:no-repeat;
}

.mlist_box span{
color: #2395dc;
font-size:11px;
_font-size:11px;
}

.mlist_box .mphoto{
border:#53a3be 2px solid;
margin-bottom:0px;
}

.mlist_box dl{
zoom:1;
height:60px;
margin-bottom:10px;
padding-left:20px;
padding-right:20px;
}

*html .mlist_box dl{
padding-bottom:1px;
}

.mlist_box dl dt{
margin-bottom:6px;
line-height:1;
float:left;
}

.mlist_box dl dd{
float:right;
color: #2395dc;
font-size:10px;
_font-size:8px;
}