@charset "UTF-8";

/*------------------------------------------------------------------------------
	Hamamatsu Visitors and Convention Bureau - Bustaxi CSS
	URL: http://hamamatsu-daisuki.net/
	Date: 2016-02-12
	Copyright (C) Hamamatsu Visitors and Convention Bureau All Rights Reserved.
------------------------------------------------------------------------------*/

*{
	box-sizing:border-box;
}

#main {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*一度リセット*/
#main h2,#main h3,#main h4,#main dt,
#main section,#main ul, #main strong{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*==============================================================
	body#bus_taxiIndex トップページ
===============================================================*/

#main{
	width:850px;
	padding:20px;
	background:#fff;
}
#main h4 span{
	font-size:90%;
	color:#333;
}

#main h4 .sat strong{
	color:#8ed9c5;
	font-size:140%;


}
#main h4 .sun strong{
	color:#e98b8b;
	font-size:140%;

}

#main table .sat{
	background:#d2f0e8;
}
#main table .sun{
	background:#f7d2d2;
}
#main table .holi{
	background:#f7d2d2;
}

#main #bus .lead,
#main #bus #clendar,
#main #bus #course{
	overflow:hidden;
	background:#b7183f;
}
#main #bus .lead h2 {
	margin-bottom:20px;
}
#main #bus .lead .floatL{
	margin-left:20px;
}
#main #bus .lead .floatR{
	position: relative;
	margin-right:20px;
}
#main #bus .lead .floatR img:first-of-type {
	position: absolute;
	top: 0;
	left: 0;
}

#main #bus #clendar{
	position:relative;
	padding:20px;
}
#main #bus #clendar #fukidashi{
	position:absolute;
	top:0;
	right:0;
}
#main #bus #clendar #clendarBox{
	margin-top:-10px;
	padding:15px;
	background:#fff;
}
#main #bus #clendar table th,
#main #bus #clendar table td{
	text-align:center;
	border:1px solid #dad1d1;
}

#main #bus #clendar table th{
	background:#f2b7b7;
}

#main #bus #clendar table td{
	text-align:center;
}
#main #bus #course{
	padding:20px;
	background:url(../../bus_taxi/img/bg_moyo.png) right bottom no-repeat #b7183f;
}
#main #course div{
	width:369px;
	float:left;
}
#main #bus #course dl,
#main #taxi #course dl{
	width:369px;
	background:url(../../bus_taxi/img/bg_border.gif) top center repeat-y;
}

#main #bus #course dl dt{
	padding-bottom:25px;
	background:#b7183f !important;
}


#main #taxi #course #dorama dl dt{
	padding-bottom:25px;
	background:#896424 !important;
}
#main #course dl dd{
	padding:15px 0;
	margin-top:25px;
	text-align:center;
	background:#fff;
}

#main #bus #course div#halfday{
	float:right;
}

#main #bus #course div#halfday p{
	color:#fff;
	line-height:1.2;
	font-size:80%;
}

.tabArea {
    background: #b7183f;
}
.tabArea .show {
	display:block;
}
.tabArea .tabControl {
	text-align:center;
	padding:20px 0 !important;
}
.tabArea .tabControl li {
	display:inline-block;
	width:770px;
	width:380px;
	text-align:center;
	margin:0;
	margin:0 8px;
}
.tabArea .tabControl li:first-child {
	margin-left: 0;
}
.tabArea .tabControl li:last-child {
	margin-right: 0;
}
.tabArea .tabControl li a {
	display:block;
	padding:15px 0;
	font-weight:bold;
	border-radius:7px;
	background:#fff;
}
.tabArea .tabControl li a.active {
	position:relative;
	background:#fff;
	background:#e5c44a;
}
.tabArea .tabControl li a.active:after {
	content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-top: 15px solid #e5c44a;
}
.tabArea #tab02 #clendarBox > p {
	margin-bottom: 0;
}

#clendarBox th,
#clendarBox td {
    padding: 10px 2px;
	font-size:90%;
}
#clendarBox th {
	width:5%;
}
#clendarBox td {
	width:3.06%;
}

#main .etc {
	text-align:center;
}

#main #taxi #course{
	padding:0 20px 20px;
	margin-bottom:30px;
	overflow:hidden;
	background:#896424;
}

#main #taxi #course #dorama dd{
	position:relative;
}
#main #taxi #course #dorama dd img{
	position:absolute;
	top:-10px; 
	right:20px;
}

#main #course dd.first{
	margin-top:0;
}

#main #taxi #course #dorama dd.end{
	color:#b7183f;
	font-weight:bold;
	font-size:120%;
	background:#f0d6d2;
}
#main #taxi #course #phoR{
	width:329px;
	float:right;
}
#main #taxi #course #phoR p{
	margin-top:10px;
	color:#fff;
	font-size:80%;
}

#main .etc .telBox{
	margin:30px auto;
	width:80%;
	border:5px solid #95824e;
}
#main .etc .telBox dt{
	padding:10px 0;
	color:#fff;
	background:#95824e;
}
#main .etc .telBox dd.tel{
	padding:15px 0 5px;
}
#main .etc .telBox dd.tel + dd br {
	display:none;
}
#main .btn a{
	display:block;
	width:80%;
	font-size:120%;
	margin:0 auto 30px;
	padding:20px 0;
	color:#fff;
	text-align:center;
	border-radius:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+1,8f0222+44,6d0019+100 */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 1%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a90329 1%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a90329 1%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

#main .btn a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0019+0,8f0222+44,a90329+100 */
background: #6d0019; /* Old browsers */
background: -moz-linear-gradient(top,  #6d0019 0%, #8f0222 44%, #a90329 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6d0019 0%,#8f0222 44%,#a90329 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6d0019 0%,#8f0222 44%,#a90329 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-9 */

}

#main #taxi #plus{
	padding:15px;
	border:3px solid #fff;
	background:#dec55e;
}

#main #taxi #plus h3{
	text-align:center;
	margin-bottom:15px;
}
#main #taxi #plus li{
	clear:both;
	overflow:hidden;
	padding-bottom:15px;
}
#main #taxi #plus dl,
#main #taxi #plus dd{
	margin:0;
	padding:0;
	text-align:left;
	background:none;
}
#main #taxi #plus .pho{
	float:left;
	width:30%;
	margin-right:10px;
}
#main #taxi #plus dl{
	float:right;
	width:60%;
}
#main #taxi #plus dt{
	padding-bottom:10px;
}
#main #taxi #plus dd{
	font-size:80%;
}
#main #taxi #plus li.noPhoto dl{
	float:none !important;
	width:100%;
}
#main #taxi .etc {
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
#main #taxi .etc h3{
	padding:10px 0;
	font-size:120%;
	color:#fff;
	background:#95824e;
}

#main #taxi .etc .telBox {
	float:left;
	width:49%;
}

#main #taxi .etc #etaxi {
	border:4px solid #0079c7;
}
#main #taxi .etc dd{
	padding-bottom:15px;
}
#main #taxi .etc dd.tel img{
	width:90%;
	height:auto;
}
#main #taxi .etc #etaxi dt{
	background:none;
	background:url(../../bus_taxi/img/ti_etaxi.png) no-repeat center center;
}
#main #taxi .etc #staxi {
	float:right;
	border:4px solid #3b3f4c;
}
#main #taxi .etc #staxi dt{
	background:none;
	background:url(../../bus_taxi/img/ti_staxi.png) no-repeat center center;
}

#main #taxi .etc dd.btn a{
	width:93%;
	border-radius:5px;
	padding:10px 0;
	margin-bottom:0;

}
#main #taxi .etc #etaxi dd.btn a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0074c4+1,0041a0+100 */
background: #0074c4; /* Old browsers */
background: -moz-linear-gradient(top,  #0074c4 1%, #0041a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0074c4 1%,#0041a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0074c4 1%,#0041a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074c4', endColorstr='#0041a0',GradientType=0 ); /* IE6-9 */
}
#main #taxi .etc #etaxi dd.btn a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0041a0+1,0074c4+100 */
background: #0041a0; /* Old browsers */
background: -moz-linear-gradient(top,  #0041a0 1%, #0074c4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0041a0 1%,#0074c4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0041a0 1%,#0074c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0041a0', endColorstr='#0074c4',GradientType=0 ); /* IE6-9 */
}

#main #taxi .etc #staxi dd.btn a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#393d49+0,0f1118+100 */
background: #393d49; /* Old browsers */
background: -moz-linear-gradient(top,  #393d49 0%, #0f1118 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #393d49 0%,#0f1118 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #393d49 0%,#0f1118 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393d49', endColorstr='#0f1118',GradientType=0 ); /* IE6-9 */
}
#main #taxi .etc #staxi dd.btn a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f1118+92,393d49+100 */
background: #0f1118; /* Old browsers */
background: -moz-linear-gradient(top,  #0f1118 92%, #393d49 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0f1118 92%,#393d49 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0f1118 92%,#393d49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1118', endColorstr='#393d49',GradientType=0 ); /* IE6-9 */

}

#main .attention{
	padding:40px 30px 10px;
	margin-bottom:50px;
	font-size:80%;
	background:#f3f2f1;
}
#main .attention h3{
	font-size:120%;
	margin-bottom:20px;
}
#main .attention p{
	text-align:left;
}

#main .attention dt{
	margin-bottom:20px;
}