/*-----------------------------------
	MainArea
------------------------------------*/
.mainph{width:910px; height:384px;}
#mainArea{padding:12px 3px;}

/*-----------------------------------
	MainArea-SubColumn
------------------------------------*/

#mainArea #subCol{width:295px; float:left; margin:0;}
#mainArea #subCol img{padding-bottom:3px;}


/*-----------------------------------
	MainArea-MainColumn
------------------------------------*/

/*Q&A*/
#index h2#qa{position:relative; width:586px; height:50px; margin:1px 0 0 0; padding:0; clear:both;}
#index h2#qa em{position:absolute; top:0; left:0; display:block;  width:100%; height:100%; background:url(../images/h2_qa.gif)  0 0 no-repeat;}

#qabody{width:560px; height:117px; padding:0 13px; clear:both; background:url(../images/qa_body.gif) 0 0 repeat-y;}
#qabody ul{width:560px; height:116px; clear:both; display:inline;}
#qabody ul li{display:inline;}
#qabody ul li#qa01 a{width:141px; height:116px; display:block; float:left; background:url(../images/qa_panel.jpg) 0 0 no-repeat;}
#qabody ul li#qa02 a{width:139px; height:116px; display:block; float:left; background:url(../images/qa_panel.jpg) -141px 0 no-repeat;}
#qabody ul li#qa03 a{width:141px; height:116px; display:block; float:left; background:url(../images/qa_panel.jpg) -280px 0 no-repeat;}
#qabody ul li#qa04 a{width:139px; height:116px; display:block; float:left; background:url(../images/qa_panel.jpg) -421px 0 no-repeat;}

#qabody ul li#qa01 a:hover,#qabody ul li#qa01 a:active{background:url(../images/qa_panel.jpg) 0 -116px no-repeat;}
#qabody ul li#qa02 a:hover,#qabody ul li#qa02 a:active{background:url(../images/qa_panel.jpg) -141px -116px no-repeat;}
#qabody ul li#qa03 a:hover,#qabody ul li#qa03 a:active{background:url(../images/qa_panel.jpg) -280px -116px no-repeat;}
#qabody ul li#qa04 a:hover,#qabody ul li#qa04 a:active{background:url(../images/qa_panel.jpg) -421px -116px no-repeat;}


#qafoot{width:586px; height:18px; clear:both; background:url(../images/qa_foot.gif) 0 0 no-repeat;}



#mainArea #mainCol{width:586px; float:left; margin-right:23px;}
#index h2.tops{position:relative; width:586px; height:35px; margin:10px 0 5px 0; padding:0; clear:both;}
#index h2#news em{position:absolute; top:0; left:0; display:block;  width:100%; height:100%; background:url(../images/h2_news.gif)  0 0 no-repeat;}
#index h2#mediainfo em{position:absolute; top:0; left:0; display:block;  width:100%; height:100%; background:url(../images/h2_media.gif)  0 0 no-repeat;}
#index h2#mediainfo a{cursor:pointer;}


#mainCol dl.newslist{width:566px; margin:5px 10px 10px 10px; pading:0; border-top:dotted 1px #ccc;}
dl.newslist dt.date{width:120px; display:block; float:left; padding:5px 0 5px 10px; border-bottom:dotted 1px #ccc;}
dl.newslist dd.content{width:436px; display:block; float:left; padding:5px 0; border-bottom:dotted 1px #ccc;}


#mainArea #mainCol .msg h2 {
width:550px;
float:left;
margin:5px 0 0 0;
font-size:120%;
font-weight: bold;
color: #00a;
}
#mainArea #mainCol .msg {
width:550px; float:left; padding-left: 20px;
padding-bottom: 20px;
color:#00a;
font-size: 80%;
}
#mainArea #mainCol .msg .right {
float:right;

}


/*-----------------------------------
	BnArea
------------------------------------*/

.bnArea{background:url(../images/bn_bg.gif) 0 0 no-repeat; width:891px; height:60px; padding:5px 5px; clear:both;}
.bnArea img{padding:0 1px 0 0;}