/*
Theme Name: Rent A Car
Theme URI: http://www.rentacar.or.jp/
Description: 青を基調とした爽やかなデザイン
Version: 1.1
Author: Proxy
Author URI: http://www.proxy.co.jp/
*/


@charset "UTF-8";
@import url(css/reset.css);
@import url(css/general.css);

/* =====================================================================
*	font adjustment
*
*	84%	 = 10px		117% = 14px		150% = 18px
*	91%	 = 11px		125% = 15px		167% = 20px
*	100% = 12px		134% = 16px		183% = 22px
*
*	200% = 24px		208% = 25px
* =================================================================== */

body {
	background: #ccc;
	color: #333;
	font: 12px/1.4 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	*font-size: 75%; /* for IE6/7 */
	*font: x-small; /* for IE Quirks Mode */
	text-align: center;
}
a:link		{ color: #009dd3; }
a:visited	{ color: #88bbdd; }
a:hover		{ text-decoration: none; }
a:active	{ color: #009dd3; }


/* Whole Style */
#page { background: url('images/bgHeader.jpg') repeat-x top; }


/* Header Style */
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header { width: 900px; margin: 0 auto; padding-top: 45px; padding-bottom: 5px; text-align: left; zoom: 1; }
#header #siteTitle { float: left; width: 766px; }
#header #siteTitle .logo { float: left; width: 335px; height: 45px; background: url('images/logo.png') no-repeat left top; text-indent: -9999px; overflow: hidden; display: block; }
#header #siteTitle .logo a { width: 335px; height: 45px; display: block; }
#header #siteTitle .slogan {  float: left; border-left: 1px solid #fff; color: #fff; font-size: 91%; margin-top: 10px; margin-left: 10px; padding-left: 10px; }
#header #siteTitle .slogan span { font-size: 117%; font-weight: bold; margin-bottom: 0.3em; display: block; }

#header .loginMember { float: right; width: 125px; background: #008acc; padding: 5px 0; }
#header .loginMember a { width: 115px; height: 40px; background: url('images/btnLogin_off.jpg') no-repeat left top; margin: 0 5px; text-indent: -9999px; overflow: hidden; display: block; }
#header .loginMember a:hover { background: url('images/btnLogin_on.jpg') no-repeat left top; }


/* 英語版サイトへ */
#language{ position: relative; width: 900px; margin: 0 auto;}
#language p { position: absolute; top: -20px; right: 10px; border-left: #e2e9f4 1px solid; border-right: #e2e9f4 1px solid; padding: 0px 10px;}
#language a { color: #fff; text-decoration: none;}
#language a:hover { color: #fff; text-decoration: underline;}


/* Global Navigation Style */
#gnav { height: 50px; clear: both; background: url('images/bgNavi.jpg') repeat-x; }
#gnav ul.menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#gnav ul.menu { width: 902px; background: url('images/bgNavContainer.jpg') no-repeat center bottom; list-style-type: none; margin: 0 auto; padding-top: 2px; zoom: 1; }

#gnav ul.menu li { float: left; width: 180px; position: relative; }
#gnav ul.menu li a.menulink,
#gnav ul.menu li span { width: 180px; height: 45px; text-indent: -9999px; overflow: hidden; display: block; }

#gnav ul.menu li.navTop { margin-left: 1px;}
#gnav ul.menu li.navTop a { background: url('images/navTop_off.jpg') no-repeat left top; }
#gnav ul.menu li.navTop a:hover { background: url('images/navTop_on.jpg') no-repeat left top; }
#gnav ul.menu li.navTop span.currentPage { background: url('images/navTop_on.jpg') no-repeat left top; }

#gnav ul.menu li.navAbout a { background: url('images/navAbout_off.jpg') no-repeat left top; }
#gnav ul.menu li.navAbout a:hover { background: url('images/navAbout_on.jpg') no-repeat left top; }
#gnav ul.menu li.navAbout span.currentPage { background: url('images/navAbout_on.jpg') no-repeat left top; }

#gnav ul.menu li.navInfo a { background: url('images/navInfo_off.jpg') no-repeat left top; }
#gnav ul.menu li.navInfo a:hover { background: url('images/navInfo_on.jpg') no-repeat left top; }
#gnav ul.menu li.navInfo span.currentPage { background: url('images/navInfo_on.jpg') no-repeat left top; }

#gnav ul.menu li.navJoin a { background: url('images/navJoin_off.jpg') no-repeat left top; }
#gnav ul.menu li.navJoin a:hover { background: url('images/navJoin_on.jpg') no-repeat left top; }
#gnav ul.menu li.navJoin span.currentPage { background: url('images/navJoin_on.jpg') no-repeat left top; }

#gnav ul.menu li.navLinks { margin-right: 1px; _margin-right: 0; }
#gnav ul.menu li.navLinks a { background: url('images/navLinks_off.jpg') no-repeat left top; }
#gnav ul.menu li.navLinks a:hover { background: url('images/navLinks_on.jpg') no-repeat left top; }
#gnav ul.menu li.navLinks span.currentPage { background: url('images/navLinks_on.jpg') no-repeat left top; }

#gnav ul.menu li ul { position: absolute; top: 46px; left: 0; background: none; display: none; opacity: 0; list-style: none; z-index: 100; }
#gnav ul.menu li.navAbout ul li,
#gnav ul.menu li.navInfo ul li
	{ width: 180px; background: url('images/subNav_bg.jpg') repeat-x top; margin: 0; }
#gnav ul.menu li.navAbout ul li:hover,
#gnav ul.menu li.navInfo ul li:hover
	{ background: #fff url('images/subNav-on_bg.jpg') repeat-x top; }
#gnav ul.menu li.navAbout ul li a,
#gnav ul.menu li.navInfo ul li a
	{ background: none; border: 1px solid #ccc; border-top: none; padding: 10px 0; color: #333; text-align: center; text-decoration: none; display: block; }
#gnav ul.menu li.navAbout ul li a:hover,
#gnav ul.menu li.navInfo ul li a:hover
	{ background: none; color: #009dd3; text-decoration: underline; }

/*
#gnav ul.menu li ul ul { left: 178px; top:-1px; }
#gnav ul.menu li a.menulink:hover,
#gnav ul.menu .menuhover {}
#gnav ul.menu li .sub {}
#gnav ul.menu li .topline { border-top:1px solid #ccc; }
*/


/* pageTitle Style */
#pageTitle { clear: both; background: url('images/bgPagetitle.jpg') repeat-x; z-index: 1; }
#pageTitle #flashContainer { width: 900px; height: 255px; margin: 0 auto; }
#pageTitle #flashContainer h1 { display: none; }

#pageTitle #titleContainer { width: 900px; height: 150px; background: url('images/pageTitle.jpg') no-repeat; margin: 0 auto; }
html>/**/body #pageTitle #titleContainer { position: relative; }
#pageTitle #titleContainer { /position: static; }

#pageTitle #titleContainer h1 { color: #fff; font-size: 167%; font-weight: normal; text-shadow: 1px 1px 1px #1888f7; }
html>/**/body #pageTitle #titleContainer h1 { left: 15px; bottom: 10px; position: absolute; }
#pageTitle #titleContainer h1 { /padding: 110px 0 0 15px; text-align: left; }


/* topicpath Style */
#topicpath { background: url('images/bgTopicpath.jpg') repeat-x; }
#topicpath ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#topicpath ul { width: 900px; background: url('images/bgTopicpathList.jpg') repeat-x; list-style-type: none; margin: 0 auto; zoom: 1; }
#topicpath ul li { float: left; height: 26px; background: url('images/arrowTopicpath.jpg') no-repeat right center; padding: 0 10px; font-size: 91%; line-height: 26px; }
#topicpath ul li:last-child { background: none; }
#topicpath ul li a { color: #ccc; }


/* cont Style */
#cont { background: #fff url('images/bgContent.jpg') repeat-x top; padding: 30px 0 0; }
#cont #contContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#cont #contContainer { width: 900px; margin: 0 auto; padding-bottom: 100px; text-align: left; zoom: 1; }
#cont #contContainer #contMain { float: left; width: 610px; }
#cont #contContainer #contSide { float: right; width: 270px; }


/* footer Style */
#footer { clear: both; background: #ccc url('images/bgFooter.jpg') repeat-x top; padding: 10px 0 100px; font-size: 91%; }
#footer .footerContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer .footerContainer { clear: both; width: 900px; margin: 0 auto; text-align: left; zoom: 1; }

#footer .footerContainer .pagetop { float: right; width: 125px; height: 30px; background-color: #666; line-height: 30px; text-align: center; margin-bottom: 10px; display: block; }
#footer .footerContainer .pagetop:hover { background-color: #009dd3; }
#footer .footerContainer .pagetop a { background: url('images/arrowPagetop.png') no-repeat left center; padding-left: 10px; color: #fff; text-decoration: none; }

#footer .footerContainer ul.subNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer .footerContainer ul.subNav { float: left; height: 30px; line-height: 30px; list-style-type: none; zoom: 1; }
#footer .footerContainer ul.subNav li { float: left; background: url('images/arrowSubnav.png') no-repeat left center;margin-right: 1em; padding-left: 10px; display: inline-block; }
#footer .footerContainer ul.subNav li a { color: #fff; text-decoration: underline; }
#footer .footerContainer ul.subNav li a:hover { text-decoration: none; }

#footer .footerContainer dl.footerNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer .footerContainer dl.footerNav { zoom: 1; }
#footer .footerContainer dl.footerNav dt { clear: left; float: left; background: url('images/headFooternav.png') no-repeat left center; margin-right: 5px; padding-left: 15px; font-weight: bold; display: block; }
#footer .footerContainer dl.footerNav dd { float: left; background: url('images/listSlash.png') no-repeat left center; margin-right: 5px; padding-left: 10px; white-space: nowrap; display: block; }
#footer .footerContainer dl.footerNav dd.firstItem { background: url('images/listColon.png') no-repeat left center; }
#footer .footerContainer dl.footerNav a { color: #666; }
#footer .footerContainer dl.footerNav a:hover { text-decoration: none; }

#footer .footerContainer .copyright { clear: both; color: #999; padding-top: 20px; display: block; }

/*flashのマップ削除に伴うレイアウト変更 2018.08*/
.mainPicArea {
  position: relative;
}
.mapImg {
  position: relative;
  height: 440px;
}
.link_osusume {
  position: absolute;
  left: 25px;
  bottom: 15px;
  width: 320px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 !important;
}
.link_osusume a { background: url(images/link_osusume_off.png) no-repeat 0 0; display: block; width: 100%; height: 20px;}
.link_osusume a:hover { background: url(images/link_osusume_on.png) no-repeat 0 0;}
.bt_associationList a {
  position: relative;
  background:linear-gradient(#30a7e2, #2b9bde);
  display: block;
  width: 610px;
  height: 50px;
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.bt_associationList a::before {
  content: '';
  position: absolute;
  left: 30px;
  top: 50%;
  border: transparent 5px solid;
  border-left: #fff 5px solid;
  margin-top: -5px;
}
.bt_associationList a:hover {
  background:linear-gradient(#2b9bde, #30a7e2);
}