/* CSS Document */

@import url("base.css");
@import url("system.css");
@import url("sidebar.css");

/* HEADER ========================================*/

#header {
	height:125px;
	background-image: url(../img/header_00_2.gif);
	background-repeat: no-repeat;
	background-position: center top;}
#header-contents {
	text-align: left;
	width:960px;
	margin:0 auto;}
#header #logo { width:100%;} 
#header #logo a {	width:199px;	height:80px;	display: block;}
#header #mm { float:right; padding: 6px 0 0 0;}
#header #mm a {	width:135px;	height:30px;	display: block;}
#header #copy { float:left; padding: 4px 0 0 0;	width:600px;}

/* MENU ========================================*/

#b-reserve {
	clear:both;
	width:100%;
	padding: 30px 0 20px 0;
	background-image:  url(../img/b_re_00_2.gif);
	background-repeat: no-repeat;
	background-position: left top;}
#b-reserve ul{
 height:65px;}
#b-reserve li{
 float: left;}

#b-intro {
	padding:55px 10px 28px 10px;
	background-image:  url(../img/b_intro.gif);
	background-repeat: no-repeat;
	background-position: left top;}
	
/* LAYOUT ========================================*/	

#wrapper {
	background-image: url(../img/bg_01.gif);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;}
	
#container {
	clear:both;
	margin: 0 auto;
	width: 960px;}
	
#main {
	text-align: left;
	float: right;
	width: 720px;}

#contents {}

#contents2 {
	padding: 19px;
	border: 1px solid #AAAAAA;	
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;}

/* FOOTER ========================================*/

#footer {
	clear: both;
	margin: 20px 0 0 0;
	background-image:  url(../img/footer_01.gif);
	background-repeat: repeat-x;
	background-position: center bottom;}
#sitemap {
	background-image: url(../img/sitemap_01.gif);
	background-position: center top;
	background-repeat: repeat-x;}
#sitemap-contents {
	text-align: left;
	width:960px;
	margin:0 auto;}
#sitemap .col{
	width: 191px;
	float: left;
	padding: 8px 0px 0px;
	font-size: 84%;
	line-height: 1.6em;}
#sitemap .col .title{
	padding: 12px 0px 6px;
	line-height: 1.1em;
	font-weight: bolder;
	color: #0057CA;}
#footer-contents {
	text-align: left;
	width:960px;
	margin: 15px auto 0px auto;
	height:50px;
	overflow:hidden;}
#copyright {
	font-size: 92%;
	line-height: 1.3em;
	color: #FFFFFF;
	padding: 12px 0px 0px 0px;}
#gotop {
	padding: 10px 0px 0px 0px;
	float: right;}
	
#p-tel{
	clear:both;
	margin:0 auto;
	width:960px;
	height:110px;
	text-align:right;
	background-image: url(../img/footer_tel02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;}
#p-tel a img {
	padding:30px 10px 30px 0;}

/* MAILMAGAZINE ========================================*/

.contents-foot02 {
	background-color: #1F1074;
	text-align: center;}
.contents-head02 {
	background-color: #79C8F1;}
.contents-mm {
	width: 640px;
	text-align: left;
	margin: 10px auto;
	padding: 14px;
	border: 1px solid #999999;}
	
/* PARTS ========================================*/

.p-line {
 background-image:  url(../img/line_dot.gif);
 background-repeat: repeat-x;
 background-position: center center;
 height: 11px;
 font-size: 50%;	line-height: 1em;}
	
.p-notice {
 clear:both;
 text-align: center;
 border-top: 1px solid #666666;
 border-bottom: 1px solid #666666;
 padding: 10px 0px;
 margin: 20px 0px 0px;}

#p-title {
	font-size: 117%;
	line-height: 1.3em;
	font-weight: bold;}

.p-banner {
 padding:3px 0;}
.p-banner img {
	border: 1px solid #0C95F5;
	margin: 0 0 13px 0;}
.p-banner a:hover img {
	border: 1px solid #FF9900;
	margin: 0 0 13px 0;}

.p-table {
	margin: 8px 0px;}
.p-table table {
	border-top: 1px solid #999999;
	border-right: 1px solid #BBBBBB;}
.p-table td {
	padding: 8px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;}
.p-table .notice {
	margin: 6px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #CCCCCC;
	color: #CC0000;}

.p-bread {
	clear:both;
	font-size: 84%;
	line-height: 1.1em;
	padding: 9px 10px 10px 25px;
	background-image: url(../img/p_bread_2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 0 18px 0;}
	
#p-agreement {
	width:700px;
	text-align: left;
	margin: 10px auto 0px;}
	
.p-title01 {
	clear:both;
	background-image:  url(../img/title_01.gif);
	background-repeat: no-repeat;
	background-position: left top;}
.p-title02 {
	background-image:  url(../img/title_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding:23px 0px 18px 10px;
	font-size: 117%;
	font-weight: bold;
	color: #FFFFFF;}
	
.p-title-22-01 {
	clear:both;
	background-image:  url(../img/title_22px_01.gif);
	background-repeat: no-repeat;
	background-position: left top;}
.p-title-22-02 {
	background-image:  url(../img/title_22px_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding:5px 0px 5px 8px;
	line-height: 1.1em;
	font-weight: bold;
	color: #FFFFFF;}
	
#p-shinsai {
	font-size: 109%;
	line-height: 1.5em;
	background-image:  url(../img/shinsai_01.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin:15px 0 15px 0;
	padding:13px 160px 13px 13px;
	border: 1px solid #A68842;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;}
	
ul.filmstrip img {
 border:none;
	-ms-interpolation-mode:bicubic;}
	
/* BORDER ========================================*/

.p-waku-gray , .p-waku-orange , .p-waku-gold {
	padding: 12px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;}
.p-waku-gray {
	margin:15px 0 0 0;
	border: 1px solid #AAAAAA;}
.p-waku-orange {
	margin:20px 0 0 0;
	border: 1px solid #FFAB02;
	background-color: #FFF6DD;}
.p-waku-gold {
	margin:0 0 15px 0;
	border: 1px solid #967832;
	background-color: #FFF9EE;}
	
/* PDF ========================================*/

.pdf {
	border: 1px solid #FFAB02;
	background-color: #FFF6DD;
	padding: 12px 12px 0 12px;
	margin:0 0 20px 0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
.pdf .ttl {
	font-size: 150%;
	line-height: 1.1em;
	font-weight:bold;
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #770000;}
.pdf table {
	width:694px;}
.pdf .info {
	margin: 12px 0 12px 0;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px dotted #FFE6CD;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

/* INTRO ========================================*/

.p-intro {
	margin: 12px 0px;}
.p-intro table {}
.p-intro th {
	padding: 3px;
	font-weight: bold;
	background-color: #0C95F5;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	color: #FFFFFF;}
.p-intro td {
	padding: 7px 0px 7px 4px;
	background-image:  url(../img/intro/intro_14_03.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;}

/* RENTACAR ========================================*/

#rentacar-list1 {
	background-image: url(../img/rent_07.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 14px 19px;
	background-color: #CDE7FA;}
#rentacar-list1 table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0C95F5;}
#rentacar-list1 td {
	padding: 5px;
	border-bottom: 1px solid #0C95F5;
	border-left: 1px solid #CDE7FA;}

/* AGREE ========================================*/

#agreement .title1 {
	text-align: center;
	padding: 10px 0px;
	margin: 0 0 20px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	font-size: 117%;}
	
#agreement .title2 {
	padding: 20px 0 4px;
	margin: 0 0 8px;
	font-size: 117%;
	font-weight: bold;
	border-bottom: 1px solid #666666;}
	
#agreement .title3 {
	border: 1px solid #DDDDDD;
	padding: 3px;
	background-color: #EEEEEE;}
	
#agreement .table1 table {
	padding: 10px 0px;}
#agreement .table1 td {
	padding: 3px 0px;
	vertical-align: top;}

#agreement .table2 table {
	margin: 10px 0px;
	padding:0px;
	border-top: 1px solid #999999;
	border-right: 1px solid #BBBBBB;}
#agreement .table2 td {
	padding: 3px 5px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;}
#agreement .table2 .notice {
	margin: 6px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #CCCCCC;
	color: #CC0000;}

/* FORM ========================================*/

table.p-form {
	margin: 8px 0px;
	border-top: 1px solid #999999;}
table.p-form td {
	padding:8px;
	border-bottom: 1px solid #999999;}
table.p-form .notice {
	padding: 3px 0 0 0;
	color: #CC0000;}
table.p-form td.hissu {
	color: #FFFFFF;
	background-color: #F8901A;
	text-align: center;}
table.p-form td.nini {
	color: #FFFFFF;
	background-color: #00A0ED;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #005EB8;
	border-left-color: #66D9FF;}
table.p-form td select {
	margin:4px 0;}
table.p-form td textarea {
	margin:4px 0;}
table.p-form td input {
	margin:4px 0;}