/* CSS Document */

div#pagebase{ background: url(images/bg_pagebase_index.gif) 0 0 repeat-x;}
h1{ position: absolute; width:363px; height:59px; top:-75px; left:0; z-index:10;}
div#main_img { width: 940px; height: 416px; margin-top:23px; position:relative; background:url(../main_img/index_img400.jpg) 0 0 no-repeat;}
ul#main_fade { list-style: none; margin: 0 0 0 0; padding-top:1px;}
div#main_img p#deliver		{
							width: 300px;
							xheight:105px;
							position: absolute;
							top:210px;
							left:10px;
							z-index:30;
							}
div#main_img p#deliver img	{ padding:5px; background:#222222;}	

div#l_area{ float: left; display: inline; width:610px; position:relative; z-index:1; top:-35px; margin-left:10px;}
div#l_area #push_area div{ background: url(img_index/bg_push.gif) 0 0 no-repeat; width: 201px; height:135px; float:left; display:inline; }
div#l_area #push_area div.r{ margin-left: 3px; margin-right: 3px;}
div#l_area #push_area div img{ margin: 9px;}

div#news_area 				{}
div#news_area h2			{ background: url(img_index/stt_news.gif) 0 0 no-repeat; width:600px; height:40px; margin-bottom:10px;}
div#news_area h2 span		{ display: none;}
div#news_area h2 img		{ margin-top:15px; margin-left:520px;}
div#news_area dl			{ padding: 3px 5px 0 5px; font-size: 80%;}
div#news_area dt			{ width: 100px; height:16px; text-indent: 6px; margin-bottom:-24px;}
div#news_area dd			{ width: 460px;  padding:0 11px 0px 110px; margin-bottom:8px; background:url(img_index/news_line.gif) bottom left no-repeat; }
div#news_area dt,
div#news_area dd			{  line-height:16px; padding-bottom:8px;}

#topics_area{ padding: 14px 0 10px 0;} 
#topics_area h2{ background: url(img_index/stt_topics.gif) 0 0 no-repeat; width:600px; height:38px; text-indent:-999em; clear:both; margin-bottom:10px;}
#topics_area div { padding-left:12px; padding-bottom:10px;}
#topics_area div a img{ border: 1px solid #cccccc; float: left; display: inline; padding:1px;}
#topics_area div a:hover img{ border: 1px solid #993333;}
#topics_area div dl{ float: left; display: inline; width:430px; margin-left:15px; border-left: 4px solid #e1ddd4; margin-top:8px;}
#topics_area div dt{ font-size: 80%; padding: 0 0 7px 12px; line-height:100%; font-weight:bold;}
#topics_area div dt span{ font-size:10px; font-weight: normal;}
#topics_area div dd{ font-size: 75%; padding-left: 12px}
#topics_area p.line { background:url(img_index/news_line.gif) 0 0 no-repeat;}

div#r_area{ float: right; display: inline; width:300px; position:relative; z-index:1; top:-35px; background: #fff; margin-right:10px;}

#colum_area { padding:8px;}
#colum_area div{ width:284px; background: url(img_index/bg_colum.gif) 0 0 no-repeat; border-top: 1px solid #4D4D4D; border-bottom: 1px solid #4D4D4D; color:#eeeeee; margin-bottom:1px; padding: 10px 0;}
#colum_area div a img{ border: 1px solid #cccccc; float: left; display: inline; padding:1px; margin-left:12px;}
#colum_area div a:hover img{ border: 1px solid #993333;}
#colum_area div dl{ float: left; display: inline; margin-left:10px; width:190px;}
#colum_area div dt{ font-size: 75%; padding: 0 0 7px 0; line-height:100%; font-weight:bold;}
#colum_area div dt a{ color:#ffffff; text-decoration:underline}
#colum_area div dt a:hover{ background:#990000;}
#colum_area div dt span{ font-size:10px; font-weight: normal;}
#colum_area div dd{ font-size: 10px;}

div#r_area div#subcontbox{ padding: 10px 8px; position:relative;}
div#subcontbox h2{ padding-bottom:12px;}
div#subcontbox p{ padding: 0 10px; font-size:75%;}
div#subcontbox ul{ margin: 10px; font-size:75%; line-height:140%;}
div#subcontbox li{ margin-left:1em; border-bottom: dotted 1px #E1DDD4; padding: 2px 0;}
div#subcontbox li span{ color:#CABC9E; padding-right:0.5em;} 

#backtop{ padding-bottom:40px;}

#btn_detail a{ z-index: 50; position:absolute; left:46px; top:278px; display: block; width:190px; height:38px; background:url(images/btn_detail.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden;}
#btn_detail a:hover{ width:190px; height:38px; background:url(images/btn_detail.gif) 0 -38px no-repeat;}