@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.shokusan-j.co.jp/
File name:		layout_maintenance.css
Summary:		base styles
Created:		2009-9-1
Last update:	2009-9-1 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* メンテナンスのご案内 */
/* ------------------------------------------------------------ */
.maintenance_w230 {
	width: 230px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.maintenance_w310 {
	width: 310px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.maintenance_w340 {
	width: 340px;
	display: block;
	overflow: hidden;
	border-left: 1px #c8c8c8 solid;
}

.maintenance_layout {
	clear: both;
	width: 310px;
	padding: 10px 0px;
	display: block;
	overflow: hidden;
	border-top: 1px #c8c8c8 dotted;
}

.maintenance_layout_last {
	clear: both;
	width: 310px;
	padding: 10px 0px;
	display: block;
	overflow: hidden;
	border-top: 1px #c8c8c8 dotted;
	border-bottom: 1px #c8c8c8 dotted;
}

.arrow {
	background: url(../images/arrow1.gif) left center no-repeat;
	padding: 0px 0px 0px 15px;
}

.maintenance_banner1 a {
	background: url(../images/maintenance_banner1.gif) left top no-repeat;
	width: 306px;
	height: 86px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.maintenance_banner1 a:hover {
	background: url(../images/maintenance_banner1.gif) left bottom no-repeat;
}

.maintenance_banner2 a {
	background: url(../images/maintenance_banner2.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.maintenance_banner2 a:hover {
	background: url(../images/maintenance_banner2.jpg) left bottom no-repeat;
}

.maintenance_banner3 a {
	background: url(../images/maintenance_banner3.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.maintenance_banner3 a:hover {
	background: url(../images/maintenance_banner3.jpg) left bottom no-repeat;
}

.maintenance_banner4 a {
	background: url(../images/maintenance_banner4.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.maintenance_banner4 a:hover {
	background: url(../images/maintenance_banner4.jpg) left bottom no-repeat;
}

.maintenance_banner5 a {
	background: url(../images/maintenance_banner5.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.maintenance_banner5 a:hover {
	background: url(../images/maintenance_banner5.jpg) left bottom no-repeat;
}