@charset "utf-8";

/*
 Share Style
----------------------------------------------------------- */
body {margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-style:normal;
font-size:12px;
font-weight:normal;
text-decoration:none;
border:0;
line-height:1.4;
color:#333;
background: url(img/bg.jpg) repeat-x left top;
text-align: center;
}

a:link {color: #333333;}
a:visited {color: #556B2F;}
a:active {color: #556B2F;}
a:hover {color: #556B2F;}


p { margin: 0 0 1em;}

dl, ul, ol, 
dl dt, dl dd, 
ul li, 
ol li { margin:0;
	padding:0;
	list-style:none;}

a img {border:0;}

h1, 
h2,
h3 { margin:0;
	padding:0;}	


h3 {
background: url(img/bar_back.gif) no-repeat 35% top;
font-size: 2.4em;
letter-spacing:0.1em;
color: #FFFFFF;
line-height:28px;
height:28px;
padding: 2px 140px 30px 35px;
margin: 0.5em;
}

h4 {
background: url(img/h4.gif) no-repeat left bottom;
line-height: 2;
font-size: 1.3em;
letter-spacing: 0.1em;
padding-left: 1em;
color:#46729e;
}

h5 {
color:#77a244;
margin: 0px;
padding:5px 5px 5px 25px;
background: url("img/h5.gif") no-repeat left;
font-weight: normal;
font-size: 1.2em;
}

caption {
font-size: 2.3em;
font-weight: bold;
text-align:center;

}

/*
 body
----------------------------------------------------------- */

#wrapper {
margin: 0px auto;
background:url(img/bg01.jpg) repeat-y;
width: 786px;

}

#body { width: 780px; margin: 0px auto;}

/*
 header
----------------------------------------------------------- */

	
#header {
text-align:left;
height: 90px;
background-color:#fdfea4;

}
#header h1 {float:left;}


/*
 contents
----------------------------------------------------------- */


#contents { width: 730px;
padding:5px 25px 10px;
float: left;
text-align: left;
}

#left {
float:left;
width: 480px;
padding: 0 15px 0 0;
}

#right {
float:left;
width: 230px;
}

#top h3 { padding:0; background:none; line-height:1em; font-size:1em; margin:0 0 1em;}


.infobox {
	margin-bottom: 1em;
	clear:both;
}

.infobox strong {
font-weight: bold;
color: #cc6600;
}

.img_l {
float:left;
padding-right:4px;
}

.img_r {
float:right;
padding-left:4px;
}

.rightbox{
border-top:5px solid #E9AC5A;
border-right:1px solid #EBEBEB;
border-left:1px solid #EBEBEB;
border-bottom:1px solid #EBEBEB;
padding: 5px;
margin:24px 0 15px 0;
line-height:1.3;
}


.benefit {
width:730px;
clear:both;
}
.benefit li {
padding: 10px 0;
float: left;
width: 226px;
display: inline;
}

.benefit li.benefit2 {
border-left:1px solid #999999;
border-right:1px solid #999999;
padding: 10px;
margin: 0 10px;
}


/*
 footer
----------------------------------------------------------- */

#footer {
padding:15px;
text-align:center;
clear:both;
border-top: solid 3px #FF9900;
font-size:10px;
		}


#footer a { color:#333; 
text-decoration:none;
}
#footer a:hover {
color:#009900;
}

/* menu
----------------------------------------------------------- */
.menu {
float:right;
width: 367px;
}
.menu p {
	float: left;
	display: block;
	text-indent:-9999px;/*\*/
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.menu p a {
	display: block;
	width: 367px;
	height: 90px;
	background: url(img/head_right.gif) no-repeat 0 0;
}

.s-menu{
	height:39px;
	padding: 0px;
	text-align: center;
	background:url(img/m-back.jpg) repeat-x;
	border-bottom:#E97000 4px solid;
}

.s-menu li{ float: left;
	display: inline;
	text-indent:-9999px;
	/*\*/ overflow: hidden;}
	
.s-menu li a { display: block;
	width: 111px;
	height:39px;}

.s-menu li.menu01 {
	background: url(img/m-01.gif);}
.s-menu li.menu01 a{
	background: url(img/m-01.gif);}
.s-menu li.menu01 a:hover{
	background:none;}


.s-menu li.menu02 {
	background: url(img/m-02.gif);}
.s-menu li.menu02 a {
	background: url(img/m-02.gif);}
.s-menu li.menu02 a:hover {
	background:none;}

.s-menu li.menu03 {
	background: url(img/m-03.gif);}
.s-menu li.menu03 a{
	background: url(img/m-03.gif);}
.s-menu li.menu03 a:hover {
	background:none;}

.s-menu li.menu04{
	background: url(img/m-04.gif);}
.s-menu li.menu04 a{
	background: url(img/m-04.gif);}
.s-menu li.menu04 a:hover { 
	background:none;}

.s-menu li.menu05 {
	background: url(img/m-05.gif);}
.s-menu li.menu05 a{
	background: url(img/m-05.gif);}
.s-menu li.menu05 a:hover { 
	background:none;}

.s-menu li.menu06 {
	background: url(img/m-06.gif);}
.s-menu li.menu06 a{
	background: url(img/m-06.gif);}
.s-menu li.menu06 a:hover { 
	background:none;}
	
	.s-menu li.menu07 {
	background: url(img/m-07.gif);}
.s-menu li.menu07 a{
	background: url(img/m-07.gif);}
.s-menu li.menu07 a:hover { 
	background:none;}

/* mailform
----------------------------------------------------------- */


table#MailForm {
	border-collapse:separate;
	border-spacing:1em;
	margin:1em 0 0 0px;}

table#MailForm th { 
	width:120px;
	border-right:5px solid #f2f2f2;
	font-weight:normal;}

table#MailForm th, 
table#MailForm td { 
	padding:5px 5px 5px 10px;}

table#MailForm td textarea { width:300px; border: 1px solid #CCCCCC;}
table#MailForm td input { width:200px; border: 1px solid #CCCCCC; height:18px;}

/* input */
.inputarea {
	margin-left:300px;}
.inputarea li {
	display:inline;}


/* access.html
----------------------------------------------------------- */

#map {
height: 400px;
width: 600px;
margin: 0 auto;
}
#map span {color:#666;}

/* contents
----------------------------------------------------------- */
/* return */
.return {
text-align:right;
padding-top:10px;
clear: both;
}
.return a {color:#333; font-size:.8em;}
.return a:hover {color:#0000FF;}



#Address {
background: #FFCC99;
border: 1px solid #999999;
	margin: 15px 0 15px;
	padding: 10px 5px 10px 10px;
}
#Address p { 
	margin:0 0 .5em;}

#mailform table {
margin: 0 auto 1em;
border:#CCC solid 1px;
width:680px;

}
#mailform table td {padding:4px;}

#mailform .Category {
border-collapse:collapse;
background-color:#FFF;
width: 650px;

}
#mailform .Category td {
border:#CCC solid 1px;
	text-align:center;
	padding:0px;
	vertical-align:middle;
	

}
#mailform .green {background-color:#F7FFF9;}
#mailform .pink {background-color:#FFFBF7;}
#mailform .blue {background-color:#EBF4FC;}
#mailform textarea {
	width: 450px;
}
.price {border-collapse:collapse; margin:0 1em;}
.price td {
padding: 2px 10px;
border: 1px solid #000000;
text-align: center;
}

.price .gray {
background: #eee;
}


#thanks {
line-height: 200px;
text-align: center;
}
