/* ###### INITIALIZE ###### */

body {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	text-justify:distribute;
	line-height: 1.5em;
	color: #000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1 , h2 , h3 , h4 , div , p , ul , li , dl , dt , dd{
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

ul , li , dl , dt , dd{
	list-style-type: none;
}

a:link , a:visited{
	color: #000000;
	text-decoration: underline;
}

a:hover , a:active{
	text-decoration: none;
}

img {
	border:none 0px;
}

table{
	border-collapse:collapse;

}



/* ###### COMMON CLASS ###### */

.lineZero{
	line-height:0;
}

.floatContainer{
	display: inline-block;
	width: 100%;
	line-height:normal;
	font-size:0;
	clear: both;
}

.floatLeft{
	display: inline;
	float: left;
	font-size:12px;
	line-height:1.5em;	
}

.floatRight{
	display: inline;
	float: right;
	font-size:12px;
	line-height:1.5em;	
}

.imageBlock{
	line-height:0;
	font-size:0;
}

.titleClass{
	display: block;
	font-size: 1%;
	line-height:normal;
	background-repeat: no-repeat;
	float: none;
	text-indent: -9999px;
	overflow: hidden;
}

.buttonMode a{
	display: block;
	font-size: 1%	!important;
	line-height:normal	!important;
	background-repeat: no-repeat;
	float: none;
	text-indent: -9999px;
	overflow: hidden;
}

.buttonMode a:link , .buttonMode a:visited{
	background-position: left top;
}

.buttonMode a:hover , .buttonMode a:active{
	background-position: left bottom;
}

.buttonModeVertical a {
	font-size: 1%;
	line-height:normal;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.buttonModeVertical a:link, .buttonModeVertical a:visited {
	background-position:left top;
}
.buttonModeVertical a:hover, .buttonModeVertical a:active {
	background-position:right top;
}

.marginB20 {
margin-bottom:20px;
}

.marginB15 {
margin-bottom:15px;
}
.marginB10 {
margin-bottom:10px;
}
.marginB5 {
margin-bottom:5px;
}

/* ##### EACH ELEMENT STYLE ##### */
.bodyWrap {
	width: 960px;
	margin:0 auto;
}
#headerField {
	background-image: url(../img/common/bgHeader.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 31px;
	padding-bottom: 18px;
}
#footerField {
	background-image: url(../img/common/bgFooter.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 23px;
	padding-bottom: 64px;
	margin-top: 35px;
}
#imgLogo {
	background-image: url(../img/common/imgLogo.png);
	height: 80px;
	width: 358px;
}
#btnReserve {
	background-image: url(../img/common/btnReserve.jpg);
	height: 14px;
	width: 56px;
	margin-top: 36px;
	margin-left: 34px;
}
#btnInquire {
	background-image: url(../img/common/btnInquire.jpg);
	height: 14px;
	width: 162px;
	margin-left: 20px;
	margin-top: 36px;
}
#btnFooterSitemap {
	background-image: url(../img/common/btnFooterSitemap.jpg);
	height: 13px;
	width: 92px;
	margin-top: 4px;
	margin-left: 20px;
}
#btnFooterLink {
	background-image: url(../img/common/btnFooterLink.jpg);
	height: 13px;
	width: 68px;
	margin-top: 4px;
	margin-left: 18px;
}
#copyright {
	margin-top: 4px;
}
#glovalNaviField {
	background-image: url(../img/common/bgNavi.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#glovalNaviField li {
	display: inline;
	float: left;
}
#btnNaviTop {
	background-image: url(../img/common/btnNaviTop.jpg);
	height: 56px;
	width: 160px;
}
#btnNaviIntro {
	background-image: url(../img/common/btnNaviIntro.jpg);
	height: 56px;
	width: 160px;
}
#btnNaviFeature {
	background-image: url(../img/common/btnNaviFeature.jpg);
	height: 56px;
	width: 160px;
}
#btnNaviFlow {
	background-image: url(../img/common/btnNaviFlow.jpg);
	height: 56px;
	width: 160px;
}
#btnNaviCase {
	background-image: url(../img/common/btnNaviCase.jpg);
	height: 56px;
	width: 160px;
}
#btnNaviFaq {
	background-image: url(../img/common/btnNaviFaq.jpg);
	height: 56px;
	width: 160px;
}
#bodyField {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aea431;
	border-right-color: #aea431;
	border-bottom-color: #aea431;
	border-left-color: #aea431;
}
/* spacer
------------------------------------------------------------*/  
.spacer5 {
	clear: both;
	width: auto;
	height: 5px;
}

.spacer10 {
	clear: both;
	width: auto;
	height: 10px;
}

.spacer15 {
	clear: both;
	width: auto;
	height: 15px;
}



ul.banner_area {
	padding: 30px 0 0 0;
	overflow: hidden;
}

ul.banner_area li {
	width: 230px;
	margin: 0 13px 0 0;
	float: left;
}

ul.banner_area li.last {
	margin: 0;
	float: right;
}

ul.banner_area li:hover img {
	filter: alpha(opacity=60);
	opacity: 0.6;
}