@charset "utf-8";
a {
color:#0033CC;
text-decoration:underline;
}
a:hover {
text-decoration:none;
color:#997000;
}
body {
font-size: 75%;
color: #333333;
}
@media screen and (min-width: 641px) {
	body {
	min-width: 1100px;
	}
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; clear: both;}
.clear { clear:both;}
/*マージン*/
.margin_s {margin:5px 0;}
.margin_m {margin:10px 0;}
.margin_l {margin:30px 0;}
/*行揃え*/
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
/*画像フロート*/
.img_right {
float:right;
padding-left:10px;
}
.img_left {
float:left;
padding-right:10px;
}
.mailimg {
margin-top: -9px;
}
/*フォントサイズ*/
.small{font-size:80%;}
.large{font-size:125%;}
.large_x{font-size:150%;}
.em11{font-size:1.1em;}
.em12{font-size:1.2em;}
.b {font-weight:bold;}
/*フォントカラー*/
.hot{color:#D61831;}
.cool{color:#3366FF;}
.red {color:#FF0000;}
.err {color:#FF0000;}

/*矢印*/
a.arrow_r {
color:#997000;
background:url(../layout_img/allow.gif) no-repeat left center;
padding-left:10px;
}
a.arrow_l {
color:#997000;
background:url(../layout_img/allow_l.gif) no-repeat left center;
padding-left:10px;
}
a.arrow_t {
color:#997000;
background:url(../layout_img/allow_t.gif) no-repeat left center;
padding-left:10px;
}
a.arrow_b {
color:#997000;
background:url(../layout_img/allow_b.gif) no-repeat left center;
padding-left:10px;
}
/*PDFアイコン*/
a.pdf {
background:url(../layout_img/pdf_small.gif) no-repeat left center;
padding-left:20px;
}
/*テーブル*/
table.tabletype1 {
border-collapse:collapse;
border: solid 1px #CCCCCC;
margin: 5px 0;
}
table.tabletype1 caption {
padding:2px 5px;
background-color:#e5e5e5;
border: solid 1px #CCCCCC;
border-bottom:none;
}
table.tabletype1 th,table.tabletype1 td {
padding:5px;
border: solid 1px #CCCCCC;
vertical-align: middle;
background-color:#FFF;
}
table.tabletype1 th {
background:url(../layout_img/stripe_gray.gif) repeat left top;
}
/*リストスタイル*/
dl.dlstyle1 {
border-collapse:collapse;
margin: 5px 0;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
background:url(../layout_img/stripe_gray.gif) repeat left top;
}
dl.dlstyle1 dt {
float: left;
padding:5px;
width: 150px;
font-weight: bold;
border-top: 1px solid #cccccc;
}
dl.dlstyle1 dd {
padding:5px;
margin-left: 160px;
border-top: 1px solid #cccccc;
border-left: solid 1px #cccccc;
background-color:#FFF;
}
/*リスト*/
ul.disc {
margin: 5px 0;
padding-left: 2em;
}
ul.disc li {
list-style: disc;
}
ul.kome {
margin: 5px 0;
padding-left: 2em;
}
ul.kome li {
list-style-image: url(../layout_img/kome.gif);
}
ol.dec {
margin: 5px 0;
padding-left: 2em;
}
ol.dec li {
list-style-type: decimal;
}
li.kome {
list-style-image: url(../layout_img/kome.gif);
}
/*定義リスト*/
dl.indent {
margin:10px 0;
}
dl.indent dt {
font-weight: bold;
background:url(../layout_img/allow.gif) no-repeat left 6px;
padding-left:10px;
}
dl.indent dd {
margin:0 0 10px 10px;
}
/*テキストエリアのサイズ指定*/
.input25 {
width: 25px;
padding: 2px;
}
.input40 {
width: 40px;
padding: 2px;
}
.input100 {
width: 100px;
padding: 2px;
}
.input200 {
width: 200px;
padding: 2px;
}
.input300 {
width: 300px;
padding: 2px;
}
.input400 {
width: 400px;
padding: 2px;
}
/*インプットボタン*/
input.input_btn {
padding:2px 10px;
}
input.input_2btn {/*横に二つ並ぶ場合*/
margin:0 20px;
padding:2px 10px;
}

p.pagetop {
text-align:right;
margin:10px 0;
display: none;
}
p.pagetop a {
color:#997000;
background:url(../layout_img/allow_t.gif) no-repeat left center;
padding-left:10px;
display: none;
}

/*--190329追加--*/
#totop{
position: fixed;
right: 18px;
bottom: 15px;
z-index: 210;
}
#totop .heg-vip-hibiscus:before{
font-size: 2.3rem;
line-height: 1;
}
#totop a{
line-height: 2;
text-decoration: none;
color: #ccc;
text-shadow: white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
}
#totop a:hover{
color: #3c84cf;
}
@media print{
#totop{
display:none;
}
}
/*--190329追加ここまで--*/

/*パンくず*/
ul.page_route {
width: 950px;
margin: 10px auto 0;
text-align:left;
}
ul.page_route li {
color:#355e72;
display:inline;
}
ul.page_route li a {
background:url(../layout_img/allow.gif) no-repeat right center;
padding-right:10px;
}
/*パンくず--150325追加*/
#breadcrumb{
width: 970px;
margin: 10px auto 0;
text-align: left;
padding-left: 15px;
}

/*見出し*/
#main_area.default h2{
height: 60px;
line-height: 60px;
font-size: 150%;
padding-left: 20px;
background:url(../layout_img/h2.gif) no-repeat right top #fff;
color: #355e72;
margin: 0 0 10px 0;
border: 1px solid #59b4e0;
border-radius: 6px 6px 0 0;
}
h2.default {
height: 60px;
line-height: 60px;
font-size: 150%;
padding-left: 20px;
background:url(../layout_img/h2.gif) no-repeat right top #fff;
color: #355e72;
margin: 0 0 10px 0;
border: 1px solid #59b4e0;
border-radius: 6px 6px 0 0;
}
#main_area.default h3{
font-size: 1.2em;
border-radius: 5px;
border: 1px #ccb77f solid;
background-image: -moz-linear-gradient(top, #ffffff, #faf8f3);
background-image: -ms-linear-gradient(top, #ffffff, #faf8f3);
background-image: -o-linear-gradient(top, #ffffff, #faf8f3);
background-image: -webkit-linear-gradient(top, #ffffff, #faf8f3);
background-image: linear-gradient(top, #ffffff, #faf8f3);
padding: 8px 10px;
margin: 20px 0 10px;
}
h3.default {
font-size: 1.2em;
border-radius: 5px;
border: 1px #ccb77f solid;
background-image: -moz-linear-gradient(top, #ffffff, #faf8f3);
background-image: -ms-linear-gradient(top, #ffffff, #faf8f3);
background-image: -o-linear-gradient(top, #ffffff, #faf8f3);
background-image: -webkit-linear-gradient(top, #ffffff, #faf8f3);
background-image: linear-gradient(top, #ffffff, #faf8f3);
padding: 8px 10px;
margin: 20px 0 10px;
}
h4.default {
font-size: 120%;
padding:5px 0 5px 15px;
background:url(../layout_img/allow.gif) no-repeat 5px 13px;
border-bottom:solid 3px #eae2cb;
margin:10px 0;
}
h5 {
font-size: 1.0em;
color:#997000;
padding:5px 0 2px 0;
border-bottom:solid 3px #eae2cb;
margin: 15px 0 5px;
}
/*枠*/
.content_l {
padding:0 20px 20px;
}
.content_m {
padding:0 40px 20px;
}
.content_s {
padding:0 60px 20px;
}

/*----------------------------------------------------
 TOPページ　運行情報アラート 140509
----------------------------------------------------*/
#traffic_info_area{
width:100%;
/*height:490px; 142015追記*/
height:100%; /*142015追記*/
position:fixed;
top:0;
z-index:1000;
background-color:rgba(0,0,0,0.6);
}
#traffic_info_attention{
width:500px;
height:500px;/*142015追記*/
overflow-y: scroll;/*142015追記*/
margin:120px auto;
padding:30px;
border: 3px #ffc000 solid;
background-color:#fbf2d8;
border-radius: 5px;
font-size:1.2em;
line-height:1.5em;
position: relative;
}
#traffic_info_attention .title{
font-size:1.5em;
font-weight:bold;
padding:10px;
color:#ffffff;
background-color:#ffc000;
border-radius: 5px;
}

#traffic_info_stoppage{
width:500px;
height:500px;/*142015追記*/
overflow-y: scroll;/*142015追記*/
margin:120px auto;
padding:30px;
border: 3px #ff7575 solid;
background-color:#ffeeee;
border-radius: 5px;
font-size:1.2em;
line-height:1.5em;
position: relative;
}
#traffic_info_stoppage .title{
font-size:1.5em;
font-weight:bold;
padding:10px;
color:#ffffff;
background-color:#ff7575;
border-radius: 5px;
}

#traffic_info_area .close_btn{
    right: calc(50% - 250px - 10px);
    top: calc(120px + 10px);
    position: fixed;
}

#traffic_info_area .date{
margin:10px 0;
font-weight:bold;
color:#ff0000;
}
#traffic_info_area .link{
margin:10px 0;
font-weight:bold;
}

#traffic_info_area .lang_btn li{
display: inline;
}

/*----------------------------------------------------
 全ページ　運行情報BOX 140627
----------------------------------------------------*/

#traffic_info {
position:fixed;
right:15px;
bottom:100px;
z-index:210;
width: 115px;
text-align: center;
}

#traffic_info img{
margin-top:10px;
}

#traffic_info .normal_box{
padding:10px;
border: 3px #3c84cf solid;
background-color:#ffffff;
border-radius: 5px;
}

#traffic_info .attention_box{
padding:10px;
border: 3px #ffc000 solid;
background-color:#fbf2d8;
border-radius: 5px;
}

#traffic_info .stoppage_box{
padding:10px;
border: 3px #ff7575 solid;
background-color:#ffeeee;
border-radius: 5px;
}
/*----------------------------------------------------
 会員情報取得 151202
----------------------------------------------------*/
#vipliner_member_info{
display:none;
}
/*----------------------------------------------------
 安全対策info 181219
----------------------------------------------------*/
#anzen_wrapper {
margin: 0 auto 15px;
width: 960px;
}
#anzen_wrapper dl {
border-collapse: collapse;
background-color: #59b4e0;
border-radius: 5px;
}
#anzen_wrapper dt {
float: left;
padding-top: 5px;
width: 190px;
font-weight: bold;
color:#ffffff;
border-radius: 5px 0 0 5px;
font-size: 1.2em;
}
#anzen_wrapper dd {
padding: 4px 5px 6px 10px;
margin-left: 200px;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
background-color: #ffffff;
text-align: left;
border-radius: 0 5px 5px 0;
}
/*----------------------------------------------------
 会社概要 160419
----------------------------------------------------*/
.wasabi_name{
	display:block;
}


