/* CSS Document */
@import url("common.css");

/****************************************************/
/** メニュー下段　表示定義 **/
/****************************************************/

#main-pic {
	width:100%;
}

#main-pic li.page-title{
	width: 758px;
	height: 80px;
	margin-top:0px;
	margin-bottom:0px;
	background-image: url(../images/company-pic.gif.gif) no-repeat left center;
}


/*** 左側（大）ブロック定義 **/

#main-pic li.leftblock{
	float: left;
	list-style-type : none;		/* Addition 2008.08.26	*/
	background: url(../images/main-pic1-on.gif) no-repeat left center;
}

#main-pic li.leftblock a{
	display: block;
	width: 350px;
	height: 160px;
	background: url(../images/main-pic1-off.gif) no-repeat left center;
}

#main-pic li.leftblock a:hover {
	background: none;
}

/** 右側（上段左側）ブロック定義 **/
#main-pic li.right-1{
	float: left;
	list-style-type : none;		/* Addition 2008.08.26	*/
	background: url(../images/main-pic2-on.gif) no-repeat left center;
}

#main-pic li.right-1 a{
	display: block;
	width: 408px;
	height: 80px;
	background: url(../images/main-pic2-off.gif) no-repeat left center;
}

#main-pic li.right-1 a:hover {
	background: none;
}

/** 右側（上段右側）ブロック定義 **/
#main-pic li.right-2{
	float: left;
	list-style-type : none;		/* Addition 2008.08.26	*/
	background: url(../images/main-pic3-on.gif) no-repeat left center;
}

#main-pic li.right-2 a{
	display: block;
	width: 408px;
	height: 80px;
	background: url(../images/main-pic3-off.gif) no-repeat left center;
}

#main-pic li.right-2 a:hover {
	background: none;
}

/****************************************************/
/** 中段ブロック　表示定義 **/
/****************************************************/

.copy{
	width : 100%;
	text-align: center;
}

.copy img{
	width: 548px;
	height: 66px;
	margin : 5px auto;

}

/** 右側ブロック定義 **/

#rightside {
	float: left;
	width : 288px;
	height : 489px;
/*	background: url(../images/rightside-background.gif) no-repeat center center;*/
/*	margin-top: 14px;*/
}
/*
#rightside img{
	margin: 5px auto 0;
}
*/
#rightside table{
	width: 268px;
	margin: 0px auto 5px;
	border-collapse: collapse;
}

#rightside table.title{
	width: 268px;
	margin: 0 auto;
	border-collapse: collapse;
}


#rightside th {
	width: 100%;
	padding: 2px;
	height: 2em;
	background-color:#e0e0e0;
	font-weight: 700;
	border-bottom: 2px solid #91B4F4;
	border-spacing : 2px 0;
	background-color: #30348B;
	color: #ffffff;
}

#rightside th.listmark{
	width: 10%;
	border-right: 0;
}

#rightside th.navi{
	width:90%;
	border-left: 0;
}


#rightside td {
	width: 100%;
/*	height: 40px; */
	padding: 5px 0;
	padding-left: 5px;
	font-weight: 700;
	border: 1px solid #0033CC;
	border-left : 2px solid #0033CC;
	border-right : 2px solid #0033CC;
	font-size: 0.8em;
}

#rightside td.listmark{
	width: 10%;
	border-right: 0;
}

#rightside td.navi{
	width:90%;
	border-left: 0;
}


#rightside a{
	text-decoration: none;
	vertical-align: middle;
	padding-left: 5px;
	font-weight: 500;
}

#rightside a:hover{
	color:#FF9900;
	font-weight : 600;
}


#rightside td.rightside-header{
	text-align:center;
	border: 0px;
	padding:0;
}


/** 左側ブロック定義 **/

#leftside {
	float:left; 
	width: 450px;
	height: 516px;
/*	background: url(../images/leftside-pic.gif) left center no-repeat;*/
/*	padding-top : 8px;			 Addition 2008.09.08					*/
/*	_padding-top : 0;			 Addition 2008.09.08 IE6以下への対応	*/
}

*:first-child + html #leftside{	/* IE7のみに関する対処					*/
	float:left; 
	width: 450px;
	height: 516px;
	background: url(../images/leftside-pic.gif) left center no-repeat;
	padding-top : 0;
}								/* Addition 2008.09.08					*/

#leftside table{
	width: 100%;
	border-collapse: separate;
	empty-cells: show;
	margin: 5px auto;
}

#leftside td.navi-product {
	list-style-type : none;		/* Add 2008.08.26	*/
	background: url(../images/navi-product-on.gif) no-repeat left center;
}

#leftside td.navi-product a{
	display: block;
	width: 320px;
	height: 100px;
	background: url(../images/navi-product.gif) no-repeat left center;
}

#leftside td.navi-product a:hover {
	background: none;
}

#leftside td.navi-service {
	list-style-type : none;		/* Add 2008.08.26	*/
	background: url(../images/navi-service-on.gif) no-repeat left center;
}

#leftside td.navi-service a{
	display: block;
	width: 320px;
	height: 105px;
	background: url(../images/navi-service.gif) no-repeat left center;
}

#leftside td.navi-service a:hover {
	background: none;
}

#leftside td.navi-recruit {
	width: 320px;
	height: 165px;
	background: url(../images/navi-recruit-on.gif) no-repeat left center;
}

#leftside td.navi-recruit a{
	display: block;
	width: 320px;
	height: 165px;
	background: url(../images/navi-recruit.gif) no-repeat left center;
}

#leftside td.navi-recruit a:hover {
	background: none;
}
/*
#leftside td.navi-recruit {
	width: 320px;
	height: 100px;
	background: url(../images/navi-recruit-on.gif) no-repeat left center;
}

#leftside td.navi-recruit a{
	display: block;
	width: 320px;
	height: 100px;
	background: url(../images/navi-recruit.gif) no-repeat left center;
}

#leftside td.navi-recruit a:hover {
	background: none;
}
*/

#leftside td.navi-company {
	list-style-type : none;		/* Add 2008.08.26	*/
	background: url(../images/navi-company-on.gif) no-repeat left center;
}

#leftside td.navi-company a{
	display: block;
	width: 320px;
	height: 100px;
	background: url(../images/navi-company.gif) no-repeat left center;
}

#leftside td.navi-company a:hover {
	background: none;
}


#leftside td.navi-contactus {
	list-style-type : none;		/* Add 2008.08.26	*/
	background: url(../images/navi-contactus-on.gif) no-repeat left center;
}

#leftside td.navi-contactus a{
	display: block;
	width: 320px;
	height: 100px;
	background: url(../images/navi-contactus.gif) no-repeat left center;
}

#leftside td.navi-contactus a:hover {
	background: none;
}


#leftside td.photo{
	vertical-align: top;
	padding-left: 3px;
}

/*
#leftside ul{
	margin-top : 10px;
	margin-left : 50px;
	width : 380px;
}

#leftside li{
	margin: 5px 0;
}

#leftside dd{
	padding-left : 100px;
}
*/