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

h2 {
	position: relative;
	height: 57px;
	padding-left: 20px;
	margin-bottom: 20px;
	background: url(/img/voice/title.gif) left top no-repeat;
	font-size: 24px;
	line-height: 52px;
	color: #d8202a;
}
span#h2_sub {
	position: absolute;
	left: 170px;
	top: 16px;
	font-size: 10px;
	font-weight: normal;
	color: #2d2d2d;
	line-height: 1.2em;
}


/* 詳細ページ ****************************/
div.page_navi {
	margin: 18px auto;
	width: 550px;
}
	div.page_navi p.navi_prev {
		margin: 0;
		width: 59px;
		float: left;
	}
	div.page_navi p.navi_next {
		margin: 0;
		width: 59px;
		float: right;
	}
		div.page_navi p a {
			display: block;
			width: 59px;
			height: 34px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		div.page_navi p.navi_prev a {
			background-image: url(/img/voice/v_prev.gif);
		}
		div.page_navi p.navi_next a {
			background-image: url(/img/voice/v_next.gif);
		}
		div.page_navi p a:hover {
			background-position: 0 -34px;
		}

div#detail {
	border: #CCC 1px solid;
}
	div#detail dl {
		margin-bottom: 10px;
		padding: 20px;
	}
		div#detail dl dd.d_pic {
			width: 110px;
			height: 85px;
			margin-left: 10px;
			margin-bottom: 10px;
			float: right;
			background-color: #333;
		}
		div#detail dl dt {
			height: 3em;
			padding-left: 45px;
			color: #d8202a;
			font-size: 120%;
			font-weight: bold;
		}
		div#detail dl dt.dm_gp {	background: url(/img/voice/m_gp.gif) left top no-repeat;	}
		div#detail dl dt.dm_gm {	background: url(/img/voice/m_gm.gif) left top no-repeat;	}
		div#detail dl dt.dm_p {	background: url(/img/voice/m_p.gif) left top no-repeat;	}
		div#detail dl dt.dm_m {	background: url(/img/voice/m_m.gif) left top no-repeat;	}
		div#detail dl dt.dm_s {	background: url(/img/voice/m_s.gif) left top no-repeat;	}
		div#detail dl dt.dm_d {	background: url(/img/voice/m_d.gif) left top no-repeat;	}
		div#detail dl dd.d_name {
			margin-top: 1em;
			text-align: right;
		}

div#back {
	margin: 0 auto 30px auto;
	width: 216px;
}
	div#back a {
		display: block;
		width: 216px;
		height: 34px;
		background-image: url(/img/voice/v_to_top.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	div#back a:hover {
		background-position: 0 -34px;
	}

/* 一覧ページ ****************************/
/* 一覧上部ナビゲーション */
p#p_navi1 {
	margin-bottom: 13px;
	font-size: 12px;
	text-align: right;
}
div.p_navi2 {
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 28px;
	width: 100%;
	border-bottom: #d8202a 1px dotted;
}
	div.p_navi2 p.p_navi2_no {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		text-align: center;
	}
	div.p_navi2 p.p_navi2_prev {
		position: absolute;
		z-index: 2;
		display: block;
		left: 0;
		top: 0;
		width: 79px;
		height: 14px;
		float: left;
	}
		div.p_navi2 p.p_navi2_prev a {
			display: block;
			width: 79px;
			height: 14px;
			background: url(/img/recipe/navi_prev.gif) left top no-repeat;
			text-indent: -9999px;
		}
	div.p_navi2 p.p_navi2_next {
		position: absolute;
		z-index: 3;
		display: block;
		right: 0;
		top: 0;
		width: 79px;
		height: 14px;
		float: right;
	}
		div.p_navi2 p.p_navi2_next a {
			display: block;
			width: 79px;
			height: 14px;
			background: url(/img/recipe/navi_next.gif) left top no-repeat;
			text-indent: -9999px;
		}

/* 一覧部分 */
h3#list_all {
	height: 68px;
	margin-bottom: 20px;
	background: url(/img/voice/top_title_all.jpg) left top no-repeat;
	text-indent: -9999px;
}
h3#list_angel {
	height: 73px;
	margin-bottom: 20px;
	background: url(/img/voice/top_title_angel.jpg) left top no-repeat;
	text-indent: -9999px;
}
h3#list_vacuum {
	height: 68px;
	margin-bottom: 20px;
	background: url(/img/voice/top_title_vacuum.jpg) left top no-repeat;
	text-indent: -9999px;
}
h3#list_zw {
	height: 58px;
	margin-bottom: 20px;
	background: url(/img/voice/top_title_zw.jpg) left top no-repeat;
	text-indent: -9999px;
}
h3#list_wide {
	height: 73px;
	margin-bottom: 20px;
	background: url(/img/voice/top_title_wide.jpg) left top no-repeat;
	text-indent: -9999px;
}
h3#list_tyaou {
	height: 73px;
	margin-bottom: 20px;
	background: url(/img/voice/top_title_tyaou.jpg) left top no-repeat;
	text-indent: -9999px;
}

p.list {
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 45px;
}

/* 一覧下部ナビゲーション */
div.p_navi3 {
	position: relative;
	padding-top: 5px;
	margin-top: 28px;
	width: 100%;
	border-top: #d8202a 1px dotted;
}
	div.p_navi3 p.p_navi3_no {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		text-align: center;
	}
	div.p_navi3 p.p_navi3_prev {
		position: absolute;
		z-index: 2;
		display: block;
		left: 0;
		top: 0;
		width: 79px;
		height: 14px;
		padding-top: 5px;
		float: left;
	}
		div.p_navi3 p.p_navi3_prev a {
			display: block;
			width: 79px;
			height: 14px;
			background: url(/img/recipe/navi_prev.gif) left top no-repeat;
			text-indent: -9999px;
		}
	div.p_navi3 p.p_navi3_next {
		position: absolute;
		z-index: 3;
		display: block;
		right: 0;
		top: 0;
		width: 79px;
		height: 14px;
		padding-top: 5px;
		float: right;
	}
		div.p_navi3 p.p_navi3_next a {
			display: block;
			width: 79px;
			height: 14px;
			background: url(/img/recipe/navi_next.gif) left top no-repeat;
			text-indent: -9999px;
		}
p#p_navi4 {
	margin-top: 13px;
	margin-bottom: 47px;
	font-size: 12px;
	text-align: right;
}


/* トップページ ****************************/
h3#toppage {
	height: 44px;
	margin-bottom: 25px;
	background: url(/img/voice/subtitle.gif) left top no-repeat;
	text-indent: -9999px;
}

div.ma {
	position: relative;
	margin-bottom: 25px;
	padding: 20px;
	border: #864507 2px solid;
}
	div.ma h5 {
		margin-bottom: 10px;
		text-indent: -9999px;
	}
	div.ma dl {
		margin-bottom: 10px;
		padding: 20px;
		background-color: #fdede4;
	}
		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 dt.dm_gp {	background: url(/img/voice/m_gp.gif) left top no-repeat;	}
		div.ma dl dt.dm_gm {	background: url(/img/voice/m_gm.gif) left top no-repeat;	}
		div.ma dl dt.dm_p {	background: url(/img/voice/m_p.gif) left top no-repeat;	}
		div.ma dl dt.dm_m {	background: url(/img/voice/m_m.gif) left top no-repeat;	}
		div.ma dl dt.dm_s {	background: url(/img/voice/m_s.gif) left top no-repeat;	}
		div.ma dl dt.dm_d {	background: url(/img/voice/m_d.gif) left top no-repeat;	}
		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.m_gp {	background: url(/img/voice/m_gp.gif) left center no-repeat;	}
	p.m_gm {	background: url(/img/voice/m_gm.gif) left center no-repeat;	}
	p.m_p {	background: url(/img/voice/m_p.gif) left center no-repeat;	}
	p.m_m {	background: url(/img/voice/m_m.gif) left center no-repeat;	}
	p.m_s {	background: url(/img/voice/m_s.gif) left center no-repeat;	}
	p.m_d {	background: url(/img/voice/m_d.gif) left center no-repeat;	}
	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 h5 {
		height: 58px;
		background: url(/img/voice/top_title_zw.jpg) left top no-repeat;
	}
	div#d_red h5#d_red_2 {
		height: 58px;
		background: url(/img/voice/top_title_zw_s.jpg) left top no-repeat;
	}
	div#d_yellow h5 {
		height: 68px;
		background: url(/img/voice/top_title_all.jpg) left top no-repeat;
	}
	
	div#d_yellow h5#yellow_2 {
		height: 68px;
		background: url(/img/voice/top_title_pikaichi.jpg) left top no-repeat !important;
	}
	
	div#d_yellow h5#yellow_3 {
		height: 68px;
		background: url(/img/voice/top_title_double.jpg) left top no-repeat !important;
	}
	
	div#d_blue h5 {
		height: 68px;
		background: url(/img/voice/top_title_vacuum.jpg) left top no-repeat;
	}
	div#d_pink h5 {
		height: 73px;
		background: url(/img/voice/top_title_angel.jpg) left top no-repeat;
	}
	div#d_pink_f h5 {
		height: 73px;
		background: url(/img/voice/top_title_a_fly.jpg) left top no-repeat;
	}
	div#d_byellow h5 {
		height: 73px;
		background: url(/img/voice/top_title_wide.jpg) left top no-repeat;
	}
	div#d_green h5 {
		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;
}


/* メニュー部分 ****************************/
#rightmenu h4 {
	display: block;
	width: 177px;
	height: 32px;
	margin-bottom: 6px;
	background: url(/img/voice/menu_title.gif) left top no-repeat;
}
	#rightmenu h4 a {
		display: block;
		width: 177px;
		height: 32px;
		text-indent: -9999px;
	}

#rightmenu .submenu {
	width: 177px;
	margin-bottom: 7px;
}
	#rightmenu .submenu p {
		width: 177px;
		height: 37px;
	}
	#rightmenu .submenu p#menu_voice {
		background: url(/img/voice/menu_s_voice.gif) left top no-repeat;
	}
		#rightmenu .submenu p a {
			display: block;
			width: 177px;
			height: 37px;
			text-indent: -9999px;
		}
	#rightmenu .submenu ul {
		padding: 10px 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: #d3d4d4 1px dotted;
		font-size: 13px;
		line-height: 15px;
	}
		#rightmenu .submenu ul li {
		}
			#rightmenu .submenu ul li a {
				display: block;
				width: 145px;
				padding: 5px 10px 5px 20px;
				background: url(/img/voice/menu_list.gif) 5px center no-repeat;
			}
			#rightmenu .submenu ul li a:hover {
				background: #fdede4 url(/img/voice/menu_list.gif) 5px center no-repeat;
			}

#rightmenu #information {
	padding-top: 7px;
	border-top: #d3d4d4 1px dotted;
}
	#rightmenu #information li {
		display: block;
		width: 177px;
		height: 95px;
		margin-bottom: 5px;
	}
		#rightmenu #information li a {
			display: block;
			width: 177px;
			height: 95px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		#rightmenu #information li#information_apron a {
			background-image: url(/img/company/information_apron.jpg);
		}
		#rightmenu #information li#information_column a {
			background-image: url(/img/company/information_column.jpg);
		}
		#rightmenu #information li#information_safety a {
			background-image: url(/img/company/information_safety.jpg);
		}
		#rightmenu #information li a:hover {
			background-position: 0 -95px;
		}