@charset 'utf-8';

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

body,html {
	margin: 0 auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	font-size : 10px;
	font-family : "ＭＳ ゴシック";
}

.clrfix {
	display: inline-block;
}

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

#body00 {
	width : 100%;
	margin : 0px;
	padding : 0px;
	background : url("images/bg06.gif") top center repeat-y;
	}

#body01{
    width: 800px;
	margin: 0 auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	background: url("images/bg05.gif") repeat-y;
}

img{
	border: 0px;
}

.clr {margin:0px;padding:0px;clear:both;height:1px;}
.clr hr {display:none;}

.top1{
	background: url("images/bg.gif") repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height : 35px;
}
h1{
    width: 150px;
	height: 95px;
	float: left;
	margin: 0px;
	padding: 0px;
}
h2{	
    margin: 0 auto;
	margin-right: auto;
	padding: 0px;
}
h3{
    font-size: 10px;
	color: #333333;
	letter-spacing: 0.1em;
	line-height: 1.4em;  
	text-align: left;
	padding: 0px 10px 0px 10px;
	font-weight: normal;
}

h4{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px 30px;
	text-align: left;
	float: left;
}
a:link,a:visited{
	color: #FFF;
	text-decoration: none;
}
a:hover,a:active{
	color : #27A596;
	text-decoration: underline;
}
/* ------------------------------
header
------------------------------ */

#header{
	width: 800px;
	height: 95px;
	margin: 0 auto;
	padding: 0px;
}
#logo{
	width: 150px;
	height: 95px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#logoside{
	width: 650px;
	height: 95px;
	margin: 0px;
	float: right;
}
.s_menu{
	background: url("images/top_title01.gif") top left no-repeat;
	width: 130px;
	height: 35px;
	float: left;
	margin : 0px;
	padding : 0px;
}
.s_menu img{
	margin: 20px 0px 0px 5px;
	width: 10px;
	height: 10px;
	vertical-align : bottom;
	float : left;
}
.top_title{
	float: right;
	width: 520px;
	height: 35px;
	padding: 0px;
}
.top_title img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
/* ------------------------------
pagebody
------------------------------ */

#pagebody{
    width: 800px;
	margin: 0 auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	background: url("images/bg05.gif") repeat-y;
}



/* ------------------------------
leftbox
------------------------------ */
#leftbox{
	width: 150px;
	overflow:hidden;
	float: left;
	margin: 0 auto;
	background-color:#fbf3e5;
	height:auto;
}
.hotele{
	width: 140px;
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.1em;
	line-height: 1.4em;  
	text-align: left;
	font-weight: normal;
	padding: 5px;
	margin : 0px;
}

.yoyaku {
	margin : 0px;
	padding : 0px;
}
	
.yoyaku h2 {
	margin : 0px;
	padding : 0px;
	}

.yoyaku img{
	text-align: center;
	margin-top: 10px;
}

.yoyaku_2 {
	margin :0px 0px 20px 0px;
	padding : 0px;
}
	
.yoyaku_2 h2 {
	margin : 0px;
	padding : 0px;
	}

.yoyaku_2 img{
	text-align: center;
	margin-top: 10px;
}

.kigyo{
	text-align: left;
	margin:0px;
	padding: 20px 10px 0px 10px;
}

.kigyo h3 {
	margin : 0px;
	padding : 0px;
	}

.kigyo p{
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.1em;
	line-height: 1.4em;  
	text-align: left;
	padding: 0px 10px 0px 10px;
}

h4.hotellist {
	padding: 20px 0 0px 10px;
}

.hotellist {
	display:block;
	margin:10px 0 0 0;
	padding:0;
	font-size:10px;
	clear:both;
	color:#333333;
}

.hotellist li{
	display:block;
	margin:2px 2px 2px 10px;
	padding:0;
	text-align:left;
	color:#333333;
}

.qr_box {
	width:150px;
	height:800px;
	background-image:url(img/index/qr_bg.gif);
	margin-left: 2px;
	background-repeat: no-repeat;
	background-color: fbf3e5;
}

.qr_box_2 {
	width:150px;
	height:252px;
	background-color:#fbf3e5;
	margin-left: 2px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.qr_form {
	padding-top:160px;
	text-align: center;
}


/* ------------------------------
rightbox
------------------------------ */

#rightbox{
	width: 650px;
	overflow: hidden;
	float: right;
	padding: 0px;
}

#contens a:link, #contens a:visited {
	color: #333;
}

#contens a:hover {
	color: #27A596;
}

.news{
	width: 280px;
	float: left;
	font-size: 10px;
	color: #333;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	margin: 20px 0 20px 15px;
	border: 1px solid #58595B;
	background:#FBF3E5;
	
}

.newstopics{
	width: 280px;
	height: 21px;
}

.news ul{
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}
.news li{
	margin-right: 0px;
	padding: 0px;
	line-height: 18px;
	text-align:left;
	padding-left:5px
}

.news span {
	margin : 0px;
	padding : 0px;
	clear : both;
	border : 1px;
	display : block;
	font-size : 10px;
	font-weight : bold;
	text-align : right;
}

.okinawa{
	width: 300px;
	float: right;
	margin: 20px 20px 20px 10px;
	padding: 0px;
	font-size: 12px;
	color: #333;
	letter-spacing: 0.1em;
	line-height: 1.4em;  
	text-align: left;
	display : inline;
}
.okinawa img{
	width: 164px;
	height: 97px;
	margin: 0px;
	padding: 0px 5px 3px 0px;
	float: left;
}
.menu{
	width: 650px;
	height: 85px;
	margin: 0px;
	padding: 20px 0px 10px 5px;
	clear : both;
}

.menu img {
	margin : 0px 0px 10px 8px;
	padding : 0px;
	float : left;
	vertical-align : left;
	}
	
.otoi{
	width: 650px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	clear : both;
}

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

#footer{
	width: 800px;
	height: 112px;
	margin: 0 auto;
	background: url("images/footer.jpg") top left no-repeat;
	padding: 0px;
	clear: both;
}
#footer h4 {
	margin : 0px;
	padding : 11px 0px 0px 0px;
	width : 150px;
	text-align : center;
	}
	
#footer p {
	margin : 0px;
	padding :0px;
	}

#footer p#f_link{
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 10px;
	line-height : 33px;
	text-align : center;
}

#footer p#f_link a:hover {
	color : #27A596;
	}

#footer p#address{
	font-size: 11px;
	color: #FFF;
	float: left;
	margin: 0px;
	padding: 15px 0px 0px 10px;
	text-align:left;
	line-height : 17px;
}

#footer p#copyright{
	text-align: right;
	font-size: 10px;
	margin: 0px;
	padding : 10px 10px 0px 0px;
	color: #333;
}

/* ------------------------------
concept
------------------------------ */

#concept{
	background: url("images/concept.jpg") top left no-repeat;
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}

/* ------------------------------
left_menu
------------------------------ */
#left_menu{
	width: 150px;
	height: 206px;
	float: left;
	padding: 0px;
}
.yoyaku_a{
	width: 134px;
	height:34px;
	padding: 8px;
}
.kigyo_a{
	width: 150px;
	height: 172px;
	padding: 0px;
	float: left;
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.1em;
	line-height: 1.4em;  
	text-align: left;
	padding: 0px 10px 0px 10px;
	font-weight: normal;
}

.left_menu ul{
	margin: 0px;
	padding:0px;
	list-style: none;
}
.left_menu li{
	float: left;
	width: 150px;
	height: 37px;
	list-style: none;
	padding: 0px;
}
.l_yoyaku{
	width: 134px;
	height: 34px;
	padding: 5px;
	float: left;
}
.l_kigyo{
	font-size: 10px;
	color: #333333;
	line-height: 14px;  
	text-align: left;
	padding: 0px 10px 0px 10px;
	font-weight: normal;
	float: left;
	margin : 0px;
}
.l_kigyo h2{
	padding: 0px;
	margin : 0px;
}
.l_kigyo h3 {
	margin : 0px 0px 5px 0px;
	padding : 0px;
	}
/* ------------------------------
right_menu
------------------------------ */

.right_menu{
	width: 650px;
	height: 495px;
	margin: 0px;
	padding: 0px;
	float: right;
}
.r_navi{
	font-size: 10px;
	color: #FFF;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.2em;
	text-align: left;
	padding: 20px;
	line-height: 1.3em;
}

/* ------------------------------
privasy
------------------------------ */
#privasy{
	width: 800px;
	margin: 0px;
	padding:0px;
}
#p_left{
	width: 150px;
	float: left;
	padding: 0px;
}
.privacy_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/privacy01.jpg") top left no-repeat;
	float: left;
}
.privacy_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.privacy_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.privacy_01 li{
	margin: 0px;
	padding: 0px;
}
.privacy_02{
	width: 150px;
	height: 206px;
	background: url("images/privacy02.jpg") top left no-repeat;
	float: left;
}
#privacy_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/privacy03.jpg") top left no-repeat;
}
.pri_main{
	margin : 0px;
	padding : 0px;
	width: 550px;
	text-align: left;
	float: left;
}
.font01{
	font-size: 10px;
	color: #27A596;
}
.font02{
 	font-size: 10px;
 	color:#FFF;
	text-align: left;
	padding: 0px 0 10px 0;
}
.font02 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.font02 li{
	margin: 0px;
	padding: 0px;
}

/* ------------------------------
staff
------------------------------ */

.staff_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/staff01.jpg") top left no-repeat;
	float: left;
}
.staff_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.staff_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.staff_01 li{
	margin: 0px;
	padding: 0px;
}
.staff_02{
	width: 150px;
	height: 206px;
	background: url("images/staff02.jpg") top left no-repeat;
	float: left;
}
#staff_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/staff03.jpg") top left no-repeat;
}

/* ------------------------------
FAQ
------------------------------ */

#qaBox{
padding:25px 45px 0 50px;
text-align:left;
line-height:13px;
}

.que{
	margin:0;
	padding:0 0 0 15px;
}

.ans{
	width:590px;
	padding-top:5px;
}

.faq_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/faq01.jpg") top left no-repeat;
	float: left;
}
.faq_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.faq_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.faq_01 li{
	margin: 0px;
	padding: 0px;
}
.faq_02{
	width: 150px;
	height: 206px;
	background: url("images/faq02.jpg") top left no-repeat;
	float: left;
}
#faq_right{
	width: 649px;
	margin: 0px;
	float: right;
	background: url("images/faq03.jpg") top left no-repeat;
}
.faq_contents {
	margin : 0px 0px 100px 45px;
	float : left;
	display : inline;
	width : 580px;

	}
	
.faq_contents table {
	margin : 10px 0px 0px 10px;
	padding : 0px;
	float : left;
	font-size : 10px;
	line-height : 23px;
	text-align : left;
	vertical-align : top;
	color : #fff;
	border-left : 2px groove #ccc;
	border-top : 2px groove #ccc;
	display : inline;
	}
	
.faq_contents table tr td {
	border-right : 2px groove #ccc;
	border-bottom : 2px groove #ccc;
	vertical-align : top;
	text-indent : 5px;
	}
	
.faq_contents table tr td strong {
	color : #27A596;
	font-weight : normal;
	letter-spacing : 5px;
	}

.faq_answer{
	margin:0;
	padding:10px 30px 0px 30px;
	font-size:12px;
	text-align:left;
	line-height:20px;color:#2E282C;
	float : left;
}
.faq_answer strong {
	color : #27A596;
}

/* ------------------------------
reservation
------------------------------ */

.reservation_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	float: left;
}
.reservation_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.reservation_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.reservation_01 li{
	margin: 0px;
	padding: 0px;
}
.reservation_02{
	width: 150px;
	height: 206px;
	float: left;
}
#.reservation_right{
	width: 649px;
	margin: 0px;
	float: right;
}

/* ------------------------------
system
------------------------------ */

.system_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/system01.jpg") top left no-repeat;
	float: left;
}
.system_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.system_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.system_01 li{
	margin: 0px;
	padding: 0px;
}
.system_02{
	width: 150px;
	height: 206px;
	background: url("images/system02.jpg") top left no-repeat;
	float: left;
}
#system_right{
	width: 649px;
	height: 680px;
	margin: 0px;
	float: right;
	background: url("images/system03.jpg") top left no-repeat;

}
.system_area {
	clear:both;
	
}

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

.system_area p{
	margin:0;
	padding:3px 40px 0px 40px;
	font-size:10px;
	text-align:left;
	line-height:17px;color:#2E282C;
	float : left;
	color:#fff;
}
.system_area strong {
		color : #27A596;
	text-decoration:none ;
	border-bottom:1px solid #fff;
	display:block;
	width:570px;
	margin: 0;
	padding:0;
}
.systemnichiji {
	font-weight:bold;
	font-size:12px;
	color:#FF4500;
}

.system_nagare {
	padding:40px 40px 0px 40px;
	font-size:10px;
	text-align:left;
	line-height:14px;
	color:#fff;
}

.system_nagare strong {
	color : #27A596;
	text-decoration:none ;
	border-bottom:1px solid #fff;
	width:570px;
	display:block;
		margin: 0;
	padding:0;
}
.system_teble {
	font-size:10px;
	color:#fff;
	line-height:13px;
	width:102px;
	margin:0px 10px 0px 0px;
	float:left;
	border:1px solid #fff;
	height: 130px;
}
.system_teble td{
	padding:4 ;
	}

.tablebox {
	height:135px;
}

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

span.system_underline{
	border-bottom:1px solid #fff;
}

.tyui {
	margin:80px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-size:12px;
	text-align:left;
	line-height:15px;
	color:#2E282C;
	clear:both;
}

.tyui p {
	margin:0;
	padding:5px 0 0 0;
}

/* ------------------------------
concept
------------------------------ */

.concept_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/concept01.jpg") top left no-repeat;
	float: left;
}
.concept_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.concept_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.concept_01 li{
	margin: 0px;
	padding: 0px;
}
.concept_02{
	width: 150px;
	height: 206px;
	background: url("images/concept02.jpg") top left no-repeat;
	float: left;
}
#concept_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/aroma00.jpg") top left no-repeat;
}

/* ------------------------------
menus
------------------------------ */

.menus_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/menus01.jpg") top left no-repeat;
	float: left;
}
.menus_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.menus_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.menus_01 li{
	margin: 0px;
	padding: 0px;
}
.menus_02{
	width: 150px;
	height: 206px;
	background: url("images/menus02.jpg") top left no-repeat;
	float: left;
}
#menus_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/menus03.jpg") top left no-repeat;
}

/* ------------------------------
btob
------------------------------ */

.btob_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/btob01.jpg") top left no-repeat;
	float: left;
}
.btob_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.btob_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.btob_01 li{
	margin: 0px;
	padding: 0px;
}
.btob_02{
	width: 150px;
	height: 206px;
	background: url("images/btob02.jpg") top left no-repeat;
	float: left;
}
#btob_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/btob03.jpg") top left no-repeat;
}

/* ------------------------------
news
------------------------------ */

.news_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	float: left;
}
.news_01 h4 {
	margin : 0px;
	padding : 0px;
	clear : both;
	}
.news_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.news_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.news_01 li{
	margin: 0px;
	padding: 0px;
}
.news_02{
	width: 150px;
	height: 206px;
	float: left;
}
#news_right{
	width: 649px;
	margin: 0px;
	padding : 0px 0px 20px 0px;
	float: right;
}
#news_right h4{
	margin : 20px 0px 0px 20px;
	padding : 0px;
	clear : both;
	display : inline;
	text-align : left;
}

.news_box {
	margin : 20px 0px 0px 30px;
	padding : 0px;
	float : left;
	clear : both;
	display : inline;
	width : 590px;
	}
	
.news_box h5 {
	margin : 0px 70px 0px 70px;
	padding : 5px 0px 5px 0px;
	border-bottom : 1px solid #292929;
	text-align : left;
	font-size : 12px;
	color : #666;
	}
	
.news_box p {
	margin : 10px 70px 5px 70px;
	padding : 0px;
	font-size : 10px;
	text-align : left;
	line-height : 15px;
	}
.news_box span {
	margin : 0px 70px 15px 70px;
	padding : 0px;
	text-align : right;
	font-size : 10px;
	display : block;
	}

.ttt {
	margin : 0px 10px 0px 0px;
	padding : 5px 0px 5px 0px;
	text-align : left;
	font-size : 12px;
	color : #fff;
}

/* ------------------------------
link
------------------------------ */
#link{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.link_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/link01.jpg") top left no-repeat;
	float: left;
}
.link_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.link_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.link_01 li{
	margin: 0px;
	padding: 0px;
}
.link_02{
	width: 150px;
	height: 206px;
	background: url("images/link02.jpg") top left no-repeat;
	float: left;
}
#link_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/link03.jpg") top left no-repeat;
}

/* ------------------------------
aroma
------------------------------ */
#aroma{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.aroma_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/aroma01.jpg") top left no-repeat;
	float: left;
}
.aroma_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.aroma_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.aroma_01 li{
	margin: 0px;
	padding: 0px;
}
.aroma_02{
	width: 150px;
	height: 206px;
	background: url("images/aroma02.jpg") top left no-repeat;
	float: left;
}
#aroma_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/aroma03.jpg") top left no-repeat;
}

/* ------------------------------
balinese
------------------------------ */
#balinese{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.balinese_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/balinese01.jpg") top left no-repeat;
	float: left;
}
.balinese_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.balinese_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.balinese_01 li{
	margin: 0px;
	padding: 0px;
}
.balinese_02{
	width: 150px;
	height: 206px;
	background: url("images/balinese02.jpg") top left no-repeat;
	float: left;
}
#balinese_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/balinese03.jpg") top left no-repeat;
}

/* ------------------------------
ryukyu
------------------------------ */
#ryukyu{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.ryukyu_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/ryukyu01.jpg") top left no-repeat;
	float: left;
}
.ryukyu_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.ryukyu_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.ryukyu_01 li{
	margin: 0px;
	padding: 0px;
}
.ryukyu_02{
	width: 150px;
	height: 206px;
	background: url("images/ryukyu02.jpg") top left no-repeat;
	float: left;
}
#ryukyu_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/ryukyu03.jpg") top left no-repeat;
}

/* ------------------------------
reflex
------------------------------ */
#reflex{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.reflex_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/reflex01.jpg") top left no-repeat;
	float: left;
}
.reflex_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.reflex_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.reflex_01 li{
	margin: 0px;
	padding: 0px;
}
.reflex_02{
	width: 150px;
	height: 206px;
	background: url("images/reflex02.jpg") top left no-repeat;
	float: left;
}
#reflex_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/reflex03.jpg") top left no-repeat;
}

a:link,a:visited{
	color : #FF6600;
	text-decoration: underline;
}
a:hover,a:active{
	color: #FFF;
	text-decoration: none;
}

.refle_box {
	float : left;	
	width:300px;
	}

.refle_table {
	width:300px;
	}
		
.refle_table table {
	border-collapse		: collapse;
	margin : 5px 0px 0px 60px;
	clear:both;
	padding : 0px;
	font-size : 10px;
	line-height : 20px;
	text-align : left;
	color : #fff;
	border : 1px solid #ccc;

	}
	
.refle_table tr td {
	font-size : 10px;
	line-height : 20px;
	color : #fff;
	border : 1px solid #ccc;
	}
	
.refle_img {
	margin : 0 30px 0px 0px;
	float:right
	}
	
.refle_title {
	margin : 0px 0px 0px 10px;
	padding : 0px;
	width : 300px;
	}
	
.refle_title h3 {
	margin : 20px 0px 0px 40px;
	padding : 0px;
	width : 300px;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.refle_title p {
	margin : 15px 0px 0px 50px;
	padding : 0px;
	width : 300px;
	clear : both;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	}
	
.refle_title p strong {
	margin : 0px 0px 0px 0px;
	color : #27A596;
	font-weight : normal;
	}
	
/* ------------------------------
sports
------------------------------ */
#sports{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.sports_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/sports01.jpg") top left no-repeat;
	float: left;
}
.sports_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.sports_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.sports_01 li{
	margin: 0px;
	padding: 0px;
}
.sports_02{
	width: 150px;
	height: 206px;
	background: url("images/sports02.jpg") top left no-repeat;
	float: left;
}
#sports_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/sports03.jpg") top left no-repeat;
}

.mens_table {
	float : left;
	width:610px;
	
	}
	
.mens_table table {
	border-collapse		: collapse;
	margin : 20px 0px 0px 13px;
	padding : 0px;
	float : left;
	font-size : 12px;
	line-height : 25px;
	text-align : left;
	color : #fff;
	border : 1px solid #ccc;
	}
	
.mens_table tr td {
	font-size : 12px;
	line-height : 25px;
	color : #fff;
	border : 1px solid #ccc;
	}
	
.mens_table tr td strong {
	font-size : 9px;
	color : #27A596;
	font-weight : normal;
	}

.mensno {
	font-size : 12px;
	color : #27A596;
	font-weight : normal;
	}
	
.mens_title {
	margin : 20px 0px 0px 10px;
	padding : 0px;
	float : left;
	display : inline;
	width : 630px;
	}
	
.mens_title h3 {
	float : left;
	margin : 10px 0px 0px 20px;
	padding : 0px;
	width : 200px;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.mens_title p {
	margin : 5px 0px 0px 20px;
	padding : 0px;
	width : 600px;
	clear : both;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	}

/* ------------------------------
oriental
------------------------------ */
#oriental{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.oriental_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/oriental01.jpg") top left no-repeat;
	float: left;
}
.oriental_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.oriental_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.oriental_01 li{
	margin: 0px;
	padding: 0px;
}
.oriental_02{
	width: 150px;
	height: 206px;
	background: url("images/oriental02.jpg") top left no-repeat;
	float: left;
}
#oriental_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/oriental03.jpg") top left no-repeat;
}

.head_box {
	float : left;	
	width:400px;
	}
	
.head_table {
	width:300px;
	}
		
.head_table table {
	border-collapse		: collapse;
	margin : 5px 0px 0px 60px;
	clear:both;
	padding : 0px;
	font-size : 10px;
	line-height : 20px;
	text-align : left;
	color : #fff;
	border : 1px solid #ccc;

	}
	
.head_table tr td {
	font-size : 10px;
	line-height : 20px;
	color : #fff;
	border : 1px solid #ccc;
	}
	
.head_img {
	margin : 0 30px 0px 0px;
	float:right
	}

.headspa_title {
	float : left;
	margin : 20px 0px 0px 10px;
	padding : 0px;
	width : 500px;
	}
	
.headspa_title h3 {
	float : left;
	margin : 10px 0px 0px 40px;
	padding : 0px;
	width : 500px;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.headspa_title p {
	margin : 15px 0px 0px 50px;
	padding : 0px;
	width : 500px;
	clear : both;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	}
		
.head_title {
	float : left;
	margin : 20px 0px 0px 10px;
	padding : 0px;
	width : 300px;
	}
	
.head_title h3 {
	margin : 0px 0px 0px 0px;
	padding : 0px;
	width : 300px;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.head_title p {
	margin : 15px 0px 0px 50px;
	padding : 0px;
	width : 300px;
	clear : both;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	}
	
.head_title p strong {
	margin : 0px 0px 0px 0px;
	color : #27A596;
	font-weight : normal;
	}
	
/* ------------------------------
beauty
------------------------------ */
#beauty{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.beauty_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/beauty01.jpg") top left no-repeat;
	float: left;
}
.beauty_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.beauty_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.beauty_01 li{
	margin: 0px;
	padding: 0px;
}
.beauty_02{
	width: 150px;
	height: 206px;
	background: url("images/beauty02.jpg") top left no-repeat;
	float: left;
}
#beauty_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/beauty03.jpg") top left no-repeat;
}

.aloma_table {
	float : left;
	width:500px;
	}
	
.aloma_table table {
	border-collapse		: collapse;
	margin : 20px 0px 0px 20px;
	padding : 0px;
	float : left;
	font-size : 12px;
	line-height : 25px;
	text-align : left;
	color : #fff;
	border : 1px solid #ccc;
	}
	
.aloma_table tr td {
	font-size : 12px;
	line-height : 25px;
	color : #fff;
	border : 1px solid #ccc;
	}
	
.aloma_table tr td strong {
	font-size : 9px;
	color : #27A596;
	font-weight : normal;
	}

.aloma_img {
	margin : 30px 20px 0px 0px;
	float:right
	}
	
/* ------------------------------
bridal
------------------------------ */
#bridal{
	width: 800px;
	height: 485px;
	margin: 0px;
	padding:0px;
}
#l_left{
	width: 150px;
	height: 285px;
	float: left;
	padding: 0px;
}
.bridal_01{
	width: 150px;
	height: 279px;
	margin: 0px;
	background: url("images/bridal01.jpg") top left no-repeat;
	float: left;
}
.bridal_01 img {
	margin : 0px;
	padding : 0px;
	vertical-align : bottom;
	}
.bridal_01 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.bridal_01 li{
	margin: 0px;
	padding: 0px;
}
.bridal_02{
	width: 150px;
	height: 206px;
	background: url("images/bridal02.jpg") top left no-repeat;
	float: left;
}
#bridal_right{
	width: 649px;
	height: 485px;
	margin: 0px;
	float: right;
	background: url("images/bridal03.jpg") top left no-repeat;
}

/* ------------------------------
course_detail
------------------------------ */

.center_body {
	margin : 20px 0px 0px 10px;
	padding : 0px;
	float : left;
	display : inline;
	width : 630px;
	}
	
.center_body h3 {
	margin : 10px 0px 0px 40px;
	padding : 0px;
	width : 280px;
	float : left;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	display : inline;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.center_body p {
	margin : 15px 0px 0px 50px;
	padding : 0px;
	width : 350px;
	float : left;
	clear : both;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	display : inline;
	}
	
.center_body ul {
	margin : 15px 0px 0px 50px;
	padding : 0px;
	width : 350px;
	float : left;
	clear : both;
	text-align : left;
	display :inline;
	list-style-type : none;
	}
	
.center_body ul li {
	margin : 0px 10px 10px 0px;
	padding : 0px;
	width : 46%;
	float : left;
	font-size : 10px;
	text-align : left;
	line-height : 12px;
	color : #fff;
	}
	
.center_body ul li strong {
	display : block;
	margin : 0px 0px 5px 0px;
	color : #27A596;
	font-weight : normal;
	}

/* ------------------------------
course_detail_b
------------------------------ */

.center_body_b {
	margin : 20px 0px 0px 10px;
	padding : 0px;
	float : left;
	display : inline;
	width : 400px;
	}
	
.center_body_b h3 {
	margin : 10px 0px 0px 40px;
	padding : 0px;
	width : 280px;
	float : left;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	display : inline;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.center_body_b p {
	margin : 0px 0px 20px 50px;
	padding : 0px;
	width : 380px;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	}
	

/* ------------------------------
course_detail_01
------------------------------ */

.center_body_01 {
	margin : 56px 0px 0px 10px;
	padding : 0px;
	float : left;
	display : inline;
	width : 630px;
	}
	
.center_body_01 h3 {
	margin : 40px 0px 0px 40px;
	padding : 0px;
	width : 450px;
	float : left;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	display : inline;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.center_body_01 img {
	margin : 0px 0px 0px 50px;
	padding : 0px;
	vertical-align : bottom;
	float : left;
	}
	
.center_body_01 p {
	margin : 0px 0px 20px 10px;
	padding : 0px;
	width : 340px;
	float : left;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	display : inline;
	}
	
.center_body_01 ul {
	margin : 0px 0px 0px 10px;
	padding : 0px;
	width : 360px;
	float : left;
	text-align : left;
	display :inline;
	list-style-type : none;
	}
	
.center_body_01 ul li {
	margin : 0px 10px 15px 0px;
	padding : 0px;
	width : 46%;
	float : left;
	font-size : 10px;
	text-align : left;
	line-height : 12px;
	color : #fff;
	}
	
.center_body_01 ul li strong {
	display : block;
	margin : 0px 0px 5px 0px;
	color : #27A596;
	font-weight : normal;
	}
	
/* ------------------------------
course_detail_01_b
------------------------------ */

.center_body_01_b {
	margin : 20px 0px 0px 10px;
	padding : 0px;
	float : left;
	display : inline;
	width : 630px;
	}
	
.center_body_01_b h3 {
	margin : 10px 0px 0px 40px;
	padding : 0px;
	width : 450px;
	float : left;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	display : inline;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.center_body_01_b p {
	margin : 0px 0px 0px 40px;
	padding : 0px;
	font-size : 10px;
	font-weight : normal;
	line-height : 15px;
	color : #fff;
	text-align : left;
}
	

	
/* ------------------------------
course_detail_02
------------------------------ */

.center_body_02 {
	margin : 20px 0px 0px 10px;
	padding : 0px;
	float : left;
	display : inline;
	width : 630px;
	}
	
.center_body_02 h3 {
	margin : 10px 0px 0px 40px;
	padding : 0px;
	width : 450px;
	float : left;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	display : inline;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.center_body_02 p {
	margin : 15px 0px 0px 50px;
	padding : 0px;
	width : 540px;
	float : left;
	clear : both;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	display : inline;
	}
	
.center_body_02 img {
	margin : 0px 0px 0px 50px;
	padding : 0px;
	vertical-align : bottom;
	float : left;
	}
	
.center_body_02 ul {
	margin : 0px 0px 0px 10px;
	padding : 0px;
	width : 360px;
	float : left;
	text-align : left;
	list-style-type : none;
	display : inline;
	}
	
.center_body_02 ul li {
	margin : 0px 10px 15px 0px;
	padding : 0px;
	width : 46%;
	float : left;
	font-size : 10px;
	text-align : left;
	line-height : 12px;
	color : #fff;
	}
	
.center_body_02 ul li strong {
	display : block;
	margin : 0px 0px 5px 0px;
	color : #27A596;
	font-weight : normal;
	}

	
/* ------------------------------
course_detail_02_b
------------------------------ */

.center_body_02_b {
	margin : 20px 0px 0px 10px;
	padding : 0px;
	float : left;
	display : inline;
	width : 630px;
	}
	
.center_body_02_b h3 {
	margin : 10px 0px 0px 40px;
	padding : 0px;
	width : 450px;
	float : left;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	text-indent : 15px;
	line-height : 20px;
	color : #fff;
	display : inline;
	background : url("images/menu_title_bg.gif") top left no-repeat;
	}
	
.center_body_02_b p {
	margin : 15px 0px 0px 50px;
	padding : 0px;
	width : 540px;
	float : left;
	clear : both;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
	line-height : 15px;
	color : #fff;
	display : inline;
	}
	
.center_body_02_b img {
	margin : 0px 0px 0px 0px;
	padding : 0px;
	vertical-align : bottom;
	float : left;
	}
	
.center_body_02_b strong {
	color : #27A596;
	font-weight : normal;
	}
	
/* ------------------------------
btob
------------------------------ */

.btob_contents {
	margin : 0px;
	padding : 2px 0px 0px 10px;
	float : left;
	clear : both;
	display : inline;
	width : 630px;
	}
	
.upper_contents {
	margin : 16px 0px 10px 20px;
	padding : 0px;
	float : left;
	color : #fff;
	display : inline;
	text-align : left;
	height : 85px;
	}
	
.upper_contents h3 {
	margin : 5px 0px 5px 5px;
	padding : 0px;
	color : #27A596;
	}
	
.upper_contents p {
	margin : 0px 10px 5px 10px;
	padding : 0px;
	color : #fff;
	font-size : 10px;
	clear : both;
	}
	
.lower_contents {
	margin : 0px 0px 0px 20px;
	padding : 0px;
	float : left;
	float : left;
	color : #fff;
	font-size : 10px;
	display : inline;
	text-align : left;
	}
	
.lower_contents h3 {
	margin : 1px 0px 5px 5px;
	padding : 0px;
	color : #27A596;
	font-size : 10px;
	}
	
.lower_contents p {
	margin : 0px 10px 5px 10px;
	padding : 0px;
	color : #fff;
	font-size : 10px;
	clear : both;
	line-height : 13px;
	}
	
.bottom_contents {
	margin : 25px 0px 10px 20px;
	padding : 0px;
	float : left;
	color : #fff;
	display : inline;
	text-align : left;
	}
	
.bottom_contents h3 {
	margin : 5px 0px 5px 5px;
	padding : 0px;
	color : #27A596;
	}
	
.bottom_contents p {
	margin : 0px 10px 5px 10px;
	padding : 0px;
	color : #fff;
	}

.btobtop_contents {
	margin : 25px 0px 10px 20px;
	padding : 0px;
	float : left;
	color : #fff;
	display : inline;
	text-align : left;
	}
	
.btobtop_contents h3 {
	margin : 5px 0px 5px 5px;
	padding : 0px;
	color : #FF8700;
	}
	
.btobtop_contents p {
	margin : 0px 10px 5px 10px;
	padding : 0px;
	color : #fff;
	}
	
/* ------------------------------
links
------------------------------ */

.link_contents {
	margin : 30px 0px 0px 10px;
	padding : 0px;
	float : left;
	clear : both;
	display : inline;
	width : 630px;
	}
	
.contents_link {
	margin : 20px 0px 20px 20px;
	padding : 0px;
	float : left;
	color : #fff;
	display : inline;
	text-align : left;
	}
	
.contents_link h4 {
	margin : 20px 0px 0px 5px;
	padding : 0px;
	color : #fff;
	font-size : 10px;
	font-weight : normal;
	clear : both;
	}
	
.contents_link p {
	margin : 10px 10px 0px 20px;
	padding : 0px;
	color : #fff;
	font-size : 10px;
	clear : both;
	}
	
/* ------------------------------
menu
------------------------------ */

.menu_contents {
	margin : 56px 0px 0px 10px;
	padding : 0px;
	float : left;
	clear : both;
	display : inline;
	width : 630px;
	}
	
.menu_contents table {
	margin : 20px 0px 0px 10px;
	padding : 0px;
	float : left;
	font-size : 10px;
	line-height : 23px;
	text-align : left;
	color : #fff;
	border-left : 2px groove #ccc;
	border-top : 2px groove #ccc;
	display : inline;
	}
	
.menu_contents table tr td {
	border-right : 2px groove #ccc;
	border-bottom : 2px groove #ccc;
	text-indent : 5px;
	}
	
.menu_contents table tr td strong {
	color : #27A596;
	font-weight : normal;
	letter-spacing : 5px;
	}

.menuleft_box {
	margin : 0px 0px 0px 15px;
	float : left;	
	width:300px;
	}

.menuleft_table table {
	border-collapse		: collapse;
	margin : 15px 0px 0px 10px;
	padding : 0px;
	float : left;
	font-size : 10px;
	line-height : 15px;
	text-align : left;
	color : #fff;
	border : 1px solid #ccc;
	display : inline;
	font-weight: bold;
	}
	
.menuleft_table table tr td {
	border : 1px solid #ccc;
	text-indent : 5px;
	}
	
.menuleft_table table tr td strong {
	color : #27A596;
	font-weight : normal;
	letter-spacing : 5px;
	}
	
.menuright_box {
	margin : 0px 0px 0px 0px;
	float : right;	
	width:300px;
	font-weight: bold; 
	}

.menuright_table table {
	border-collapse		: collapse;
	margin : 15px 0px 0px 0px;
	padding : 0px;
	float : left;
	font-size : 10px;
	line-height : 15px;
	text-align : left;
	color : #fff;
	border : 1px solid #ccc;
	display : inline;
	}
	
.menuright_table table tr td {
	border : 1px solid #ccc;
	text-indent : 5px;
	}
	
.menuright_table table tr td strong {
	color : #27A596;
	font-weight : normal;
	letter-spacing : 5px;
	}