@charset "utf-8";
/*
Theme Name: meitaku2015search
Description: 名鉄交通 タクシー料金シュミレーション
Design: kernel Concept
Coding: ave(shikakudentatsu.com)
Version: 1.1
*/


a{color:#00696A;text-decoration:none;}
a:hover{color:#00696A;text-decoration:underline;}
a img{border:none;}
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
font-weight:normal;
}
header,footer,p,form,
section,article,nav,
figure,figcaption{
margin:0;
padding:0;
}

small{
display:block;
text-align:right;
}
address{font-style:normal;}

body{
margin:0;
padding:0;
background:#FFF;
color:#333;
font-size:16px;
line-height:150%;
/*font-family: "Century","ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";*/
font-family:'ヒラギノ角ゴ Pro W3','Osaka','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
-webkit-text-size-adjust: 100%;
}

.container{
margin:auto;
padding:0;
height:100%;
background:#FFF;
}
header{
background:#00B484;
text-align:center;
}
header h1{margin-left:75px;}

footer{
margin:10px auto;
width:960px;
text-align:right;
font-size:10px;
color:#999;
}
.copyright{}

section{
margin:auto;
width:960px;
}
article{margin:50px auto;}

article h3{
margin:0 0 20px 0;
padding:5px 0 5px 24px;
background:url(images/tit01.gif) left top repeat-y;
border-bottom:1px solid #99C4B1;
font-size:20px;
line-height:130%;
color:#444;
letter-spacing:1px;
vertical-align:middle;
}
article .content{
display:table;
border:1px solid #AAA;
}
article dl{
display:table-row;
margin:0;
width:100%;
}
article dt{
display:table-cell;
margin:0;
padding:20px 0 20px 20px;
width:130px;
background:#E6F0EB;
color:#006C3B;
border-right:1px solid #AAA;
border-bottom:1px dotted #AAA;
vertical-align:middle;
}
article dd{
display:table-cell;
margin:0;
padding:20px;
width:767px;
border-bottom:1px dotted #AAA;
vertical-align:middle;
}
article dl:last-child dt,
article dl:last-child dd{
border-bottom:none;
}
article dt span{
display:inline-block;
margin:0 0 0 10px;
padding:2px 10px;
background:#AAA;
border-radius:2px;
color:#FFF;
font-size:85%;
line-height:130%;
letter-spacing:2px;
}

article dd .err{
display:inline-block;
color:#D00;
}
.search input[type="text"]{
padding:2px;
width:98%;
font-size:16px;
border:1px solid #999;
background:#FAFAFA;
}
.search input[type="text"]:focus{
background:#FFF;
color:#333;
border:1px solid #666;
}
.raw{color:#BBB;}
.typed{color:#333;}

.attention{
margin:20px auto;
padding:20px 0 10px 0;
width:860px;
background:#EEF6F3;
overflow:hidden;
zoom:1;
}
.att1{
float:left;
padding:0 20px;
width:390px;
}
.attention h5{
margin:0 0 5px 0;
font-size:100%;
font-weight:bold;
color:#006C3B;
}
.att1 p{
margin:0 0 10px 0;
font-size:90%;
line-height:140%;
vertical-align:top;
}
.att1 .area{}

.att3{
float:right;
margin:0 auto;
padding:0 20px 0;
width:390px;
}

.att3 p{
padding:0 0 20px 0;
font-size:90%;
line-height:140%;
width:auto;
vertical-align:top;
}

.attention dl{
display:block;
margin:0 0 10px 20px;
padding:0;
width:auto;
}
.attention dt{
display:block;
margin:0;
padding:0;
width:auto;
font-weight:bold;
color:#006C3B;
border:none;
background:none;
}
.attention dd{
display:block;
margin:0;
padding:0;
width:auto;
border:none;
font-size:90%;
line-height:140%;
}

.btn{
margin:20px 0;
text-align:center;
}
.btn input{
background:url(images/btn_bg.gif) no-repeat;
width:175px;
height:55px;
font-size:18px;
letter-spacing:4px;
font-weight:bold;
color:#FFF;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
border:none;
}
.btn input:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
}
.att2{
margin:20px 0;
font-size:90%;
line-height:170%;
}
.att2 strong{
font-size:110%;
color:#006C3B;
font-weight:normal;
}
.resultMap #gmap{
width:960px;
height:500px;
border:1px solid #CCC;
background:#FAFAFA;
}
.searchError p{
font-weight:bold;
color:#D00;
}

dl.resultAttention{
display:block;
margin:20px auto;
padding:0 10px;
width:860px;
border:none;
}
dl.resultAttention dt{
display:block;
margin:0;
padding:0;
width:auto;
color:#006C3B;
font-weight:bold;
background:none;
border:none;
}
dl.resultAttention dd{
display:block;
margin:0 0 0 1em;
padding:0;
background:none;
border:none;
font-size:90%;
text-indent:-1em;
}

dl.resultAttention dd:before{
	content:'・';
}

.maintenance_box {
	width: 100%;
	background-color: #d9e000;
	padding: 60px 0;
	margin: 0 auto;
}
.maintenance_box .icon {
	width: 90px;
	margin: 0 auto;
}
.maintenance_box .icon img {
	width: 100%;
}
.maintenance_box .text {
	text-align: center;
}
.maintenance_box .text .lead {
	margin-top: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #4b4b4b;
	text-align: center;
	line-height: 1.5;
}
.maintenance_box .text .notes {
	margin-top: 40px;
	font-size: 16px;
	color: #4b4b4b;
	padding: 20px;
	border: solid 1px #4b4b4b;
	display: inline-block;
}