@charset "shift_jis";
/*----------------------------
  CSS 担当者名 Document 2008.10
  Last Update 0000.00.00 担当者名
  

・下層共通
・利用案内
	・サービスの流れ
	・規約
・料金予約
	・料金
	・
・トピックス
・質問
・車紹介
	・
	・


----------------------------*/

@import "common.css";

#Container #Main h2 { margin:0 0 20px 0;}

.contentsBox {
	margin-bottom:10px;}

#PanList {
	zoom:1; clear:both;
	 margin:-5px 0 20px 10px;
	 font-size:10px;}
#Container .season a img{

	text-align: center;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#Container .season a  img {
	border: 5px solid #8EC222;
	width: 200px;
}
#PanList:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PanList ol { list-style:none; }

#PanList ol li {
	float:left;
	background:url(../img/arrow_panlist.gif) 0 4px no-repeat;
	padding-left:11px;
	margin-right:7px; }

#PanList ol li.home {
	background:none;
	padding-left:0; }

#PanList ol li a {
	text-decoration:underline;
	color:#0066cc; }

#Container #Main .contentsBox p.attention { text-align:center;}


/*　ページ内リンク
-------------------------------------*/

#PageCar #Container #Main #PageLink,
#PageReserve #Container #Main #PageLink,
#PageRyokin #Container #Main #PageLink,
#PageUse #Container #Main #PageLink {
	zoom:1;
	clear:both;
	_padding:15px 0 20px 0;
	width:97%;
	background:url(../img/contents/pagelink_wall.gif) 0 0 no-repeat;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0;
}


#PageCar #Container #Main #PageLink2,
#PageReserve #Container #Main #PageLink2,
#PageUse #Container #Main #PageLink2 {
	zoom:1;
	clear:both;
	_padding:15px 0 20px 0;
	width:535px;
	background:url(../img/contents/pagelink_wall.gif) 0 0 no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0;
}
	
	
#PageCar #Container #Main #PageLink3,
#PageReserve #Container #Main #PageLink3,
#PageUse #Container #Main #PageLink3 {
	zoom:1;
	clear:both;
	_padding:15px 0 20px 0;
	width:600px;
	background:url(../img/contents/pagelink_wall3.gif) 0 0 no-repeat;
	height: 35px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0;
}
	
	
	
#PageCar #Container #Main #PageLink:after,
#PageReserve #Container #Main #PageLink:after,
#PageRyokin #Container #Main #PageLink:after,
#PageUse #Container #Main #PageLink:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PageCar #Container #Main #PageLink2:after,
#PageReserve #Container #Main #PageLink2:after,
#PageUse #Container #Main #PageLink2:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	
#PageCar #Container #Main #PageLink ul li,
#PageReserve #Container #Main #PageLink ul li,
#PageRyokin #Container #Main #PageLink ul li,
#PageUse #Container #Main #PageLink ul li{
	float:left;
	background:url(../img/arrow03.gif) 0 3px no-repeat;
	_background:url(../img/arrow03.gif) 0 6px no-repeat;
	font-weight:bold;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}


#PageCar #Container #Main #PageLink2 ul li,
#PageReserve #Container #Main #PageLink2 ul li,
#PageUse #Container #Main #PageLink2 ul li{
	float:left;
	background:url(../img/arrow03.gif) 0 3px no-repeat;
	_background:url(../img/arrow03.gif) 0 6px no-repeat;
	font-weight:bold;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#PageCar #Container #Main #PageLink3 ul li,
#PageReserve #Container #Main #PageLink3 ul li,
#PageUse #Container #Main #PageLink3 ul li{
	float:left;
	background:url(../img/arrow03.gif) 0 3px no-repeat;
	_background:url(../img/arrow03.gif) 0 6px no-repeat;
	font-weight:bold;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5;
	margin-left: 6px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 7px;
}




/*####################　利用案内　####################*/

/*　サービスの流れ
-------------------------------------*/
#PageUse #Container #Main .contentsBox#Service dl dd {
	width:465px;
	margin-left:150px;
	padding:10px 0 0 0;
	min-height:80px;
	_height:80px;
	background:url(../../use/img/service_wall2.gif) right top no-repeat;}

#PageUse #Container #Main .contentsBox#Service dl dd ul { margin:0 10px;}
#PageUse #Container #Main .contentsBox#Service dl dd ul li {
	margin-bottom:8px;
	padding-left:12px;
	background:url(../img/arrow_list.gif) 0 4px no-repeat;
	line-height:1.5;}
	
	
#PageUse #Container #Main .contentsBox#Service dl{
	position:relative;
	width:615px;
	padding-bottom:5px;
	background-image: url(../../use/img/servicebox_wall2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}	
	
#PageUse #Container #Main .contentsBox#Service dl dt {
	position:absolute;
	top:0;
	left:0;
	width:149px;}


/*　規約
-------------------------------------*/
#PageUse #Container #Main .contentsBox#Agreement table {
	width:615px;
	margin:15px 0;}

#PageUse #Container #Main .contentsBox#Agreement table th,
#PageUse #Container #Main .contentsBox#Agreement table td {
	border:solid 1px #dfdfdf;
	padding:10px;
	text-align:left;}
	
#PageUse #Container #Main .contentsBox#Agreement table th {
	width:25%;
	background-color:#e6f2da;
	text-align:center;
	font-weight:bold;}

#PageUse #Container #Main .contentsBox#Agreement table td p { margin:0;}
#PageUse #Container #Main .contentsBox#Agreement table td ul { margin:10px 0 0 0px;}
#PageUse #Container #Main .contentsBox#Agreement table td ol { margin:0 0 0 15px;}
#PageUse #Container #Main .contentsBox#Agreement table td li,
#PageUse #Container #Main .contentsBox#Agreement table td dl dd { margin:0 0 5px 15px;}
#PageUse #Container #Main .contentsBox#Agreement table td dl dt {
	margin:10px 0 5px 0px;
	padding:0 0 0 10px;
	background:url(../img/arrow_list.gif) 0px 3px no-repeat;}


/* 貸渡規約 */
#PageUse #Container #Main .contentsBox#Agreement .action {
	background:url(../img/contents/btn_wall.gif) 0 0 repeat;}

#PageUse #Container #Main .contentsBox#Agreement .action p {
	padding:15px 0;
	text-align:center;}
#PageUse #Container #Main .contentsBox#Agreement .action p a:hover { text-decoration:none;}



#PageUse #Container .inBox #Main #Service .use_left {
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	width:15%;
}

#PageUse #Container .inBox #Main #Service .use_right {
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-right-color: #CCC;
}


#PageUse #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#PageUse #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}
	

/*####################　料金・予約　####################*/

/*　料金
-------------------------------------*/
#PageReserve #Container #Main .contentsBox dl {
	margin:15px 0 0 10px;
	font-size:14px;}

#PageReserve #Container #Main .contentsBox dl dd {
	margin:3px 0 0 30px;}


#PageReserve #Container #Main .contentsBox p {
	margin:0 10px 10px 10px;
	line-height:1.65;}
	
#PageReserve #Container #Main .contentsBox table {
	width:541px;
	margin:5px 0;}

#PageReserve #Container #Main .contentsBox table th,
#PageReserve #Container #Main .contentsBox table td {
	border:solid 1px #cac8c8;
	padding:10px 0;
	text-align:right;
	font-family:Verdana;}


#PageReserve #Container #Main .contentsBox table th {
	background-color:#f7f8f9;
	text-align:center;
	font-weight:bold;}

#PageReserve #Container #Main .contentsBox table th.gold { background-color:#fffcdd;}
#PageReserve #Container #Main .contentsBox table th.on { background-color:#bcf0fd;}
#PageReserve #Container #Main .contentsBox table th.off { background-color:#ffdddd;}

#PageReserve #Container #Main .contentsBox table th.on span,
#PageReserve #Container #Main .contentsBox table th.off span { color:#CC0000;}
#PageReserve #Container #Main .contentsBox table th.gold span {color:#CC9933;}
#PageReserve #Container #Main .contentsBox table td {
	padding-right:5px;
	font-size:14px;}

#PageReserve #Container #Main .contentsBox#Rental {
	position:relative;}
#PageReserve #Container #Main .contentsBox#Rental p.btn{
	position:absolute;
	top:143px;
	right:63px;
}
#PageReserve #Container #Main .contentsBox#Rental h4 {
	font-size:14px;
	color:#FF3333;
	margin:5px 0 5px 10px;}

#PageReserve #Container #Main .contentsBox#Rental p.pr {
	font-weight:bold;
	margin-left:20px;}
	
	
/*　料金2
-------------------------------------*/
#PageRyokin #Container #Main .contentsBox dl {
	margin:15px 0 0 10px;
	font-size:14px;}

#PageRyokin #Container #Main .contentsBox dl dd {
	margin:3px 0 0 30px;}


#PageRyokin #Container #Main .contentsBox p {
	margin:0 10px 10px 10px;
	line-height:1.65;}
	
#PageRyokin #Container #Main .contentsBox table {
	width:100%w;
	margin:5px 0;}

#PageRyokin #Container #Main .contentsBox table th,
#PageRyokin #Container #Main .contentsBox table td {
	border:solid 1px #cac8c8;
	padding:10px 0;
	text-align:right;
	font-family:Verdana;}


#PageRyokin #Container #Main .contentsBox table th {
	background-color:#f7f8f9;
	text-align:center;
	font-weight:bold;}

#PageRyokin #Container #Main .contentsBox table th.gold { background-color:#fffcdd;}
#PageRyokin #Container #Main .contentsBox table th.on { background-color:#bcf0fd;}
#PageRyokin #Container #Main .contentsBox table th.off { background-color:#ffdddd;}

#PageRyokin #Container #Main .contentsBox table th.on span,
#PageRyokin #Container #Main .contentsBox table th.off span { color:#CC0000;}
#PageRyokin #Container #Main .contentsBox table th.gold span {color:#CC9933;}
#PageRyokin #Container #Main .contentsBox table td {
	padding-right:5px;
	font-size:14px;}

#PageRyokin #Container #Main .contentsBox#Rental {
	position:relative;}
#PageRyokin #Container #Main .contentsBox#Rental p.btn{
	position:absolute;
	top:57px;
	right:66px;
}
.btn2{
	position:absolute;
	top:60px;
	right:63px;
}

#PageRyokin #Container #Main .contentsBox h4 {
	font-size:14px;
	color:#FF3333;
	margin:5px 0 5px 10px;}

#PageRyokin #Container #Main .contentsBox p.pr {
	font-weight:bold;
	margin-left:20px;}
	
#PageRyokin #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#PageRyokin #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}	
	
		

/*　予約状況
-------------------------------------*/
	
#PageReserve #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#PageReserve #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}
	
#PageReserve #Container #Main .contentsBox h5 {
	font-size:18px;
	color:#2cc427;
		margin-bottom:5px;
			font-family:sans-serif;
			font-style:normal;
	font-weight:normal;


	}
	
		
			
#PageReserve #Container #Main .contentsBox#Reserve h4 {
	font-size:14px;
	margin:15px 0 0 0;}
#PageReserve #Container #Main .contentsBox#Reserve p.mark {
	text-align:right;}

#PageReserve #Container #Main .contentsBox#Reserve div.carBox {
	zoom:1; clear:both;
	width:518px;
	_width:535px;
	border:#6bb81d solid 2px;
	border-top:none;
	padding:10px 0 0 13px;
	_padding:10px 0 10px 10px;
	margin-bottom:50px;}

*+html #PageReserve #Container #Main .contentsBox#Reserve div.carBox {
	width:518px;
	padding:10px 0 10px 13px;}
	
#PageReserve #Container #Main .contentsBox#Reserve div.carBox:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}




#PageReserve #Container #Main .contentsBox#Reserve .sample {
	float:left;}


	
	

/*####################　トピックス　####################*/

#PageTopics #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#PageTopics #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}

#PageTopics #Container #Main .contentsBox p {
	margin:0 10px 10px 10px;
	line-height:1.65;}

#PageTopics #Container #Main .contentsBox p.more{
	text-align:right;}
#PageTopics #Container #Main .contentsBox p.more a{
	background:url(../img/arrow.gif) 0 2px no-repeat;
	padding-left:15px;
	}
#PageTopics #Container #Main .contentsBox p.date{
	zoom:1; clear:both;
	margin:0;
	padding:3px 5px 0 0;
	text-align:right;
	font-family:Verdana;
	font-size:10px;
	border-top:solid 1px #cccccc;}
	
#PageTopics #Container #Main .contentsBox p.date:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PageTopics #Container #Main .contentsBox #PageLink {
	zoom:1;
	clear:both;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

#PageTopics #Container #Main .contentsBox #PageLink:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageTopics #Container #Main .contentsBox #PageLink li.pre {
	float:left;
	background:url(../img/arrow02.gif) 0 2px no-repeat;
	_background:url(../img/arrow02.gif) 0 4px no-repeat;
	padding-left:15px;
}
#PageTopics #Container #Main .contentsBox #PageLink li.next {
	float:right;
	background:url(../img/arrow.gif) 0 2px no-repeat;
	_background:url(../img/arrow.gif) 0 4px no-repeat;
	padding-left:15px;
}

#PageTopics #Container #Main div.link p {
	text-align:center;}

#PageTopics #Container #Main div.link p span {
	margin:0 3px;}

/*　トピックスメニュー
-------------------------------------*/

#PageTopics #Sub #Topics {
	background:url(../../topics/img/sub_topics_wall.gif) left bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;}

#PageTopics #Sub #Topics ul { margin:5px 0 0 13px;}

#PageTopics #Sub #Topics ul li {
	background:url(../img/arrow.gif) 0 4px no-repeat;
	margin-bottom:8px;}

#PageTopics #Sub #Topics ul li a {
	margin-left:20px;
	font-size:14px;}

/*　日記メニュー
-------------------------------------*/
#PageTopics #Sub #Blog {
	background:url(../../blog/img/blog_wall.gif) left bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;}

#PageTopics #Sub #Blog ul {
	background:url(../../blog/img/blog-list_wall.gif) 0 0 repeat-y;
	padding:8px 0 10px 13px;}
#PageTopics #Container .inBox #Main .contentsBox {
	width: 100%;
}
#PageTopics #Sub #Blog ul li {
	background:url(../img/arrow.gif) 0 4px no-repeat;
	margin-bottom:8px;
	padding-left:18px;}

#PageTopics #Sub #Blog ul li a {
	font-size:12px;
	margin-right:3px;}

/*　リンク
-------------------------------------*/
#PageTopics #Main .contentsBox dl.entry{
	margin-bottom:30px;}
#PageTopics #Main .contentsBox dl.entry dt{
	font-weight:bold;
	margin-bottom:5px;}

/*####################　質問　####################*/

#PageFaq #Container #Main .contentsBox {
	background:url(../../faq/img/faq_wall-bottm.gif) left bottom no-repeat;
		background-color:#f9f8f6;

	margin-bottom:30px;
	width: 535px;
}

#PageFaq #Container #Main .contentsBox h3 {
	background:url(../../faq/img/faq_wall-header.gif) 0 0 no-repeat;
	font-size:16px;
	padding:20px 10px 15px 66px;}

#PageFaq #Container #Main .contentsBox div.anser {
	background:url(../../faq/img/icon_a.gif) 1px 0 no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}
#PageFaq #Container #Main .contentsBox div.anser p {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 60px;
}



/*####################　車紹介　####################*/

/*小牧*/

#PageCar #Container #Main .contentsBox {
	width:600px;}

#PageCar #Container #Main .contentsBox dl {
	float:left;
	margin:15px 30px 5px 0;
	width:170px;}

#PageCar #Container #Main .contentsBox dl.end { margin-right:0px;}

#PageCar #Container #Main .contentsBox dl dt {
	background:url(../../car/img/text_wall.gif) 0 0 no-repeat;
	background-color:#359901;
	color:#FFFFFF;
	padding:5px 5px 5px 8px;
	margin-bottom:2px;
	font-size:14px;
	font-weight:bold;}

#PageCar #Container #Main .contentsBox dl dd {
	text-align:center;
	background:#f1f1f1;
	padding-bottom:2px;}
#PageCar #Container #Main .contentsBox dl dd p {
	margin:0 5px 8px 5px;
	line-height:1.35;
	text-align:left;}

#PageCar #Container #Main .contentsBox dl dd p.look {
	text-align:center;
	background-color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #090;
}

#PageCar #Container #Main .contentsBox dl dd.photo {
	display:none;}

#PageCar #Container #Main .contentsBox p.attention {
	text-align:right;
	line-height:0;
	margin-top:15px;
	margin-right:12px;}


/*共通*/
	
#PageCar #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#PageCar #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}	
	
	

/*####################　サイトマップ　####################*/

#PageSitemap #Container #Main .contentsBox h3 { margin-bottom:15px;}
#PageSitemap #Container #Main .contentsBox ul { margin:8px 0 0 15px;}
	
#PageSitemap #Container #Main .contentsBox ul li {
	background:url(../img/arrow_list.gif) 0 2px no-repeat;
	_background:url(../img/arrow_list.gif) 0 4px no-repeat;
	margin:0 0 8px 0;}

#PageSitemap #Container #Main .contentsBox ul li a {
	margin:0 0 0 15px;}
#PagePolicy #Container .inBox #Main .contentsBox {
	width: 100%;
}
	

/*####################　ポリシー　####################*/

#PagePolicy #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	_padding:10px 15px 15px 10px;
	margin:15px 0 10px 0;
	font-size:14px;}

#PagePolicy #Container #Main .contentsBox p {
	margin:0 10px 10px 10px;
	line-height:1.65;}
	
#PagePolicy #Container #Main .contentsBox ul { margin:0 0 0 10px;}
#PagePolicy #Container #Main .contentsBox ul li {
	background:url(../img/arrow_list.gif) 0 4px no-repeat;
	margin:0 0 8px 0;
	padding-left:10px;}

/*####################　会社概要　####################*/

/*　会社概要
-------------------------------------*/
#PageCompany #Container #Main .contentsBox p {
	margin:0 10px 10px 10px;}
#PageCompany #Container #Main .contentsBox table {
	width:535px;
	margin:15px 0 50px 0;}

#PageCompany #Container #Main .contentsBox table th,
#PageCompany #Container #Main .contentsBox table td {
	border:solid 1px #cac8c8;
	padding:10px 10px;
	text-align:left;
}

#PageCompany #Container #Main .contentsBox table th {
	width:25%;
	background-color:#f7f8f9;
	text-align:center;
	font-weight:bold;}


/*　地図・アクセス方法
-------------------------------------*/
#PageCompany #Container #Main .contentsBox #Map{
	width:520px;
	height:400px;
	margin:15px auto 30px;
	padding:0;
	border:solid 1px #cac8c8;
	clear:both;
	}
#PageCompany #Container #Main .contentsBox ul{
	margin:10px;
	list-style:none;
	} 


/*####################　予約　####################*/

/*　振込口座の案内
-------------------------------------*/


.kouza_komaki {
	background-image: url(../../img/kouza_komaki.gif);
	background-repeat: no-repeat;
	padding-left: 200px;
}



/*end*/
.access_space td {
	padding-right: 20px;
	padding-bottom: 20px;
}


.clear {
	clear: both;	
	}


#Footer #CopyRights address {
	float:right;
	padding-top:12px;
	margin-right:5px;
	color:#FFF;}
	
/*マージン、パディング*/

.mrgR10{
	margin-right:10px;}
	
.mrgL10{
	margin-left:10px;}
	
.center{
	text-align: center;
	}	
	
	
	
/*####################　お問い合わせ　####################*/

#PageForm #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#PageForm #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}	
	



<!--フォームCSS.2020.5.7追加-->


#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:100%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

<!--/フォームCSS-->





/*####################　アクセス　####################*/

#PageAccess #Container #Main .contentsBox h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#PageAccess #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}	
	
		
/*####################　ホーム　####################*/

#PageIndex #Container #Main .contentsBox h3 {
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;
	background-image: url(https://clover-rental.com/common/img/contents/title.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#PageIndex #Container #Main .contentsBox h3 {
	_padding:10px 15px 15px 10px;}	
			
	
.fontsize06em{
	font-size:0.6em;
	}
	
	

/*　スマホ対応
-------------------------------------*/

.-pc-content{
  display: block !important;
}
.-sp-content{
  display: none !important;
}


/*　予約状況
-------------------------------------*/		
.-pc-content1{
	display:block !important;
	}
			
.-sp-content1{
	display:none !important;
	}		
	
	
@media only screen and (max-width: 768px) {
  .-pc-content{
    display: none !important;
  }
  .-sp-content{
    display: block !important;
  }

.inBox {
	width:100%;
}

#Main {
	width:100%;
	}

.shop {
	display:none;
	}

#Header {
	}

body {
	background-image: url(../img/body_wall888.gif);
}

#Sub {
		display:none;
}
	
#Header .inBox {
	position:relative;
	height:80px;
	background-image: url(../img/header/header_title555.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}



	
/*ハンバーガーメニュー
-------------------------------------*/	
	
#menu-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width:60px;
  height:60px;
  font-size:1em;
  color:#fff;
  background:#000;
}

#menus{
  display:none;
}

#menus p{
  border-bottom:solid 1px #000;
}

nav ul li{
	list-style-position: outside;
	text-indent: 10px;
}


/*ハンバーガーメニュー　ここまで
-------------------------------------*/	

/*　Car
-------------------------------------*/
#Container #Main .contentsBox#Car {
	width: 100%;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../../img/car_wall.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Container #Main .contentsBox#Car a:hover { text-decoration:none;}
#Container #Main .contentsBox#Car h3 { display:none;}

#Container #Main .contentsBox#Car dt {
	line-height:0;
	float: left;
}
#Container #Main .contentsBox#Car dl.Car01,
#Container #Main .contentsBox#Car dl.Car02 {
	margin-left:5px;
	_margin-left:5px;
	margin-bottom: 10px;
}


#Container #Main .contentsBox#Car dl dt88 {
	margin-top: 3px;
	margin-right: 5px;
	margin-left: 2px;
	margin-bottom: 10px;
	float: left;
	width: 45%;
	height:150px;
}


#Container #Main .contentsBox#Car dl dd {
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 2px;
	margin-bottom: 0px;
	float: left;
	width: 55%;
}

#Container #Main .contentsBox#Car dl {
	float:left;
	width:100%;
	margin: 0px;
	height: 150px;
}



#Container #Main .contentsBox#Car p.mes {
	background:url(../../img/car_wall-btm.gif) 0 0 no-repeat;
	width:100%;
	height:31px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}


#PageCar #Container #Main .contentsBox {
	width:100%;}

#PageCar #Container #Main .contentsBox dl {
	float:left;
	margin:15px 30px 5px 0;
	width:100%;
	}

#PageCar #Container #Main .contentsBox dl.end { margin-right:0px;}

#PageCar #Container #Main .contentsBox dl dt {
	background:url(../../car/img/text_wall.gif) 0 0 no-repeat;
	background-color:#359901;
	color:#FFFFFF;
	padding:5px 5px 5px 8px;
	margin-bottom:2px;
	font-size:14px;
	font-weight:bold;}

#PageCar #Container #Main .contentsBox dl dd {
	text-align:center;
	background:#f1f1f1;
	padding-bottom:2px;}
#PageCar #Container #Main .contentsBox dl dd p {
	margin:0 5px 8px 5px;
	line-height:1.35;
	text-align:left;}

#PageCar #Container #Main .contentsBox dl dd p.look8888888 {
	display:none;}

#PageCar #Container #Main .contentsBox dl dd.photo {
	display:none;}

#PageCar #Container #Main .contentsBox p.attention {
	text-align:right;
	line-height:0;
	margin-top:15px;
	margin-right:12px;}
	

#PageCar #Container #Main #PageLink3sp {
	zoom:1;
	clear:both;
	_padding:15px 0 20px 0;
	width:100%;
	background:url(../img/contents/pagelink_wall3.gif) 0 0 no-repeat;
	height: 55px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#PageCar #Container #Main #PageLink3sp ul li {
	float:left;
	background:url(../img/arrow03.gif) 0 3px no-repeat;
	_background:url(../img/arrow03.gif) 0 6px no-repeat;
	font-weight:bold;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5;
	margin-left: 6px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 7px;
}

/*　サービスの流れ
-------------------------------------*/
#PageUse #Container #Main .contentsBox#Service-sp table
 {
	width:100%;
	margin:15px 0;}

#PageUse #Container #Main .contentsBox#Service-sp table th,
#PageUse #Container #Main .contentsBox#Service-sp table td {

	border:solid 1px #dfdfdf;
	padding:10px;
	text-align:left;}
	
#PageUse #Container #Main .contentsBox#Service-sp table th {
	width:20%;
	background-color:#88bd1c;
	text-align:center;
	font-weight:bold;
	color: #FFF;
}

#PageUse #Container #Main .contentsBox#Service-sp table td p { margin:0;}
#PageUse #Container #Main .contentsBox#Service-sp table td ul { margin:10px 0 0 0px;}
#PageUse #Container #Main .contentsBox#Service-sp table td ol { margin:0 0 0 15px;}
#PageUse #Container #Main .contentsBox#Service-sp table td li,
#PageUse #Container #Main .contentsBox#Service-sp table td dl dd { margin:0 0 5px 15px;}
#PageUse #Container #Main .contentsBox#Service-sp table td dl dt {
	margin:10px 0 5px 0px;
	padding:0 0 0 10px;
	background:url(../img/arrow_list.gif) 0px 3px no-repeat;}



/*　規約
-------------------------------------*/
#PageUse #Container #Main .contentsBox#Agreement table
 {
	width:100%;
	margin:15px 0;}

#PageUse #Container #Main .contentsBox#Agreement table th,
#PageUse #Container #Main .contentsBox#Agreement table td {

	border:solid 1px #dfdfdf;
	padding:10px;
	text-align:left;}
	
#PageUse #Container #Main .contentsBox#Agreement table th {
	width:20%;
	background-color:#e6f2da;
	text-align:center;
	font-weight:bold;}

#PageUse #Container #Main .contentsBox#Agreement table td p { margin:0;}
#PageUse #Container #Main .contentsBox#Agreement table td ul { margin:10px 0 0 0px;}
#PageUse #Container #Main .contentsBox#Agreement table td ol { margin:0 0 0 15px;}
#PageUse #Container #Main .contentsBox#Agreement table td li,
#PageUse #Container #Main .contentsBox#Agreement table td dl dd { margin:0 0 5px 15px;}
#PageUse #Container #Main .contentsBox#Agreement table td dl dt {
	margin:10px 0 5px 0px;
	padding:0 0 0 10px;
	background:url(../img/arrow_list.gif) 0px 3px no-repeat;}



#Footer h3 {
	background:url(../img/contents/title.gif) 0 0 no-repeat;
	padding:15px 15px 15px 10px;
	margin-bottom:15px;
	font-size:14px;}

#Footer h3 {
	_padding:10px 15px 15px 10px;}	
	

/*　予約状況
-------------------------------------*/

#PageReserve #Container #Main .contentsBox#Reserve div.carBox {
	zoom:1; clear:both;
	width:100%;
	_width:100%;
	border:#6bb81d solid 2px;
	border-top:none;
	padding:10px 0 0 13px;
	_padding:10px 0 10px 10px;
	margin-bottom:50px;
	}

*+html #PageReserve #Container #Main .contentsBox#Reserve div.carBox {
	width:100%;
	padding:10px 0 10px 13px;}
	
.cal{
		margin-bottom:30px;}

.-pc-content1{
	display:block !important;
	}
			
.-sp-content1{
	display:none !important;
	}	
	
	
		
	
}	


@media screen and (max-width:535px){
	
	
#Container #Main .contentsBox#Car dl dd {
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 2px;
	margin-bottom: 0px;
	float: left;
	width: 48%;
}



/*####################　質問　####################*/

#PageFaq #Container #Main .contentsBox {
	background:url(../../faq/img/faq_wall-bottm8888.gif) left bottom no-repeat;
	background-color:#f9f8f6;
	margin-bottom:30px;
	width: 100%;
}

#PageFaq #Container #Main .contentsBox div.anser {
	font-size:14px;
}


#CalendarData {
	width: 100%;
	}
	
.-sp-content1{
	display: block !important;
	}		
	
.-pc-content1{
	display:none !important;
	}		
	
	}

@media screen and (max-width:375px){
	
#Container #Main .contentsBox#Car dl dd {
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 2px;
	margin-bottom: 0px;
	float: left;
	width: 48%;
}


}

@media screen and (max-width:360px){
	
#Container #Main .contentsBox#Car dl dd {
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 2px;
	margin-bottom: 0px;
	float: left;
	width: 48%;
}


}

@media screen and (max-width:345px){
	
#Container #Main .contentsBox#Car dl dd {
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 2px;
	margin-bottom: 10px;
	float: left;
	width: 43%;
}


}



@media screen and (max-width:320px){
	
#Container #Main .contentsBox#Car dl dd {
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 2px;
	margin-bottom: 10px;
	float: left;
	width: 40%;
}


}

@media screen and (max-width:300px){
	
#Container #Main .contentsBox#Car dl dt {
	margin-top: 3px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 5px;
}	
	
#Container #Main .contentsBox#Car dl dd {
	margin-top: 3px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 5px;
}



}

@media screen and (max-width:285px){
	
#Container #Main .contentsBox#Car dl dd {
    display:none;
}


}