@charset "utf-8";
@import "common/0-import.css";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#header{
	position: relative;
}

#header .form_bt {
	position: absolute;
	top: 276px;
	left: 0px;
}

/*------------------------------------------------------------
	年末年始休業のお知らせ	
------------------------------------------------------------*/
#conts #nenmatsu {
	margin: 0 0 20px;
	padding: 10px;
	background: #fff;
	border: 1px solid #f00;
}

#conts #nenmatsu h3 {
	margin: 0 0 0.5em;

	font-size: 14px;
	font-weight: bold;
}

#conts #nenmatsu .day {
	margin: 1em 0;

	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

/*------------------------------------------------------------
	簡単見積もりスタイル
------------------------------------------------------------*/
#conts .mitsumori {
	margin-bottom: 25px;
}


/*------------------------------------------------------------
	デザインサービススタイル
------------------------------------------------------------*/
#conts .designServices {
	margin-bottom: 25px;
	background: url(/img/index/design_box.jpg) no-repeat left bottom;
	height:164px;
}

#conts .designServices p,
#conts .designServices p {
	margin-left: 25px;	
	font-size: 12px;
}

#conts .designServices a.more,
#conts .designServices a.more {
	margin: 10px 0 0 25px;
	padding-left: 15px;
	background: url(/img/icon/01.gif) no-repeat left 4px;
	display: block;
}


/*------------------------------------------------------------
	最安保障＆相見積キャンペーン・サポートサービススタイル
------------------------------------------------------------*/
#conts .securityServices {
	margin-bottom: 25px;
}

#conts .securityBox {
	width: 299px;
	background: url(/img/index/security_box.jpg) no-repeat left bottom;
	
	float: left;
}

#conts .servicesBox {
	width: 299px;
	background: url(/img/index/security_box.jpg) no-repeat left bottom;
	
	float: right;
}

#conts .securityBox .icon,
#conts .servicesBox .icon {
	margin: 0 20px 3px;
	
	float: right;
}

#conts .securityBox p,
#conts .servicesBox p {
	margin-left: 25px;
	
	font-size: 12px;
}

#conts .securityBox a.more,
#conts .servicesBox a.more {
	margin: 10px 0 0 25px;
	padding-left: 15px;

	background: url(/img/icon/01.gif) no-repeat left 4px;
	display: block;
}

/*------------------------------------------------------------
	ノウハウ＆コラムスタイル
------------------------------------------------------------*/
#conts .knowhow {
	margin-bottom: 20px;
	background: url(/img/index/knowhow_box.gif) repeat-y left top;
}

#conts .knowhow h3 {
	padding-left: 25px;
	background: url(/img/index/knowhow_title.gif) no-repeat left top;
	
	color: #000;	
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
}

#conts .knowhow .knowhowBox {
	margin: 20px 20px 0;
	padding-bottom: 1px;
	background: url(/img/line/01.gif) repeat-x left bottom;
}

#conts .knowhow .knowhowBoxEnd {
	padding: 20px 20px 8px;
	background: url(/img/index/knowhow_bottom.gif) no-repeat left bottom;
}

#conts .knowhow .knowhowBox img,
#conts .knowhow .knowhowBoxEnd img {
	float: left;
}

#conts .knowhow .knowhowBox h4,
#conts .knowhow .knowhowBoxEnd h4 {
	margin-left: 85px;
	
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}

#conts .knowhow .knowhowBox p,
#conts .knowhow .knowhowBoxEnd p {
	margin: 10px 0 0 85px;
	
	color: #666;
	font-size: 11px;
}

/*------------------------------------------------------------
	更新情報スタイル
------------------------------------------------------------*/
#conts .info {
	margin-bottom: 20px;
}

#conts .info h3 {
	padding-left: 12px;
	background: url(/img/index/notic.gif) no-repeat 2px top;
	
	color: #000;	
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

#conts .info dl {
	margin: 10px 8px 0;
}

#conts .info dt {
	margin: 0 0 8px;
	padding: 0 0 8px;

	float: left;
	clear: left;

	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-weight: bold;
}

#conts .info dd {
	margin: 0 0 8px;
	padding: 0 0 8px 7em;
	background: url(/img/line/01.gif) repeat-x left bottom;
}

/*------------------------------------------------------------
	ケーススタディ	
------------------------------------------------------------*/
#conts #caseStudy {
	margin: 0 0 20px;
	padding: 0 0 5px;
	background: url(/img/company/index/approach_bottom.gif) no-repeat left bottom;
}

#conts #caseStudy ul {
	background: url(/img/company/index/approach_box.gif) repeat-y;
}

#conts #caseStudy li {
	margin: 0 17px;
	background: url(/img/line/01.gif) repeat-x left bottom;

	line-height: 35px;
}

#conts #caseStudy li.end {
	background: none;
}

#conts #caseStudy li a {
	margin-left: 5px;
}