@charset "utf-8";


@import url(../css/common.css);


#main top{
width: 200px;
margin: ;
text-align: center;
}
#main {
 text-align: center;
}

body {
	background-image: url(../images/yellow0003.png);
}
header {
	width: 800px;
	height: 94px;
	margin: 0px auto 10px auto;
	position: relative;
	background-image: url(../images/yellow0003.jpg);
}
header h1 {
	margin: 14px auto 0px auto;
	position: absolute;
	left: 0;
	float: left;
}
nav {
	position: absolute;
	right: 0;
}
nav ul {
	list-style-type: none;
	overflow: hidden;
}
nav ul li {
	float: left;
	background-color: #d9d9d9;
	margin: 55px 0 0 0;
	padding: 70 auto 0 auto;
}
nav ul li a img {
	vertical-align: bottom;
		margin: 50 0 89 0;
}

nav ul li a:hover {
	opacity: 0.72;
}



footer p {
	clear: both;
	margin-bottom: 0;
	padding: 10px 0 9px 0;
	background-image: url(../images/yellow0003.png);
	color: #000000;
	text-align: center;
}
footer small {
	font-size: 100%;
}


#main {
	margin-top: 20px;
}


#main h5{
	font-size: 20px;
	}



#main h3{
position:relative;
margin:0 15px;
padding:10px 20px;
font:bold 24px/1.6 Arial, Helvetica, sans-serif;
color:#333;
border:#333 solid 3px;
border-radius:18px;
background:#fff;
box-shadow:
-7px -5px 0 0 #e8e8e8 inset,
2px 3px 0 0 #000;
}


#main h3:before{

content:" ";
position:absolute;
top:100%;
left:14px;
width:0;
height:0;

border-width:20px;
border-style:solid;
border-color:transparent;
border-top-color:#333;

}
#main h3:after{
content:" ";
position:absolute;
bottom:-27px;
left:18px;
width:0;
height:0;

border-width:14px;
border-style:solid;
border-color:transparent;
border-top-color:#e8e8e8;

}



#main h2 {
	margin:20px 0 30px 0;
	padding:12px 10px;
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
	}

#main h2:before,
#main h2:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
#main h2:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}

footer{
 clear: both;
}

table {
	width: 700px;
	margin-bottom: 20px;
	border-collapse: collapse;
	margin:auto;
}
}
table th, table td {
	width: 190px;
	padding: 10px;
	border: 1px solid #7aa7a2;
}
table th {
	background-color: #cce8;
}

table .price {
	width: 200px;
}
table td.price {
}




.pagetop{
	position: fixed;
	bottom: 16px;
	right: 16px;
}
.pagetop a{
	display: block;
	text-decoration: none;
}
.pagetop:hover{
	opacity: 0.85;
	}