@charset "utf-8";

/* Footer *******************************************************/
#sp #Linklist,
#qa #Linklist {
	padding: 25px 19px 10px;
	background: url(../img/f_bg.gif) no-repeat left top;
}

/* Contents *******************************************************/
#sp #Contents {
	background: url(../../support/img/top_title_bg.jpg) no-repeat left top;
}
#sp #Contents .PageTitle {
	height: 186px;
	width: 1000px;
	position: relative;
	margin-bottom:20px;
}
#sp #Contents .PageTitle p {
	position: absolute;
	left: 45px;
	top: 45px;
}
#sp #Contents .PageTitle h1 {
	position: absolute;
	left: 45px;
	top: 100px;
}

#sp .FloatWrap {
	width: 1000px;
}
#sp .MainContents {
	float: left;
	width: 750px;
}
#sp .SideContents {
	float: right;
	width: 230px;
}

/* Information *******************************************************/
#sp .Information {
	background: url(../../support/img/info_bg.jpg) no-repeat center bottom;
	height: 408px;
	width: 230px;
	position: relative;
}
#sp .Information,
#sp .Information dl,
#sp .Information dt,
#sp .Information dd,
#sp .Information p {
	line-height: 100%;
}
#sp .Information img {
	vertical-align: top;
}
#sp .Information .TitleTel {
	height: 72px;
	width: 68px;
	position: absolute;
	left: 160px;
	top: 11px;
}
#sp .Information .TitleNet {
	height: 56px;
	width: 63px;
	position: absolute;
	left: 16px;
	top: 309px;
}
#sp .Information dt {
	padding-left: 15px;
}
#sp .Information dd {
	padding-left: 12px;
}
#sp .Information .Purifier {
	padding-top: 17px;
}
#sp .Information .Purifier dd {
	padding-top: 4px;
}
#sp .Information .Equipment {
	padding-top: 15px;
}
#sp .Information .Equipment dd {
	padding-top: 6px;
	padding-bottom: 67px;
}
#sp .Information .Button {
	padding-left: 15px;
}
#sp .Catalog {
	padding-top: 7px;
}

/* Navigation *******************************************************/
#sp .Navi{
	margin-left:20px;
}

#sp .Navi #Navi01 img{
	vertical-align:bottom;
}

#sp .Navi li.mt20{
	margin-top:20px;
}
#sp .Navi li.mb20{
	margin-bottom:20px;
}

#sp .Navigation {
	padding: 0px 0px 19px 20px;
	height: 142px;
}
#sp .Navigation li {
	float: left;
	width: 240px;
	height: 142px;
}

/* FAQ *******************************************************/
#sp .FAQ {
	background-color: #FFF;
	border: 1px solid #c0c4c9;
	padding: 19px;
	height: 272px;
}
#sp .FAQ .FloatLeft {
	float: left;
	width: 350px;
}
#sp .FAQ .FloatRight {
	float: right;
	width: 350px;
}
#sp .FAQ dl,
#sp .FAQ dt,
#sp .FAQ dd,
#sp .FAQ p {
	line-height: 100%;
}
#sp .FAQ .Title {
	height: 100px;
	background: url(../../support/img/faq_mark.gif) no-repeat 0px 4px;
	padding-left: 72px;
}
#sp .FAQ .Title h2 {
	padding-top: 4px;
}
#sp .FAQ .Title .Text {
	padding-top: 7px;
	line-height: 123%;
	color: #3b3f68;
}
#sp .FAQ .Text {
	line-height: 138%;
	color: #3A3A3A;
}
#sp .FAQ .Purifier {
	background: url(../../support/img/faq_purifier_bg.jpg) no-repeat left top;
	height: 170px;
	width: 350px;
}
#sp .FAQ .Equipment {
	background: url(../../support/img/faq_equipment_bg.jpg) no-repeat left top;
	height: 149px;
	width: 350px;
	margin-bottom: 8px;
	letter-spacing:-1px;
}
#sp .FAQ .Equipment .Text{
	width:95%;
}

#sp .FAQ .Equipment dd {
	margin-top:-5px;
}

#sp .FAQ .Other {
	background: url(../../support/img/faq_other_bg.jpg) no-repeat left top;
	height: 113px;
	width: 350px;
}
#sp .FAQ dl {
	padding-left: 175px;
	width: 168px;
}
#sp .FAQ .Purifier dt {
	padding-top: 7px;
	padding-bottom: 24px;
}
#sp .FAQ .Equipment dt,
#sp .FAQ .Other dt {
	padding-top: 5px;
	padding-bottom: 14px;
}


/* SideMenu *******************************************************/
#Menu li {
	border-right: solid 1px #c0c4c9;
	border-bottom: solid 1px #c0c4c9;
	border-left: solid 1px #c0c4c9;
}
#Menu li li {
	border-top: solid 1px #c0c4c9;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#Menu li li li {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-top: 1px;
	background: url(../../support/img/sidemenu_third_line.gif) no-repeat left top;
}
#Menu ul ul,
#Menu ul ul ul {
	width: auto;
}
#Menu ul ul ul {
	margin-left: 41px;
}


/* FAQ *******************************************************/
#qa h1 {
	margin-bottom: 20px;
}
#qa #FAQ,
#qa #FAQList {
	float: right;
	width: 748px;
	border: solid 1px #c0c4c9;
	background: #FFF;
	padding-bottom: 19px;
}
#qa #FAQ .PurifierTitle {
	position: relative;
	width: 748px;
	height: 220px;
	/*height: 110px;*/
}
#qa #FAQ .PurifierTitle h2 {
	border-bottom: solid 1px #c0c4c9;
}
#qa #FAQ .PurifierTitle .Text {
	padding: 27px 0px 0px 19px;
	width: 580px;
	line-height: 123%;
}

#qa #FAQ .PurifierTitle .Text2 {
	margin: 10px 0px 10px 0px;
	padding: 10px 19px 10px 19px;
	/*padding: 5px 5px 5px 5px;*/
	width: 710px;
	background: #eee;
}



#qa #FAQ .PurifierTitle .Text3 {
font-weight:bold;
}




#qa #FAQ .PurifierTitle .Image {
	width: 181px;
	height: 101px;
	position: absolute;
	left: 548px;
	top: 9px;
}
#FAQ .List {
	padding-left: 19px;
}
#FAQ .List a:link,
#FAQ .List a:visited {
	text-decoration: underline;
}
#FAQ .List a:hover,
#FAQ .List a:active {
	text-decoration: none;
}
#FAQ .List li.Block {
	float: left;
	width: 343px;
	margin-right: 24px;
	margin-bottom: 20px;
}
#FAQ .List ul,
#FAQ .List ul li {
	float: none;
	line-height: 123%;
}
#FAQ .List ul {
	background: #d9dee8 url(../../support/img/faq_listframe_top.gif) no-repeat left top;
	width: 343px;
	padding-top: 13px;
}
#FAQ .List ul li {
	background: #d9dee8 url(../../support/img/faq_listframe_bottom.gif) no-repeat left bottom;
	width: 323px;
	padding: 0px 10px 13px 10px;
}
#FAQ .List ul li  a {
	background: url(../../support/img/faq_list_icon_category.gif) no-repeat 10px center;
	display: block;
	padding-left: 28px;
	border-left: dotted 1px #1D64AB;
}
#FAQ .List ul ul,
#FAQ .List ul ul li {
	background: url(none);
	width: auto;
}
#FAQ .List ul ul {
	padding-top: 3px;
}
#FAQ .List ul ul li {
	background-color: #FFF;
	background-image: none;
	border: solid 1px #c0c4c9;
	padding: 10px 29px;
	margin-top: 5px;
}
#FAQ .List ul ul li  a {
	background: url(../../support/img/faq_list_icon_subcategory.gif) no-repeat 0px center;
	display: block;
	padding-left: 20px;
	border-left: none;
}

/* FAQList *******************************************************/
#qa #FAQList .PurifierTitle {
	position: relative;
	width: 748px;
	height: 90px;
}
#qa #FAQList .PurifierTitle h2 {
	border-bottom: solid 1px #c0c4c9;
}
#qa #FAQList .PurifierTitle .Text {
	font-size: 92%;
	padding: 10px 0px 0px 19px;
	width: 580px;
	line-height: 123%;
}
#qa #FAQList .PurifierTitle .Text a {
	background: url(../../support/img/link_icon_back.gif) no-repeat left center;
	padding-left: 17px;
}
#qa #FAQList .PurifierTitle .Image {
	width: 181px;
	height: 83px;
	position: absolute;
	left: 547px;
	top: 7px;
}

#FAQList .CategoryList {
	background: url(../../support/img/categorylist_bg.gif) no-repeat left top;
	padding: 10px 0px 3px;
	margin-left: 19px;
	width: 710px;
	border-right: 1px solid #c0c4c9;
	border-bottom: 1px solid #c0c4c9;
	border-left: 1px solid #c0c4c9;
}
#FAQList .CategoryList li {
	white-space: nowrap;
	display: inline;
	padding: 0px 12px;
	border-right: 1px solid #c0c4c9;
	line-height: 123%;
}
#FAQList .CategoryList li a {
	background: url(../../support/img/categorylist_icon.gif) no-repeat 0px center;
	padding-left: 14px;
}
#FAQList .Block {
	width: 709px;
	padding: 30px 0px 0px 19px;
}
#FAQList .Block h2 {
	font-size: 122%;
	font-weight: bold;
	background: url(../../support/img/category_name_bg.gif) repeat-y left top;
	padding-left: 10px;
	margin-bottom: 3px;
}
#FAQList .Block .SubCategoryList {
	border-top: 1px solid #5c6084;
	padding-top: 8px;
}
#FAQList .Block .SubCategoryList li {
	font-size: 92%;
	white-space: nowrap;
	display: inline;
	padding: 0px 10px;
	border-left: 1px solid #8d9aab;
	line-height: 123%;
}
#FAQList .SubBlock {
	background: #D9DEE8 url(../../support/img/block_frame_top.gif) no-repeat left top;
	margin-top: 20px;
	width: 709px;
}
#FAQList .SubBlock .FrameBottom {
	background: url(../../support/img/block_frame_bottom.gif) no-repeat left bottom;
	padding: 10px;
	width: 690px;
}
#FAQList .SubBlock h3 {
	font-size: 107%;
	font-weight: bold;
	padding-bottom: 12px;
}
#FAQList .SubBlock dl {
	position: relative;
	width: 687px;
	border: 1px solid #c0c4c9;
	background: #FFF url(../../support/img/block_bg.gif) repeat-y left top;
	margin-top: 5px;
}
#FAQList .SubBlock dt {
	color: #038add;
	line-height: 123%;
	padding: 10px 23px;
	background-image: url(../../support/img/block_icon_answer.gif);
	background-repeat: no-repeat;
	background-position: 675px 13px;
	line-height: 123%;
	cursor: pointer;
}
#FAQList .SubBlock dt img {
	position: absolute;
	height: 24px;
	width: 28px;
	top: -4px;
	left: -6px;
}
#FAQList .SubBlock dd {
	background: url(../../support/img/block_answer_bg.gif) no-repeat left top;
	line-height: 123%;
	padding: 7px 0px 15px 0px;
	display: none;
}
#FAQList .SubBlock dd p.Answer,
#FAQList .SubBlock dd p.ans_txt{
	float: left;
}
#FAQList .SubBlock dd p.Answer {
	width: 40px;
	margin-left: 33px;
}
#FAQList .SubBlock dd p.img_area{
	text-align:center;
}
#FAQList .SubBlock dd p.ans_txt{
	width:550px;
}
#FAQList .SubBlock dd p,
#FAQList .SubBlock dd li {
	line-height: 123%;
}
#FAQList .SubBlock dd p {
	/*margin-left: 36px;
	margin-right: 30px;*/
	margin-top: 12px;
}
#FAQList .SubBlock dd a {
	background: url(../../support/img/faq_list_icon_subcategory.gif) no-repeat left center;
	padding-left: 15px;
}
/*
#FAQList .SubBlock dd p img {
	margin-bottom: 10px;
}
*/
#FAQList .SubBlock dd a.Noicon {
	background: url(none);
	padding-left: 0px;
}


/* FAQList *******************************************************/
#qa #FAQList .EquipmentTitle {
	position: relative;
	width: 748px;
	height: 105px;
}
#qa #FAQList .EquipmentTitle h2 {
	border-bottom: solid 1px #c0c4c9;
}
#qa #FAQList .EquipmentTitle .Text {
	padding: 20px 0px 0px 19px;
	width: 610px;
	line-height: 123%;
}
#qa #FAQList .EquipmentTitle .Image {
	width: 139px;
	height: 87px;
	position: absolute;
	left: 589px;
	top: 10px;
}


/* FAQList *******************************************************/
#qa #FAQList .OtherTitle {
	position: relative;
	width: 748px;
	height: 105px;
}
#qa #FAQList .OtherTitle h2 {
	border-bottom: solid 1px #c0c4c9;
}
#qa #FAQList .OtherTitle .Text {
	padding: 20px 0px 0px 19px;
	width: 670px;
	line-height: 123%;
}
#qa #FAQList .OtherTitle .Image {
	width: 63px;
	height: 56px;
	position: absolute;
	left: 665px;
	top: 14px;
}