


/*----------------------------
リスト
----------------------------*/
ol{ padding-left:2em; margin:0 0 1em;}
ol li{ list-style:decimal outside; margin:0.5em 0 0.5em;}
ul.disc{ margin:0 0 1em; padding:0 0 0 2em;}
ul.disc li{ list-style:disc outside; margin:0.5em 0 0.5em;}
ul.news{ margin:0 0 1em; line-height:1.2;}
ul.style li{padding:5px 0 5px 30px; background:url(../img/common/li.jpg) no-repeat left 5px; border-bottom:1px solid #ccc;}

/*囲い枠*/
div.style{ border:2px solid #6C7FD1; padding:10px; font-weight:bold;	vertical-align:middle; box-shadow:1px 1px 0px #fff inset; margin:0 0 1em;}
div.style>*:last-child{margin-bottom:0 !important;}
div.style2{background:#f1f1f1; border:5px solid #ddd; padding:10px; margin:0 0 1em;}
div.style2 p:last-child{margin-bottom:0;}

/*テーブル*/
table.style {	width:100%;	border-collapse: collapse;	margin-bottom:1em;}
table.style th{padding:10px 15px; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top; background-color:#FAFAFA; font-weight:bold;}
table.style td {padding:10px 15px; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top;}
table.style th .hissu { position: absolute; right: 4px;
height: 20px; line-height: 20px; margin-top: -10px; top: 50%;}

table.style caption { font-size:110%; font-weight:bold; line-height:2em; padding-left:20px; position:relative;
	background-color: #BFC7FF;
}
table.style caption:before {
	content: "";
	display: inline-block;
	width: 8px;
	height:1em;
	background-color:#2231AE;
	position: absolute;
	top:7px;
	left:4px;
}

table.style p.note {
	margin-bottom:0px;
}

/*ボタン*/
a.button,input.button{
	color:#fff; background:#222222; display:inline-block; padding:10px 20px; box-shadow:0 -3px 0 #000 inset;
}
a.button.sml,input.button.sml{ padding:5px 10px; font-size:90%;}
a.button:hover,input.button:hover{background-color:#555; box-shadow:0 -3px 0 #333 inset; text-decoration:none;}
a.button.type2,input.button.type2{ background:#E3EAF6; box-shadow:1px 1px 0 #fff inset,-1px 1px 0 #fff inset; padding:7px 1.7em; border-radius:5px; color:#2433B5;}
a.button.type2:hover,input.button.type2:hover{background-color:#F7E3E3; color:#DA8E8E;}
a.button.w100,input.button.w100,
a.button.type2.w100,input.button.type2.w100{ text-align:center; display:block;}

/*
アイキャッチ
---------------------------------------------------------------*/
.eyeCatch{ background:url(../img/page/eyecatch_bk.jpg) no-repeat 0 0; background-size:cover; box-shadow:0 4px 22px rgba(0,0,51,0.4) inset;}
.eyeCatch h1{ background:url(../img/op20.png); padding:60px 0; font-size:280%; color:#fff; margin-bottom:0; line-height:1.2; font-weight:bold; width:1000px; margin:0 auto; text-align:center;
 box-shadow:0px -1px 3px -2px #333;}
 .eyeCatch h1 strong{ display:inline-block; font-size:50%; border-top:3px solid #fff; padding:15px 4em 0; margin-top:10px;}
.eyeCatch h1 span{display:block;}
/*
パンくず
---------------------------------------------------------------*/
#bread{ font-size:11px; overflow:hidden; margin-bottom:20px;}
#bread ul{ width:1000px; margin:0 auto; padding:10px 0; background:#000; overflow:hidden; background:url(../img/op70.png);}
#bread li{ float:left;}
#bread li:after{ content:">"; margin:0 0.5em;}
#bread li:last-child:after{ content:"";}
#bread li a{ color:#0F4081;}


/*---------------------------------------
観光タクシー　コースレイアウト
---------------------------------------*/
.coaseList>li{ border:5px solid #F6F6F6; padding:20px; margin-bottom:20px;}
.coaseList>li:last-child{margin-bottom:0;}
.coaseList>li .clearfix{margin-bottom:15px;}
.coaseList>li p.catch{ color:#2433B5; font-weight:bold; font-size:140%;}
.coaseList>li dl{ border-top:1px solid #dfdfdf;}
.coaseList>li dl dt{ float:left; clear:both; border-left:3px solid #2433B5; padding:5px; background-color:#F4F4F4; min-width:140px; margin-right:5px;}
.coaseList>li dl dd{ border:1px solid #dfdfdf; display:block; padding:5px; border-top:none;}

.coaseList>li .coaseTit{background:url(../tourist-taxi/img/t-taxi_cbk.jpg) repeat #2433B5; padding:10px; color:#fff;}

.coaseList>li ol{margin:0; padding:10px 10px 0; border:5px solid #D0BC87; border-top:none;}
.coaseList>li ol li{float:left; list-style:inside decimal; background-color:#F6F6F6; margin:0 30px 10px 0; padding:0.5em; border:3px solid #ccc; position:relative;}
.coaseList>li ol li:after{ position:absolute; right:-24px; top:20%; content:">"; color:#bbb;}
.coaseList>li ol li:first-child{ border-color:#39F; background-color:#FFF;}
.coaseList>li ol li:first-child:before,
.coaseList>li ol li:last-child:before{background:url(../tourist-taxi/img/taxi_icon.png) no-repeat; content:""; position:absolute; width:79px; height:44px; left:-60px; top:5px}
.coaseList>li ol li:last-child:before{ left:auto; right:-70px; top:-10px; height:62px; background-image:url(../tourist-taxi/img/eki_icon.png);}
.coaseList>li ol li:last-child{border-color:#C00; background-color:#FFF;}
.coaseList>li ol li:last-child:after{ display:none;}

/*アイコン変更*/
.coaseList>li ol li.taxi-icon02:before{background-image:url(../tourist-taxi/img/taxi_icon02.png);}
.coaseList>li ol li.taxi-icon03:before{background-image:url(../tourist-taxi/img/taxi_icon03.png);}

#price > div.flm { width:60%;}
#price > div.flm { width:60%;}

/*---------------------------------------

---------------------------------------*/
.k-spot h4{ overflow:hidden; font-size:13px; height:60px; line-height:39px;}
.k-spot h4.line2{ line-height:1.4;}
.k-spot h4 span{ overflow:hidden; display:inline-block;}
.k-spot h4 img{width:70px; margin:5px 10px 0 0; float:left;}
.k-spot h4.line2 img{ margin:5px 10px 0 0;}
/*---------------------------------------
タクシーキャッチ
---------------------------------------*/
.t-taxi_catch_before{position:relative;}
.t-taxi_catch_before div.comment{ background:url(../tourist-taxi/img/t-taxi_catch_before.png); position:absolute; left:-20px; top:50%; width:428px; height:105px; margin-top:-65px; padding:25px 30px 0 10px; color:#fff; text-shadow:2px 2px 3px rgba(0, 15, 51, 0.9);}
.t-taxi_catch_before div.comment strong{ display:block; font-size:30px;}
/*---------------------------------------
レイアウト
---------------------------------------*/
/*-------------------
レイアウトボックス
--------------------*/
.float-box{margin-bottom:16px;}
.float-box img{ max-width:283px;}
.float-box.img-fl img{ float:left; margin-right:16px;}/*左寄せ*/
.float-box.img-fr img{ float:right; margin-left:16px;}/*右寄せ*/
.float-box .txt{}
/*-------------------
終点
--------------------*/
.syuten:before{ content:"出典："; color:#999;}
.syuten.link:before{ content:"HP：";}
.syuten a{ color:#999;}
/*-------------------
リスト
--------------------*/
dl.style dt{ background-color:#F3F3F3; padding:5px 1em; float:left; min-width:80px; text-align:center; margin-right:1em;}
dl.style dd{ border-bottom:1px solid #ccc; padding:5px 1em;}
/*-------------------
キャッチ
--------------------*/
p.catch{ color:#2433B5; font-weight:bold; font-size:140%;}

/*-------------------
まきタクシーのご紹介
--------------------*/

.yoko dt { float: left; clear: left; margin-right: 0.5em;}
table .yoko dt {width: 85px;}

/*-------------------------------------------------
お問い合わせ
-------------------------------------------------*/
.contact .denwa,
.contact .fax{ background-color:#FF4D3B; margin-right:0; width:350px; border-radius:10px 0 0 10px; height:100px; line-height:135px; color:#fff; text-shadow:2px 2px 0 rgba(0,0,0,0.2); font-weight:bold; font-size:26px; margin-bottom:0; box-shadow:0 -4px 0 rgba(0,0,0,0.2) inset; position:relative;}
.contact .fax{ border-radius:0 10px 10px 0; background-color:#1B93D1; width:349px;}
.contact .denwa span.st,
.contact .fax span.st{ font-size:60%; display:block; line-height:10px; position:absolute; left:90px; top:15px; background-color:#FFF; padding:10px; border-radius:5px; text-shadow:none; color:#FF4D3B;}
.contact .fax span.st{color:#1B93D1;}
.contact .denwa img,
.contact .fax img{margin:-35px 20px 0; display:inline-block;}

.contact .denwa a,
.contact .fax a{color:#fff;}

#privacy .inner { margin: 0 3px 0 12px; }
#privacy .inner2 { margin: 0 0 15px; }
#privacy dl.style2 dt {
    color: #464028;
    font-weight: bold;
    padding: 0 5px 5px;
}
#privacy dl.style2 dd {
    border-bottom: 1px dotted #dacea9;
    margin-bottom: 15px;
    padding: 0 5px 0 20px;
}

#privacy ul.dot { margin-top: 1em; }
#privacy ul.dot li { list-style-type:disc; list-style-position:inside; text-indent:-1em; margin-left:1em;}
