/******************************************
ボックス
*******************************************/
#index_main
{
	width:900px;
	height:400px;
	
}

#index_left
{
	width:345px;
	height: auto;
	background-image: url(../img/topics_bg.jpg);
	background-repeat: repeat-y;
	float: left;
	
}

#index_right
{
	width:550px;
	height: auto;
	float:right;
}

/******************************************
サービスメニュー
*******************************************/
.service_menu
{
	width: 295px;
	margin: 5px 0px 10px 25px;
}

.service_menu li
{
	height: 40px;
	margin-bottom: 1px;
}

.service_menu li.category
{
	height: 50px;
	margin: 10px 0px 0px 0px;
}



/******************************************
トピックス
*******************************************/
#new
{
	width: 345px;
	height: 200px;
	position: relative;
	color: #FFFFFF;
	font-size: 7pt;
}

#new .n_list
{
	width: 295px;
	height: 150px;
	top: 5px;
	left: 25px;
	position: absolute;
	overflow:auto;
	color: #FFFFFF;
	font-family: sans-serif;
	border-bottom: 1px dotted #356572;
}
#new .n_list li
{
	background-image: url(../img/icon_tp.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 8px;
	line-height: 20px;
	border-bottom: 1px dotted #356572;
}
#new .n_list a
{
	color: #FFFFFF;
	text-decoration: underline;
}
#new .n_list a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.link_topics
{
	width: 345px;
	margin: 10px 0px 10px 0px;
	position: absolute;
	left: 0px;
	top: 150px;
}

.link_topics #TOPICS
{
	position: absolute;
	left: 155px;
	float: left;
}
.link_topics #rss
{
	position: absolute;
	left: 265px;
}




/******************************************
バナー
*******************************************/
#index_left .banner_area
{
	width: 345px;
	height: 280px;
	position: relative;
}

#index_left .banner_area ul
{
	position: absolute;
	top: 5px;
	left: 25px;
}

#index_left .banner_area ul li
{
	margin-bottom: 5px;
}


/******************************************
お見積り無料　お問い合わせリンク
*******************************************/
.estimate
{
	width: 550px;
	height: 70px;
	position: relative;
}

.estimate .tel
{
	width: 209px;
	height: 50px;
	position: absolute;
	left: 341px;
}

.estimate .hp_estimate
{
	width: 208px;
	height: 50px;
	position: absolute;
	left: 130px;
	top: 1px;

}

/******************************************
TOP
説明文
*******************************************/
.index_info
{
	width: 550px;
	height: 341px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(../img/index_info_bg.jpg);
	background-repeat: no-repeat;

}

.index_info h2
{
	width: 500px;
	line-height: 20px;
	font-size: 12px;
	padding: 60px 0px 0px 12px;
}

.index_info p
{
	width: 500px;
	height: 250px;
	line-height: 20px;
	font-size: 12px;
	padding: 15px 0px 0px 12px;
}

.index_info p span
{
	padding-left: 170px;
}

/******************************************
サービス誘導
ホームページ制作／システム開発
*******************************************/
.index_service
{
	width: 550px;
	height: 260px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-repeat: no-repeat;

}

/* ホームページ制作 */
.index_service .box_web
{
	width: 270px;
	height: auto;
	float: left;

}

/* システム開発 */
.index_service .box_system
{
	width: 270px;
	height: auto;
	float: left;
	margin-left: 8px;

}

.index_service .box_web p,
.index_service .box_system p
{
	width: 220px;
	height: 70px;
	margin-left: 20px;
	line-height: 20px;
	border-bottom: 1px dotted #000000;
}

.index_service .box_web ul,
.index_service .box_system ul
{
	width: 200px;
	height: 70px;
	margin: 5px 0px 8px 30px;
	line-height: 20px;
}

.index_service .box_web ul li,
.index_service .box_system ul li
{
	padding-left: 20px;
	background-image: url(../img/icon_index_service.gif);
	background-repeat: no-repeat;
	
}

.index_service .box_web a,
.index_service .box_system a
{
	margin-left: 145px;
	line-height: 20px;
}

/******************************************
営業エリア
*******************************************/
.business_area
{
	width: 550px;
	height: 300px;
	position: relative;
	background-color: green;
}

.business_area .result
{
	width: 550px;
	height: 50px;
	background-image: url(../img/index_h4_hp_sample.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	position: relative;
	
}

.business_area h4
{
	width: 300px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 18px;
	left: 28px;
}


/******************************************
WEB Flash
*******************************************/
.flash_area
{
	width: 550px;
	height: auto;
}

.flash_area .result
{
	width: 550px;
	height: 50px;
	background-image: url(../img/index_h4_hp_sample.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	position: relative;
	
}

.flash_area h4
{
	width: 300px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 18px;
	left: 28px;
}

.flash_area .result #WEB_RESULT
{
	position: absolute;
	top: 13px;
	left: 423px;
}

/******************************************
TOP
コラボキャンペーンバナー
*******************************************/
.campaign
{
	width: 550px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}