@charset "utf-8";

/* WORKS TOP
----------------------------------------*/

#bg {background: #d4bdaa url(../img/bg_header.jpg) center top no-repeat;}

#msg {
	padding-top: 20px;
	height: 340px;
	background: url(../img/bg_msg.jpg) right 25px no-repeat;}

#msg p {margin: 1.8em 405px 0 0; }

#voice {margin-top: 35px;}

#voice dt {
	padding-bottom: 5px;
	border-bottom: 1px dotted #33211a;}

#voice dd p {
	font-size: 14px;
	margin: 1.5em 0 0 7px;}

.reformbox {
	margin-top: 40px;
	padding: 30px 30px 30px 145px;
	border: 1px solid #ccc;}

.reformbox h5 {display: none;}

#box01 {background: #f8f5f1 url(../img/bg_box01.gif) left top no-repeat;}
#box02 {background: #f8f5f1 url(../img/bg_box02.gif) left top no-repeat;}
#box03 {background: #f8f5f1 url(../img/bg_box03.gif) left top no-repeat;}
#box04 {background: #f8f5f1 url(../img/bg_box04.gif) left top no-repeat;}

.befaft {
	position: relative;
	width: 670px;
	height: 230px;
	margin-top: 25px;
	background: url(../img/arrow.gif) center 100px no-repeat;}

.befaft p {
	position: absolute;
	display: block;
	width: 301px;
	height: 201px;
	text-align: center;}

.befaft .before {
	left: 0; top: 0;
	background: #897d76 url(../img/before.gif) center bottom no-repeat;}

.befaft .after {
	right: 0; top: 0;
	background: #33211a url(../img/after.gif) center bottom no-repeat;}

.reformbox dt {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #33211a;}

.reformbox dd ul li {
	display: inline;
	margin-right: 5px;}

.reformbox dd ul li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}