@charset "UTF-8";

/* ========================================
   �(1)indexメインコンテンツ
======================================== */
#indexMain {
	margin: 0px;
	padding: 15px 30px 0;
	width: 760px;
	background: url(../img/bg_main.jpg) no-repeat center top;
}
#indexMain h2 {
	margin-bottom: 1em;
}
/* ========================================
   �(2)フラッシュエリア
======================================== */

#flashArea {
	margin-bottom: 30px;
}

/* ========================================
   �(3)事業内容
======================================== */

#index_work {
	margin-bottom: 25px;
	text-align: center;
	width: 760px;
}
#index_work img {
	behavior:url(iepngfix.htc);
	border: none;
}
#index_work ul {
	text-align: center;
	width: 725px;
	margin: 0;
	padding:0 0 0 35px;
	background: url(../img/bg_index_work.gif) no-repeat center bottom;
	height: 135px;
	vertical-align: bottom;
	display: block;
}
#index_work ul li {
	display: inline;
	float: left;
	line-height: 0;
	vertical-align: top;
	font-size: 0;
	padding: 0 3px;
}

#index_work ul li a {
	width: 166px;
	height: 125px;
	display: block;
	padding-top: 10px;
}
#index_work ul li a:hover {
	background-color: #FFFFFF;
	width: 180px;
	height: 135px;
	display: block;
	padding-top: 0px;
}
#index_work ul li a:hover img {
	visibility: hidden;
	behavior:url(iepngfix.htc);
}
#index_work ul li a:hover.btn_con { background: url(../img/btn_top_consul_o.png) no-repeat top center;}
#index_work ul li a:hover.btn_sc { background: url(../img/btn_top_sc_o.png) no-repeat top center;}
#index_work ul li a:hover.btn_sd { background: url(../img/btn_top_sd_o.png) no-repeat top center;}
#index_work ul li a:hover.btn_sa { background: url(../img/btn_top_sa_o.png) no-repeat top center;}

/* ========================================
   �(4)製品とサービス
======================================== */
  
#index_service {
	clear: both;
	margin-bottom: 25px;
}
#serviceNavi {
/*	background-color: #F1E9CD; */
	padding: 15px 10px;
	overflow: hidden;
}
#serviceNavi:after{
	display: block;
	clear: both;
	height: 1px;
	content: ".";
}
/*¥*/
* html #serviceNavi {
	height: 1px;
	overflow: visible;
}
/**/

#serviceNavi #solution {
	float: left;
}

#serviceNavi #serviceRight {
	float: right;
	width: 410px;
	height: auto !important;
	height: 110;
	min-height: 110;
	line-height: 1.5em;
	text-align: left;
	background-color: #FFFFFF;
	overflow: auto;
}
#serviceNavi #serviceRight ul.left {
	margin-left: 10px;
	padding-top: 5px;
	float: left;
	width: 175px;
	text-align: left;
}
#serviceNavi #serviceRight ul.right {
	margin-left: 195px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: left;
}
#serviceNavi #serviceRight ul li li{
	margin: 1px 0 1px 0.5em;
	padding: 0 0 0 1em;
	line-height: 1.2em;
	background: url(../img/mark_dotted.gif) left center no-repeat;
	text-align: left;
}
#serviceNavi #serviceRight a {
	color: #333333;
}
#serviceNavi #serviceRight a:hover {
	color: #FF6600;
}
#serviceNavi #serviceRight strong {
	padding-left: 15px;
	background: url(../img/mark_arrow.gif) left center no-repeat;
}
#serviceNavi #serviceRight h3 {
	margin-bottom: 0px;
}

/* ========================================
   �(5)インフォメーション
======================================== */
  
#information {
	float: left;
	width: 370px;
	margin-bottom: 20px;
}
#information dl {
	height: 140px;
	overflow: auto;
}
#information dt {
	padding-left: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#information dd {
	margin-bottom: 10px;
	padding: 0 10px 3px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	font-size: 95%;
}

/* ========================================
   �(6)採用情報
======================================== */

#recruit {
	margin-bottom: 20px;
	float: right;
	width: 370px;
}

/* ========================================
   �(7)ピックアップ
======================================== */

#pickup {
	float: right;
	width: 370px;
}
.index_box01 {
	padding: 4px 4px 0;
	border: 1px solid #FF9900;
	background-image: url(../img/bg_area.jpg);
	text-align: center;
}
.index_box01 img {
	margin-bottom: 4px;
}

/* ↓20100723 add kogawa↓ */
/* ========================================
   �(8)セミナー
======================================== */

#seminar {
	float: left;
	width: 370px;
}
.index_box02 {
	padding: 4px 4px 0;
	border: 1px solid #FF9900;
	background-image: url(../img/bg_area.jpg);
	text-align: center;
}
.index_box02 img {
	margin-bottom: 4px;
}
/* ↑20100723 add kogawa↑ */