@charset "utf-8";
@import url("import.css");
/* ===================================================================
CSS information

 file name    :index.css
 lastmodified :08/09/12
 style info   :indexページ用CSS
=================================================================== */
/*--------------------------------
    トップページ
        .index
---------------------------------*/

body.index {
	background: #fff;
}

.index #contents {
	width:100%;
	background:url(../img/index/bg-index_top.gif) top repeat-x;
}

.index #contents {
	width:100%;
	background:url(../img/index/bg-index_top.gif) top repeat-x;
}

.index #article {
	margin:0 auto;
}

.index #main_img {
	background:url(../img/index/bg-index_main.jpg) top no-repeat;
	height:300px;
	margin:0 auto 30px;
}

.index #main_img #main_txt{
	height:300px;
	margin:0 auto;
	width:962px;
}

.index #main_img #main_txt h2{
	padding:77px 0 0 15px;
}


/*  左カラム
----------------------------------------------------------- */

.index #article #main .intro {
	background:url(../img/index/bg-intro.gif) left top no-repeat;
	min-height:136px;
	height:auto !important;
	height:130px;
	padding-left:15px;
	zoom:1;
	width:685px;
	margin-bottom:20px;
}

.index #article #main .intro h3{
	margin-bottom:10px;
}

.index #article #main .intro .intro_left{
	float:left;
	width:448px;
}

.index #article #main .intro .intro_right{
	float:right;
	width:220px;
}

.index #article #main .intro:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.index #article #main div.section{
	margin-bottom:20px;
	width:705px;
	clear:both;
}

/*導入実績*/

.index #article #main div.section ul.merit {
	zoom:1;
}

.index #article #main div.section ul.merit li {
	float:left;
}

.index #article #main div.section ul.merit:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.index #article #main div.section:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.index #article #main div.section .casestudy_list {
	float:left;
}

.index #article #main div.section .casestudy_list .links_logo {
	width:218px;
	border-left:1px solid #9da8b1;
	border-right:1px solid #9da8b1;
}

/*ニュース・セミナー*/

.index #article #main div.section .news_list {
	float:right;
	position:relative;
	width:463px;
	margin-bottom:22px;
}

.index #article #main div.section .news_list .more {
	position:absolute;
	top:6px;
	left:342px;
	line-height:1;
}

.index #article #main div.section dl.new_list{
	zoom:1;
	width:460px;
}

.index #article #main div.section dl.new_list dt{
	clear:left;
	float:left;
	width:60px;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:1em;
	_line-height:1; /*for IE6*/
}

.index #article #main div.section dl.new_list dd{
	border-bottom:1px dotted #c2c4c7;
	padding-top:9px;
	padding-bottom:9px;
	text-indent:-60px;
	padding-left:13em;
	padding-right:15px;
}

.index #article #main div.section dl.new_list dd img{
	font-size:0;
	line-height:1;
	vertical-align:middle;
}

.index #article #main div.section dl.new_list dd.odd{
	background:#f2f5f9;
}

.index #article #main div.section dl.new_list dd span{
	padding-right:1em;
}

.index #article #main div.section .seminar_list{
	float:right;
	position:relative;
	width:463px;
}

.index #article #main div.section .seminar_list .more{
	position:absolute;
	top:6px;
	left:342px;
	line-height:1;
}

/*資料請求ほか*/

.index #article #main div.contact_area{
	zoom:1;
	padding:10px 10px 0 10px;
	background:url(../img/index/bg-contact_area.jpg) no-repeat;
	width:700px;
}

.index #article #main div.contact_area  ul li{
	float:left;
	padding-right:10px;
}

.index #article #main div.contact_area  ul li.last{
	padding-right:0;
}

.index #article #main div.contact_area ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.index #article #main div.contact_area p{
	clear:both;
	padding:0 0 20px 37px;
	margin-top:21px;
	width:537px;
}