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

h2 {
	height: 57px;
	padding-left: 20px;
	margin-bottom: 20px;
	background: url(/img/faq/title.gif) left top no-repeat;
	text-indent: -9999px;
}

h3 {
	width: 213px;
}


/* 詳細ページ ****************************/
p#detail_katsu, p#detail_all, p#detail_order, p#detail_pay, p#detail_exchange {
	height: 36px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
p#detail_katsu {
	background: url(/img/faq/list_katsu.jpg) left top no-repeat;
}
p#detail_all {
	background: url(/img/faq/list_all.jpg) left top no-repeat;
}
p#detail_order {
	background: url(/img/faq/list_order.gif) left top no-repeat;
}
p#detail_pay {
	background: url(/img/faq/list_pay.gif) left top no-repeat;
}
p#detail_exchange {
	background: url(/img/faq/list_exchange.gif) left top no-repeat;
}

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/faq/f_prev.gif);
		}
		div.page_navi p.navi_next a {
			background-image: url(/img/faq/f_next.gif);
		}
		div.page_navi p a:hover {
			background-position: 0 -34px;
		}

div#detail {
	background: url(/img/faq/left_top.gif) left top no-repeat;
}
	div#detail dl {
		padding: 30px;
		background: url(/img/faq/right_bottom.gif) right bottom no-repeat;
	}
		div#detail dl dt {
			margin-bottom: 20px;
			padding: 0 0 30px 50px;
			background: url(/img/faq/question.gif) left top no-repeat;
			border-bottom: #9fa0a0 1px dotted;
			line-height: 1.5em;
			font-size: 120%;
			font-weight: bold;
			color: #7aa918;
		}
		div#detail dl dd {
			padding: 0 0 0 50px;
			background: url(/img/faq/answer.gif) left top no-repeat;
			line-height: 1.5em;
			min-height: 40px;
			height: auto !important;
			height: 40px;
		}

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

/* 一覧ページ ****************************/
dl#list_katsu, dl#list_all {
	margin-bottom: 30px;
}
	dl#list_katsu dt, dl#list_all dt, dl#list_order dt, dl#list_pay dt, dl#list_exchange dt {
		height: 36px;
		margin-bottom: 20px;
		text-indent: -9999px;
	}
	dl#list_katsu dt {
		background: url(/img/faq/list_katsu.jpg) left top no-repeat;
	}
	dl#list_all dt {
		background: url(/img/faq/list_all.jpg) left top no-repeat;
	}
	dl#list_order dt {
		background: url(/img/faq/list_order.gif) left top no-repeat;
	}
	dl#list_pay dt {
		background: url(/img/faq/list_pay.gif) left top no-repeat;
	}
	dl#list_exchange dt {
		background: url(/img/faq/list_exchange.gif) left top no-repeat;
	}
		dl#list_katsu dd a, dl#list_all dd a, dl#list_order dd a, dl#list_pay dd a, dl#list_exchange dd a {
			display: block;
			padding: 0 0 5px 20px;
			background: url(/img/faq/list_list.gif) 5px center no-repeat;
		}
		dl#list_katsu dd a:hover, dl#list_all dd a:hover, dl#list_order dd a:hover, dl#list_pay dd a:hover, dl#list_exchange dd a:hover {
			background: #fdede4 url(/img/faq/list_list.gif) 5px center no-repeat;
		}


/* トップページ ****************************/
h3#f_product {
	height: 37px;
	margin-bottom: 20px;
	background: url(/img/faq/f_product.gif) left top no-repeat;
	text-indent: -9999px;
}
h3#f_other {
	height: 37px;
	margin-bottom: 20px;
	background: url(/img/faq/f_other.gif) left top no-repeat;
	text-indent: -9999px;
}

ul.top_list {
}
	ul.top_list li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: #92ab23 2px dotted;
	}
		ul.top_list li a#fa_katsu {
			display: block;
			width: 183px;
			height: 150px;
			float: left;
			background-image: url(/img/faq/f_katsu.jpg);
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		ul.top_list li a#fa_katsu:hover {
			background-position: 0 -150px;
		}
		ul.top_list li a#fa_all {
			display: block;
			width: 183px;
			height: 137px;
			float: left;
			background-image: url(/img/faq/f_all.jpg);
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		ul.top_list li a#fa_all:hover {
			background-position: 0 -137px;
		}
		ul.top_list li div {
			margin-left: -203px;
			width: 100%;
			float: right;
		}
			ul.top_list li div dl {
				margin-left: 203px;
			}
				ul.top_list li dl dt {
					height: 21px;
					margin-bottom: 5px;
					background: url(/img/faq/f_often.gif) left top no-repeat;
					text-indent: -9999px;
				}
					ul.top_list li dl dd a {
						display: block;
						padding: 0 0 5px 20px;
						background: url(/img/faq/top_list.gif) 5px center no-repeat;
					}
					ul.top_list li dl dd a:hover {
						background: #fdede4 url(/img/faq/top_list.gif) 5px center no-repeat;
					}

ul#top_other {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #92ab23 2px dotted;
}
	ul#top_other li {
		margin-right: 1px;
		margin-bottom: 10px;
		width: 279px;
		height: 66px;
		float: left;
	}
		ul#top_other li a {
			display: block;
			width: 279px;
			height: 66px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		ul#top_other li a:hover {
			background-position: 0 -66px;
		}
		ul#top_other li#top_order a {
			background-image: url(/img/faq/f_order.gif);
		}
		ul#top_other li#top_payment a {
			background-image: url(/img/faq/f_payment.gif);
		}
		ul#top_other li#top_exchange a {
			background-image: url(/img/faq/f_exchange.gif);
		}

p#top_contact {
	width: 347px;
	height: 161px;
	margin: 0 auto 30px auto;
	background: url(/img/faq/f_contact.gif) left top no-repeat;
	text-indent: -9999px;
}

/* メニュー部分 ****************************/
#rightmenu h4 {
	display: block;
	width: 177px;
	height: 32px;
	margin-bottom: 6px;
	background: url(/img/faq/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_product {
		background: url(/img/faq/menu_s_product.gif) left top no-repeat;
	}
	#rightmenu .submenu p#menu_other {
		background: url(/img/faq/menu_s_other.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/faq/menu_list.gif) 5px center no-repeat;
			}
			#rightmenu .submenu ul li a:hover {
				background: #fdede4 url(/img/faq/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;
		}