@charset "utf-8";

/* = メインイメージ
------------------------------------------------------ */
#main-col #main-image {
		border:10px solid #FFF;
		overflow:hidden;
}

/* = 特長
------------------------------------------------------ */
#main-col #feature {
		margin:10px 0 15px;
}
#main-col #feature ul {
		position:relative;
		background:url(../images/feature_bg.gif) left bottom no-repeat;
		font-size:1.16em;
}
#main-col #feature li {
		float:left;
		width:220px;
		margin-right:15px;
		padding-top:79px;
}
#main-col #feature li.service {
		background:url(../images/feature_01.gif) left top no-repeat;
}
#main-col #feature li.kantan {
		background:url(../images/feature_02.gif) left top no-repeat;
}
#main-col #feature li.price {
		background:url(../images/feature_03.gif) left top no-repeat;
		margin-right:0;
}
#main-col #feature p {
		padding:10px 13px 45px 20px;
}
#main-col #feature .btn {
		position:absolute;
		bottom:12px;
		padding:0 0 0 85px;
}


/* = お知らせ
------------------------------------------------------ */
#main-col .information {
		position:relative;
		background:#e7eec1;
		border:10px solid #FFF;
}
#main-col .information .rss {
		position:absolute;
		top:12px;
		right:10px;
}
#main-col .information .inner {
	padding:10px;
}
#main-col .information .infoitem {
	line-height:1.3;
	border-bottom:1px solid #666;
	padding-bottom:1em;
	margin-bottom:1em;
}
#main-col .information .infoitem .date {
	font-weight:bold;
}
#main-col .information .infoitem .infotitle a {
	color:#4a7107;
}


/* = ブログ・ニュース
------------------------------------------------------ */
#main-col-inner .blog {
	margin-bottom:20px;
}
#main-col-inner .blog p.title,
#main-col-inner .blog p.title-text {
	background:#fff url(../images/pg_title_bg.gif) no-repeat;
	height:37px;
	margin-bottom:5px;
}
#main-col-inner .blog p.title-text {
	line-height:37px;
	font-size:1.5em;
	font-weight:bold;
	padding-left:.7em;
	color:#FFFFFF;
}
#main-col-inner .blog ul {
	margin-left:.5em;
}
#main-col-inner .blog li {
	line-height:1.5;
	margin-bottom:.5em;
	list-style:none;
}
#main-col-inner .blog p.rss {
	text-align:right;
}

/* = スライドショー
------------------------------------------------------ */
#main-col-inner #slides {
		height:230px;
}
#main-col-inner #main-image {
	z-index:5;
	position:relative;
}
#main-col-inner #main-image #slidenav {
	display:none;
	z-index:15;
	position:absolute;
	bottom:10px;
	left:0;
	width:670px;
}
#main-col-inner #main-image #slidenav .prev {
		float:left;
		padding-left:10px;
}
#main-col-inner #main-image #slidenav .next {
		float:right;
		padding-right:10px;
}