@charset "ISO-8859-1";

/* ****************************************************
Since : 2007-11-28
Last Modified: 2007-11-28
***************************************************** */


/* main contents settings [ base.css ]
=================================
1: company perts for index

2: recruit perts for index

3: parts for index

99: extra
	
=================================*/
div#right-off div.section {
	width: 740px;
	padding: 15px 10px 20px 20px;
	_padding: 15px 0 5px 20px;
}
/*1: company perts for index
=================================*/

body.company #mainContainer {
	background-image:none;
}


div#right-off {
	padding-left: 10px;
	margin-bottom: 30px;
}
div#right-off div.section div.col01{
	float:left;
	width: 227px;
	padding-right: 19px;
	margin-bottom: 10px;
	_margin-bottom: 0;
}
div#right-off div.section div.col-last{
	float:left;
	width: 227px;
	padding-right: 19px;
	margin-bottom: 30px;
	_margin-bottom: 0;
}

div#right-off div.section div.col01 dt.company-ti{
	padding:0;
	margin:0
}


/*2: service perts for index
=================================*/
body.service #mainContainer {
	background-image:none;
}

/*3: parts for index
=================================*/
body#index #header #grmenu {
	border-bottom: none;
}
/*2col*/
body#index #mainContainer #right-off .index-col .index-col1{	
	float:left;
	width:490px;
	margin-right: 15px;
}
body#index #mainContainer #right-off .index-col .index-col2{
	float:left;
	width:255px;
	margin-top: 15px;
	background:url(../../images/index_bg006.gif) repeat-y left bottom;

} 

body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu1{
	float: left;
	width: 235px;
	margin:0 15px 15px 0;
	border-right: 1px solid #e6e6e6;
}
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu2,
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu4{
	float: left;
	width: 225px;
	margin-right: 0;
}
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu3{
	float: left;
	width: 235px;
	margin-right: 16px;
}
body#index #mainContainer #right-off .index-col .index-col2 dl{
	padding: 10px 13px 0px;
}
body#index #mainContainer #right-off .index-col .index-col2 dt{
	padding-top:4px;
	font-weight:bold;
}
body#index #mainContainer #right-off .index-col .index-col2 dt img{
	padding-left:0.5em;
}

body#index #mainContainer #right-off .index-col .index-col2 dd{
	padding-bottom: 5px;
	background:url(../../images/index_bg008.gif) repeat-x left bottom;
}

body#index #mainContainer #right-off .index-col .index-col2 dd.last-item{
	background:none;
}
body#index #mainContainer #right-off .index-col .index-col2 dd.last-item a:hover{
	background: #f1f1f1;
}

body#index #mainContainer #right-off .index-col .index-col2 dd img{
	margin:0;
	padding:0;
}
body#index #mainContainer #right-off .index-col .index-col2 ul{
	padding: 10px 13px 20px;
}
body#index #mainContainer #right-off .index-col .index-col2 ul li{	
	display: block;
	padding-left:17px;
	background: url(../images/common_ic018.gif) no-repeat 5px 50%;
	_background: url(../images/common_ic018.gif) no-repeat 8px 50%;
	text-decoration:none;
}
/*list01*/
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu1 ul li,
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu2 ul li{
	display: block;
	padding: 2px 4px 2px 20px;
	background: url(../images/common_ic005.gif) no-repeat 8px 50%;
	_background: url(../images/common_ic005.gif) no-repeat 11px 50%;
	text-decoration:none;
	zoom: 1;
}
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu2 dt.bt-img{
	display: block;
	margin: 10px 0 3px;
	padding: 0;
	background:none;
}
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu4 ul li.bt-01{
	display: block;
	margin: 45px 0 0px;
	padding: 0;
}

body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu1 dd ul li,
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu2 dd ul li{
	margin-bottom: 6px;
	padding-left: 26px;
	background: url(../images/common_ic008.gif) no-repeat  18px 0.5em;
}
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu3 ul li{
	display: block;
	margin: 5px 0 3px; 
	padding: 2px 4px 2px 17px;
	background: url(../images/common_ic005.gif) no-repeat 5px 50%;
	_background: url(../images/common_ic005.gif) no-repeat 8px 50%;
	text-decoration:none;
}
/*list02*/
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu1 dt.no-icon{
	display: block;
	margin: 5px 0 3px; 
	padding: 2px 4px 2px 3px;
	background: none;
	_background: none;
	font-weight: bold;
	text-decoration:none;
}
body#index #mainContainer #right-off .index-col .index-col1 .inner-col .menu1 dd.no-icon ul li{
	margin-bottom: 6px;
	padding-left: 15px;
	background: url(../images/common_ic008.gif) no-repeat  8px 0.5em;
}


/*h2*/
body#index #mainContainer #right-off .indexh2{
	clear:both;
	margin: 15px 0 15px;
	padding:0 0 6px 0;
	background:url(../../images/index_bg002.gif) no-repeat bottom left;
}
body#index #mainContainer #right-off .indexh2 span.index-title01 {
	display: block;
	padding:6px 0 0 20px;
	background:url(../../images/index_bg001.gif) no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
	zoom: 1;
}

body#index #mainContainer #right-off .indexh2-02 span.index-title01 {
	display: block;
	padding:6px 0 5px 20px;
	background:url(../../images/index_bg005.gif) no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	zoom: 1;
}
body#index #mainContainer #right-off .indexh2-02 span.index-title01 span.all-news{
	padding-left:120px;
	_padding-left:120px;
	background: url(../images/common_ic006.gif) no-repeat 110px 0.5em;
	_background: url(../images/common_ic006.gif) no-repeat 110px 0.4em;
	color:#FFFFFF;
	font-weight:normal;
	zoom: 1;
}

body#index #mainContainer #right-off .indexh2-02 span.all-news a{
	color:#FFFFFF;
}