@charset "utf-8";
/* content.css */

/* ==================== common ==================== */
#contents {
	height: 100%;
	overflow: hidden;	
	margin-bottom: 10px;
}

#contents p {
	line-height: 160%;
	font-size: 12px;
	color: #434343;
}

#contents p.image {
	margin-bottom: 0px;
}

/* ==================== nurikae-index ==================== */
div.index-faq {
	height: 100%;
	overflow: hidden;
	margin-bottom: 25px;
	background: url(../img/index/faq_image.jpg) bottom left no-repeat;
}

div.faq-list {
	float: right;
	width: 380px;
	position: relative;
	margin-bottom: 15px;
	background: url(../img/index/faq_back.gif) bottom left no-repeat;
}

div.faq-list p.answer {
	width: 225px;
	margin: 0px ! important;
	padding: 6px 20px 8px;
	line-height: 120% ! important;
}

div.faq-list p.more {
	position: absolute;
	margin: 0px ! important;
	top: 53px;
	right: 15px;
}

div.index-coating {
	height: 100%;
	padding: 12px 8px;
	overflow: hidden;
	background-color: #dff4a6;
}

h3.coating-title {
	margin-bottom: 0.5em;
	padding-left: 20px;
	background: url(../img/common/dot/dot_green.gif) left no-repeat;
	font-size: 14px;
	font-weight: bold;
}

ul.coating-list li {
	float: left ! important;
	width: 170px;
	margin-right: 9px;
	position: relative;
}

ul.coating-list li a {
	position: absolute;
	bottom: 13px;
	left: 35px;
}

ul.coating-list li.coating-list-last {
	float: left ! important;
	width: 170px;
	margin-right: 0px;
}

/* ==================== nurikae ==================== */

ul.faq-navi, ul.result-navi {
	height: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

ul.faq-navi li, ul.result-navi li {
	 float: left ! important;
}

h1.content-title {
	margin-bottom: 1.5em;
}

h2.content-subtitle {
	padding-left: 60px;
	margin-bottom: 1.5em;
	background: url(../img/why/why_subtitle.jpg) no-repeat;
	font-size: 14px;
	line-height: 18px;
	color: #00561f;
}

h3.content-subsubtitle {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(../img/common/dot/dot_green.gif) left no-repeat;
	font-size: 14px;
}

.single-line {
	padding-top: 15px;
	padding-bottom: 15px;
}

.two-line {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.summary {
	padding: 0 20px 2em;
}

div.content-image {
	margin-bottom: 30px;
}

div.happa-right {
	background: url(../img/common/character/happachan.jpg) 425px 0px no-repeat;
}

div.happa-01 p.summary-text {
	width: 385px;
	margin-right: 20px;
}

div.fukidashi {
	margin-bottom: 30px;
	position: relative;
}

div.fukidashi p {
	position: absolute;
	line-height: 18px ! important;
}

p.button-next {
	text-align: right;
}

/* why */
div.why-01 {
	width: 545px;
	height: 215px;
	background: url(../img/why/fukidashi_01.jpg) no-repeat;
}

p.text-why-01 {
	position: absolute;
	top: 12px;
	left: 135px;
}

p.text-why-02 {
	top: 85px;
	left: 155px;
}

p.text-why-03 {
	top: 152px;
	left: 205px;
}

div.why-02 {
	width: 545px;
	height: 164px;
	background: url(../img/why/fukidashi_02.jpg) no-repeat;
}

p.text-why-021 {
	top: 19px;
	left: 158px;
}

p.text-why-022 {
	top: 90px;
	left: 253px;
}

/* when */
div.when-01 {
	width: 545px;
	height: 198px;
	background: url(../img/when/fukidashi_01.jpg) no-repeat;
}

p.text-when-01 {
	top: 20px;
	left: 135px;
}

p.text-when-02 {
	top: 95px;
	left: 185px;
}

div.when-02 {
	width: 545px;
	height: 198px;
	background: url(../img/when/fukidashi_02.jpg) no-repeat;
}

p.text-when-021 {
	top: 10px;
	left: 163px;
}

p.text-when-022 {
	top: 90px;
	left: 253px;
}

div.sign {
	width: 545px;
	height: 780px;
	position: relative;
	margin-bottom: 16px;
	background: url(../img/when/image_when.jpg) no-repeat;
}

div.block-sign {
	width: 420px;
	height: 123px;
	position: absolute;
}

div.block-01 {
	top: 148px;
	left: 58px;
}

div.block-02 {
	top: 303px;
	left: 58px;
}

div.block-03 {
	top: 458px;
	left: 58px;
}

div.block-04 {
	top: 613px;
	left: 58px;
}

p.text-sign {
	float: right;
	width: 310px;
}

/* what */
div.what-01 {
	width: 545px;
	height: 222px;
	background: url(../img/what/fukidashi_01.jpg) no-repeat;
}

p.text-what-01 {
	top: 13px;
	left: 131px;
}

p.text-what-02 {
	top: 108px;
	left: 133px;
}

div.what-02 {
	width: 545px;
	height: 117px;
	margin-bottom: 0px;
	background: url(../img/what/fukidashi_02.jpg) no-repeat;
}

p.text-what-021 {
	top: 21px;
	left: 161px;
}

div.wrapper-type {
	height: 100%;
	margin-bottom: 15px;
	overflow: hidden;
}

div.type {
	float: left;
	width: 186px;
}

div.summary-type {
	clear: both;
	margin-bottom: 30px;
}

.image-what {
	margin-bottom: 20px;
}

div.next-links {
	clear: both;
	margin-bottom: 20px;
	position: relative;
}

div.next-links p.button-next {
	position: absolute;
	top: 20px;
	right: 10px;
}

ul.link-list {}

ul.link-list li {
	padding-left: 35px;
	background: url(../img/common/arrow/arrow_green.jpg) 15px no-repeat;
}

ul.link-list li a {
	color: #434343;
}

div.what-03 {
	width: 544px;
	height: 61px;
	background: url(../img/what/fukidashi_03.jpg) no-repeat;
}

p.text-what-031 {
	top: 5px;
	left: 261px;
}

div.result a {
	color: #70a106;
}

/* self cleaning */
div.self-cleaning-right {
	height: 150px;
	position: relative;
	background: url(../img/self_cleaning/self_cleaning.jpg) top right no-repeat;
}

p.link-about {
	padding: 5px 0;
	position: absolute;
	top: 110px;
	left: 20px;
	padding-left: 50px;
	background: url(../img/common/button/button_click.jpg) no-repeat;
}

h2.result-subtitle {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(../img/common/dot/dot_green.gif) left no-repeat;
	font-size: 14px;
}

div.result-mechanism {
	height: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

dl.list-self-cleaning {
	width: 265px;
	height: 150px;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}

dl.list-self-cleaning dt {
	padding: 8px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #70a12d;
}

dl.list-self-cleaning dd {
	position: absolute;
	top: 45px;
	left: 123px;
	line-height: 18px;
}

dl.self-cleaning-result-01 {
	float: left;
	background: url(../img/self_cleaning/self_cleaning_result_01.jpg) top right no-repeat;
}

dl.self-cleaning-result-02 {
	float: right;
	background: url(../img/self_cleaning/self_cleaning_result_02.jpg) top right no-repeat;
}

dl.self-cleaning-result-03 {
	clear: both;
	float: left;
	background: url(../img/self_cleaning/self_cleaning_result_03.jpg) top right no-repeat;
}

dl.self-cleaning-result-04 {
	float: right;
	background: url(../img/self_cleaning/self_cleaning_result_04.jpg) top right no-repeat;
}

div.result-01 {
	width: 545px;
	height: 164px;
	background: url(../img/self_cleaning/fukidashi_01.jpg) no-repeat;
}

div.fukidashi p.text-result-01 {
	position: absolute;
	top: 55px;
	left: 143px;
	font-size: 14px ! important;
	font-weight: bold;
	line-height: 25px ! important;
	letter-spacing: 1px;
	color: #00561f ! important;
}

div.example-self-cleaning {
	width: 545px;
	height: 197px;
	margin-bottom: 30px;
	position: relative;
	background: url(../img/self_cleaning/example.jpg) no-repeat;
}

div.example-self-cleaning p {
	position: absolute;
	top: 53px;
	left: 20px;
}

div.result-bottom {
	width: 544px;
	height: 61px;
	background: url(../img/what/fukidashi_03.jpg) no-repeat;
}

p.text-result-bottom {
	top: 13px;
	left: 261px;
}

/* anti fungus */
div.anti-fungus-right {
	height: 150px;
	position: relative;
	background: url(../img/anti_fungus/anti_fungus.jpg) top right no-repeat;
}

dl.list-anti-fungus {
	width: 265px;
	height: 150px;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}

dl.list-anti-fungus dt {
	padding: 8px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #70a12d;
}

dl.list-anti-fungus dd {
	position: absolute;
	top: 45px;
	left: 123px;
	line-height: 18px;
}

dl.anti-fungus-result-01 {
	float: left;
	background: url(../img/anti_fungus/anti_fungus_result_01.jpg) top right no-repeat;
}

dl.anti-fungus-result-02 {
	float: right;
	background: url(../img/anti_fungus/anti_fungus_result_02.jpg) top right no-repeat;
}

dl.anti-fungus-result-03 {
	clear: both;
	float: left;
	background: url(../img/anti_fungus/anti_fungus_result_03.jpg) top right no-repeat;
}

dl.anti-fungus-result-04 {
	float: right;
	background: url(../img/anti_fungus/anti_fungus_result_04.jpg) top right no-repeat;
}

div.test-anti-fungus {
	clear: left;
	height: 100%;
	margin-bottom: 15px;
	padding: 8px 15px;
	overflow: hidden;
	background-color: #f6faed;
}

ul.list-test-anti-fungus {
	margin-bottom: 1em;
}

div.test-anti-fungus .images {
	float: left;
	padding-left: 65px;
}


div.anti-fungus-01 {
	width: 545px;
	height: 164px;
	margin-bottom: -30px;
	background: url(../img/self_cleaning/fukidashi_01.jpg) no-repeat;
}

div.fukidashi p.text-anti-fungus-01 {
	position: absolute;
	top: 55px;
	left: 143px;
	font-size: 14px ! important;
	font-weight: bold;
	line-height: 25px ! important;
	letter-spacing: 1px;
	color: #00561f ! important;
}

div.anti-fungus-02 {
	width: 545px;
	height: 115px;
	margin-bottom: 15px;
	background: url(../img/anti_fungus/fukidashi_02.jpg) no-repeat;
}

p.text-anti-fungus-02 {
	position: absolute;
	top: 43px;
	left: 70px;
}

div.anti-fungus-03 {
	width: 545px;
	height: 128px;
	margin-bottom: 15px;
	background: url(../img/anti_fungus/fukidashi_03.jpg) no-repeat;
}

p.text-anti-fungus-03 {
	position: absolute;
	top: 53px;
	left: 75px;
}

div.hikarishyokubai {
	width: 505px;
	height: 190px;
	padding: 8px 20px;
	background: #f6faed url(../img/anti_fungus/hikarishokubai.jpg) no-repeat;
}

p.text-hikarishyokubai {
	line-height: 18px ! important;
}

div.example-anti-fungus {
	width: 545px;
	height: 236px;
	margin-bottom: 30px;
	position: relative;
	background: url(../img/anti_fungus/example.jpg) no-repeat;
}

div.example-anti-fungus p {
	position: absolute;
	top: 53px;
	left: 20px;
	line-height: 18px ! important;
}

/* eco */
div.eco-right {
	height: 150px;
	position: relative;
	background: url(../img/eco/eco.jpg) top right no-repeat;
}

h2.result-subtitle-eco {
	margin-bottom: 0px;
	padding-left: 20px;
	background: url(../img/common/dot/dot_green.gif) left no-repeat;
	font-size: 14px;
}

div.cleanup img {
	margin: 20px 0 10px;
}

div.cleanup p.caption {
	padding-left: 20px;
	font-size: 15px ! important;
	color: #09b0e5 ! important;
}

div.cleanup p.caption span {
	font-size: 11px ! important;
}

div.effect {
	height: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}

div.effect-wrap-left {
	float: left;
	width: 263px;
	position: relative;
}

div.effect-wrap-right {
	float: left;
	width: 269px;
	position: relative;
}

div.effect-wrap-left p.effect-01 {
	position: absolute;
	top: 148px;
	left: 21px;
}

div.effect-wrap-left p.effect-02 {
	position: absolute;
	top: 148px;
	left: 131px;
}

div.effect-wrap-right p.effect-03 {
	position: absolute;
	top: 148px;
	left: 38px;
}

div.effect-wrap-right p.effect-04 {
	position: absolute;
	top: 148px;
	left: 196px;
}

div.anti-fungus-01, div.eco-01 {
	width: 545px;
	height: 164px;
	margin-bottom: -15px;
	background: url(../img/self_cleaning/fukidashi_01.jpg) no-repeat;
}

div.fukidashi p.text-anti-fungus-01, div.fukidashi p.text-eco-01 {
	position: absolute;
	top: 47px;
	left: 143px;
	font-size: 14px ! important;
	font-weight: bold;
	line-height: 25px ! important;
	letter-spacing: 1px;
	color: #00561f ! important;
}

div.example-eco {
	width: 545px;
	height: 179px;
	margin-bottom: 30px;
	position: relative;
	background: url(../img/eco/example.jpg) no-repeat;
}

div.example-eco p {
	position: absolute;
	top: 53px;
	left: 20px;
	line-height: 18px ! important;
}