@charset "utf-8";

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 10px;
	color: #fff;
    background: #333;
    padding: 2px;
}
.title_p img{width: 100%;}

/* contents**
------------------------------------------ */
#plan_area {width: 100%;}
.reco_area {
    border-radius: 3px;
	margin: 0 0 25px;
    padding: 0;
    background: #f5f3f3;
}
.reco_area .ti01.bgc01 {
    background-color: #333;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 16px;
	margin: 0 auto 15px;
    padding: 5px 0;
}
.reco_area .plan_box {
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 3px;
    width: 98%;
    margin: 0 1% 15px;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}
.reco_area .t_box {
    margin: 0 0 8px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #bfbfbf;
}
.reco_area .t_box h3 {
    width: auto;
    font-size: 15px;
    padding: 0 0 0 8px;
    border-left: 3px solid #ffba00;
}
.reco_area .p_box {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    margin: 0 0 10px;
    padding: 5px 10px;
    background: #fff9e6;
    box-shadow: 1px 1px 1px rgba(255, 224, 162, 0.8);
    behavior: url(PIE.htc);
}
.reco_area .p_box ul {
    font-size: 12px;
    margin: 0;
}
.reco_area .p_box dl dt,
.reco_area .p_box dl dd {
	display: inline-block;
    font-size: 14px;
}
.reco_area .con {
    color: #ffffff;
    background: #333;
    padding: 3px;
    text-align: center;
    width: 65px;
    margin: 0 5px 5px 0;
}
.reco_area .pri {
	font-size: 18px!important;
    font-weight: bold;
    color: #ff0000;
    font-family: "メイリオ","ＭＳ Ｐゴシック";
    vertical-align: middle;
}
.reco_area .buc01 a,
.reco_area .buc01 a:hover {
	background: #cd0043 url(//www.nta.co.jp/bus/contents/campaign/chugoku_bus/images/arrow.png) no-repeat 3% center;
    border-radius: 3px;
    font-weight: normal;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    width: 300px;
    display: block;
    margin: 0 auto;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    box-sizing: border-box;
}
.btnAll a {
	width: 90%;
    line-height: 15px;
    background: #004BAB;
    display: block;
    padding: 15px 0;
    clear: both;
    margin: 0 auto 50px;
    color: #FFF;
    text-align: center;
    text-decoration: none!important;
    font-size: 16px;
    position: relative;
    border-radius: 3px;
}

/*gadgetなし*/
#main{display:none;}

}

/*760px以上*/
@media screen and (min-width: 760px) {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock,
.title_p{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
	box-sizing: border-box;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto 25px;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	color: #fff;
    background: #333;
    padding: 3px;
}
.title_p img{width: 100%;}

/* contents**
------------------------------------------ */
#plan_area {
	width: 100%;
    max-width: 950px;
    min-width: 760px;
    margin: 0 auto 25px;
}
.reco_area {
    border-radius: 3px;
	margin: 0 0 25px;
    padding: 0;
    background: #f5f3f3;
}
.reco_area .ti01.bgc01 {
	width: 100%;
	max-width:950px;
	min-width:760px;
    background-color: #333;
    color: #FFF;
    text-align: center;
    font-size: 18px;
	margin: 0 auto 25px;
    padding: 5px 0;
}
.reco_area .plan_box {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 3px;
	float: left;
    width: 48%;
    margin: 0 1% 25px;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}
.reco_area .t_box {
	height: 44px;
    margin: 0 0 8px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #bfbfbf;
    box-sizing: border-box;
}
.reco_area .t_box h3 {
    width: auto;
    font-size: 16px;
    padding: 0 0 0 8px;
    border-left: 3px solid #ffba00;
}
.reco_area .p_box {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    margin: 0 0 10px;
    padding: 5px 10px;
    background: #fff9e6;
    box-shadow: 1px 1px 1px rgba(255, 224, 162, 0.8);
    behavior: url(PIE.htc);
}
.reco_area .p_box ul {
    font-size: 12px;
    margin: 0;
}
.reco_area .p_box dl dt,
.reco_area .p_box dl dd {
	display: inline-block;
    font-size: 14px;
}
.reco_area .con {
    color: #ffffff;
    background: #333;
    padding: 3px;
    text-align: center;
    width: 65px;
    margin: 0 5px 5px 0;
}
.reco_area .pri {
	font-size: 18px!important;
    font-weight: bold;
    color: #ff0000;
    font-family: "メイリオ","ＭＳ Ｐゴシック";
    vertical-align: middle;
}
.reco_area .buc01 a,
.reco_area .buc01 a:hover {
	background: #cd0043 url(//www.nta.co.jp/bus/contents/campaign/chugoku_bus/images/arrow.png) no-repeat 3% center;
    border-radius: 3px;
    font-weight: normal;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    width: 300px;
    display: block;
    margin: 0 auto;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    box-sizing: border-box;
}

/*----------------------
gadget
----------------------*/
#main{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: 0 auto;
	padding: 0;
}
.sline{
	margin-top:5px;
	margin-bottom:5px;
	border:1px #E6E5E5 solid;
}
.go_search{
	margin-top:-5px;
	float:right;
}
.search_table{
	width:520px;
	margin-top:0;
	margin-bottom:10px;
	border-left:1px #bbbbbb solid;
	border-right:1px #bbbbbb solid;
	border-bottom:1px #bbbbbb solid;
	border-collapse:collapse;
	background-color:#f9eeff;
}
.search_table th{
	padding:3px 3px 3px 10px;
	background-color:#634A12;
	font-size:90%;
	color:#FFFFFF;
	line-height:150%;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.search_table td{
	padding:8px 3px 8px 10px;
	background-color:#f9eeff;
	font-size:90%;
	line-height:150%;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.topmapbox{
	padding:2px;
	margin-top:0;
	margin-top:-3px;
	text-align:center;
	border-top:none;
	border-left:1px #bbbbbb solid;
	border-right:1px #bbbbbb solid;
	border-bottom:1px #bbbbbb solid;
}
.topmypagebox{
	margin-top:5px;
	border:1px #E6E5E5 solid;
	width: 218px;
	padding: 10px 0px;
}
.topfirstbox{
	margin-top:0;
	/margin-top:-3px;
	border:1px #E6E5E5 solid;
	width: 218px;
	padding: 10px 0px;
}
.toposusumebox{
	margin-top:0;
	/margin-top:-3px;
	border:1px #E6E5E5 solid;
	width: 218px;
	padding: 0 0 10px;
}
.pointbox{
	width: 218px;
	padding: 10px 0px 0;
	margin-top: 0px;
	/margin-top: -1px;
	background: url(../../../images/front/1/t_title6_bottom.gif) no-repeat bottom;
}
.pointbox dl{
	width: 208px;
	padding-bottom:10px;
	margin-left: 6px;
	margin-bottom:10px;
}
.bottomline{
	border-bottom:1px #ddd solid;
}
.pointbox dl dt{
	color: #ff6666;
	font-weight: bold;
}
.pointboxBtm{
	width: 218px;
	height: 13px;
	background: url(../../../images/front/1/t_title6_bottom.gif) no-repeat;
}

ul.mem_link{
	line-height:150%;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

ul.mem_link li{
	padding-left:10px;
	background: none;
	list-style:none;
}
.toku_box{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin-top:6px;
	padding-bottom:10px;
	border-bottom:1px dotted #E4E4E4;
	font-size:90%;
	display:block;
}
.toku_box p a:link{
	color:#454545;
	text-decoration:none;
}
.toku_box p a:visited{
	color:#454545;
	text-decoration:none;
}
.toku_box p a:hover{
	color:#454545;
	text-decoration:underline;
}
.toku_box p a:active{
	color:#454545;
}
.toku_box h3{
	font-size:105%;
	line-height:150%;
	font-weight:bold;
}
.topphoto{
	margin:0 8px 0 0;
	border:1px solid #E4E4E4;
	float:left;
}
.toku2_box{
	margin-top:6px;
	margin-bottom:6px;
	padding-top:6px;
	padding-bottom:6px;
	border:1px solid #E4E4E4;
	text-align:center;
	clear:both;
}
.toku2_boxin{
	padding:8px;
	font-size:90%;
	text-align:left;
}
.toku2_boxin h3{
	font-size:100%;
	font-weight:bold;
}
h3.corpname{
	font-size:120%;
	font-weight:bold;
	line-height:150%;
}

/* 2: 都道府県
----------------------------------------------------------------------------------------*/
/*----------------------
都道府県の枠組み
----------------------*/
#pref_left{
	width:540px;
	float:left;
}

#pref_right{
	width:160px;
	margin-left:20px;
	float:left;
}
.pref_box1l{
	width:250px;
	background-color:#FFFFF0;
	margin-bottom:10px;
	padding:6px;
	float:left;
}
.pref_box1l ul{
	padding-left:15px;
	list-style-type:square;
	font-size:115%;
	font-weight:normal;
	line-height:150%;
}
.pref_box1r{
	width:250px;
	background-color:#FFFFF0;
	margin-bottom:10px;
	padding:6px;
	float:right;
}
.pref_box1r ul{
	padding-left:15px;
	list-style-type:square;
	font-size:115%;
	font-weight:normal;
	line-height:150%;
}
.pref_box1c{
	width:520px;
	background-color:#FFFFF0;
	margin-bottom:10px;
	padding:6px;
	float:left;
}
.pref_box1c ul{
	padding-left:15px;
	list-style-type:square;
	font-size:115%;
	font-weight:normal;
	line-height:150%;
}
.com_line{
	border:1px #ddd9cc solid;
	background-color:#f9f5e6;
	padding:4px 8px;
	font-weight:bold;
	margin-bottom:8px;
}
.com_ex_l{
	vertical-align:top;
}
.com_ex_box{
	margin-bottom:30px;
}
.com_ex{
	font-size:90%;
	font-weight:normal;
	line-height:150%;
}
.ad_160_600{
	text-align:center;
	margin-bottom:20px;
}

#main_left{
	width:520px;
	float:left;
	margin: auto;
}
#main_left2{
	width:320px;
	margin-top:5px;
	float:left;
}
#main_right{
	width:380px;
	margin:0 10px;
	float:left;
}
#main_right2{
	width:380px;
	margin-top:20px;
	margin-left:10px;
	float:right;
}
#main_right3{
	width:218px;
	margin-left:0px;
	margin-top:20px;
}
#main_right5{
	margin-top:20px;
	float:right;
}

#center_left{
	width:260px;
	margin-top:10px;
	float:left;
}

#center_right{
	width:260px;
	margin-top:10px;
	margin-left:20px;
	float:left;
}

#center_ad{
	width:160px;
	margin-top:10px;
	margin-left:15px;
	float:left;
}

#main_bottom{
	width:720px;
	margin-top:20px;
}

#bottom_left{
	width: 100%;
	max-width:900px;
	min-width:760px;
}
.main_right4{
	width:380px;
	margin-top:5px;
	margin-left:10px;
	float:left;
}
.newsbox{
	border:3px #FFD500 solid;
	background-color:#F8EFD4;
	padding:8px;
	float:left;
	font-size:85%;
	line-height:160%;
}
.rent_txt{
	margin:13px 0 5px 5px;
}
.memotxt{
	padding-left:5px;
	font-size:85%;
	font-weight:normal;
	line-height:120%;
}

/*人気のエリア用*/
.toppopbox{
	padding-bottom:	2px;
	margin-top: -4px;
	border-left:1px #bbbbbb solid;
	border-right:1px #bbbbbb solid;
	border-bottom:1px #bbbbbb solid;
}
.toppopbox th,td{
	text-align:left;
}
.toppopbox td.right{
	text-align:right;
}
.toppopbox th.title{
	font-size:110%;
	font-weight:bold;
}
.padtop5{
	padding-top:5px;
}
.bt01 a,
h2.ti01{
color: #FFFFFF !important;
}
.t_box h3 {
	border-left: 3px solid #ffba00;
}

#photoMapBox {width: 374px; height: 247px; background: url(//www.nta.co.jp/rentacar/images/front/1/rentacar_map.jpg) no-repeat top; }

#photoMapBox .smenu a	{ border-bottom:1px solid #A939DD; }
#photoMapBox .smenu a:link	{ display:block; text-decoration:none; color:#92278F; background-color:#ffffff; padding: 2px 4px; border-bottom:1px solid #A939DD; }
#photoMapBox .smenu a:hover	{ display:block; text-decoration:none; color:#ffffff; background-color:#CE53CB; padding: 2px 4px; }
#photoMapBox .smenu a:visited	{ display:block; text-decoration:none; padding: 2px 4px; }
#photoMapBox .smenu table { width: 60px; border-top:1px solid #A939DD; border-left: 1px solid #A939DD; border-right:1px solid #A939DD; background-color:#F9EEFF; }
#photoMapBox .smenu td { font-size: 12px; }

#main #search {margin-top: -18px;}
#main input[type="text"],
#main select {
	width: 40px;
    background: #FFF;
    border: 1px solid #222;
    border-radius: 2px;
}
#main #pref1{width: 80px;}
#main .go_search input{border: none!important;}
}