body { font-size:12px; line-height: 18px; margin: 0; padding: 0; background-color: #FEFAE9; background-image: url(img/bg.gif);}

a img { border:0;}

h1 { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 0px; float:left;}

h2 { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 0px; }

h3 { font-size: 12px; color: #FFFFFF; margin: 10px 0px 0px 0px; padding: 3px 5px 3px 15px; background-image:url(img/title-bg.gif); background-repeat: no-repeat; text-align:left;}

h4 { font-size:15px; font-weight:normal; color:#000099}






a:link { color: #000000; text-decoration:none;}

a:visited { color: #000000; text-decoration:none;}

a:hover { color: #000000; text-decoration: underline;}

a:active { color: #000000; text-decoration:none;}





#wrapper { background-image:url(img/bg01.jpg); background-repeat:no-repeat; margin: 0px auto; width: 800px; text-align:center; padding: 0px; background-image:url(img/bg01.gif); background-repeat:no-repeat; background-position:top right;}

#body { width: 780px; text-align:left; margin: 0px 20px 0px 0px;
	border:#C6C6C6 1px solid; padding: 0px;
	background:#fff url(./img/back.gif) repeat-y 0 0;}



#header{ background-image:url(img/header-bg.gif); background-repeat:repeat-x; padding: 0px 0px 18px 0px; background-position:bottom;}

.menu{ float:right; margin: 0px; padding: 0px;}

.menu div{
	text-align:right;
}

.menu ul{ list-style: none; margin: 0px; padding: 0px 0px 47px 23px; text-align: left;}

.menu li{ float: left; display: inline; text-indent:-9999px;	/*\*/ overflow: hidden; margin: 0px; padding: 0px;}

.menu li.navi01 a:link{ display: block; background-image: url(img/m-01.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi01 a:visited{ display: block; background-image: url(img/m-01.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi01 a:hover{ display: block; background-image: url(img/m-01.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi01 a:active{ display: block; background-image: url(img/m-01.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}



.menu li.navi02 a:link{ display: block; background-image: url(img/m-02.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi02 a:visited{ display: block; background-image: url(img/m-02.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi02 a:hover{ display: block; background-image: url(img/m-02.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi02 a:active{ display: block; background-image: url(img/m-02.gif); width: 95px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi03 a:link{ display: block; background-image: url(img/m-03.gif); width: 97px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi03 a:visited{ display: block; background-image: url(img/m-03.gif); width: 97px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi03 a:hover{ display: block; background-image: url(img/m-03.gif); width: 97px; padding: 0px; margin: 0px; line-height: 35px;}

.menu li.navi03 a:active{ display: block; background-image: url(img/m-03.gif); width: 97px; padding: 0px; margin: 0px; line-height: 35px;}

.clear { clear:both;}



#contents { padding: 0px 13px 10px 13px;}



#left { margin: 0; float:left; width: 160px; text-align:center; background-color:#fff;
	padding-top:10px;}



.s-menu{ width: 158px; margin-bottom: 10px; padding: 0px; text-align: center; border: #999999 1px solid;}



.s-menu ul{ list-style: none; margin: 0px; padding: 0px;}

.s-menu li{ display: block; text-indent:-9999px; margin: 0px; padding: 0px; /*\*/ overflow: hidden;}



.menu01 a:link{ display: block; background-image: url(img/m-04.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}

.menu01 a:visited{ display: block; background-image: url(img/m-04.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}

.menu01 a:hover{ display: block; background-image: url(img/m-04.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}

.menu01 a:active{ display: block; background-image: url(img/m-04.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}



.menu02 a:link{ display: block; background-image: url(img/m-05.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu02 a:visited{ display: block; background-image: url(img/m-05.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu02 a:hover{ display: block; background-image: url(img/m-05.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu02 a:active{ display: block; background-image: url(img/m-05.gif); width: 158px; padding: 4px 0px; margin: 0px;}



.menu03 a:link{ display: block; background-image: url(img/m-06.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}

.menu03 a:visited{ display: block; background-image: url(img/m-06.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}

.menu03 a:hover{ display: block; background-image: url(img/m-06.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}

.menu03 a:active{ display: block; background-image: url(img/m-06.gif); width: 158px; padding: 4px 0px; margin: 0px; border-bottom: #999999 1px solid;}



.menu04 a:link{ display: block; background-image: url(img/m-07.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu04 a:visited{ display: block; background-image: url(img/m-07.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu04 a:hover{ display: block; background-image: url(img/m-07.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu04 a:active{ display: block; background-image: url(img/m-07.gif); width: 158px; padding: 4px 0px; margin: 0px;}



.menu05 a:link{ display: block; background-image: url(img/m-08.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu05 a:visited{ display: block; background-image: url(img/m-08.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu05 a:hover{ display: block; background-image: url(img/m-08.gif); width: 158px; padding: 4px 0px; margin: 0px;}

.menu05 a:active{ display: block; background-image: url(img/m-08.gif); width: 158px; padding: 4px 0px; margin: 0px;}





#right { margin: 10px 0px 0px 0px; float:right; width: 577px; text-align: center;}



#news { margin: 10px 0px 10px 0px; padding: 0px; width: 576px;}



.news { margin: 10px; background-image:url(img/point01.gif); background-repeat: no-repeat; text-align:left; border-bottom: #333333 1px dashed; padding-left: 15px;}



.news01 { margin: 10px; background-image:url(img/point01.gif); background-repeat: no-repeat; text-align:left; padding-left: 15px;}



.n-days { font-size: 11px; font-weight: bold; line-height: 13px;}



.n-comment { margin-bottom: 5px;}



.photo { padding: 10px; float: left;}



.comment { padding: 10px; text-align:left;}

.comment dl {
width:320px;
}

.comment dd {
	margin:0px;
	float: left;
}

.comment dt {
margin:10px 0px 10px 50px;
color: #000099;
font-size:16px;
font-weight:bold;
}

.set dl {
width:500px;
}

.set dt {
width:500px;
margin:0px 0px 0px 0px;
font-size:13px;
color:#000099;
letter-spacing:1px;
font-weight:bold;
}

.set dd {
width:540px;
margin:0px 0px 20px 0px;
color: #000000;
font-size:12px;
font-weight:normal;
}


.point01 {

	background-image:url(img/point02.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px 0px 0px 32px;
	margin:0px 0px 0px 50px;
	height:41px;
	color: #660000

}

.inv01 {
width:470px;
margin:0px 0px 0px 30px;
font-size:14px;
letter-spacing:1px;
}



.shop-menu { padding: 10px; border-bottom: #666666 1px dashed;}

.shop-comment { margin:0px; padding: 10px; float: right; width: 290px;}

.shop-name { font-size: 16px; font-weight: bold; float: right; width: 310px;}

.shop-price { color: #990000; font-weight: bold; float: right; width: 310px; text-align: right;}



.info-menu { padding: 10px 10px 20px 10px; border-bottom: #666666 1px dashed; margin-bottom: 10px;}

.info-title { border-bottom: #A22724 1px solid; padding: 5px; margin-bottom: 10px; width: 510px; display: block; color: #990000; font-weight: bold;}

.info-comment { margin:0px; padding: 10px;}

.margin-none {  margin:0px 0px 0px 20px;color: #666; clear:both;}



#footer { background-image: url(img/f-bg.gif); padding: 0px; text-align:right; margin: 0px auto; border-top: #999999 1px solid; border-bottom: #999999 1px solid;}



.bannar { margin-bottom: 10px;}





.site { padding: 10px; margin: 0px auto; width: 450px;}

.site ul { list-style: none; margin: 0px; padding: 0px;}



.list01 { background-image: url(img/point02.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 0px 2px 25px;}

.list02 { background-image: url(img/point03.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 0px 2px 25px;}





.img_r {
	float: right;
	border: none;
	vertical-align:top;
	margin-left: 10px;
	margin-bottom: 10px;

}

.img_l {

 float: left;

 border: none;

 margin-right:10px;

 vertical-align:top;

 margin-bottom: 10px;

}

.img_n {

 float: none;

 border: none;

}

p.img_c { text-align:center;}

textarea,select,input { font-family: "qMmpS Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","lroSVbN","sans-serif";}

/* dl
------------------------------------- */

#course dl{
	width:520px;
	
}

#course dt {
	float:left;
	clear:both;
	margin:30px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	width:140px;
	color: #ffffff;
	text-align:center;
	background-image:url(img/course2.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:56px;
	width:131px;
}
	
#course dd { 
	float:left;
	width:320px;
	margin:32px 0px 5px 30px;
}

#course p{
	margin:0px;
}

#course ul{
width:300px;
list-style:none;

}


#course li{
list-style-type:none;
color:#333;
}

.m-txt{
font-size:11px;
color:#fff;
font-weight:normal;
line-height:14px;


}


.m-txt2{
font-size:17px;
color:#fff;
font-weight:bold;
line-height:14px;
padding-top:5px;


}

/* dl2
------------------------------------- */

#course2 dl{
	width:520px;
	
}

#course2 dt {
	float:left;
	clear:both;
	margin:30px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	width:140px;
	color: #ffffff;
	text-align:center;
	background-image:url(img/course3.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:31px;
	width:131px;
}
	
#course2 dd { 
	float:left;
	width:320px;
	margin:32px 0px 5px 30px;
}

#course2 p{
	margin:0px;
}

#course2 ul{
width:300px;
list-style:none;

}


#course2 li{
list-style-type:none;
color:#333;
}

.m-txt{
font-size:11px;
color:#fff;
font-weight:normal;
line-height:14px;


}


.m-txt2{
font-size:17px;
color:#fff;
font-weight:bold;
line-height:14px;
padding-top:5px;


}

/* Layout 
------------------------------------- */

#body {}

/* table */ 
#Service .comment table, 
#Company table { margin:30px 0 0;
	width:450px;
	border-collapse:collapse;
	border-spacing:0;
	clear:both;}

#Service .comment table, 
#Company table, 
#Service .comment table td, 
#Company table td { 
	border:1px solid #ccc;
	padding:5px;}

#Service .comment table span, 
#Company table span { color:#889494;}

/* Service */
#Service ul#ServiceList { 
	margin:15px 0;
	padding:0;
	list-style:none;}
#Service ul#ServiceList li { padding-left:20px;
	background: url(./img/marker.gif) no-repeat 0% 0;}

#Service ul#ServiceList li ul li { 
	margin:0 10px 0;
	list-style: inside square;
	line-height:1.5;
	background:none;}
	
#Service ul#RecList { 
	list-style:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:15px 0 0;
	padding:0;
	width:450px;
	clear:both;}

#Service ul#RecList li {
	border-bottom:1px solid #ccc;
	padding:0 15px;
	line-height:2;
	background:#f5f5f5;}

#Service .comment table td { 
	margin:0 auto 15px;}
#Service .comment table p { margin:0;}

/* Inquiry */
#Inquiry .comment span { color: #CC0000; 
	font-weight: bold;}

#Inquiry .comment p.attent { margin-top:30px;}

/* Policy */
#Policy .comment p, #Policy .comment li { line-height:1.7;}
#Policy .comment ul { 
	margin:0;
	padding:0;}
#Policy .comment ul li { list-style:none;
	margin-left:3em;}

#Policy h4 { margin:20px 0 5px;
	font-size:100%;}

p.return { 
	height:17px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	text-align:right;
	clear:both;}
	
	/*-------------mail--*/

.mail td,tbody{
border:1px #666699 solid;
background-color:#FFFFFF;}

.mail th {
border:1px #666699 solid;
background-color:#e3f1ff}


#info2 {
	background-color:#e3f1ff;
	border-top:#CBD6DB 1px solid;
	border-left: #CBD6DB 1px solid;
	border-right: #CBD6DB 1px solid;
	border-bottom: #CBD6DB 1px solid;
	margin: 10px 0px 0px 0px;
	padding: 10px 5px 10px 10px;
	width: 500px;
	text-align: left;
}
