@charset "UTF-8";

/*
======== table of content. =================================

summary:index.html用レイアウト定義

-MAIN
  - MAIN LEFT
  - MAIN RIGHT

============================================================
*/


/*-------------------------------------
MAIN LEFT
---------------------------------------*/

div#mainLeft {}  /* common/layout.cssに記述 */


/* 製品・サービス */

div#product-list-container {
	width:640px;
	padding:0 10px;
	background: 
		url(../images/index/bg_service_m.gif) 
		repeat-y left top;
}

div.product-list-area01,
div.product-list-area02 {
	float:left;
	background:
		url(../images/index/bg_service_area01.gif) 
		repeat-x left top;
}

div.product-list-area01 {
	width:480px;
	_width:485px;
	_margin-right:-5px;
}
div.product-list-area02 {
	width:155px;
	margin-left:5px;
	_margin-left:0;
}

div.product-list-area03,
div.product-list-area04 {
	float:left;
	margin-top:5px;
	padding-top:10px;
	background:
		url(../images/index/dot_line01.gif) 
		repeat-x left top;
}

div.product-list-area03 {
	width:422px;
	_width:428px;
	_margin-right:-6px;
}
div.product-list-area04 {
	width:210px;
	margin-left:7px;
	_margin-left:0;
}

dl.product-list {
	float:left;
	width:155px;
	margin-top:5px;
	margin-right:5px;
}
dl.product-list dd {
	margin:2px 0 0 0;
}

div.product-list-area02 dl.product-list {
	margin-right:0;
}
div.product-list-area03 dl.product-list {
	width:205px;
	margin-right:6px;
}
div.product-list-area04 dl.product-list {
	width:210px;
	margin-right:0;
}

div.product-list-area01 dl.product-list dd a,
div.product-list-area02 dl.product-list dd a {
	padding-left:11px;
	display:block;
	background:
		transparent
		url(../images/common/cursor01.gif) 
		no-repeat 0 2px;
	text-indent:0;
}
div.product-list-area01 dl.product-list dd a:hover {
	background-image:url(../images/common/cursor01_on.gif);
}


div.product-list-area03 dl.product-list dd a {
	padding-left:11px;
	display:block;
	background:
		transparent
		url(../images/common/cursor03.gif) 
		no-repeat 0 2px;
	text-indent:0;
	color:#2F6A89;
}
div.product-list-area03 dl.product-list dd a:hover {
	background-image:url(../images/common/cursor01_on.gif);
	color:#FF9933;
}

div.product-list-area04 dl.product-list dd a {
	padding-left:11px;
	display:block;
	background:
		transparent
		url(../images/common/cursor02.gif) 
		no-repeat 0 2px;
	text-indent:0;
	color:#524289;
}
div.product-list-area04 dl.product-list dd a:hover {
	background-image:url(../images/common/cursor01_on.gif);
	color:#FF9933;
}

div.product-list-container-bottom {
	clear:both;
	height:13px;
	background:
		url(../images/index/bg_service_b.gif)
		no-repeat left bottom;
}



/* 導入事例 */

div#ttl-case-container {
	width:660px;
	margin:15px 0 0 0;
}

div#ttl-case-container h3 {
	float:left;
	width:573px;
}

div#ttl-case-container p {
	float:right;
	width:87px;
} 

ul#case-list {
	width:660px;
}
ul#case-list li {
	_height:1%;
	overflow:hidden;
	border-bottom:1px solid #DEDFE8;
}
ul#case-list dl dt {
	clear:both;
	float:left;
	width:128px;
	padding:10px 0 10px 15px;
	background:
		transparent
		url(../images/common/cursor01.gif) 
		no-repeat 3px 12px;
	font-weight:bold;
	
}
ul#case-list dl dd.icon {
	float:left;
	width:92px;
	padding:7px 0 10px 15px;
}

*html ul#case-list dl dd.icon img {
	display:block;
	margin:0 0 3px 0;
}

ul#case-list dl dd.text {
	width:372px;
	_width:366px;
	margin:0 0 0 265px;
	padding:10px 0 10px 20px;
}

/*
ul#case-list dl dt {
	clear:both;
	float:left;
	width:240px;
	padding:10px 0 10px 15px;
	background:
		transparent
		url(../images/common/cursor01.gif) 
		no-repeat 3px 12px;
	font-weight:bold;
	
}
ul#case-list dl dd {
	width:382px;
	margin:0 0 0 255px;
	padding:10px 0 10px 20px;
}


ul#case-list dl dt a {
	display:block;
	padding:0 112px 2px 0;
}
ul#case-list dl dt a.icon-case01 {
	
	background:
		url(../images/index/icon_solution01.gif) 
		no-repeat right 3px;
}
ul#case-list dl dt a.icon-case02 {
	background:
		url(../images/index/icon_solution02.gif) 
		no-repeat right 3px;
}
ul#case-list dl dt a.icon-case03 {
	background:
		url(../images/index/icon_solution03.gif) 
		no-repeat right 3px;
}

*/
/*-------------------------------------
MAIN RIGHT
---------------------------------------*/

div#mainRight {
	
}

ul.banner-list li {
	margin-bottom:4px;
}

dl#event-list {
	width:206px;
}

dl#event-list dt {
	padding:6px 3px 0 3px;
	font-size:0.95em;
}

dl#event-list dt.icon-seminer {
	background:
		#EDEDF1 
		url(../images/index/icon_seminar.gif) 
		no-repeat 95% 6px;
}

dl#event-list dt.icon-event {
	background:
		#EDEDF1 
		url(../images/index/icon_event.gif) 
		no-repeat 95% 6px;
}


dl#event-list dd.title {
	padding:3px;
	background:#EDEDF1;
	font-weight:bold;
}
dl#event-list dd.detail {
	padding:3px;
	font-size:0.95em;
}


ul.mark-list {	
	width:206px;
	overflow:hidden;
}
ul.mark-list li {
	float:left;
}