@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;
}

html{overflow-y:scroll;}

a:link {
		color: #0066FF;
}
a:visited {color: #0066FF;}
a:active {color: #0066FF;}
a:hover {
		color: #009900;
}


p { margin: 0 0 1em;}

em {
		font-weight:bold;
		font-size:1.3em;
		color:#CC0000;
		font-style: normal;
}

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 left;
		font-size: 1.45em;
		color: #FFFFFF;
		height:30px;
		padding: 6px 0 0 15px;
		margin: 0px;
}

caption {
		font-size: 1.2em;
		font-weight: bold;
		text-align:left;
		padding: 0 0 0 5px;

}

/*
 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: 722px;
		padding:5px 28px 10px 28px;
		float: left;
		text-align: left;
}

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

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

#top h3 {
		padding:0;
		background:none;
		line-height:1em;
		font-size:1em;
		margin:0px;
		color: #333333;
		font-weight: normal;
}


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

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

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

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

.rightbox{
		border-top:5px solid #009900;
		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 {
		clear:both;
}
.benefit li {
		padding: 0px 0;
		float: left;
		width: 226px;
		display: inline;
}

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


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

#footer {
		padding:15px;
		text-align:center;
		clear:both;
		border-top: solid 3px #009900;
		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-image:url(img/head_right.gif);
}

.s-menu{
	height:30px;
	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;
	height:30px;}

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


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

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

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

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

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

/*top-banner
----------------------------------------------------------- */
.benefit1 p {
width:224px;
	height:74px;
	text-indent:-9999px;
	/*\*/ overflow: hidden;
	background: url(img/benefit-bn1-h.jpg);}

.benefit1 p a{
display: block;
width:224px;
	height:74px;
	background: url(img/benefit-bn1.jpg);}

.benefit1 p a:hover{
	background:none;}

.benefit2 p {
width:224px;
	height:74px;
	text-indent:-9999px;
	/*\*/ overflow: hidden;
	background: url(img/benefit-bn2-h.jpg);}

.benefit2 p a{
display: block;
width:224px;
	height:74px;
	background: url(img/benefit-bn2.jpg);}

.benefit2 p a:hover{
	background:none;}
	
.benefit3 p {
width:224px;
	height:74px;
	text-indent:-9999px;
	/*\*/ overflow: hidden;
	background: url(img/benefit-bn3-h.jpg);}

.benefit3 p a{
display: block;
width:224px;
	height:74px;
	background: url(img/benefit-bn3.jpg);}

.benefit3 p 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 {
		border: 1px solid #999999;
		margin: 15px 0 15px;
		padding: 10px 5px 10px 10px;
		background-color: #F0FBEC;
		width: 700px;
}

#Address li {
		color:#333333;
}

#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:#F4FBF8;
}
#mailform .pink {background-color:#FFFBF7;}
#mailform .blue {
		background-color:#F0F7FD;
}
#mailform textarea {
	width: 450px;
}
.price {
		border-collapse:collapse;
		margin:0;
}
.price td {
padding: 2px 1.5em;
border: 1px solid #000000;
text-align: center;
}

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