@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;
}



/*------------------------------------------------------------
	FLASHサービススタイル
------------------------------------------------------------*/
#conts .flaServices {
	margin-bottom: 25px;
	background: url(/img/index/fla_box.jpg) no-repeat left bottom;
	height:170px;
}

#conts .flaServices p {
	margin-left: 25px;	
	padding-top: 60px;	
	font-size: 12px;
}

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

/*------------------------------------------------------------
	スマートフォンサービススタイル
------------------------------------------------------------*/
#conts .spServices {
	margin-bottom: 25px;
	background: url(/img/index/sp_box.jpg) no-repeat left bottom;
	height:151px;
}

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

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


/*------------------------------------------------------------
	メールフォームサービススタイル
------------------------------------------------------------*/
#conts .formServices {
	margin-bottom: 25px;
	background: url(/img/index/form_box.jpg) no-repeat left bottom;
	height:144px;
}

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

#conts .formServices a.more,
#conts .formServices 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 15px 3px;
	
	float: right;
}

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

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

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

/*------------------------------------------------------------
	ノウハウ＆コラムスタイル
------------------------------------------------------------*/

/*------------------------------------------------------------
	更新情報スタイル
------------------------------------------------------------*/
#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 #faq,
#conts #caseStudy,
#conts .knowhow {
	width: 614px;
	background: url(/img/company/index/approach_box.gif) repeat-y;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 20px;
}

#conts #faq p,
#conts #caseStudy p,
#conts .knowhow p {
	margin: 10px 15px;
}

#conts #faq li,
#conts #caseStudy li,
#conts .knowhow li {
	margin: -1px 17px 7px;
	padding-top: 8px;
	background: url(/img/line/01.gif) repeat-x left top;
	zoom: 1;
}

#conts #faq li a,
#conts #caseStudy li a,
#conts .knowhow li a {
	margin-left: 5px;
}