@charset "utf-8";{}

/*------------------------------------------------------------------------------*
	all
 *------------------------------------------------------------------------------*/

.twobox #footer { 
	clear:both;
	font-size: 75%;
	padding: 20px 0;
	margin: 20px auto; 
	text-align: center; 
	width: 786px;
	background: url(../yakuzai/img/footer_image.gif) repeat-x center top;
}

.twobox #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.mainmenu {
	list-style-type: none;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}

.mainmenu li{
	background: url(../yakuzai/img/menu_back.jpg) repeat-x bottom;
	margin: 2px 0;
	padding: 7px 5px;
	border:solid 1px #8DD99B;
}

.mainmenu li a {
	background: url(../yakuzai/img/menu_img.gif) no-repeat left;
	padding: 0 0 0 10px;
}

.mainmenu li a:hover {
	background: url(../yakuzai/img/menu_img_up.gif) no-repeat left;
}

.mainmenu #active{
	background: url(../yakuzai/img/menu_back_up.jpg) repeat-x bottom;
	margin: 0;
	padding: 7px 5px;
	border:solid 1px #EDB5DA;
}

.mainmenu #active span {
	background: url(../yakuzai/img/menu_img_up.gif) no-repeat left;
	padding: 0 0 0 10px;
}

.mainmenu li img{
	padding: 0 2px 0 0;
}

.mainmenu a
{
	color: #000000;
	text-decoration: none;
}

.mainmenu a:visited
{
	color: #000000;
}

.mainmenu a:hover
{
	color: #DB6CB5;
}

/*------------------------------------------------------------------------------*
	top
 *------------------------------------------------------------------------------*/

#toppage h1 {
	text-indent: -9999px;
	width: 786px;
	height: 105px;
	background: url(../yakuzai/img/top_header.jpg) no-repeat;
}

#toppage h2 {
	text-indent: -9999px;
	width: 451px;
	height: 67px;
	background: url(../yakuzai/img/top_catch.gif) no-repeat;
}

.twobox #toppage #catch { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	margin: 40px 20px 20px 40px;
}

#toppage p {
	margin: 3px 50px;
	text-indent: 1em;
}

#toppage #container {
	position: relative;
}

#toppage #inquiry {
	position: absolute;
	top: 40px;
	right: 10px;
}

#toppage #inquiry dt {
	font-size: 90%;
}

#toppage #inquiry dd {
	font-weight: bold;
	line-height: 1.1em;
	text-align: left;
}

#toppage #kensin {
	position: absolute;
	top: 15px;
	right: 10px;
	font-weight: bold;
}

#toppage #kensin a,
#toppage #kensin a:visited,
#toppage #kensin a:hover {
	text-decoration: none;
	color: #000000;
	padding: 3px 18px 3px 0;
	background: url(../yakuzai/img/kensin_img.gif) no-repeat right center;
	display: block;
}

#toppage #kensin a:hover {
	color: #DB6CB5;
	background: url(../yakuzai/img/kensin_img_up.gif) no-repeat right center;
}

.twobox #toppage #topimage {
	margin: 0 0 0 158px;
	padding: 0px;
	background: url(../yakuzai/img/top_image.jpg) no-repeat top;
	height: 336px;
} 

.twobox #toppage .information { 
	float: right;
	margin: 0 20px 20px 20px;
	width: 200px;
	border:solid 1px #81BF8E;
}

.twobox #toppage .information dl { 
	background-color: #B0E2C7;
}

.twobox #toppage .information dt { 
	background: url(../yakuzai/img/info_head.gif) no-repeat left center;
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 10px 20px;
}

.twobox #toppage .information dd { 
	padding: 5px;
	font-size: 90%;
	background-color: #FFFFFF;
}


#toppage #time { 
	margin: 20px 60px 0 60px;
}

#toppage #time dt { 
	color: #007300;
	font-weight: bold;
	font-size: 110%;
}

#toppage #time dd { 
	margin: 2px 0 2px 5px;
}

#toppage #time p { 
	color: #009900;
	font-size: 90%;
	margin: 3px 0 0 5px;
	padding 0;
	text-indent: 0;
}