@charset "utf-8";
/* CSS Document */
/*----------------------------------------

wrapper 

-----------------------------------------*/
#wrapper {
	margin:0 auto;
	width:100%;
	background-image:url(../../common/img/bg-wrap.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

/*----------------------------------------

#faq

-----------------------------------------*/
#faq {
	padding:20px 0 50px;
	width:677px;
}
#faq h2 {
	padding:0 30px 20px;
}
#faq p.intro {
	padding:0 0 25px 30px;
}

/*	faq-list-----------------------------------------*/
.faq-list ,.answer {
	padding:0 30px 20px;
	margin-bottom:25px;
	width:617px;
	background:url(../../common/img/bg-top-repeat.gif) repeat-x left bottom;
}
.faq-list h3 {
	padding:0 0 7px;
	border-bottom:3px solid #e3e3e3;
	margin-bottom:10px;
}
.faq-list ul li {
	background:url(../../common/img/icon-link02.gif) no-repeat left 3px;
	padding:0 0 5px 20px;
}

/*	answer-----------------------------------------*/
.answer {
}
.cate {
	color:#FFFFFF;
	background:#1bb8ee;
	font-weight:bold;
	display:inline;
	padding:4px 7px 3px;
}
.answer h3 {
	border:1px solid #1bb8ee;
	background:url(../img/icon-q.gif) no-repeat 10px 10px;
	padding:15px 0 15px 55px;
	font-weight:bold;
	color:#1bb8ee;
	font-size:117%;
	margin-bottom:30px;
}
.answer dl {
	padding:0 0 40px 10px;
}
.answer dl dt {
	float:left;
}
.answer dl dd {
	padding-left:50px;
}


/*	section-----------------------------------------*/
.faq-list-area,.faq-cate-area {
	padding:0 30px 20px;
	width:617px;
}
.section {
	margin-bottom:25px;
	padding:0 0 10px 0;
	border-bottom:1px solid #e3e3e3;
}
.faq-list-area h4 {
	background:url(../img/icon-q.gif) no-repeat left bottom;
	padding:15px 0 0 40px;
	font-weight:bold;
	color:#1bb8ee;
	font-size:117%;
	margin-bottom:15px;
}
.faq-cate-area h4 {
	padding:7px 0;
	margin-bottom:15px;
	border-bottom:3px solid #e3e3e3;
}
ul.q-list li {
	background:url(../../common/img/icon-link02.gif) no-repeat left 4px;
	padding:0 0 5px 20px;
}


/*----------------------------------------

gNav 

-----------------------------------------*/

#gNav-wrap {
	margin:0 auto;
	width:100%;
}
#gNav {
	width:948px;
	margin:0 auto;
	padding-bottom:10px;
}
#gNav ul li {
	float:left;
}
#gNav ul li a {
	display:block;
	height:56px;
	overflow:hidden;
	text-indent:-999px;
	background-image:url(../../common/img/gNav.gif);
	background-repeat:no-repeat;
}
#gNav li.top a {
	background-position:0 0;
	width:136px;
}
#gNav li.service a {
	background-position:-136px 0;
	width:135px;
}
#gNav li.flow a {
	background-position:-271px 0;
	width:135px;
}
#gNav li.price a {
	background-position:-406px 0;
	width:136px;
}
#gNav li.works a {
	background-position:-542px 0;
	width:135px;
}
#gNav li.voice a {
	background-position:-677px 0;
	width:136px;
}
#gNav li.faq a {
/*	background-position:-813px 0;
	width:135px;
*/	background-position:-813px 100%;
	width:135px;
}


#gNav li.top a.on,
#gNav li.top a:hover {
	background-position:0px 100%;
	width:136px;
}
#gNav li.service a.on,
#gNav li.service a:hover {
	background-position:-136px 100%;
	width:135px;
}
#gNav li.flow a.on,
#gNav li.flow a:hover {
	background-position:-271px 100%;
	width:135px;
}
#gNav li.price a.on,
#gNav li.price a:hover {
	background-position:-406px 100%;
	width:136px;
}
#gNav li.works a.on,
#gNav li.works a:hover {
	background-position:-542px 100%;
	width:135px;
}
#gNav li.voice a.on,
#gNav li.voice a:hover {
	background-position:-677px 100%;
	width:136px;
}
#gNav li.faq a.on,
#gNav li.faq a:hover {
	background-position:-813px 100%;
	width:135px;
}












