@charset "UTF-8";
/*=====================================================
共通
=====================================================*/

/*=====================================================
PC
=====================================================*/
/*
このページでは以下のフォントを利用させていただいています

はんなり明朝
配布サイト：http://typingart.net/
配布ページ：http://typingart.net/

このフォントのライセンスは、IPAフォントのライセンスに準じます。
http://ipafont.ipa.go.jp/faq.html
Copyright © Information-technology Promotion Agency, Japan. All rights reserved 2012 
*/

@font-face {
	font-family: 'myfont';
	src: url('./../font/hannari.eot');
	font-family: myfont;
	src: url('./../font/hannari.otf') format('opentype')
}
/*-----------------------------
ベース
-------------------------------*/
BODY {
	-webkit-text-size-adjust: 100%;
	min-width: 960px;
	background: #e5f5ff url(./../img/bg.jpg) no-repeat 50% top;
}
A:hover {
	text-decoration: underline;
}
#header {
	background-image: url("../img/header_bg2.png");
	height: 90px;
}
#sptop {
	display: none;
	margin-bottom: 0px;
}
/*-----------------------------
パンくずエリア
-------------------------------*/
#content_header .pankuzu {
	width: 960px;
	margin: auto;
	line-height: 50px;
}
#content_header .pankuzu H1 {
	display: inline-block;
}
#specialWrap {
	background: url(./../img/bg_btm.jpg) no-repeat 50% bottom;
	min-height: 1350px;
	padding-bottom: 200px;
}
#special {
	width: 954px;
	margin: auto;
	background: #fff;
	border-radius: 8px;
	padding: 42px 0;
}
#special .spacial_body {
	width: 900px;
	margin: 0 auto;
}
/*---------コンテンツー---------*/
#special {
	font-size: 14px;
	line-height: 145%;
	font-family : 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
#special .boxWrap {
	width: 860px;
	background: #f1eedd;
	padding: 20px 20px;
}
#special .bgWhite {
	background: #fff;
}
#special .clearfix {
	overflow: hidden;
}
#special .floatL {
	float: left;
}
#special .floatR {
	float: right;
}
#special .alignR {
	text-align: right;
}
#special .dispTbl {
	display: table;
}
#special .dispTd {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.mt0{
	margin-top:0px !important;
	}

/*=====================================================
コンテンツ
=====================================================*/

#special .sttl {
	width: auto;
	height: 127px;
	background: url(../img/rentacar/title.png) no-repeat left top;
	font-size: 40px;
	line-height: 1.2em;
	font-family: myfont, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	padding: 0;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
	color: #000;
	padding-left: 150px;
}
#special .sttl p {
	color: #70b8d8;
	margin: 0px;
	padding: 0px;
}
#special .subttl {
	background: url(../img/rentacar/subtitle.png) no-repeat left top;
	height: 26px;
	padding-left: 35px;
	font-size: 22px;
	font-family: myfont, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	color: #afa244;
	margin-top: 40px;
}


#special .rentacarbtnarea {
	width: 900px;
	overflow: hidden;
	margin-top: 20px;
	font-family: myfont, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
#special .rentacarbtnarea li {
	float: left;
	margin-right: 5px;
}


#special .rentacarbtnarea li a:hover {
	background: #afa244;
	border: 1px solid #afa244;
	color: #fff;
	border-radius: 6px;/* CSS3草案 */
	-webkit-border-radius: 6px;/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;/* Firefox用 */
	text-decoration: none;
}


/*ボタン7個の場合*/
#special .case07 li a {
	width: 101px;
	padding: 5px 10px 10px 10px;
	padding: 10px 10px 10px 10px\9;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #dcd7b7;
	border: 1px solid #afa244;
	color: #554d11;
	line-height: 100%;
	border-radius: 6px;/* CSS3草案 */
	-webkit-border-radius: 6px;/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;/* Firefox用 */
}
/*ボタン7個の場合*/

/*ボタン8個の場合*/
#special .case08 li a {
	width: 85px;
	padding: 5px 10px 10px 10px;
	padding: 10px 10px 10px 10px\9;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #dcd7b7;
	border: 1px solid #afa244;
	color: #554d11;
	line-height: 100%;
	border-radius: 6px;/* CSS3草案 */
	-webkit-border-radius: 6px;/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;/* Firefox用 */
}
/*ボタン8個の場合*/

/*ボタン9個の場合*/
#special .case09 li a {
	width: 73px;
	padding: 5px 10px 10px 10px;
	padding: 10px 10px 10px 10px\9;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #dcd7b7;
	border: 1px solid #afa244;
	color: #554d11;
	line-height: 100%;
	border-radius: 6px;/* CSS3草案 */
	-webkit-border-radius: 6px;/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;/* Firefox用 */
}
/*ボタン9個の場合*/

/*ボタン10個の場合*/
#special .case10 li a {
	width: 63px;
	padding: 5px 10px 10px 10px;
	padding: 10px 10px 10px 10px\9;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #dcd7b7;
	border: 1px solid #afa244;
	color: #554d11;
	line-height: 100%;
	border-radius: 6px;/* CSS3草案 */
	-webkit-border-radius: 6px;/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;/* Firefox用 */
}
/*ボタン10個の場合*/

/*ボタン11個の場合*/
#special .case11 li a {
	width: 123px;
	padding: 5px 10px 10px 10px;
	padding: 10px 10px 10px 10px\9;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #dcd7b7;
	border: 1px solid #afa244;
	color: #554d11;
	line-height: 100%;
	border-radius: 6px;/* CSS3草案 */
	-webkit-border-radius: 6px;/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;/* Firefox用 */
}

#special .case11 li{
	margin-bottom:5px;
}
/*ボタン11個の場合*/

/*ボタン12個の場合*/
#special .case12 li a {
	width: 123px;
	padding: 5px 10px 10px 10px;
	padding: 10px 10px 10px 10px\9;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #dcd7b7;
	border: 1px solid #afa244;
	color: #554d11;
	line-height: 100%;
	border-radius: 6px;/* CSS3草案 */
	-webkit-border-radius: 6px;/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;/* Firefox用 */
}

#special .case12 li{
	margin-bottom:5px;
}
/*ボタン12個の場合*/


#special hr {
	border: 0;
	border-bottom: 1px dotted #fff;
	background: #999;
	margin:40px auto;
}

#special .midashi{
	background:url(../img/rentacar/midashi.png);
	height:29px;
	padding-top:15px;
	text-indent:20px;
	color:#FFF;
	font-weight:bold;
	width:900px;
	margin-top:60px;
}

#special .rentacardetail{
	padding:20px;
	background:#f1eedd;
}

#special .rentacardetail table{
width:100%;
font-size:12px;
}

#special .rentacardetail th{
	background:#4ac8ff;
	border-top:1px solid #2da1d4;
	border-bottom:1px solid #2da1d4;
	border-left:1px solid #2da1d4;
	border-right:none;
	text-align:center;
	color:#FFF;
	padding:10px;
}

#special .rentacardetail .lastth{
	border-right:1px solid #2da1d4;
	}

#special .rentacardetail td{
	background:#FFF;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	padding:10px;
}

#special .gerandeName .td01 {
	width: 120px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 0;
}
#special .gerandeName .td02 {
	width: 600px;
	font-size: 24px;
	text-align: left;
	padding: 15px 0px 15px 10px;
}
#special .gerandeName .td02 SPAN {
	font-size: 12px;
	display: block;
	padding-top: 10px;
}
#special .gerandeName .td03 {
	width: 164px;
	padding: 15px 0;
}
#special .gerandeaccess {
	margin-bottom: 20px;
}
#special .gerandeaccess P {
	padding: 10px;
	font-size: 14px;
	line-height: 140%;
}
#special .gerandedata {
	margin-bottom: 20px;
}
#special .gerandedata .gMap {
	width: 350px;
	float: left;
}
#special .gerandedata .gMap P {
	margin-bottom: 16px;
	font-size: 14px;
}
#special .gerandedata .gMapIMG.map {
	width: 100%;
}
#special .gerandedata .gData {
	width: 457px;
	float: right;
	padding: 10px;
	border-radius: 4px;
}
#special .gerandedata .gData .sp {
	display: none;
}
#special .gerandedata .gData .floatL {
	width: 210px;
	text-align: center;
}
#special .gerandedata .gData .floatR {
	width: 210px;
	text-align: center;
}
#special .gerandedata .glaphdata IMG {
	height: 42px;
}
#special .gerandedata .gData .txtdata {
	font-size: 11px;
	letter-spacing: -1px;
}
#special .gerandedata .gData .level1 {
	color: #1ebfff;
}
#special .gerandedata .gData .level2 {
	color: #7f75ff;
}
#special .gerandedata .gData .level3 {
	color: #ff44ad;
}
#special .gerandedata .textdata {
	margin-top: 10px;
}
#special .gerandedata .textdata DL {
	background: url(./../img/gerande/line_dot.png) repeat-x left top;
	padding: 11px 0;
	overflow: hidden;
}
#special .gerandedata .textdata DT {
	width: 100px;
	float: left;
}
#special .gerandedata .textdata DD {
	width: 330px;
	float: left;
	font-size: 12px;
}
#special .basicdata {
	margin-bottom: 20px;
}
#special .basicdata .googleMap {
	width: 352px;
	float: right;
}
#special .basicdata .bData {
	width: 457px;
	float: left;
	padding: 10px;
	border-radius: 4px;
}
#special .basicdata .bData .sp {
	display: none;
}
#special .basicdata .bData .txtdata {
	font-size: 11px;
}
#special .basicdata .bData .textdata {
	margin-top: 10px;
}
#special .basicdata .bData .textdata DL {
	background: url(./../img/gerande/line_dot.png) repeat-x left top;
	padding: 11px 0;
	overflow: hidden;
}
#special .basicdata .bData .textdata DT {
	width: 100px;
	float: left;
}
#special .basicdata .bData .textdata DD {
	width: 330px;
	float: left;
	font-size: 12px;
}
#special .basicdata #map_canvas {
	width: 350px;
	height: 315px;
	border: 1px solid #fff;
	margin-bottom: 10px;
}
#special .osusume {
	margin-bottom: 20px;
}
#special .osusume .sp {
	display: none;
}
#special .osusume .banners {
	padding: 10px;
}
#special .osusume .ban2 {
	width: 50%;
	text-align: center;
	float: left;
}
#special .osusume .banners SPAN {
	display: block;
	font-size: 12px;
	color: #000;
	border: 2px dashed #ffd200;
}
#special .osusume .ban2 SPAN {
	width: 370px;
	margin: 0 auto;
	padding: 10px 5px;
}
#special .osusume .ban2 A:hover {
	text-decoration: none;
}
#special .osusume .ban2 A:hover SPAN:hover {
	background: #fff9df;
	text-decoration: underline;
}
#special .osusume .ban3 {
	width: 33%;
	text-align: center;
	float: left;
}
#special .osusume .ban3 SPAN {
	width: 252px;
	margin: 0 auto;
	padding: 10px 2px;
	letter-spacing: -1px;
	font-size: 11px;
}
#special .osusume .ban3 A:hover {
	text-decoration: none;
}
#special .osusume .ban3 A:hover SPAN:hover {
	background: #fff9df;
	text-decoration: underline;
}
#special .grandelist {
}
#special .markerlink {
	padding: 10px;
}
#special .markerlink LI {
	display: inline-block;
	background: url(./../img/gerande/listmark.png) no-repeat left 50%;
	padding-left: 20px;
	padding-right: 30px;
	line-height: 180%;
}
#special .markerlink LI A {
	color: #000;
}
/*---------コンテンツー---------*/

/*---------フッター---------*/
#foot_nav {
	width: 960px;
	margin: auto;
	overflow: hidden;
	background-image: none;
}
#foot_nav ul.foot_menu {
	padding-top: 10px;
}
#foot_nav .share {
	width: 120px;
	padding-top: 10px;
}
#footer p.copy {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 965px;
}
#footer {
	background-color: #fff;
}
#area_list {
	width: 960px;
	margin: 0 auto;
}
#pageTop {
	position: fixed;
	right: 0;
	bottom: 200px;
}
#footer .pc_footer {
	display: block;
}
#sp_footer {
	display: none;
}