@import url("top.css");
@import url("cond.css");
@import url("spa.css");
@import url("limousine.css");
@import url("phone.css");
@import url("car.css");
@import url("hotel.css");
@import url("antique.css");

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

body  {	color: #444444;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	font-size:12px;
	line-height:1.5;
}

* { margin: 0px; padding: 0px; }
ol, ul { list-style-type: none; }
hr { display: none; }
img { border: 0px; }

div.clear {	width:100%; height:0px; margin:0; padding:0; line-height:0; font-size:0px; text-indent:-9999px; clear:both; overflow:hidden; }
.clearfix:after {  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;  height: 0;  visibility: hidden; }

.clearfix {  min-height: 1px; }

* html .clearfix {  height: 1px;  /*\*//*/
  height: auto;  overflow: hidden;  /**/
}


/* float設定 */
.left { float:left; }
.right { float:right; }

/* align設定 */
.alignL { text-align:left; }
.alignR { text-align:right; }
.alignC { text-align:center; }
.txt_underline { text-decoration:underline; }


/*margin
---------------------------------------------------------------*/
.ma10{ margin:10px; }
.ma15{ margin:15px; }

.maR5{ margin:0 5px 0 0; }
.maR12{ margin:0 12px 0 0; }

.maB5{ margin:0 0 5px 0; }
.maB10{ margin:0 0 10px 0; }
.maB15{ margin:0 0 15px 0; }
.maB20{ margin:0 0 20px 0; }
.maB40{ margin:0 0 40px 0; }

.maL5{ margin:0 0 0 5px; }
.maL12{ margin:0 0 0 12px; }

/*padding
---------------------------------------------------------------*/
.pa5{ padding:5px; }
.pa15{ padding:15px; }

.paR20{ padding:0 20px 0 0; }

.paB10{ padding:0 0 10px 0; }


/* link
---------------------------------------------------------------*/

a { /*\*/
	overflow:hidden;
	/*\*/
}

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


/* font weight
---------------------------------------------------------------*/
.bold{ font-weight:bold; }

/* font color
---------------------------------------------------------------*/
.red{ color:#CC0000; }
.blue{ color:#000099; }
.pink{ color:#FF3366; }

/* font size
---------------------------------------------------------------*/
.txt10{ font-size:10px; }
.txt12{ font-size:12px; }
.txt14{ font-size:14px; }
.txt16{ font-size:16px; }


/*bg
---------------------------------------------------------------*/
#bg {
	width:808px;
	margin:0 auto;
	padding:0;
	background:url(../images/bg.gif) center top repeat-y;
}


/*header
---------------------------------------------------------------*/
#headerTop {
	width:800px;
	height:9px;
	margin:0 auto;
	padding:0;
	line-height:0;
	font-size:0;
	background:url(../images/top.gif) center top no-repeat;
}
#header {
	width:800px;
	margin:0 auto;
	background:url(../images/main_top.jpg) center top no-repeat;
}
#header h1 a {
	width:283px;
	height:78px;
	margin:0 0 0 15px !important;
	margin:0 0 0 5px;
	line-height:0;
	display:block;
	float:left;
	background:url(../images/top_logo.gif) left top no-repeat;
}
#header h1 a span {
	display:none;
}
#header h4 {
	width:200px;
	height:78px;
	margin:0 10px 0 0;
	float:right;
	display:inline;
	text-indent:-9999px;
	background:url(../images/top_time.gif) left top no-repeat;
}


/*container
---------------------------------------------------------------*/
#container {
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:center;
}


/*menu
---------------------------------------------------------------*/
#menu {
	width:160px;
	margin:0;
	padding:0;
	float:left;
}
#menu ul.menuList {
	width:159px;
	margin:0 0 40px 0;
	padding:0 0 0 1px;
}
#menu ul.menuList li {
	width:159px;
	height:38px;
	line-height:0;
	font-size:0px;
	display:inline;
	text-indent:-9999px;
	background:url(../images/menu_home.gif) left top no-repeat;
}
#menu ul.menuList li a {
	width:159px;
	height:38px;
	display:block;
	text-indent:-9999px;
}

#menu ul.menuList li.menuHome a {	background:url(../images/menu_home.gif) left top no-repeat; }
#menu ul.menuList li.menuHome a:hover {	background:url(../images/menu_homeOn.gif) left top no-repeat; }

#menu ul.menuList li.menuCond a {	background:url(../images/menu_cond.gif) left top no-repeat; }
#menu ul.menuList li.menuCond a:hover {	background:url(../images/menu_condOn.gif) left top no-repeat; }

#menu ul.menuList li.menuSpa a {	background:url(../images/menu_spa.gif) left top no-repeat; }
#menu ul.menuList li.menuSpa a:hover {	background:url(../images/menu_spaOn.gif) left top no-repeat; }

#menu ul.menuList li.menuHotel a {	background:url(../images/menu_hotel.gif) left top no-repeat; }
#menu ul.menuList li.menuHotel a:hover {	background:url(../images/menu_hotelOn.gif) left top no-repeat; }

#menu ul.menuList li.menuLimousine a {	background:url(../images/menu_limousine.gif) left top no-repeat; }
#menu ul.menuList li.menuLimousine a:hover {	background:url(../images/menu_limousineOn.gif) left top no-repeat; }

#menu ul.menuList li.menuCar a {	background:url(../images/menu_car.gif) left top no-repeat; }
#menu ul.menuList li.menuCar a:hover {	background:url(../images/menu_carOn.gif) left top no-repeat; }

#menu ul.menuList li.menuPhone a {	background:url(../images/menu_phone.gif) left top no-repeat; }
#menu ul.menuList li.menuPhone a:hover {	background:url(../images/menu_phoneOn.gif) left top no-repeat; }

#menu ul.menuList li.menuAntique a {	background:url(../images/menu_antique.gif) left top no-repeat; }
#menu ul.menuList li.menuAntique a:hover {	background:url(../images/menu_antiqueOn.gif) left top no-repeat; }

#menu ul.menuList li.menuWheather a {	background:url(../images/menu_wheather.gif) left top no-repeat; }
#menu ul.menuList li.menuWheather a:hover {	background:url(../images/menu_wheatherOn.gif) left top no-repeat; }


/*contents
--------------------------------------------*/
#contents {
	width:620px;
	margin:10px 0 50px 10px;
	padding:0;
	text-align:left;
	float:left;
}

/*formPage
--------------------------------------------*/
#formPage {
	width:600px;
	margin:10px auto 30px auto;
	text-align:left;
	font-size:12px;
}
#formPage tr.cap th {
	width:250px;
	padding:8px;
	color:#993300;
	font-weight:normal;
	text-align:left;
	background:#fff7d3;
}
#formPage tr.cap td {
	width:350px;
	padding:8px;
	text-align:left;
	background:#fff;
}
#formPage tr.card td {
	padding:8px;
	text-align:left;
	background:#ddeeff;
}
#formPage tr.card td img {
	text-align:right;
}


/*pagetop
--------------------------------------------*/
#pagetop {
	margin:0 20px 0 0;
	text-align:right;
}


/*contact
--------------------------------------------*/
#contact {
	margin:0 20px 10px 180px;
	text-align:left;
}


/*footer
--------------------------------------------*/
#footer {
	width:808px;
	height:42px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../images/bottom.gif) left bottom no-repeat;
}

#footer .copyright {
	width:278px;
	height:9px;
	margin:10px 0 0 14px;
	float:left;
	text-indent:-9999px;
	background:url(../images/footer_copyright.gif) left top no-repeat;
}

#footer .company a {
	width:42px;
	height:10px;
	margin:9px 14px 0 0;
	float:right;
	display:block;
	text-indent:-9999px;
	background:url(../images/footer_company.gif) right top no-repeat;
}

#footer .company a:hover {
	background:url(../images/footer_companyOn.gif) right top no-repeat;
}