@charset "UTF-8";
/*
	Link style
*/

img {
	border-style: none;
}
sup{
	font-size:7px;
	vertical-align: top;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: none;
}
.foot-menu a:link {
	color:#FFF;
}
.foot-menu a:hover {
	color:#FFF;
	text-decoration: underline;
}
.foot-menu a:visited {
	color:#FFF;
}
#footer-container ul#foot-menu li a:link {
	color: #9e9e9e;
	text-decoration: none;
}
#footer-container ul#foot-menu li a:hover {
	color: #9e9e9e;
	text-decoration: none;
}
#footer-container ul#foot-menu li a:visited {
	color: #9e9e9e;
	text-decoration: none;
}
#news li a:link{
	color: #fff;
	text-decoration: none;
}
#news li a:hover{
	color: #9e9e9e;
	text-decoration: none;
}
#news li a:visited{
	color: #fff;
	text-decoration: none;
}
ol,ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
a:focus { outline:0; }

/*
	Page style
*/

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font: 12px/1.5 Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.right {
	float: right;
}
.left {
	float: left;
}
.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}
.txt-11px {
	font-size: 11px;
}
.txt-15px {
	font-size: 15px;
}
.txt-17px {
	font-size: 17px;
}
#bg-top{
	background: #efefef;	
}
#bg-about{
	background: #F6F3EB;	
}
#bg-concept{
	background: #E4EEEF;	
}
#bg-service{
	background: #F9EDED;	
}
#bg-contact{
	background: #efefef;	
}
.page-top{
	width:100%;
	text-align: right;
	clear: both;
	margin-top: 30px;
}
#wrapper {
	margin: 0px auto;
	width: 880px;
	overflow: hidden;
	padding-bottom: 70px;
}
h1.header-img {
	margin: 20px 0px 30px;
	padding: 0px;
}
#gmenu{
	margin:0 0 30px 115px;
	padding:0;
	overflow: hidden;
}
#gmenu li {
	float: left;	
}
#menu-panel {
	margin: 0px -10px 0px 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
}

#menu-panel li {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
	border-radius: 7px;
	height: 212px;
}

#news-container {
	background: url(../images/news_bg.gif) no-repeat;
	height: 212px;
	width: 212px;
}
ul#news {
	margin-right: 13px;
	margin-left: 13px;
	margin-top: 40px;
	font-size: 11px;
}
ul#news li{
	color: #FFF;
}
#footer-contact {
	height: 50px;
	background: #000;
	width: 100%;
	position: fixed;
	bottom: 0px;
	color: #9e9e9e;
	font-size: 10px;
	clear: both;
}
#footer-container {
	height: 40px;
	width: 880px;
	text-align: center;
	margin: 0px auto;
}
#footer-container ul#foot-menu {
	margin: 18px 0px 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
}
#footer-container ul#foot-menu li {
	float: left;
	margin-right: 15px;
}

#footer-container ul#footer-rightmenu{
	margin: 0px;
	padding: 0px;
	float: right;
	overflow: hidden;	
}
#footer-container ul#footer-rightmenu li{
	float: left;
}
/*INNTER STYLE*/
#wrapper h3 {
	margin-left: 27px;
}
.s-cap{
	font-size: 13px;
	color: #666;
	margin-left: 3em;
}
/*CONTNETS-AREA STYLE*/
#inner-contents-container {
	float: left;
	margin-left: 50px;
	overflow: hidden;
	width: 400px;
	padding-bottom: 40px;
}
#inner-contents-container-fl {
	float: left;
	margin-left: 50px;
	overflow: hidden;
	width: 80%;
	padding-bottom: 40px;
	font-size: 13px;
}
#inner-contents-container h2 {
	margin-bottom: 20px;
}
#inner-contents-container ul.contents-list1 {
	float: left;
	margin-right: 40px;
}
#inner-contents-container ul.contents-list1 li {
	margin-bottom: 3px;
}
#inner-contents-container ul.contents-list2 {
	float: left;
}
#inner-contents-container ul.contents-list2 li {
	margin-bottom: 3px;
}
/*GALLERY AREA STYLE*/
#inner-gallery-container{
	clear: both;
	overflow:hidden;
	border-top: 1px solid #CCC;
	padding-top: 30px;
	padding-bottom: 40px;
}
/*ROOM PLAN STYLE*/
#inner-rp-container{
	float: left;
	clear: both;
	overflow: hidden;
}
img.roomplan{
	border: 1px solid #CCC;
	margin-left: 27px;
}
/*OUTLINE AREA STYLE*/
#inner-ol-container{
	float:left;
	overflow: hidden;
}
table.ol{
	border: 1px solid #CCC;
	border-collapse:collapse;
	margin-left: 27px;
	width: 345px;
}
table.ol th{
	border: 1px solid #CCC;
	padding: 7px 10px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}
table.ol td{
	border: 1px solid #CCC;
	padding: 7px 10px;
}
#btn-bi{
	text-align: center;
	clear: both;
	padding-top: 40px;
	padding-bottom: 40px;
}

/*FOOTER COMMON MENU STYLE*/
#foot-common-container{
	background: url(../images/sb_inner/parts/foot_menu_bg.gif) repeat-x;
	height: 115px;
	color: #626262;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}
#foot-common-container ul{
	overflow: hidden;
	margin: 0px auto;
	width: 93%;
}
#foot-common-container ul li{
	float:left;
	margin-right:25px;
}
#foot-common-container .tel{
	font: bold 23px/1 "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -1px;
}
/*CONTENTS-AREA STYEL*/
h2.h-img{
	margin-bottom:20px;
}
#contnets-wrapper{
	background: #FFF;
	clear: both;
	overflow: hidden;
	font-size: 13px;
	color: #444444;
	line-height: 1.8;
	padding: 20px 45px;
}
#contnets-contact-container-left{
	overflow: hidden;
	float: left;
	width: 565px;
}
#contnets-contact-left{
	background: #FFF;
	font-size: 13px;
	color: #444444;
	line-height: 1.8;
	float: left;
	width: 505px;
	padding: 5px 30px;
}
#contnets-contact-container-right{
	overflow: hidden;
	float: right;
	width: 295px;
}
#contnets-contact-right{
	background: #FFF;
	font-size: 13px;
	color: #444444;
	line-height: 1.8;
	float: right;
	width: 235px;
	padding: 5px 30px;

}
.ttl-txt {
	color: #886239;
	font: 22px "ヒラギノ角ゴ Pro 6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 20px;
	clear: both;
}
.contact-list {
	list-style: disc outside;
	border-top: 1px solid #efefef;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	padding-left: 15px;
}
.ttl-s {
	font: 16px "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 1px dotted #b1b1b1;
	padding-bottom: 15px;
	margin-bottom: 27px;
}
.s-container {
	width: 370px;
	float: left;
	margin-bottom: 50px;
}

.toggle_ttl{
	font-size:17px;
	line-height:1.3;
	padding-bottom: 15px;
	padding-top: 20px;
	border-top: 1px dotted #FFF;
}

.marugoto{
	background: #e53d5a;
	overflow: hidden;
	color: #FFF;
	padding: 0px 25px 10px;
}

.eco{
	background: #2A85B1;
	overflow: hidden;
	color: #FFF;
	padding: 0px 25px 10px;
	height:627px;
}
.muku{
	background: #879596;
	overflow: hidden;
	color: #FFF;
	padding: 0px 25px 10px;
	height:570px;
}
.shigoto{
	background: #BEBB21;
	overflow: hidden;
	color: #FFF;
	padding: 0px 25px 10px;
	height:570px;
}
/*NEWS STYLE*/
dl.news{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: left;
}
dl.news dt{
	float: left;
	clear: both;
}
dl.news dd{
	float: left;
	border-left: 1px dotted #999;
	padding-left: 35px;
	margin-bottom: 35px;
	width: 560px;
}
dl.news img{
	padding: 0px 0px 0px 40px;
}
.news-ttl{
	font-size: 17px;
	line-height:1.5;
}
#page-top {
	text-align: center;
	margin-bottom: 10px;
	clear: both;
	padding-top: 20px;
}


/*contact START*/
.contact_photo{
	width:237px;
	float:right;
	}
.contact-wrapper{
	width:410px;
	background: #FFF;
	float:left;
	overflow: hidden;
	color: #444444;
	line-height: 1.8;
}
.contact-wrapper h1{
	font-size:17px;
}
.contact-wrapper p{
	font-size:13px;
}

/*contact END*/