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

/* 共通 **********************************/
div.index_contents {
	margin-bottom: 10px;
}
	div.index_contents div p {
		margin-bottom: 5px;
	}
	div.index_contents div p.p_left {
		float: left;
	}
	div.index_contents div p.p_right {
		float: right;
	}
	div.index_contents div p.campaign_head {
			margin-top: 20px;
			margin-bottom: 20px;
	}
	div.index_contents div hr.campaign_head {
			height: 1px;
border: none;
border-top: 1px #cccccc solid;

			margin-top: 20px;
			margin-bottom: 20px;
		
		}
ul#index_campaign {
}
	ul#index_campaign li {
		margin: 0 4px 3px 0;
		float: left;
	}

h2 {
	margin-bottom: 5px;
	padding: 3px;
	width: 764px;
	height: 32px;
	background-color: #c8161e;
}
	h2 p {
		width: 762px;
		height: 30px;
		border: #FFF 1px solid;
	}
		h2 p span {
			margin-left: 10px;
			line-height: 30px;
			color: #FFF;
			font-size: 18px;
			font-weight: bold;
		}


/* おすすめ **********************************/
ul#index_item {
}
	ul#index_item li {
		margin: 0 4px 3px 0;
		float: left;
	}

/* ラインナップ **********************************/
ul#index_lineup_item {
	margin-top:15px;
}
	ul#index_lineup_item li {
		margin: 0 12px 20px 0;
		float: left;
	}

/* サポート **********************************/
p#index_su {
	margin-bottom: 5px;
	color: #C00;
	font-size: 90%;
	font-weight: bold;
}

ul#index_support {
}
	ul#index_support li {
		margin: 0 3px 5px 0;
		float: left;
	}
		ul#index_support li a {
			display: block;
			padding-left: 110px;
			padding-right: 15px;
			padding-top: 15px;
			height: 120px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-decoration: none;
		}
	ul#index_support li.index_support_1 {
	}
		ul#index_support li.index_support_1 a {
			width: 255px;
			background-image: url(/img/index/03_1.jpg);
		}
		ul#index_support li.index_support_1 a:hover {
			text-decoration: underline;
		}
			ul#index_support li.index_support_1 a span {
				display: block;
				font-size: 12px;
			}
			ul#index_support li.index_support_1 a span.is1_1 {
				margin-bottom: 5px;
				color: #35a7d2;
				font-weight: bold;
			}
			ul#index_support li.index_support_1 a span.is1_2 {
				color: #2D2D2D;
			}
	ul#index_support li.index_support_2 {
	}
		ul#index_support li.index_support_2 a {
			width: 258px;
			background-image: url(/img/index/03_2.jpg);
		}
		ul#index_support li.index_support_2 a:hover {
			text-decoration: underline;
		}
			ul#index_support li.index_support_2 a span {
				display: block;
				font-size: 12px;
			}
			ul#index_support li.index_support_2 a span.is2_1 {
				margin-bottom: 5px;
				color: #8fc322;
				font-weight: bold;
			}
			ul#index_support li.index_support_2 a span.is2_2 {
				color: #2D2D2D;
			}
	
	ul#index_support li.index_support_3, ul#index_support li.index_support_4, ul#index_support li.index_support_5 {
		border: #ea5711 1px solid;
	}
		ul#index_support li.index_support_3 p, ul#index_support li.index_support_4 p, ul#index_support li.index_support_5 p {
			padding: 5px;
			background-color: #ea5711;
		}
			ul#index_support li p span.is_1 {
				display: block;
				color: #FFF;
				font-size: 10px;
				font-weight: bold;
			}
			ul#index_support li p span.is_2 {
				display: block;
				color: #FF0;
				font-size: 12px;
				font-weight: bold;
			}
		ul#index_support li.index_support_3 div, ul#index_support li.index_support_4 div, ul#index_support li.index_support_5 div {
			padding: 5px 0 0 5px;
			height: 185px;
			background-repeat: no-repeat;
			font-size: 12px;
		}
			ul#index_support li.index_support_3 div span, ul#index_support li.index_support_4 div span, ul#index_support li.index_support_5 div span {
				display: block;
				margin-top: 5px;
				color: #666;
				font-size: 10px;
			}
	
	ul#index_support li.index_support_3 {
		width: 252px;
	}
		ul#index_support li.index_support_3 div {
			background-image: url(/img/index/03_3.jpg);
			background-position: right bottom;
		}
	ul#index_support li.index_support_4 {
		width: 251px;
	}
		ul#index_support li.index_support_4 div {
			background-image: url(/img/index/03_4.jpg);
			background-position: 127px 11px;
		}
	ul#index_support li.index_support_5 {
		width: 252px;
	}
		ul#index_support li.index_support_5 div {
			background-image: url(/img/index/03_5.jpg);
			background-position: 117px 26px;
		}


/* レシピ **********************************/
h2#h2_recipe {
	background-image: url(/img/index/h2_recipe.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
	h2#h2_recipe a {
		display: block;
		padding-left: 50px;
		width: 712px;
		height: 30px;
		border: #FFF 1px solid;
		line-height: 30px;
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
	}

ul#ul_recipe {
}
	ul#ul_recipe li {
		margin-left: 15px;
		padding-left: 10px;
		width: 160px;
		border-left: #C00 1px solid;
		float: left;
	}
		ul#ul_recipe li a {
			color: #2D2D2D;
			text-decoration: none;
		}
		ul#ul_recipe li a:hover {
			text-decoration: underline;
		}
			ul#ul_recipe li a span {
				display: block;
			}
			ul#ul_recipe li a span.ul_recipe_title {
				font-weight: bold;
			}


/* お客様の声 **********************************/
h2#h2_voice {
	background-image: url(/img/index/h2_voice.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
	h2#h2_voice a {
		display: block;
		padding-left: 50px;
		width: 712px;
		height: 30px;
		border: #FFF 1px solid;
		line-height: 30px;
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
	}

p#voice_co {
	margin-bottom: 10px;
}

div.ma {
	position: relative;
	margin-bottom: 25px;
	padding: 20px;
	border: #864507 2px solid;
}
	div.ma h3 {
		margin-bottom: 10px;
		text-indent: -9999px;
	}
	div.ma dl {
		margin-bottom: 10px;
		padding: 20px;
		border: #666 1px solid;
	}
		div.ma dl dd.d_pic {
			width: 110px;
			height: 85px;
			margin-left: 10px;
			margin-bottom: 10px;
			float: right;
			background-color: #333;
		}
		div.ma dl dt {
			height: 2em;
			color: #d8202a;
			font-size: 120%;
			font-weight: bold;
		}
		div.ma dl dd.d_name {
			margin-top: 1em;
			text-align: right;
		}
	div.ma p.next {
		margin-bottom: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 45px;
	}
	p.more {
		width: 166px;
		height: 28px;
		float: right;
	}
		div.ma p.more a {
			display: block;
			width: 166px;
			height: 28px;
			background-image: url(/img/voice/more.gif);
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		div.ma p.more a:hover {
			background-position: 0 -28px;
		}

	div#d_red h3 {
		height: 58px;
		background: url(/img/voice/top_title_zw.jpg) left top no-repeat;
	}
	div#d_yellow h3 {
		height: 68px;
		background: url(/img/voice/top_title_all.jpg) left top no-repeat;
	}
	
	div#d_yellow h3#yellow_2 {
		height: 68px;
		background: url(/img/voice/top_title_pikaichi.jpg) left top no-repeat;
	}
	div#d_byellow_2 h3 {
		height: 68px;
		background: url(/img/voice/top_title_double.jpg) left top no-repeat!important;
	}
	
	div#d_blue h3 {
		height: 68px;
		background: url(/img/voice/top_title_vacuum.jpg) left top no-repeat;
	}
	div#d_pink h3 {
		height: 73px;
		background: url(/img/voice/top_title_angel.jpg) left top no-repeat;
	}
	div#d_byellow h3 {
		height: 73px;
		background: url(/img/voice/top_title_wide.jpg) left top no-repeat;
	}
	div#d_green h3 {
		height: 73px;
		background: url(/img/voice/top_title_tyaou.jpg) left top no-repeat;
	}


img.d_left {
	position: absolute;
	left: 10px;
	top: -10px;
}
img.d_right {
	position: absolute;
	right: 10px;
	top: -10px;
}