@charset "Shift_JIS";
/* CSS Document */

#mainContents h2{
	background-image: url(images/pagetitle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	margin: 0 0 10px;
	overflow: hidden;
}

#mainContents h2 span{
	display: block;
	padding: 65px;
}

/* ���g======================================================================================================== */
/* �����Z�� */
#order{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 20px;
}

#order h3{
	background-image: url(../images/title_order.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 40px;
	margin: 0 0 15px;
	overflow: hidden;
}

#order h3 span{
	display: block;
	padding: 40px 0 0;
}

#order ul{
	display: block;
	margin: 0 0 0 10px;
}

#order li{
	text-align: center;
	display: block;
	float: left;
	width: 160px;
}

#order li .photo{
	margin: 0 0 5px;
}

#order li a h4{
	background-image: url(../images/order_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 25px;
	width: 140px;
	margin: 0 auto 10px;
	overflow: hidden;
}

#order li.gallery a h4{ background-position: left top; }
#order li.spec a h4{ 	background-position: -140px top; }
#order li.flow a h4{ 	background-position: -280px top; }
#order li.safety a h4{ 	background-position: -420px top; }
#order li.reform a h4{ 	background-position: -560px top; }

#order li.gallery a:hover h4{ 	background-position: left -25px; }
#order li.spec a:hover h4{ 		background-position: -140px -25px; }
#order li.flow a:hover h4{ 		background-position: -280px -25px; }
#order li.safety a:hover h4{ 	background-position: -420px -25px; }
#order li.reform a:hover h4{ 	background-position: -560px -25px; }

#order li a h4 span{
	padding: 25px 0 0;
}

#order li a p{
	color: #666;
	text-align: left;
	margin: 0 10px;
}

#order li a:hover p{
	color: #888;
}