@charset 'utf-8';
@import url("decoration.css");
* {
	margin		: 0;
	padding		: 0;
}
/*\*/ a { overflow: hidden;}/**/
body {
	text-align	: center;
	background-image:url(../img/wrapbg.jpg);
	font-size:12px;
	line-height:120%;
}

input {
	padding:3px;
}

textarea {
	padding:3px;
}

table{
	font-size:12px;
	text-align:left;
	line-height:150%;
	}
ul{
	list-style:none;
	}
a img {
	border		: none;
}
.add_info{
	padding:10px;
	}
address{
	font-style:normal;
	font-size:12px;
	text-align:left;
	}
h4 img{
	margin:0;
	padding:0;
	vertical-align:text-bottom;
	}	

#logo {
	background-image: url(../img/logo.jpg);
	background-repeat	: no-repeat;
	text-indent	: -9999px;
}
/* ========== base layout ========== */

#container {
	width		: 880px;
	text-align	: left;
	margin		: 0 auto;
}

#wrap {
	background-image:url(../img/header_bg.jpg);
	height:90px;

}
#header{
	width:860px;
	margin:0 auto;
	}
#container{
	background-image:url(../img/bg.jpg);
	}
#sign {
	width		: 510px;
	float		: right;
	color:#FFFFFF;
	text-align:right;
}

#navi {
	clear		: both;
	width:700px;
	text-align:right;
	float:right;
}
/* ========== navigation ========== */
#navi ul {
	list-style-type	: none;
}

#navi li {
	display		: inline;
}
.pkg{
	height		: 1%;
	}
.pkg:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}	
#main {

	margin-bottom	: 10px;
}

#main:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}
#maincol_2col{
width:600px;
float:left;
}
/* ------------------------------
特殊な回り込みの解除はここまで
------------------------------ */
.head_image{
	margin:10px 0 0 0;
	}

.sqa_inner{
	background-image:url(../img/sqa_innerbg.jpg);
	padding:0 10px;
	}
.sqa_bottom{
	background-image:url(../img/sqa_bottombg.jpg);
	height:13px;
	}
.sqa_bottom hr{
	display:none;
	}
#localnavi{
	margin-left:30px;
	}	
	
	
.about{
	padding:15px;
	line-height:150%;
	color:#333333;
	}
.about h3{
	font-size:12px;
	font-weight:bold;
	}
#leftcol {
	width		: 230px;
	float		: left;
}
.leftcol_inner{
	padding:10px;
	}	
#main_wrap{
	width:650px;
	float:right;
	}			
#maincol {
	width		: 460px;
	float		: left;
}
h3.h3_long{
	background-image:url(../img/h3_longback.jpg);
	width:460px;
	height:37px;
	color:#FFFFFF;
	text-indent:20px;
	font-size:14px;
	font-weight:bold;
	line-height:37px;
	margin:10px 0 0 0;
	clear:both;
	}
h3.h3_2col{
	background-image:url(../img/h3_2col.jpg);
	width:600px;
	height:37px;
	color:#FFFFFF;
	text-indent:20px;
	font-size:14px;
	font-weight:bold;
	line-height:37px;
	margin:10px 0 0 0;
}		
.toppage_description{
	background-image:url(../img/description_bg.jpg);
	color:#ffffff;
	padding:5px;
	line-height:150%;
	margin:0 0 10px 0;
	}
	
.top_campaign{
	margin-top:5px;
	margin-bottom:5px;
	height:90px;
}	

.top_campaign p{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}	

.top_cam_img{
	margin-left:5px;
	margin-right:5px;
	float:left;
}	
	
	
.select_area{
	width:460px;
	}
.select_box{
	width:230px;
	float:left;
	}
h3.h3_check{
	background-image:url(../img/h3_check.jpg);
	height:35px;
	color:#FFFFFF;
	text-indent:35px;
	line-height:35px;
	font-size:14px;
	}			
.select_box_inner{
	padding:0 3px;
	}
.borderbox{
	/*border:1px solid #CCCCCC;*/
	}	
.select_company{
	clear:both;
	}
.select_img{
	float:left;
	width:70px;
	}
.select_text{
	width:150px;
	float:left;
	}
.select_text h4{
	font-size:12px;
	font-weight:bold;
	margin:3px;
	}	
.select_text h4 a{
	color:#000066;
	text-decoration:none;
	}
p.com_area_10{
	font-size:10px;
	text-align:center;
	clear:both;
	margin-bottom:20px;
	}
	
.chimugukuru_box{
	width:460px;
	float:left;
	}
	
.chimugukuru_box h3{
	float:left;
	margin-top:10px;
}

.chimugukuru_box_inner{
	padding:10px;
	float:right;
	width:290px;
	}
					
p.yaji{
	text-align:right;
	}			
#rightcol {
	width		: 160px;
	float		: left;
}
.rightcol_inner{
	padding:10px 5px 0 15px;
	}
h3.h3_short{
	background-image:url(../img/h3_short.jpg);
	text-align:center;
	line-height:35px;
	height:35px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	width:155px;
	}
.news ul{
	list-style:none;
	}
.news h4{
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	color:#000099;
	text-decoration:underline;
	}			
#footer {
	clear		: both;
	background-image:url(../img/foot_bg.jpg);
	color:#FFFFFF;
	text-align:center;
	padding:20px 0;	
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
	}
#footer ul{
	list-style: none;
	}
#footer ul li{
	display:inline;
	}
#footer address{
	text-align:center;
	}	

/* ========== common decoration ========== */

.red {
	color		: #F00;
}

.orange {
	color		: #F60;
}

.yellow {
	color		: #FF0;
}

.green {
	color		: #0F0;
}

.blue {
	color		: #00F;
}

.black {
	color		: #000;
}

.white {
	color		: #FFF;
}

.bold {
	font-weight	: bold;
}

.italic {
	font-style	: italic;
}

.xx-small {
	font-size	: 40%;
}

.x-small {
	font-size	: 60%;
}

.small {
	font-size	: 80%;
}

.large {
	font-size	: 120%;
}

.x-large {
	font-size	: 140%;
}

.xx-large {
	font-size	: 160%;
}

.map_toppage_description {
	padding:10px;
	}
.map_toppage_description table{
	font-size:12px;
	border:1px dotted #999999;
	}
.map_toppage_description table td{
	border-right:1px solid #CCCCCC;
	}	
.map_toppage_description h4{
	font-size:14px;
	border-left:4px solid #000099;
	text-indent:10px;
	margin:10px;
	}		
.map_area_list{
	width:460px;
	height:480px;
	background-image: url(../img/map/map_bg.jpg);
	background-repeat:no-repeat;	
}
.map_area_list ul{
	list-style:none;
}
.map_area_list ul li{
	text-indent:-999px;
}
.map_area_list ul li a{
	display:block;
}
li.map_cat6 a,
li.map_cat22 a{
	background-image:url(../img/map/map_select6.jpg);
	width:250px;
	height:80px;
	margin-left:210px;
	}
li.map_cat5 a,
li.map_cat21 a{
	background-image:url(../img/map/map_select5.jpg);
	width:250px;
	height:80px;
	margin-left:120px;
	}
li.map_cat4 a,
li.map_cat20 a{
	background-image:url(../img/map/map_select4.jpg);
	width:250px;
	height:80px;
	margin-left:80px;
	}
li.map_cat3 a,
li.map_cat19 a{
	background-image:url(../img/map/map_select3.jpg);
	width:250px;
	height:80px;
	margin-left:20px;
	}
li.map_cat1,
li.map_cat18{
	float:left;
	}
li.map_cat1 a,
li.map_cat18 a{
	background-image:url(../img/map/map_select1.jpg);
	width:100px;
	height:80px;
	}
li.map_cat2{
	float:left;
	}	
li.map_cat2 a{
	background-image:url(../img/map/map_select2.jpg);
	background-repeat:no-repeat;
	width:350px;
	height:80px;
	}
li.map_cat7{
	clear:left;
	float:left;
	}
li.map_cat7 a{
	background-image:url(../img/map/map_select7.jpg);
	width:100px;
	height:80px;
	}
li.map_cat8{
	float:left;
}
li.map_cat8 a{
	background-image:url(../img/map/map_select8.jpg);
	width:90px;
	height:80px;
	}
li.map_cat17{
	clear:left;
	float:left;
	}
li.map_cat17 a{
	background-image:url(../img/map/map_select9.jpg);
	width:250px;
	height:80px;
	background-repeat:no-repeat;
}
	
li.map_cat34{
	clear:left;
	float:left;
}
li.map_cat34 a{
	background-image:url(../img/map/map_select10.jpg);
	width:250px;
	height:80px;
	background-repeat:no-repeat;
	}

.map_newentry_box{
	height:420px;
	max-height:420px;
	}
.map_newentry_relate{
	height:480px;
	}
.map_newentry_relate p,		
.map_newentry_box p{	
	margin:7px;
	}
.map_newentry_relate h4,	
.map_newentry_box h4{
	background-image:url(../img/h3_short2.jpg);
	line-height:24px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:5px;
	}
.map_newentry_relate h4 a,
.map_newentry_box h4 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.map_newentry_relate h5,	
.map_newentry_box h5{
	text-align:right;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	}
.map_newentry_relate ul li,	
.map_newentry_box ul li{
	margin:5px 0;
	}	
p.map_last_date{
	text-align:right;
	font-size:10px;
	margin-top:10px;
	}	
.rightcol_inner ul{
	list-style:none;
	}
.u10{
	margin-bottom:15px;
	}
.entry_body_area{
	clear:both;
	padding:10px 20px;
	}	
.cate_new_spot h4,
p.gmap_spot,
ul.tempo li{
	font-size:12px;
	color:#000066;
	margin:5px;
	background-image:url(../img/play_btn.jpg);
	background-repeat:no-repeat;
	line-height:15px;
	text-indent:20px;	
	}
p.gmap_spot{
	float:left;
	width:200px;
	}
	
p.gmap_spot a,
ul.tempo li a{
	text-decoration:none;
	color:#000066;
	}	
.cate_new_spot h4 a{
	color:#000066;
	text-decoration:none;
	}
.cate_new_spot p{

	margin-bottom:20px;
	}
.map_tab{
	padding-top:10px;
	}	
.map_tab ul{
	list-style:none;
	}
.map_tab ul li{
	float:left;
	text-align:center;
	}
.map_tab ul li a,
.map_tab ul li span{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	}
.map_tab ul li a{
	background:#CCCCCC;
	color:#FF3300;
	text-decoration:none;
	}
.map_tab ul li span{
	background:#FF3300;
	color:#FFFFFF;
	}
	
.static_map{
	clear:both;
	margin:0;
	border-top:2px solid #FF3300;
	}
.map_description_area{
	clear:both;
	background:#ffffcc;
	}	
.map_description_area h4{
	font-size:14px;
	margin:10px;
	border-bottom:#999999 1px solid;
	color:#FF3300;
	}
.qrcode{
	text-align:center;
	}	
.qrcode h3{
	margin:20px 0 0 10px;
	font-size:14px;
	font-weight:bold;
	width:30em;
	color:#333333;
	text-align:left;
	}
h4.faq_question{
	padding:10px 0 0 40px;
	background-image:url(../img/qa_q.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	height:80px;
	border:none;
	text-indent:0;
	margin:0;
	}
.faq_answer{
	margin:10px 0 40px 0;
	background-image:url(../img/qa_a.jpg);
	background-repeat:no-repeat;
	padding:80px 0 0 0;
	line-height:150%;
	}
.faq_new{
	padding:0 20px;
	}		
.faq_new h4{
	margin:10px 0 0 0;
	background-image:url(../img/h3_longblue.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:40px;
	line-height:40px;
	text-indent:30px;
	}
.faq_new h4 a{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
.info_btn ul{
	list-style:none;
	}	
.info_btn ul li{
	height:45px;
	margin:0;
	font-size:14px;
	font-weight:bold;
	line-height:45px;
	width:210px;
	background-image:url(../img/info_btn.jpg);
	text-indent:30px;
	
	}
.info_btn ul li a{
	text-decoration:none;
	color:#666666;
	}
.info_btn ul li a:hover{
	color:#FF3300;
	}
/*drive course*/
h4.couse_h4{
	clear:both;
	height:24px;
	line-height:24px;
	font-size:18px;
	border-bottom:1px solid #CCCCCC;
	border-left:5px solid #CCCCCC;
	margin:30px 0 10px 0;
	font-weight:bold;
	color:#000033;
	text-indent:0.5em;
	}
.course_description_area{
	clear:both;
	}
.course_img{
	float:left;
	margin:0 0 10px 0;
	}
.course_body{
	clear:both;
	padding:10px;
	}
p.text_more_info{
	text-align:right;
	}
.course_static_map{
	float:left;
	padding:5px;
	}					
p.center{
	text-align:center;
	}		

.shop_top_list{
	padding:0;
	margin:0 0 30px 0;
	border-bottom:1px #999999 dotted;
	}
.shop_top_image{
	float:left;
	width:200px;
	margin-right:20px;
	}
.shop_top_text{
	width:360px;
	float:left;
	}
.shop_top_text_main{
	width:200px;
	float:left;
	}	
.shop_top_text_main h3{
	background-image:url(../img/h3_short2.jpg);
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	width:160px;
	font-weight:bold;
	line-height:37px;
	height:37px;
	}
.shop_top_text_main h3 a{
	text-decoration:none;
	color:#FFFFFF;
	}	
.shop_top_text_main h4{
	color:#FF3300;
	font-size:12px;
	line-height:150%;
	border-bottom:2px solid #CCCCCC;
	margin:20px 0 0 0;
	}
table.office_info{
	width:580px;
	border:1px solid #CCCCCC;
	font-size:12px;
	line-height:150%;
	}
table.office_info p{
	margin:10px 0;
	}
	
table.office_info td{
	padding:10px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	}
.shop_leftbar_list ul{
	margin:10px 0 0 20px;
	line-height:150%;
	}
.shop_leftbar_list ul li{
	font-size:14px;
	margin:10px 0;
	border-left:#0099FF 5px solid;
	text-indent:10px;

	}

.shop_leftbar_list ul li a{
	text-decoration:none;
	color: #000066;
	}
.shop_leftbar_list ul li a:hover{
	color:#009900;
	}
.okinawa_info_list p{
	margin:10px;
	}
.okinawa_info_list p a img{
	border:2px outset #666666;
	}
.guide_description p img{
	margin:20px 0 0 0;
	}	
	
.guide_description .h3_long{
	background-image:url(../img/h3_longback.jpg);
	width:450px;
	height:37px;
	color:#FFFFFF;
	text-indent:20px;
	font-size:14px;
	font-weight:bold;
	line-height:37px;
	margin:10px 0px 0px 0px;
	clear:both;
	}
	
	
.oshiharai_banner img{
	margin-left:10px;
}

/******************************************トップキャンペーン*****************************************/

#campaignBox{
width:460px;
height:258px;
background-image:url(../img/campaign_bg.jpg);
}

#link0{
position:relative;
top:0;
left:17px;
}

#link1{
position:relative;
top:0px;
left:50px;
}

#link2{
position:relative;
top:-43px;
left:0px;
}

#link3{
position:relative;
top:63px;
left:-146px;
}



/******************************************取扱車種一覧部分*****************************************/

#car-class-table{
	border-collapse:collapse;
	}
#car-class-table th{
	text-align:center;
	border-bottom:1px solid #000000;
	}
#car-class-table td{
	border-bottom:1px solid #999;
	padding:5px 0;
	}
#car-class-table td.fs{
	text-align:center;
	}
#car-class-table td.bl{
	border-bottom:1px solid #000;
	}	


.price_tbl {
	border-collapse:collapse;
	width:580px;
	margin-bottom:30px;
}

.price_tbl th {
	background:#C4FFFF;
	line-height:40px;
}

.border_cell {
	text-align:center;
	line-height:30px;
	border:1px solid #cccccc;
}

.kigen_box {
	margin-top:10px;
	margin-bottom:15px;
	border:1px solid #FF7575;
	background:#FFE8E8;
	padding:5px;
}

.kigen_box b {
	display:block;
	margin-bottom:5px;
}


/** フォーム **/
.form_list {
	margin-top:20px;
}
.form_list li {
	float:left;
}

.form_msg1 {
	clear:both;
	margin-top:20px;
}

.form_msg_bg {
	margin-top:30px;
	margin-bottom:40px;
	background:url(../img/form_msg_bg.jpg) no-repeat;
	width:460px;
	height:151px;
	overflow:auto;
}

.form_msg_bg p {
	margin-top:80px;
	margin-left:15px;
	margin-right:15px;
}

.kouku_bg {
	background:url(../img/kouku_bg.jpg) no-repeat;
	width:460px;
	height:141px;
	overflow:auto;
}

.kouku_bg p {
	margin-top:45px;
	margin-left:130px;
}

.hotel_bg {
	background:url(../img/hotel_bg.jpg) no-repeat;
	width:460px;
	height:141px;
	overflow:auto;
}

.hotel_bg p {
	margin-top:45px;
	margin-left:130px;
}

.rent_bg {
	background:url(../img/rent_bg.jpg) no-repeat;
	width:460px;
	height:141px;
	overflow:auto;
}

.rent_bg p {
	margin-top:50px;
	margin-left:130px;
}

.form_btn {
	margin-top:50px;
	text-align:center;
}

.numberinput {
	ime-mode:disabled;
	text-align:right;
}

.hankakuinput {
	ime-mode:disabled;
}

.overimg:hover img {
	filter:alpha (opacity=60);
	-moz-opacity:0.70;
	opacity:0.70;
}

.msgbox {
	padding:10px;
	border:1px solid red;
	background:#FFEEEE;
	color:#FF2F2F;
}