/* index layout

-----------------------------------------------------*/

body#index{

	background:url(../images/index/bg.gif) left top repeat-x;

}



div#mainVisual{

	width:800px;

	height:208px;

	clear:both;

	margin:0 auto 19px auto;

}

body#index div#indexMainColumn{

	width:610px;

	float:left;

}

body#index div#indexSideColumn{

	width:180px;

	float:right;

}



/* service list

-----------------------------------------------------*/

div#serviceList{

	width:610px;

}

div#productBox{

	width:300px;

	height:101px;

	margin:0 0 10px;

	float:left;

	background:url(../images/index/product_bg.gif) left top no-repeat;

}

div#serviceBox{

	width:300px;

	height:101px;

	margin:0 0 10px;

	float:right;

	background:url(../images/index/service_bg.gif) left top no-repeat;

}

div#productBox p,

div#serviceBox p{

	width:272px;

	padding-top:30px;

	color:#FFFFFF;

	margin:0 14px;

}

div#productBox p.detailBtn,

div#serviceBox p.detailBtn{

	width:70px;

	height:19px;

	margin:0 0 0 220px;

	padding: 4px 0 0 0;

}



/* news

-----------------------------------------------------*/

h2.h2TitleNews{

	clear:both;

	height:39px;

	margin:0;

	padding:0;

	text-indent:0;

}

dl#news{

	border:1px solid #cccccc;

	width:608px;

	margin:0;

	padding-top: 3px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0;

}

dl#news dt{

	width:145px;

	height:24px;

	background-image:none;

	margin:0 0 0 7px;

	padding:9px 0 0 0;

	text-indent:0;

	font-weight:normal;

	border-bottom:1px dotted #CCCCCC;

	line-height:1;

}

dl#news dt img{

	vertical-align:middle;

}

dl#news dd{

	width:450px;

	height:24px;

	margin:-34px 0 0 152px;

	padding:9px 0 0 0;

	border-bottom:1px dotted #CCCCCC;

	zoom:1;

	line-height:1;

}

dl#news dt.bottom,

dl#news dd.bottom{

	border-bottom:1px solid #FFFFFF;

}

p#backNumber{

	text-align:right;

	width:604px;

	border-left:1px solid #cccccc;

	border-right:1px solid #cccccc;

	border-bottom:1px solid #cccccc;

	background: #E6E6E6;

	padding:3px 2px;

	margin-bottom:20px;

}



/* event

-----------------------------------------------------*/

div#event{

	width:168px;

	height:74px;

	background:url(../images/index/event_bg.gif) left top no-repeat;

	color:#FFFFFF;

	padding:27px 6px 0 6px;

	margin-bottom:10px;

}

div#event p{

	float:left;

	width:102px;

	font-size:86%;

	line-height: 135%;

}

div#event p.eventPhoto{

	width:60px;

	float:right;

	margin:0;

}



#event .mg0pix {

	margin: 0px;

	padding: 2px;

}

.plt3 {

	padding-left: 3px;

}



/* banner

-----------------------------------------------------*/

ul#a_banner li{

	margin:0 0 10px 0;

	color:#999999;

	padding:0;

	line-height:1;

	font-size:1px;

}



ul#b_banner li{

	margin:0 0 10px 0;

	color:#999999;

	padding:0;

	line-height:1;

	font-size:1px;

}

ul#b_banner li dl{

	margin:0;

	padding:0 0 10px 0;

	background:url(../images/index/bana_bg.gif) left bottom no-repeat;

}

ul#b_banner li dl dt{

	margin:0 0 6px 0;

	padding:0;

	line-height:1;

	background-image:none;

	font-size:1px;

	height:27px;

}

ul#b_banner li dl dd{

	margin:0 9px;

	padding:0;

	line-height:1.3;

	font-size:10px;

}

ul#b_banner li dl dd a{

	color:#999999;

}





/*footer nav

--------------------------------------------------------------------*/

body#index div#indexMainColumn ul#footerNav{

	width:610px;

	text-align:left;

	border-top:1px dotted #CCCCCC;

	padding-top: 10px;

	margin-bottom:12px;

}

body#index div#indexMainColumn ul#footerNav li{

	display:inline;

	margin-right:1em;

	padding-left:1em;

	border-left: 1px solid #999999;

}

body#index div#indexMainColumn ul#footerNav li.start{

	padding-left:0;

	border:none;

}