@charset "utf-8";

/*Contents*/
#tabArea{
	width: 752px;
	font-size: 14px;
	}

.tab-inner{
	width: 752px;
	padding-bottom: 40px;
	background: url(../services/images/tab_foot.gif) no-repeat center bottom;
}

.tabPanel{
	width: 752px;
	padding-top: 10px;
	background: url(../services/images/tab.gif) repeat-y 0 0;
}

.tab-box-full{
	width: 748px;
	padding: 0 2px 30px 2px;/*

	margin: 0 auto 30px auto;
*/
}

.tab-box-full-bottom{
	width: 748px;
	padding: 0 2px;
}

.tab-box{
	width: 708px;
	padding: 20px 22px 0 22px;
}

.tab-box-full p,
.tab-box-full-bottom p,
.tab-box p{
	padding: 0 10px;
}

.tab-box h5{
	margin-bottom: 10px;
}

.tabPanel .bottom{
	padding-bottom: 0px;
}

#contents hr.blueline{
	width:708px;
	margin: 20px 20px 0 20px;
	border: none;
	border-top: 1px solid #87d2e5;
	}
	
p.pdT20,
img.pdT20{ padding-top: 20px;}

/*TabList*/

#tab {
	margin-top: 15px;
	height: 40px;
	background: url(../services/air/images/tab.gif) no-repeat 0 -40px;
}

#tab-btn-about,
#tab-btn-feature,
#tab-btn-safety,
#tab-btn-faq,
#tab-btn-about a,
#tab-btn-feature a,
#tab-btn-safety a,
#tab-btn-faq a,
#tab-btn-about a:hover,
#tab-btn-feature a:hover,
#tab-btn-safety a:hover,
i#tab-btn-faq a:hover{
	width: 168px;
}

#tab li{
	float: left;
	margin-right: 3px;
}


li#tab-btn-home,
li#tab-btn-home a,
li#tab-btn-home a:hover{
	width: 68px;
}

#tab li a,
#tab li a span{
	display: block;
	height: 40px;
}
#tab li a{
	overflow: hidden;
}

#tab li a span{
	background-image: url(../services/air/images/tab.gif);
	background-repeat: no-repeat;
}

#tab-btn-home    a span{ width: 68px;  background-position: 0 -40px;}
#tab-btn-about   a span{ width: 168px; background-position: -71px -40px;}
#tab-btn-feature a span{ width: 168px; background-position: -242px -40px;}
#tab-btn-safety  a span{ width: 168px; background-position: -413px -40px; }
#tab-btn-faq     a span{ width: 168px; background-position: -584px -40px; }

#tab-btn-home.active a span,
#tab-btn-home a:hover span{ width: 68px;  background-position: 0 0;}
#tab-btn-about.active a span,
#tab-btn-about a:hover span{ width: 168px; background-position: -71px 0;}
#tab-btn-feature.active a span,
#tab-btn-feature a:hover span{ width: 168px; background-position: -242px 0;}
#tab-btn-safety.active a span,
#tab-btn-safety a:hover span{ width: 168px; background-position: -413px 0; }
#tab-btn-faq.active a span,
#tab-btn-faq a:hover span{ width: 168px; background-position: -584px 0; }

li#tab-btn-faq{ margin-right: 0; }

/*About*/
p.about-top-txt{
	width: 440px;
	float: left;
	padding: 0 20px;
}

.about-graph{
	width: 248px;
	float: left;
}

/*Safety*/
#results{
	width: 708px;
	margin: 20px 10px 10px auto;
}

#results dt,
#results dd{
	width: 160px;
	padding: 5px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

#results dt{
	background: #eaf8fc;
	border-top: 1px solid #87d2e5;	
	border-left: 1px solid #87d2e5;
	border-bottom: 1px solid #87d2e5;
	border-right: 1px dotted #87d2e5;
}
#results dd{
	border-top: 1px solid #87d2e5;
	border-right: 1px solid #87d2e5;
	border-bottom: 1px solid #87d2e5;
	margin-right: 5px;
}
.safety-movie01{
	padding: 20px;
	
	float: left;
}
.safety-illust01,
p.safety-top-txt{
	padding: 20px 0 0 0;
	margin-left: 400px;
	width: 339px;
	display: block;
}

.safety-movie02{
	float: right;
	width: 360px;
	height: 274px;
	padding: 0 0 20px 20px;
	
}

/*FAQ*/
.answer{
	width: 710px;
	min-height: 30px;
	margin: 20px 19px 0 19px;
	background: url(../services/air/images/txt_a.gif) left top no-repeat;
}

.answer p{
	width: 665px;
	padding-left: 45px;
}