@charset "utf-8";

* { margin : 0 ; padding : 0 ; }

body {
	line-height: 1.6;
	text-align: center;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img { marin:0; padding:0; border:none; line-height:0; font-size:0; vertical-align:bottom; }

.clear{ clear:both; line-height:0; font-size:0; height:0; }

/* 赤色 */
.red { color: #cc0000; }
/* 青色 */
.blue { color: #3355aa; }
/* 太字 */
.bold { font-weight: bold; }

.uline { background:url(./img/uline.gif) bottom repeat-x; }

.t14 { font-size:14px; }

.t16 { font-size:16px; }

.t20 { font-size:20px; }

.t22 { font-size:22px; }

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#wrapper {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-y;
}
#wrapper #header {
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	height: 246px;
	width: 850px;
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #header h1 {
	padding-top: 40px;
	padding-left: 40px;
	color: #F00;
	font-size: 24px;
}
#wrapper #header .header-box {
	width: 450px;
	position: absolute;
	left: 70px;
	top: 95px;
	font-size: 14px;
}
#wrapper #main {
	width: 830px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
}
#wrapper #main .main-h2 {
	line-height: 62px;
	background-image: url(img/h2back.jpg);
	padding-left: 40px;
	padding-top: 10px;
	background-repeat: no-repeat;
	font-size: 20px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #main .main-h3 {
	line-height: 59px;
	background-image: url(img/h3bak.jpg);
	background-repeat: no-repeat;
	padding-left: 45px;
	font-size: 20px;
	padding-top: 8px;
}
#wrapper #main .main-box {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 25px;
}
#wrapper #main .main-box .left  {
	float: left;
	margin-right: 17px;
}
#wrapper #main .main-box .right  {
	float: right;
	margin-left: 17px;
}
#wrapper #main .main-box p {
	margin-bottom: 20px;
	font-size: 18px;
}
#wrapper #main .order {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
#wrapper #footer {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCC;
	height: 50px;
	position: relative;
}
#wrapper #footer .footer-box {
	font-size: 14px;
	color: #000;
	position: absolute;
	top: 15px;
	right: 20px;
}