@charset "utf-8";
/* ===================================================================
CSS information

 file name  :support.css
 style info :お客様サポートページ
=================================================================== */
#header {
	background: url(../images/main_img.jpg) 0 bottom no-repeat;
}

#sub #lnav dt {
	background: url(../images/menu_title.jpg) 0 0 no-repeat;
}

#main .section {
	clear: both;
	padding: 0 30px 0 10px;
	overflow: hidden;
}

#main h2 {
	clear: both;
	height: 22px;
	margin: 2em 0 1em 10px;
	text-indent: -5000em;
}

#main h2#subtitle1 {
	background: url(../images/index_subtitle1.jpg) 0 0 no-repeat;
}

#main h2#subtitle2 {
	background: url(../images/index_subtitle2.jpg) 0 0 no-repeat;
}

#faq_area,
#colsys_area,
#down_area {
	width: 331px;
	height: 138px;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}

#colsys_area,
#down_area {
	height: 173px;
}

#faq_area,
#colsys_area {
	float: left;
}

#down_area {
	float: right;
}

#faq_area {
	background: url(../images/index_faq.jpg) 0 0 no-repeat;
}

#colsys_area {
	background: url(../images/index_colsys.jpg) 0 0 no-repeat;
}

#down_area {
	background: url(../images/index_down.jpg) 0 0 no-repeat;
}

#faq_area h3,
#colsys_area h3,
#down_area h3 {
	display: none;
}

#faq_area p,
#colsys_area p,
#down_area p {
	width: 220px;
	letter-spacing: 0;
	position: absolute;
	top: 55px;
	left: 103px;
}

#faq_area ul,
#colsys_area ul,
#down_area ul {
	width: 220px;
	letter-spacing: 0;
	position: absolute;
	top: 100px;
	left: 103px;
}

#colsys_area ul {
	top: 145px;
}

#down_area ul {
	top: 115px;
}

#faq_area ul li a,
#colsys_area ul li a,
#down_area ul li a {
	padding-left: 15px;
	background: url(../../images/share/arrow1.jpg) 0 center no-repeat;
}