@charset "shift_jis";

/*============================================================
VI
============================================================*/
#vi {
	width:900px;
	height:210px;
	background	: url(../img/home/vi_bg.jpg) no-repeat left top;
	margin		: 0 0 20px 0;
}
#vi .img{
	float:left;
}
#vi .point_bt{
	padding-top:27px;
}
#vi a:hover img{
	opacity		: 0.7;
	filter		: alpha(opacity=70);
}

/*============================================================
ヘッダー
============================================================*/
#header {
	margin		: 0 0 10px 0;
}

/*============================================================
メイン：ボックス
============================================================*/
.main_box{
	width		: 605px;
	background-color: #EFF0F1;
	margin		: 0 0 15px 0;
}
.main_box p.rcontent {
	padding		: 0;
	margin		: 0;
}
.main_box span.rtop, .main_box span.rbottom {
	display		: block;
	background	: #fff;
}
.main_box span.rtop span, .main_box span.rbottom span {
	display		: block;
	height		: 1px;
	overflow	: hidden;
	background-color: #EFF0F1;
}
.main_box span.r1{margin: 0 5px;}
.main_box span.r2{margin: 0 3px;}
.main_box span.r3{margin: 0 2px;}
.main_box span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}
.main_box .bnr{
	width		: 250px;
	margin		: 0 12px;
}
#main h3{
	margin		: 0px;
	padding		: 0px;
	font-size	: 12px;
	border		: none;
}
.main_box h3{
	height		: 27px;
	line-height	: 27px;
	background      : url(../img/home/bg_h3.jpg) bottom no-repeat;
	font-size	: 12px;
	text-align	: left;
	text-indent	: 24px;
	color		: #313131;
}
.main_box .main_box_body{
	width		: 571px;
	margin		: 0 0 5px 10px;
	padding		: 7px;
	background-color: #FFF;
	
}
.main_box .main_box_body .casestudy_img{
	float		: left;
	border		: solid 4px #C8E0A4;
	margin		: 0 10px 0 0;
}
.main_box .main_box_body a:hover img{
	opacity		: 0.7;
	filter		: alpha(opacity=70);
}
.main_box .main_box_body a{
	font-size	: 14px;
	font-weight	: bold;
}
.main_box .main_box_body .scene{
	font-size	: 11px;
	color		: #84B641;
	font-weight	: bold;
}

/* かんたんサイト作成バナー */
.bnr_sitecreate{
	text-align:center;
	margin:0 0 30px 0;
}
.bnr_sitecreate img{
	margin:0 0 5px 0;
}


/*============================================================
最新のお知らせ
============================================================*/
#new{
	width		: 615px;
	background      : url(../img/home/bg_new.jpg) top no-repeat;
	position	: relative;
}
#new h3{
	margin		: 0px 0 10px 0;
	padding		: 0px;
	font-size	: 14px;
	text-indent	: 12px;
	line-height	: 36px;
	color		: #313131;
	border		: none;

}
#new .bt_rss{
	position	: absolute;
	top		: 8px;
	left		: 573px;
}
#new .newsline{
	margin		: 0 0 5px 0;
	position	: relative;
}
#new .date{
	position	: absolute;
	top		: 0px;
	left		: 13px;
	float		: left;
	width		: 100px;
}
#new .newstitle {
	float		: right;
	width		: 467px;
}

/*============================================================
サービスメニュー調整
============================================================*/
#service_menu{
	margin		: 15px 0 15px 0;
}