html,body {
	height:			100%;
	background-color:	#FFFFFF;
}

body {
	min-width:		806px;
}

#wrapper {
	min-height:		100%;
}

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

#header {
	height:			79px;
	background:		#b0b0b0 url("../img/bar1.gif") repeat-x top left;
	padding-top:		5px;
}

#header #title-bar {
	height:			75px;
	background-color:	#ede9e0;
}

#header #title-area {
	position:		relative;
	width:			802px;
	height:			75px;
	margin:			0px auto;
}

#header p {
	position:		absolute;
}

#header #logo {
	top:			28px;
	left:			10px;
}

#header #comment1 {
	top:			57px;
	left:			130px;
}

#header #outline {
	top:			45px;
	left:			570px;
}

#header #contact {
	top:			45px;
	left:			680px;
}

/* navi
----------------------------------------------------------------------------------*/

#navi {
	min-height:		40px;
	background:		url("../img/navi_bg.jpg") repeat-x top left;
	/*border-top:		1px solid #ffffff;
	border-bottom:		1px solid #ffffff;
	*/
}

#navi ul {
	width:			806px;
	height:			40px;
	margin:			0px auto;
	/*border-left:		1px solid #ffffff;*/
	list-style:		none;
}

#navi li {
	float:			left;
	height:			40px;
	/*border-right:		1px solid #ffffff;*/
}

#navi #btn_aisatsu {
	width:			115px;
	height:			40px;
	background:		url("../img/btn_aisatsu.jpg") no-repeat top left;
}

#navi #btn_aisatsu:hover {
	background:		url("../img/btn_aisatsu_mov.jpg") no-repeat top left;
}

#navi #btn_service {
	width:			114px;
	height:			40px;
	background:		url("../img/btn_service.jpg") no-repeat top left;
}

#navi #btn_service:hover {
	background:		url("../img/btn_service_mov.jpg") no-repeat top left;
}

#navi #btn_hotel {
	width:			114px;
	height:			40px;
	background:		url("../img/btn_hotel.jpg") no-repeat top left;
}

#navi #btn_hotel:hover {
	background:		url("../img/btn_hotel_mov.jpg") no-repeat top left;
}

#navi #btn_example {
	width:			114px;
	height:			40px;
	background:		url("../img/btn_example.jpg") no-repeat top left;
}

#navi #btn_example:hover {
	background:		url("../img/btn_example_mov.jpg") no-repeat top left;
}

#navi #btn_news {
	width:			114px;
	height:			40px;
	background:		url("../img/btn_news.jpg") no-repeat top left;
}

#navi #btn_news:hover {
	background:		url("../img/btn_news_mov.jpg") no-repeat top left;
}

#navi #btn_recruit {
	width:			114px;
	height:			40px;
	background:		url("../img/btn_recruit.jpg") no-repeat top left;
}

#navi #btn_recruit:hover {
	background:		url("../img/btn_recruit_mov.jpg") no-repeat top left;
}

#navi #btn_magazine {
	width:			115px;
	height:			40px;
	background:		url("../img/btn_magazine.jpg") no-repeat top left;
}

#navi #btn_magazine:hover {
	background:		url("../img/btn_magazine_mov.jpg") no-repeat top left;
}

/* center
----------------------------------------------------------------------------------*/

#center {
	background:		url("../img/bg_center.jpg") repeat-x top left;
}

/* common
----------------------------------------------------------------------------------*/

#address {
	clear:			both;
	width:			359px;
	height:         29px;
	margin:			0px auto;
	padding-top:    20px;
}

/* font color
----------------------------------------------------------------------------------*/

.fc_cblue {
	color:#257AB7;
}

/* clear fix
----------------------------------------------------------------------------------*/

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

.clearfix {
	display:		inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:			1%;
}
.clearfix {
	display:		block;
}
/* End hide from IE-mac */
