@charset "UTF-8";
/* charset */
/* @group initialize  */
body {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, li {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup, sub {
  line-height: -1px;
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* @end */
/* @group common */
body {
  background-color: white;
  color: black;
  /*    font-size: 12px;*/
  line-height: 150%;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  background: url(/~/Media/Images/customer/common/bg/bg_body.gif) top center repeat-y;
}

p {
  line-height: 150%;
}

.container,
.header,
.footer {
  margin: 0 auto;
  text-align: left;
  width: 980px;
}

.container {
  padding-top: 15px;
  background: #DAF7FB;
}

.header {
  padding: 5px 0 0 0;
  position: relative;
  height: 74px;
}

.header ul.headerLinkList .sortLg {
  position: relative;
  background: #009fb6;
  color: #FFF;
  border: none;
  outline: none;
  cursor: pointer;
  padding-top: 0px;
  width: 100px;
}

.header ul.headerLinkList .sortLg .sortLg__target {
  position: relative;
  display: block;
  padding: 0px 10px 0px 10px;
}

.header ul.headerLinkList .sortLg .sortLg__target:hover {
  position: relative;
  display: block;
  background: #008ea3;
}

.header ul.headerLinkList .sortLg .sortLg__target:after {
  content: " ";
  position: absolute;
  top: 6px;
  right: 10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-color: #FFF transparent transparent transparent;
}

.header ul.headerLinkList .sortLg .sortLg__target.over:after {
  border-width: 0 3px 6px 3px;
  border-color: transparent transparent #FFF transparent;
}

.header ul.headerLinkList ul.sortLg__List {
  position: absolute;
  top: 100%;
  left: -0px;
  margin: 0;
  width: 100px;
  z-index: 210;
  display: none;
}

.header ul.headerLinkList li.sortLg__ListItem {
  float: none;
  padding: 0;
  margin: 0;
  border-left: none;
}

.header ul.headerLinkList li.sortLg__ListItem a {
  display: block;
  padding: 3px 10px 3px 10px;
  background: #009fb6;
  cursor: pointer;
}

.header ul.headerLinkList li.sortLg__ListItem a:hover {
  background: #008ea3;
  text-decoration: none;
}

.header_Area {
  /* 201708 JIS規格対応：バックグラウンド画像削除
    background: url(/~/Media/Images/customer/common/bg/bg_header_01.gif) top center no-repeat;
    * 画像の代わりに色と下段の余白指定 */
  background-color: #ffffff;
  padding-bottom: 12px;
  /* 201708 JIS規格対応 end */
}

.header_Area .headerLinkList__wrap a:link {
  color: #FFF;
}

.header_Area .headerLinkList__wrap a:visited {
  color: #FFF;
}

.posRe {
  position: relative;
}

/* width変更 */
.leftContentTop {
  float: left;
  width: 728px;
}

.leftContent {
  float: left;
  width: 728px;
}

.trafficContent,
.asideContent {
  float: left;
  width: 980px;
  margin-bottom: 10px;
}

/* 20170809 JIS規格対応：削除
p.goToTop {
clear: both;
padding-left:100px;
padding-bottom: 10px;
text-align: right;
}
p.goToTop a {
padding-left:13px;
background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_04.png) center left no-repeat;
}
*/
/* 20170809 JIS規格対応：変更したソース */
p.goToTop {
  bottom: -20px;
  clear: both;
  text-align: right;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

p.goToTop span {
  padding-left: 18px;
  font-size: 12px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_04.png) center left no-repeat;
}

p.goToTop a:hover {
  text-decoration: none;
}

/* 201708 JIS規格対応 end */
/* 文字サイズ拡大したとき */
p.goToTop a.largeText {
  /* ▼▼▼ 20180912 edit ▼▼▼ */
  font-size: 116.6%;
  /* ▲▲▲ 20180912 edit ▲▲▲ */
}

p.goToHome {
  clear: both;
  padding: 0 100px;
  margin-bottom: 10px;
  text-align: right;
  background-image: url(/~/Media/Images/customer/common/ico/ico_link_arrow_04.png);
  background-repeat: no-repeat;
  background-position: 967px center;
}

li img {
  vertical-align: bottom;
}

a:link.underline {
  text-decoration: underline;
}

/* @end */
/* @group 余白 */
.mr80 {
  padding-right: 80px;
}

.mr35 {
  padding-right: 35px;
}

.mr15 {
  padding-right: 15px;
}

.mr7 {
  padding-right: 7px;
}

.mt1 {
  margin-top: 1px;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px;
}

/* ↓↓↓20140616修正↓↓↓ */
.mb15 {
  margin-bottom: 15px !important;
}

/* ↑↑↑20140616修正↑↑↑ */
.mb20 {
  margin-bottom: 20px !important;
}

/* ↓↓↓201703修正↓↓↓ */
.mt0 {
  margin-top: 0px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pdt20 {
  padding-top: 20px;
}

/* ↑↑↑201703修正↑↑↑ */
.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb25 {
  padding-bottom: 25px;
}

/* @end */
/* @group リンク */
a:link {
  text-decoration: none;
  color: #009FB7;
}

a:visited {
  color: #8500b7;
  text-decoration: none;
}

a:hover {
  color: #009FB7;
  text-decoration: underline;
}

a.current {
  text-decoration: underline;
}

a img {
  vertical-align: text-bottom;
}

.pdf {
  background: url(/~/Media/Images/customer/common/ico/ico_pdf.gif) no-repeat left center;
  padding: 2px 0 2px 23px;
}

/* @end */
/* @group 2012/3/12 kawaguchi追加 */
/* 右ナビの外部リンクに一律でアイコンを表示（IE6非対応）
/*（www.shutokodeikou.jpドメインは除外）
/*---------------------------------*/
.sideMenuLower a[href^="http:"],
.sideMenuLower a[href^="https:"] {
  padding-right: 15px;
  margin-right: 5px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
}

.sideMenuLower a[href^="http://www.shutokodeikou.jp/"] {
  padding-right: 0;
  background: none;
}

/* @end */
/* @group リンク ブルー */
.lcblue a {
  text-decoration: none;
  color: #009FB7;
}

.lcblue a:visited {
  color: #8500b7;
  text-decoration: none;
}

.lcblue a:hover {
  color: #009FB7;
  text-decoration: underline;
}

.lcblue a.current {
  text-decoration: underline;
}

/* @end */
/* @group リンク ホワイト */
.lcwhite a {
  text-decoration: none;
  color: #FFFFFF;
}

.lcwhite a:visited {
  color: #8500b7;
  text-decoration: none;
}

.lcwhite a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.lcwhite a.current {
  text-decoration: underline;
}

/* @end */
/* @group 外部リンク */
/*-- aタグに既に背景画像が使用されている場合、<span class="externalMarkIns">でリンクテキストをマークアップして下さい  --*/
/* 201708 JIS規格対応 */
/*a.externalMark,
a.externalMark .externalMarkIns {
padding-right:15px;
margin-right: 5px;
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
}
a.externalMark .externalMarkIns{
margin-right: -20px;
}*/
/* 201708 JIS規格対応 end */
/* ▼▼▼ 20191112 LINKマーク修正 ▼▼▼ */
a.externalMark,
a.externalMark .externalMarkIns {
    padding-right: 15px;
    margin-right: 5px;
    background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
}

.blankLinkMark {
    padding-right: 15px;
    padding-left: 0 !important;
    margin-right: 5px;
    background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center !important;
}

a.externalMark .externalMarkIns {
    margin-right: -20px;
}

.trafficArea .box27 .externalMark {
    background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center !important;
    padding-left: 0 !important;
}
/* ▲▲▲ 20191112 LINKマーク修正 ▲▲▲ */

/* 201708 JIS規格対応 追加 */
.headerLinkList a.externalMark {
  padding-right: 15px;
  margin-right: 5px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_window_04.png) no-repeat right center;
}

/* 201708 JIS規格対応 end */
/*濃い背景用反転アイコン(class="externalMark nega"を指定して下さい)*/
/* 201708 JIS規格対応
a.externalMark.nega,
a.externalMark.nega .externalMarkIns {
background-image:url(/~/Media/Images/customer/common/ico/ico_link_window_03.gif);
}*/
/* 20170809 JIS規格対応：イメージをpngに変更、サイズ指定 */
a.externalMark.nega,
a.externalMark.nega .externalMarkIns {
  background-image: url(/~/Media/Images/customer/common/ico/ico_link_window_03.png);
  background-size: 10px 10px;
}

/* 201708 JIS規格対応 end */
/* @end */
/* @group fotn関連 */
.taRight {
  text-align: right;
}

.txtIndent {
  text-indent: -1em;
  padding-left: 1em;
}

.ftwb {
  font-weight: bold;
}

/* @end */
/* @group fontサイズ */
/* 基本（100%=12px) */
/* ▼▼▼ 20180912 edit ▼▼▼ */
.text10 {
  font-size: 83.3%;
}

.text11 {
  font-size: 90.9%;
}

.text13 {
  font-size: 100.8%;
}

.text14 {
  font-size: 116.6%;
}

.text16 {
  font-size: 133.3%;
}

.text24 {
  font-size: 171.4%;
  line-height: 100%;
}

/* ▲▲▲ 20180912 edit ▲▲▲ */
/* 基本（100%=14px) */
/*
.text10 { font-size:71.4%; }
.text11 { font-size:78.5%; }
.text13 { font-size:92.8%; }
.text14 { font-size:100%; }
.text16 { font-size:114.2%; }
.text24 { font-size:171.4%;line-height: 100%; }
*/
/* タイトル */
.pageTitle p {
  font-size: 133.3%;
  /* 16px */
}

.pageTitle p span {
  font-size: 83.3%;
  /* 10px */
}

/* @end */
/* @group smallサイズ */
div.smallText {
  font-size: 10px;
}

div.smallText .text10 {
  font-size: 66.7%;
}

/*（中＝8pxサイズ) */
div.smallText .text11 {
  font-size: 75%;
}

/*（中＝9pxサイズ) */
div.smallText .text14 {
  font-size: 100%;
}

/*（中＝12pxサイズ) */
div.smallText .text16 {
  font-size: 116.7%;
}

/*（中＝14pxサイズ) */
div.smallText .text24 {
  font-size: 183.3%;
  line-height: 100%;
}

/*（中＝22pxサイズ) */
/* @end */
/* @group largeサイズ */
div.largeText {
  /* ▼▼▼ 20180912 edit ▼▼▼ */
  font-size: 116.6%;
  /* ▲▲▲ 20180912 edit ▲▲▲ */
}

div.largeText .text10 {
  font-size: 100%;
}

/*（中＝12pxサイズ) */
div.largeText .text11 {
  font-size: 108.3%;
}

/*（中＝13pxサイズ) */
div.largeText .text14 {
  font-size: 133.3%;
}

/*（中＝16pxサイズ) */
div.largeText .text16 {
  font-size: 150%;
  line-height: 120%;
}

/*（中＝18pxサイズ) */
div.largeText .text24 {
  font-size: 166.7%;
  line-height: 110%;
}

/*（中＝26pxサイズ) */
/* @end */
/* @group ヘッダー */
/* 201708 JIS規格対応：画像のスタイル修正のため削除
.header div.headerLogo {
float: left;
}*/
/* ▼▼▼ 20180912 add ▼▼▼ */
.header {
  font-size: 116.6%;
}

/* ▲▲▲ 20180912 add ▲▲▲ */
.header div.headerttlbox {
  width: 440px;
  height: 81px;
  top: 0px;
  position: absolute;
}

.header div.headerLogo {
  z-index: 2;
  float: left;
  position: relative;
  top: 0px;
}

.header div.headerTtl {
  right: 0px;
  position: absolute;
  bottom: 10px;
  top: auto;
}

.header div.headerTtl img {
  width: 90%;
}

/* 201708 JIS規格対応 end */
.header div.linkBtn {
  float: right;
  padding-top: 15px;
}

/* 20170809 JIS規格対応：コメントアウト
.header ul.headerLinkList {
position: absolute;
top: 20px;
right: 0;
}
.header ul.headerLinkList li {
float: right;
padding-left: 16px;
margin-left: 18px;
background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
}
.header ul.headerLinkList li.last {
border-left: none;
}*/
/* 20170809 JIS規格対応：ヘッダーメニューのスタイル修正*/
.header ul.headerLinkList {
  position: absolute;
  top: 2.5px;
  right: 100px;
  font-size: 100%;
}

.header ul.headerLinkList li {
  float: left;
  padding-left: 16px;
  margin-left: 18px;
  border-left: solid 1px #ffffff;
}

.header ul.headerLinkList li.last {
  border-left: none;
  border: 1px solid #ffffff;
  margin: -1px 0px 0px;
  padding-left: 0px;
  padding-right: 5px;
}

/* 201708 JIS規格対応 end */

/* ▼▼▼ 20170705追加 ▼▼▼ */
.headerLinkList__wrap {
  top: 0px;
  width: 1180px;
  background-color: #009FB7;
  height: 28px;
  position: absolute;
  left: -100px;
}

.header ul.headerLinkList li a {
  color: #ffffff;
}

.arrowMark {
  padding: 3px 16px 3px 5px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_17.png) no-repeat right center;
}

/* ▲ 20170705追加 ▲▲▲ */
/* @group フォントサイズ変更ボタン */
/* 20170809 JIS規格対応：コメントアウト
.header ul.textSizeChange {
float: right;
padding-top: 42px;
}*/
/* 20170809 JIS規格対応：フォントサイズ設定ボタンのスタイル修正　*/
.header ul.textSizeChange {
  position: absolute;
  right: 255px;/*right: 200px; 変更20190614*/
  top: 44px;
}

.header ul.textSizeChange li {
  float: left;
  /* 201708 JIS規格対応 */
  /* padding: 0 2px; */
}

/*　201708　JIS規格対応　追加　*/
.header ul.textSizeChange li img {
  cursor: pointer;
}

/* 201708 JIS規格対応 end */
.header ul.textSizeChange li p {
  width: 27px;
  height: 27px;
  text-indent: -9999px;
  cursor: pointer;
}

/*.header ul.textSizeChange li p a {
display: block;
text-indent: -9999px;
width: 27px;
height: 27px;
}*/
.header ul.textSizeChange li.listTitle {
  padding-top: 5px;
  margin-right: 7px;
  font-weight: bold;
}

.header ul.textSizeChange li.smpBtn {
  padding-top: 2px;
  padding-right: 10px;
}

/*　1206 変更 /
.header ul.textSizeChange li.small a {
background: url(/~/Media/Images/customer/btn_header_01_off.gif) no-repeat left top;
}
.header ul.textSizeChange li.small a:hover {
background: url(/~/Media/Images/customer/btn_header_01_on.gif) no-repeat left top;
}
.header ul.textSizeChange li.small p.current {
background: url(/~/Media/Images/customer/btn_header_01_on.gif) no-repeat left top;
}　*/
/*.header ul.textSizeChange li.middle a {
background: url(/~/Media/Images/customer/btn_header_02_off.gif) no-repeat left top;
}
.header ul.textSizeChange li.middle a:hover {
background: url(/~/Media/Images/customer/btn_header_02_on.gif) no-repeat left top;
}*/
.header ul.textSizeChange li.middle p.off {
  background: url(/~/Media/Images/customer/common/btn/btn_header_02_off.gif) no-repeat left top;
}

.header ul.textSizeChange li.middle p.current {
  background: url(/~/Media/Images/customer/common/btn/btn_header_02_on.gif) no-repeat left top;
}

.header ul.textSizeChange li.middle p:hover {
  background: url(/~/Media/Images/customer/common/btn/btn_header_02_on.gif) no-repeat left top;
}

/*.header ul.textSizeChange li.large a {
background: url(/~/Media/Images/customer/btn_header_03_off.gif) no-repeat left top;
}
.header ul.textSizeChange li.large a:hover {
background: url(/~/Media/Images/customer/btn_header_03_on.gif) no-repeat left top;
}*/
.header ul.textSizeChange li.large p.off {
  background: url(/~/Media/Images/customer/common/btn/btn_header_03_off.gif) no-repeat left top;
}

.header ul.textSizeChange li.large p.current {
  background: url(/~/Media/Images/customer/common/btn/btn_header_03_on.gif) no-repeat left top;
}

.header ul.textSizeChange li.large p:hover {
  background: url(/~/Media/Images/customer/common/btn/btn_header_03_on.gif) no-repeat left top;
}

/* 2017/08/31 JIS規格部分対応 */
.header ul.textSizeChange li p {
  /*width: 36.5px;*/
  height: 28px;
  text-indent: -9999px;
  cursor: pointer;
}

.header ul.textSizeChange li.nomal p.off {
  background: url(/~/Media/Images/customer/common/btn/btn_header_fontsize_nomal_off.png) no-repeat left top;
  width: 37px;
}

.header ul.textSizeChange li.nomal p.current {
  background: url(/~/Media/Images/customer/common/btn/btn_header_fontsize_nomal_on.png) no-repeat left top;
  width: 37px;
}

.header ul.textSizeChange li.nomal p:hover {
  background: url(/~/Media/Images/customer/common/btn/btn_header_fontsize_nomal_on.png) no-repeat left top;
  width: 37px;
}

.header ul.textSizeChange li.large p.off {
  background: url(/~/Media/Images/customer/common/btn/btn_header_fontsize_large_off.png) no-repeat left top;
  width: 37px;
}

.header ul.textSizeChange li.large p.current {
  background: url(/~/Media/Images/customer/common/btn/btn_header_fontsize_large_on.png) no-repeat left top;
  width: 37px;
}

.header ul.textSizeChange li.large p:hover {
  background: url(/~/Media/Images/customer/common/btn/btn_header_fontsize_large_on.png) no-repeat left top;
  width: 37px;
}

/* 201708 JIS規格対応 end */
/* @end */
/* @group ヘッダーナビ */
#naviBox {
  height: 46px;
  margin: 0 auto;
  background: #fff url(/~/Media/Images/customer/bg_headernavi.png) no-repeat center bottom;
  /* ▼▼▼ 20180912 add ▼▼▼ */
  font-size: 116.6%;
  /* ▲▲▲ 20180912 add ▲▲▲ */
}

#naviBox a:link {
  color: #009FB7;
}

#naviBox a:visited {
  color: #009FB7;
}

#naviBox div#naviWrap {
  width: 980px;
  height: 42px;
  margin: 0 auto;
}

#naviBox div#naviWrap ul li {
  float: left;
  width: 196px;
}

/* ▽▽▽ 20150622 mega_drop_menu ▽▽▽ */
#mdd_nav_wrap {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 4px;
}

/*
-- Level1 -------------------------  */
ul.mdd_lv1 {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 200;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

ul.mdd_lv1 > li {
  float: left;
}

/* ▼▼▼ 20180918 グロナビカレント処理 ▼▼▼ */
ul.mdd_lv1 li a.navBtn {
  display: block;
  height: 45px;
  width: 196px;
}

/* ▲▲▲ 20180918 グロナビカレント処理 ▲▲▲ */
/* -- Level2の行ヘッダスタイル ---------------  */
.mdd_line_header {
  color: #009FB7;
  font-size: 18px;
  font-weight: bold;
  margin-left: 5px;
}

/* -- Level2の行色変更用スタイル ---------------  */
.mdd_line_header_color2 {
  width: 50%;
  color: #5481BC;
  font-size: 18px;
  font-weight: bold;
  margin: 5px 5px 5px 0px;
  padding: 1px 0px 1px 5px;
  border-radius: 2px;
}

/*
-- Level2 -------------------------  */
.mdd_lv2 {
  display: none;
  position: absolute;
  top: 35px;
  left: 0px;
  width: 966px;
  padding: 18px 0 0 0;
  list-style-position: outside;
  color: #000;
  margin: 0;
}

.mdd_lv2:after {
  content: "";
  position: absolute;
  top: 3px;
  width: 26px;
  padding-top: 18px;
  background: url(/~/Media/Images/customer/global_navigation/bg/grnav_bg_case_top.png) no-repeat center;
}

.h_case01:after {
  left: 89px;
}

.h_case02:after {
  left: 283px;
}

.h_case03:after {
  left: 479px;
}

.h_case04:after {
  left: 677px;
}

.h_case05:after {
  left: 868px;
}

.h_case_box {
  background: #FFF;
  padding: 15px 0 15px 37px;
  border: 3px solid #00afc6;
  -webkit-box-shadow: 0px 4px 14px -1px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 4px 14px -1px rgba(0, 0, 0, 0.7);
}

.h_case04 .h_case_box {
  padding-bottom: 25px;
}

.h_case_box ul {
  margin: 0;
}

ul.mdd_lv1 li:hover .mdd_lv2 {
  display: block;
}

.mdd_lv2 li.listWdVer2 {
  width: 438px;
  margin-bottom: 15px;
}

.mdd_lv2 li.mdd_lv2_upside {
  height: 350px;
}

.mdd_lv2 li.mdd_lv2_upside2 {
  height: 225px;
}

d.mdd_lv2 li.mdd_lv2_upside a img {
  margin-left: 3px;
  vertical-align: text-top;
}

/*
-- Level3 -------------------------  */
.mdd_lv3 li {
  float: left;
  margin-right: 20px;
  width: 210px;
}

.mdd_lv3 li a {
  height: auto;
  background-color: none;
  width: auto;
  display: block;
}

.mdd_lv3 li p {
  font-weight: bold;
  line-height: 130%;
}

.mdd_lv3 li p:first-child {
  margin: 0 0 0.5em;
}

.mdd_lv3 li p.bnrBox {
  margin-bottom: 30px;
}

.relationItem a {
  display: block;
  margin-bottom: 10px;
}

/*
-- Level4 -------------------------  */
ul.mdd_lv4 li p {
  margin: 0 0 0.5em;
}

ul.mdd_lv4 li {
  float: none;
  margin-bottom: 1px;
  width: auto;
  margin-right: 0px;
  margin-left: 0px;
}

ul.mdd_lv4 li a {
  display: block;
  width: auto;
  margin-bottom: 0.2em;
  padding: 0 0 0 12px;
  /* ▼▼▼ 20180925 delete ▼▼▼ */
  /* color: #00a0b8; */
  /* ▲▲▲ 20180925 delete ▲▲▲ */
  background: rgba(0, 0, 0, 0) url("/~/Media/Images/customer/common/bg/bg_ts1link.png") no-repeat scroll left 4px;
}

ul.mdd_lv4 li a img {
  margin-left: 2px;
  vertical-align: text-top;
}

/*
-- Level5 -------------------------  */
.mdd_lv5 {
  float: left;
}

.mdd_lv5_left {
  width: 230px;
}

.mdd_lv5_right {
  width: 190Px;
}

.mdd_lv5 li {
  margin-right: 0px;
}

.mdd_lv5 li a {
  padding: 0 0 0 12px;
  background: rgba(0, 0, 0, 0) url("/~/Media/Images/customer/common/bg/bg_ts1link.png") no-repeat scroll left 4px;
}

.mdd_lv5 li a img {
  margin-left: 2px;
  vertical-align: text-top;
}

.blLinkTxt a img {
  margin-left: 3px;
  vertical-align: text-top;
}

/* △△△ 20150622 mega_drop_menu △△△ */
/* @end */
/* @group パンクズ */
ul.breadcrumbList {
  clear: both;
  padding: 13px 0px;
}

ul.breadcrumbList li {
  float: left;
}

ul.breadcrumbList li.goToTop p {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_breadcrumblist_01.gif) no-repeat left 4px;
}

/* 2013年改修用 */
ul.nBreadcrumbList {
  clear: both;
  padding-bottom: 13px;
}

ul.nBreadcrumbList li {
  float: left;
}

ul.nBreadcrumbList li.goToTop p {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_breadcrumblist_01.gif) no-repeat left 4px;
}

/* @end */
/* @group トップ */
.topBannerArea {
  margin-bottom: 10px;
}

.topLinkArea {
  margin-bottom: 10px;
}

.topLinkArea ul li {
  float: left;
  margin-right: 4px;
}

.topLinkArea ul li.last {
  margin-right: 0px;
}

#botBannerBox {
  text-align: center;
  margin-bottom: 10px;
}

#informationSection {
  position: relative;
  overflow: hidden;
}

/* @group スライドショー */
/* ↓↓↓20140616修正↓↓↓ */
#slideshow {
  position: relative;
  height: 270px;
  width: 734px;
  text-align: left;
  margin-bottom: 14px;
}

#slideshow #slideWrap div {
  height: 270px;
  width: 734px;
  overflow: hidden;
  position: relative;
}

/* ↑↑↑20140616修正↑↑↑ */
/* 201708 JIS規格対応：一時停止ボタン追加 */
#slideshow #slideWrap div.slideshowCtr {
  position: absolute;
  bottom: 0px;
  z-index: 101;
  margin-left: 10px;
  margin-bottom: 7px;
  height: auto;
  width: auto;
}

#slideshow #slideWrap div.slideshowCtr img {
  cursor: pointer;
}

/* 201708 JIS規格対応 end */
/* ↓↓↓20160219修正↓↓↓ */
#slideshow #slideWrap div div {
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

#slideshow #slideWrap div div:first-child {
  opacity: 1;
}

/* ↑↑↑20160219修正↑↑↑ */
/* 201708 JIS規格対応：コメントアウト*/
/*#slideshow ul {
width: 720px;
padding: 10px 0 6px 10px;
background: url(/~/Media/Images/customer/top/bg_top_slideshow.png) no-repeat left bottom;
z-index: 100;
}*/
/* 201708 JIS規格対応：スタイル修正　*/
#slideshow ul {
  width: 720px;
  padding: 10px 0 6px 10px;
  background: url(/~/Media/Images/customer/top/bg_top_slideshow.png) no-repeat left bottom;
  z-index: 100;
  background-size: 100%;
}

/* 201708 JIS規格対応：コメントアウト*/
/*#slideshow ul li {
width: 110px;
float: left;
display: inline;
margin-right: 11px;
}*/
/* 201708 JIS規格対応：スタイル修正　*/
#slideshow ul li {
  width: 100px;
  float: left;
  display: inline;
  margin-right: 11px;
}

#slideshow ul li.top {
  margin-left: 55px;
}

#slideshow ul li img {
  width: 100%;
}

/* 201708 JIS規格対応 end */
#slideshow ul li.ssLast {
  margin-right: 0px;
}

#slideshow .active {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}

/* =======================================
ClearFixElements
======================================= */
#slideshow ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

#slideshow ul {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  overflow: hidden;
}

/* @end */
/* @group SLIDE SHOWの横のテキストボックス */
/* ↓↓↓20140616修正↓↓↓ */
#slideBoxTxtArea {
  position: relative;
  height: 270px;
  width: 229px;
  float: right;
  background: #00A0B8 url(/~/Media/Images/customer/top/ttl_top_sbta_bg.png) no-repeat left bottom;
}

#sbtaBox {
  height: 192px;
  padding-top: 16px;
  padding-left: 16px;
  background: url(/~/Media/Images/customer/top/ttl_top_sbta_bg2.png) repeat-y left top;
}

#sbtaBox div span#sbtaDayBox {
  display: block;
  width: 195px;
  margin-bottom: 14px;
  padding-bottom: 6px;
  line-height: 100%;
  color: #00A0B8;
  background: url(/~/Media/Images/customer/top/ttl_top_sbta_bg3.png) repeat-x left bottom;
}

#sbtaBox div ul li {
  width: 195px;
  margin-bottom: 13px;
  padding-bottom: 12px;
  border-bottom: solid 1px #c8c8c8;
}

#sbtaBox div ul li p {
  float: left;
  width: 148px;
  line-height: 100%;
}

#sbtaBox div ul li span {
  display: block;
  float: right;
  width: 46px;
  text-align: right;
  line-height: 100%;
}

/* ↑↑↑20140616修正↑↑↑ */
.sbtaGray {
  /* 通常時用の灰色背景 */
  background: #969696;
}

.sbtaRed {
  /* 緊急表示用の赤色背景 */
  background: #e60000;
}

.taBoxWrap {
  padding: 0 4px 4px 4px;
}

.taBoxWrap span {
  display: block;
}

/* ↓↓↓20140616修正↓↓↓ */
.taBoxWrap > div {
  padding: 6px 10px 10px 10px;
  background: #fff;
}

/* ↑↑↑20140616修正↑↑↑ */
.taBoxWrap div p {
  margin-bottom: 0.8em;
}

.taBoxWrap div div {
  height: 25px;
  width: 168px;
  padding-top: 19px;
  padding-left: 11px;
  background: url(/~/Media/Images/customer/top/bg_sbta.png) no-repeat left top;
}

#slideBoxTxtArea .tbsOpenBtn {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 300px;
  width: 21px;
  cursor: pointer;
}

#slideBoxOpenTxtArea {
  display: none;
  position: absolute;
  top: 0px;
  left: 773px;
  height: 296px;
  width: 814px;
  padding: 0 4px 4px;
  z-index: 101;
}

#miniSLideBox {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 147px;
  height: 290px;
  padding-top: 10px;
  padding-left: 11px;
  background: #646464;
  z-index: 101;
}

#miniSLideBox ul {
  float: left;
  width: 122px;
}

#miniSLideBox ul li {
  margin-bottom: 6px;
}

#miniSLideBox p {
  cursor: pointer;
}

#slideBoxOpenTxtArea #sbTitleBox img {
  float: left;
}

#slideBoxOpenTxtArea #sbTitleBox p {
  float: right;
  padding-top: 9px;
  padding-right: 5px;
  color: #fff;
}

#sbMainBox {
  position: relative;
  height: 247px;
  padding-top: 15px;
  padding-left: 20px;
  background: #fff url(/~/Media/Images/customer/top/bg_top_msd01.png) no-repeat 398px 192px;
}

#sbMainBox ul {
  float: left;
  width: 178px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: solid 1px #666;
}

#sbMainBox ul.firstPos {
  width: 161px;
}

#sbMainBox ul.secPos {
  width: 171px;
}

#sbMainBox ul.thrPos {
  width: 197px;
}

#sbMainBox ul.sdjLast {
  margin-right: 0;
  border-right: none;
  width: 190px;
  padding-right: 5px;
}

#sbMainBox ul li {
  display: inline-block;
  margin-bottom: 12px;
}

*:first-child + html #sbMainBox ul li {
  display: inline-block;
  margin-bottom: 9px;
}

#sbMainBox ul li p {
  float: left;
  width: 117px;
}

#sbMainBox ul.secPos li p {
  float: left;
  width: 127px;
}

#sbMainBox ul.thrPos li.bottom {
  margin-bottom: 0px;
}

#sbMainBox ul.thrPos li p {
  float: left;
  width: 154px;
}

#sbMainBox ul.sdjLast li p {
  float: left;
  width: 146px;
}

#sbMainBox ul.sdjLast li p.noicon {
  float: left;
  padding-left: 22px;
  width: 124px;
}

#sbMainBox ul li p img {
  margin-right: 5px;
}

#sbMainBox ul li div {
  float: right;
  text-align: right;
  width: 43px;
}

#sbMainBox a {
  position: absolute;
  right: 17px;
  bottom: 7px;
}

/* @end */
/* @group topSection1 BOX */
#topSection1 {
  margin-bottom: 14px;
  /* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
  min-height: 311px;
  /* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
}

/* ↓↓↓20140616修正 削除↓↓↓ */
/*
#topSection1 > div {
float: left;
width: 358px;
margin-right: 18px;
}*/
/* ↑↑↑20140616修正 削除↑↑↑ */
#topSection1 div#tsBox03 {
  width: 228px;
  margin-right: 0px;
}

/* ↓20140709 確認 編集日の記載なし↓ */
#topSection1 div > p {
  margin-bottom: 13px;
  text-align: center;
}

/*
#topSection1 div > p {
text-align: center;
}*/
/* ↑20140709 確認 編集日の記載なし↑ */
#topSection1 p.tsBotCont {
  height: 7px;
  width: 358px;
  margin-bottom: 0px;
  background: #fFffff url(/~/Media/Images/customer/top/bg_358w.png);
}

/* div#tsBox01の定義start */
/* ↓↓↓20140616修正↓↓↓ */
#topSection1 div#tsBox01 {
  position: relative;
  float: left;
  width: 482px;
  background: #ffffff url(/~/Media/Images/customer/top/bg_482w.png) no-repeat left bottom;
  /* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
  /* 201709 JIS対応：コメントアウト */
  /*min-height:311px !important;*/
  /* 201709 JIS対応：end */
  /* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
}

#topSection1 div#tsBox01 div {
  position: absolute;
  left: 18px;
  bottom: 18px;
}

#topSection1 div#tsBox01 div a {
  margin-right: 16px;
}

/* ↑↑↑20140616修正↑↑↑ */
/* ↓↓↓20140616修正 削除↓↓↓ */
/*
#topSection1 div#tsBox01 p.tsbTitle {
padding-top: 11px;
background: url(/~/Media/Images/customer/top/bg_358.png) no-repeat left top;
}
#topSection1 div#tsBox01 p.tsbTitle img {
margin-bottom: 14px;
}*/
/* ↑↑↑20140616修正 削除↑↑↑ */
/* ↓↓↓20140620修正↓↓↓ */
#topSection1 div#tsBox01 ul {
  /* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
  padding-left: 20px;
  line-height: 160%;
  /* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
}

/* ↑↑↑20140620修正↑↑↑ */
/* ↓20140709 確認 編集日の記載なし↓ */
#topSection1 div#tsBox01 ul li {
  width: 200px;
  float: left;
  margin-bottom: 10px;
  padding-left: 12px;
  background: url(/~/Media/Images/customer/common/bg/bg_ts1link.png) no-repeat left center;
}

#topSection1 div#tsBox01 ul li.lfthid {
  margin-right: 15px;
}

/* ↑20140709 確認 編集日の記載なし↑ */
/* ↓↓↓20140620修正↓↓↓ */
#topSection1 div#tsBox01 ul li.tsLinkList {
  width: 211px;
  float: left;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  background: none;
}

/* ↑↑↑20140620修正↑↑↑ */
/* ↓↓↓20170905修正↓↓↓ */
#topSection1 div#tsBox01 ul li.tsLinkListMgt {
  margin-top: 4%;
}

/* ↑↑↑20170905修正↑↑↑ */
/* div#tsBox02の定義start */
/* ↓↓↓20140616修正↓↓↓ */
#topSection1 div#tsBox02 {
  float: right;
  width: 482px;
  background: #ffffff url(/~/Media/Images/customer/top/bg_358w.png) no-repeat left bottom;
}

/* ↑↑↑20140616修正↑↑↑ */
/* ↓↓↓20140616修正 削除↓↓↓ */
/*
#topSection1 div#tsBox02 p.tsbTitle {
padding-top: 11px;
background: url(/~/Media/Images/customer/top/bg_358.png) no-repeat left top;
}*/
/* ↑↑↑20140616修正 削除↑↑↑ */
#topSection1 div#tsBox02 p.tsbTitle img {
  margin-bottom: 14px;
}

/* ↓↓↓20131031修正↓↓↓ */
#topSection1 div#tsBox02 div {
  position: relative;
  /* ↓20140709 確認 マージ漏れ？↓ */
  padding: 14px 0px 2px 240px;
  /*padding: 20px 0px 2px 240px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
}

#topSection1 div#tsBox02 ul li {
  /* ↓20140709 確認 マージ漏れ？↓ */
  margin-bottom: 8px;
  /*margin-bottom: 16px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
  padding-left: 78px;
  height: 33px;
}

/* ↑↑↑20131031修正↑↑↑ */
#topSection1 div#tsBox02 ul li input {
  width: 120px;
  padding: 3px;
}

#topSection1 div#tsBox02 input.sechBtn {
  position: absolute;
  top: 45px;
  left: 240px;
}

.tsForm01 {
  background: url(/~/Media/Images/customer/top/bg_form_01.png) no-repeat left top;
}

.tsForm02 {
  background: url(/~/Media/Images/customer/top/bg_form_02.png) no-repeat left top;
}

#topSection1 div#tsBox02 p#adhTxt {
  color: #00a0b8;
}

/* ↓↓↓20131031修正↓↓↓ */
#topSection1 div p#formLinkBox {
  /* ↓20140709 確認 マージ漏れ？↓ */
  margin-bottom: 15px;
  /*margin-bottom: 13px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
  text-align: left;
}

/* ↓20140709 確認 削除されていた↓ */
#tsBox02 p#adhTxt {
  padding-top: 5px;
}

/* ↑20140709 確認 削除されていた↑ */
#formLinkBox a {
  display: inline-block;
  margin-right: 8px;
}

#tsFormList {
  position: absolute;
  /* ↓20140709 確認 マージ漏れ？↓ */
  top: 15px;
  /*top: 20px*/
  /* ↑20140709 確認 マージ漏れ？↑ */
  left: 15px;
}

/* ↑↑↑20131031修正↑↑↑ */
/* div#tsBox03の定義start */
#topSection1 div#tsBox03 {
  position: relative;
  width: 228px;
  background: #feffff url(/~/Media/Images/customer/top/bg_228w.png) no-repeat left bottom;
}

#topSection1 div#tsBox03 #tsbWrap {
  padding: 0 14px;
}

#topSection1 div#tsBox03 p.tsbTitle {
  /* ↓20140709 確認 マージ漏れ？↓ */
  padding-top: 11px;
  /*padding-top: 5px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
  background: url(/~/Media/Images/customer/top/bg_228.png) no-repeat left top;
}

#topSection1 div#tsBox03 p.tsbTitle img {
  margin-bottom: 14px;
}

#topSection1 div#tsBox03 p#roadClosed {
  margin-bottom: 6px;
  /* ↓20140709 確認 マージ漏れ？↓ */
  padding-top: 12px;
  /*padding-top: 6px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
  padding-bottom: 8px;
  text-align: left;
  color: #00a0b8;
  background: url(/~/Media/Images/customer/top/bg_checline.png) repeat-x 0 bottom;
}

/* ↓20140709 確認 マージ漏れ？↓ */
/* 新デザインには存在、過去デザインには存在していない */
#topSection1 div#tsBox03 div {
  margin-bottom: 12px;
}

/* ↓20140709 確認 マージ漏れ？↓ */
/* 新デザインには存在せず、過去デザインには存在している */
#topSection1 div#tsBox03 ul {
  margin-bottom: 6px;
}

#topSection1 div#tsBox03 ul li {
  margin-bottom: 2px;
}

#topSection1 div#tsBox03 a {
  display: block;
  padding-bottom: 10px;
}

/* ↑20140709 確認 マージ漏れ？↑ */
#tsFormBtn {
  height: 45px;
  width: 103px;
}

/* @end */
/* @group 注意下さいBOX */
/* ↓↓↓20140616修正↓↓↓ */
#cautionBox {
  width: 482px;
  float: right;
}

.cautionBoxWrap {
  width: 482px;
  background: #fff;
  /* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
  min-height: 95px !important;
  /* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
}

/* ↑↑↑20140616修正↑↑↑ */
/* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
#cautionBox div.cautionLinkBox {
  min-height: 95px !important;
}

/* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
.cautionBoxWrap.rightSide {
  margin-right: 0px;
}

/* ↓20140709 確認 編集日の記載なし↓ */
.cautionBoxWrap ul.cautionLinkBox {
  min-height: 82px;
  padding: 12px 13px 10px;
}

/* ↑20140709 確認 編集日の記載なし↑ */
/* ↓↓↓20170905追加↓↓↓ */
.cautionBoxWrap ul.cautionLinkBoxAttention {
  min-height: 109px;
  padding: 12px 13px 10px;
}

/* ↑↑↑20140616追加↑↑↑ */
/* ↓↓↓20140616修正↓↓↓ */
.cautionBoxWrap div ul.cautionLinkBox {
  float: left;
  width: 220px;
  padding: 12px 0px 10px 13px;
}

/* ↑↑↑20140616修正↑↑↑ */
.cautionBoxWrap ul.cautionLinkBox li {
  margin-bottom: 2px;
  padding-left: 18px;
  font-weight: bold;
}

/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131029修正↓↓↓ */
.cautionBoxWrap ul.sdktList {
  float: left;
  width: 227px;
}

.cautionBoxWrap ul.sdktList li {
  width: 207px;
  padding-right: 5px;
}

/*
.cautionBoxWrap ul.sdktList li.sdktRight {
float: left;
width: 180px;
}*/
/* ↑↑↑20131029修正↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
.cautionBoxWrap ul.cautionLinkBox p {
  text-indent: -17px;
}

.cautionBoxWrap ul.cautionLinkBox li p img {
  margin-right: 3px;
  vertical-align: middle;
}

.cautionBoxWrap p#summaryLink {
  padding-right: 26px;
  text-align: right;
}

.cautionBoxWrap p#summaryLink a {
  padding-left: 14px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
}

/* @end */
/* @group レッド アラート */
.alertAnnouncement {
  margin-bottom: 10px;
  background: url("/~/Media/Images/customer/bg_radium_red_alert_mid.png") repeat-y scroll left top transparent;
}

.alertAnnouncement table {
  border: none;
}

.alertAnnouncement table tr td {
  border: none;
  padding: 0;
}

.alertAnnouncement table tr td img {
  padding: 0;
  margin: 0;
  display: inline;
}

.alertAnnouncement table tr.middleLine td {
  padding: 2px 8px;
  vertical-align: middle;
}

.alertAnnouncement table tr.middleLine td img {
  vertical-align: middle;
  margin-right: 8px;
}

.alertAnnouncement table tr td span {
  color: #fff;
}

/* @end */
/* @group グリーン アラート */
.announcement {
  margin-bottom: 10px;
  background: url("/~/Media/Images/customer/bg_radium_green_alert_mid.png") repeat-y scroll left top transparent;
}

.announcement table {
  border: none;
}

.announcement table tr td {
  border: none;
  padding: 0;
}

.announcement table tr.middleLine td {
  padding: 2px 8px;
  vertical-align: middle;
}

.announcement table tr.middleLine td img {
  vertical-align: middle;
  margin-right: 8px;
}

.announcement table tr td span {
  color: #fff;
}

/* @end */
/* @group 料金・ETC・割引情報エリア */
.moneyArea {
  padding: 15px 20px 0px;
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  width: 688px;
}

/* @end */
/* @group 駐車場エリア */
/* 0118 修正 ↓*/
.parkingArea {
  padding: 15px 20px 0px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  margin-bottom: 10px;
  width: 688px;
}

.pickupAreaSubLower img.ico_l {
  margin-right: 3px;
  vertical-align: middle;
}

.parkingArea img.ico_r {
  margin-left: 3px;
  vertical-align: middle;
}

/* 0118 修正　↑*/
/* @end */
/* @group ピックアップ */
.pickupArea {
  padding: 15px 20px 10px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  width: 688px;
}

.pickupArea ul li {
  float: left;
  width: 324px;
}

.pickupArea ul.none li {
  float: none;
  width: 100%;
}

.pickupContent {
  border-bottom: 1px dotted black;
  margin-bottom: 20px;
}

.pickupArea .pickupContent ul li {
  padding-right: 20px;
  padding-bottom: 20px;
}

.pickupArea ul li img {
  float: left;
  margin-right: 16px;
}

.pickupArea .pickupContent ul li a {
  font-weight: bold;
  display: block;
  padding-left: 115px;
  margin-bottom: 5px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 100px center;
}

.pickupArea .titleName {
  margin-bottom: 10px;
}

.textPickUp li {
  padding-bottom: 10px;
}

.textPickUp li p.icon01 {
  padding-left: 20px;
  background: url(/~/Media/Images/customer/common/ico/ico_text_01.gif) no-repeat left center;
}

.textPickUp li p.icon02 {
  padding-left: 20px;
  background: url(/~/Media/Images/customer/common/ico/ico_text_02.gif) no-repeat left center;
}

/* @end */
/* @group 道路交通情報 */
.trafficBannerArea {
  margin: 15px 0px 5px 0px;
  height: 90px;
  text-align: center;
}

div.trafficArea ul.trafficNavi {
  background: #daf7fb;
  height: 40px;
}

div.trafficArea_frame ul.trafficNavi {
  background: #daf7fb;
  height: 40px;
}

div.trafficArea ul.trafficNavi li {
  float: left;
  margin-right: 2px;
}

div.trafficArea ul.trafficNavi li.last {
  float: right;
}

div.backtoTraffic {
  padding: 0 20px;
}

div.backtoTraffic p {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_08.gif) no-repeat left 8px;
  padding: 5px 0px 0px 15px;
  padding-left: 15px;
}

div.backtoTraffic p.top {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_08.gif) no-repeat left 8px;
  padding: 5px 0px 0px 15px;
  border-top: 1px solid #bebebe;
}

/* @end */
/* @group ピックアップ TOP */
.pickupAreaTop {
  margin-bottom: 10px;
  background-color: #FFFFFF;
  width: 728px;
}

.pickupContentTop {
  margin-bottom: 20px;
  position: relative;
  padding: 3px 0 2px;
  line-height: 100%;
}

.pickupAreaTop ul {
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
}

.pickupAreaTop ul li {
  float: left;
  width: 334px;
}

.pickupAreaTop .pickupContentTop ul li {
  padding-right: 20px;
  padding-bottom: 20px;
}

.pickupAreaTop ul li img {
  float: left;
  margin-right: 16px;
}

.pickupAreaTop .titleName {
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px 20px;
}

.pickupAreaTop .textPickUp li {
  padding-bottom: 10px;
  padding-left: 20px;
}

.pickupAreaTop .textPickUp li p.icon01 {
  display: block;
  width: 320px;
  padding-left: 20px;
  background: url(/~/Media/Images/customer/common/ico/ico_text_01.gif) no-repeat left 3px;
  text-align: justify;
}

.pickupAreaTop .textPickUp li p.icon02 {
  display: block;
  width: 320px;
  padding-left: 20px;
  background: url(/~/Media/Images/customer/common/ico/ico_text_02.gif) no-repeat left 3px;
  text-align: justify;
}

/* @end */
/* @group 首都高が楽しくなるコンテンツ */
.enjoyAreaContent {
  width: 728px;
  background: url(/~/Media/Images/customer/common/bg/bg_radium_white_728_top.png) no-repeat left top;
  padding-top: 10px;
  margin-bottom: 10px;
}

.enjoyArea {
  padding: 0px 20px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  width: 688px;
}

.enjoyArea ul li {
  float: left;
  width: 324px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.enjoyArea ul li img {
  float: left;
  margin-right: 16px;
}

.enjoyArea ul li a:hover img {
  opacity: 0.8;
}

.enjoyArea ul li p {
  padding-left: 105px;
}

*:first-child + html .enjoyArea ul li p {
  padding-left: 5px;
}

.enjoyArea ul li p a {
  padding-left: 15px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
}

.enjoyArea .titleName {
  font-size: 14px;
  font-weight: bold;
  color: #00A0B8;
  margin: 10px 0px 10px;
  padding-left: 24px;
  background: url(/~/Media/Images/customer/common/ico/ico_title_01.gif) no-repeat left center;
}

.textPickUp li {
  padding-bottom: 10px;
}

/*↓1222追加*/
/* 1227 width追加*/
.rootArea {
  padding: 29px 47px 46px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  position: relative;
  width: 634px;
}

.rootArea dl {
  border-bottom: 1px solid #43abbe;
  margin-bottom: 17px;
  padding-bottom: 14px;
}

.rootArea dt,
.rootArea dd,
.rootArea p.answer {
  margin-left: 9px;
}

.rootArea dt {
  font-size: 138.5%;
  margin-bottom: 13px;
  border: none;
}

.rootArea p.answer {
  font-size: 138.5%;
}

.rootArea p.answer span {
  padding: 0 39px 5px;
  border-bottom: 1px solid #43abbe;
}

.rootArea ul.search {
  top: 25px;
  right: 64px;
  position: absolute;
}

.rootArea ul.search li {
  float: left;
}

.rootArea ul.search li.text {
  width: 220px;
  height: 30px;
  background: url(/~/Media/Images/customer/fun/textfield.gif) no-repeat left center;
  margin-right: 11px;
}

.rootArea ul.search li.text #textfield {
  width: 200px;
  border: none 0;
  margin: 7px;
}

.rootArea p.re_enter {
  top: 115px;
  right: 64px;
  position: absolute;
}

.rootArea p.re_enter a {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

/* 1227 width追加*/
.rootArea02 {
  padding: 11px 15px 35px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  position: relative;
  overflow: hidden;
  _height: 1%;
  width: 698px;
}

.rootArea02 ul.sub {
  margin-top: 5px;
}

.rootArea02 ul.sub li.text10 {
  float: left;
}

.rootArea02 ul.sub li.buck {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
  float: right;
}

/* 1227 width変更 */
.rootArea02 .box_info {
  width: 349px;
  float: left;
}

.rootArea02 .box_info p.photo {
  width: 85px;
  float: left;
}

.rootArea02 .box_info dl.info {
  width: 250px;
  float: right;
}

.rootArea02 .box_info dl.info dt {
  border: none;
  margin-bottom: 6px;
}

.rootArea02 .box_info dl.info dd.text16 a {
  font-weight: bold;
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

div#route {
  overflow-y: scroll;
  height: 500px;
  direction: ltr;
  display: block;
  width: 701px;
}

div.routeName {
  font-size: 150%;
  font-weight: bold;
  padding: 15px 0;
}

h2.h2titleRo {
  font-weight: bold;
  font-size: 150%;
  color: #fff;
  padding: 10px 0 10px 15px;
  background: #00a0b8 url(/~/Media/Images/customer/common/bg/bg_title_728.gif) no-repeat 0 top;
  position: relative;
  width: 713px;
}

/* 0118 修正 ↓*/
h2.h2titleRo span.watch {
  padding-left: 20px;
  margin-top: 5px;
  font-size: 13px;
  color: #ffffff;
  text-decoration: underline;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 625px;
  width: 60px;
  line-height: 100%;
}

/* 0118 修正　↑*/
h2.h2titleRo span.watch img {
  top: 50%;
  margin-top: -0.5em;
  line-height: 100%;
}

h2.h2titleRo span.watch a {
  color: #ffffff;
  font-weight: normal;
}

h2.h2titleRo span.watch a:hover {
  color: #fff;
}

h2.h2titleRo span.watch a:visited {
  color: #8500b7;
}

/* 1227 width変更 */
.social {
  margin-bottom: 23px;
  overflow: hidden;
  _height: 1%;
  width: 728px;
}

.social ul {
  float: right;
}

.social li {
  margin-left: 11px;
  float: left;
}

/*↑1222追加*/
/* @end */
/*↓1228追加*/
.lightupAreaConten {
  width: 728px;
  clear: both;
}

.lightupAreaConten ul.tabu li {
  margin-right: 4px;
  float: left;
}

.lightupAreaConten ul.tabu li.last {
  margin-right: 0;
}

.lightupAreaConten ul.tabu li img {
  vertical-align: bottom;
}

.lightupAreaConten .lightupArea {
  padding: 17px 17px 34px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  clear: both;
  padding-right: 17px;
}

/*▼20161107追加▼*/
.lightupdetail {
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  clear: both;
  padding-right: 17px;
}

.lightupdetail h3 {
  color: #00a0b8;
  font-size: 131%;
  font-weight: bold;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.lightupdetail p.btn {
  margin-top: 20px;
  text-align: right;
}

.lightupdetail div.boxCont_01 {
  margin-bottom: 42px;
}

.lightupdetail div.boxCont_01 img {
  margin-bottom: 17px;
}

.lightupdetail div.boxCont_02 {
  margin-bottom: 20px;
  margin-top: 10px;
  margin-left: 15px;
  padding-right: 9px;
}

.lightupdetail div.boxCont_02.last {
  margin-bottom: 0;
}

.lightupdetail div.boxCont_02 dt {
  color: #00a0b8;
  font-weight: bold;
  font-size: 108%;
  border-bottom: 0 none;
  margin-bottom: 5px;
}

.lightupdetail div.boxCont_02 dd {
  margin-bottom: 15px;
}

.lightupdetail div.boxCont_02 dd ul.pdf {
  margin-left: 8px;
}

.lightupdetail div.boxCont_02 dd ul li {
  margin-bottom: 5px;
}

.lightupdetail div.boxCont_02 dd ul li a {
  background: url(/~/Media/Images/customer/common/ico/ico_pdf.gif) no-repeat left center;
  padding: 2px 0 2px 23px;
}

.lightupdetail div.boxCont_02 table {
  width: 691px;
  border-top: 1px solid #727171;
  border-right: 1px solid #727171;
}

.lightupdetail div.boxCont_02 th,
.lightupAreaConten .lightupArea div.boxCont_02 td {
  border-bottom: 1px solid #727171;
  border-left: 1px solid #727171;
  padding: 4px 8px;
}

.lightupdetail div.boxCont_02 th {
  background-color: #d3edfb;
}

.lightupdetail div.boxCont_02 th.w16 {
  width: 16%;
}

.lightupdetail div.boxCont_02 .text_center {
  text-align: center;
}

/*▲20161107追加▲*/
.lightupAreaConten .lightupArea h3 {
  color: #00a0b8;
  font-size: 131%;
  font-weight: bold;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.lightupAreaConten .lightupArea p.btn {
  margin-top: 20px;
  text-align: right;
}

.lightupAreaConten .lightupArea div.boxCont_01 {
  margin-bottom: 42px;
}

.lightupAreaConten .lightupArea div.boxCont_01 img {
  margin-bottom: 17px;
}

.lightupAreaConten .lightupArea div.boxCont_02 {
  margin-bottom: 33px;
}

.lightupAreaConten .lightupArea div.boxCont_02.last {
  margin-bottom: 0;
}

.lightupAreaConten .lightupArea div.boxCont_02 dt {
  color: #00a0b8;
  font-weight: bold;
  font-size: 108%;
  border-bottom: 0 none;
  margin-bottom: 5px;
}

.lightupAreaConten .lightupArea div.boxCont_02 dd {
  margin-bottom: 15px;
}

.lightupAreaConten .lightupArea div.boxCont_02 dd ul.pdf {
  margin-left: 8px;
}

.lightupAreaConten .lightupArea div.boxCont_02 dd ul li {
  margin-bottom: 5px;
}

.lightupAreaConten .lightupArea div.boxCont_02 dd ul li a {
  background: url(/~/Media/Images/customer/common/ico/ico_pdf.gif) no-repeat left center;
  padding: 2px 0 2px 23px;
}

.lightupAreaConten .lightupArea div.boxCont_02 table {
  width: 691px;
  border-top: 1px solid #727171;
  border-right: 1px solid #727171;
}

.lightupAreaConten .lightupArea div.boxCont_02 th,
.lightupAreaConten .lightupArea div.boxCont_02 td {
  border-bottom: 1px solid #727171;
  border-left: 1px solid #727171;
  padding: 4px 8px;
}

.lightupAreaConten .lightupArea div.boxCont_02 th {
  background-color: #d3edfb;
}

.lightupAreaConten .lightupArea div.boxCont_02 th.w16 {
  width: 16%;
}

.lightupAreaConten .lightupArea div.boxCont_02 .text_center {
  text-align: center;
}

/*↑1228追加*/
/* ▼▼▼ 20160930追加 ▼▼▼ */
.lightUpTopBox {
  height: 1565px;
  /* 20170222 項目追加により変更 */
  margin: 0 auto;
  position: relative;
  width: 688px;
}

.lightUpTopBox div {
  position: absolute;
}

.lightUpTopBox p a:hover {
  opacity: 0.8;
}

/* ▼▼▼ 201611 ライトアップ改修追加 ▼▼▼ */
.lightUpTopBox div .lightUpTopBox__pgBox {
  position: relative;
}

.lightUpTopBox div .lightUpTopBox__pgBox:hover {
  opacity: 0.8;
}

.lightUpTopBox__pgBox .lightUpTopBox__pgBox-belt {
  background: #000;
  bottom: 0;
  display: block;
  height: 40px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  width: 100%;
}

.lightUpTopBox__pgBox .lightUpTopBox__pgBox-name {
  bottom: 8px;
  color: #fff;
  display: block;
  font-size: 16px;
  left: 0;
  position: absolute;
  text-align: right;
  width: 100%;
}

.lightUpTopBox__pgBox .lightUpTopBox__pgBox-name span {
  padding: 0 10px;
}

/* ▲▲▲ 201611 ライトアップ改修追加 ▲▲▲ */
.lightUpTopBox .lightUpTopBox__item-num02 {
  left: 0px;
  top: 404px;
}

.lightUpTopBox .lightUpTopBox__item-num03 {
  right: 0px;
  top: 404px;
}

.lightUpTopBox .lightUpTopBox__item-num04 {
  right: 0px;
  top: 528px;
}

.lightUpTopBox .lightUpTopBox__item-num05 {
  left: 0px;
  top: 659px;
}

.lightUpTopBox .lightUpTopBox__item-num06 {
  right: 0px;
  top: 659px;
}

/* ▼▼▼20170222 項目追加により変更▼▼▼ */
.lightUpTopBox .lightUpTopBox__item-num07 {
  left: 0px;
  top: 877px;
}

.lightUpTopBox .lightUpTopBox__item-num08 {
  right: 0px;
  top: 877px;
}

.lightUpTopBox .lightUpTopBox__item-num09 {
  left: 0px;
  top: 1103px;
}

.lightUpTopBox .lightUpTopBox__item-num10 {
  right: 0px;
  top: 1103px;
}

.lightUpTopBox .lightUpTopBox__item-num11 {
  left: 0px;
  top: 1269px;
}

.lightUpTopBox .lightUpTopBox__item-num12 {
  left: 234px;
  top: 1269px;
}

.lightUpTopBox .lightUpTopBox__item-num13 {
  right: 0px;
  top: 1269px;
}

.lightUpTopBox .lightUpTopBox__item-num14 {
  left: 0px;
  top: 1412px;
}

.lightUpTopBox .lightUpTopBox__item-num15 {
  right: 0px;
  top: 1412px;
}

/* ▲▲▲20170222 項目追加により変更▲▲▲ */
/*▲▲20161111 lightup修正▲▲*/
.lightupAreaConten ul.tabu {
  width: 728px;
}

.lightUpSlider {
  background: #fff url("/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png") no-repeat scroll left bottom;
  margin-bottom: 50px;
  padding-bottom: 20px;
}

.slick-slide img:hover {
  cursor: pointer;
  opacity: 0.8;
}

.lightUpSlider .slider-nav {
  padding: 0px 18px 0px 42px;
}

.lightUpSlider .slider-nav .slick-slide img {
  border: solid 3px #fff;
  cursor: pointer;
}

.lightUpSlider .slider-nav .slick-slide img:hover {
  opacity: 0.8;
}

.lightUpSlider .slider-nav .slick-current img {
  border: solid 3px #00a0b8;
}

.lightUpSlider .slider button {
  opacity: 1 !important;
}

.lightUpSlider .slick-prev, .lightUpSlider .slick-next {
  background-color: #fff;
  height: 100px;
  margin-top: 0;/*margin-top: -50px;*/
}

/* ▼▼▼ 20191011 TOPページ修正 ▼▼▼ */
.lightUpSlider .slick-prev:before, .lightUpSlider .slick-next:before {
  display: none;
}
/* ▲▲▲ 20191011 TOPページ修正 ▲▲▲ */

.lightupAreaConten ul.lightupAreaConten-tab li {
  margin-right: 9px;
}

.lightupAreaConten ul.lightupAreaConten-tab li.lightupAreaConten__tabu__lastItem {
  margin-right: 0px;
}

.lightupAreaConten .slick-prev {
  background-image: url("/~/Media/Images/customer/fun/lightup/btn_lightup_arrow_01.png");
}

/* ▼▼▼ 20191011 TOPページ修正 ▼▼▼ */
.lightupAreaConten .slick-prev:hover {
  background: url("/~/Media/Images/customer/fun/lightup/btn_lightup_arrow_01.png") no-repeat center;
}
/* ▲▲▲ 20191011 TOPページ修正 ▲▲▲ */

.lightupAreaConten .slick-next {
  background-image: url("/~/Media/Images/customer/fun/lightup/btn_lightup_arrow_02.png");
}

/* ▼▼▼ 20191011 TOPページ修正 ▼▼▼ */
.lightupAreaConten .slick-next:hover {
  background: url("/~/Media/Images/customer/fun/lightup/btn_lightup_arrow_02.png") no-repeat center;
}
/* ▲▲▲ 20191011 TOPページ修正 ▲▲▲ */

#lightupAreaConten__glayLayer, #lightupAreaConten__overLayer {
  display: none;
}

#lightupAreaConten__glayLayer {
  background: #000;
  height: 100%;
  left: 0px;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300;
}

#lightupAreaConten__overLayer {
  left: 50%;
  margin-top: -225px;
  margin-left: -400px;
  position: fixed;
  top: 50%;
  z-index: 300;
}

#lightupAreaConten__overLayer div {
  position: relative;
}

#lightupAreaConten__overLayer p {
  cursor: pointer;
  height: 47px;
  position: absolute;
  right: 0;
  top: 0;
  width: 47px;
}

#gl_map {
  height: 380px;
  width: 692px;
}

.lightUpBox p {
  margin-bottom: 30px;
}

.lightUpBox .lightUpBox-explTxt {
  color: #05c3e0;
  padding-top: 12px;
}

.lightUpBox-brgList li {
  float: left;
  padding: 0 10px;
  width: 320px;
}

.lightUpBox-brgList__ttl {
  height: 34px;
}

.lightUpBox-brgList .imgBox {
  height: 180px;
  text-align: center;
}

.lightUpBox-brgList li a {
  background: rgba(0, 0, 0, 0) url("/~/Media/Images/customer/common/ico/ico_pdf.gif") no-repeat scroll left 0;
  display: block;
  margin-bottom: 5px;
  padding-left: 23px;
}

.lightUpBox-brgList li a span {
  color: #000;
  text-decoration: none;
}

.topBorderVer {
  border-top: solid 4px #00a0b8;
}

.lightupArea .fltBox .fltBox__img {
  float: right;
  padding-left: 15px;
}

.lightupArea .lightupArea__step__txtBox01 {
  background: #faf7eb;
  border: solid 3px #99d7e3;
  margin: 20px 0 30px;
  padding: 18px;
}

.lightupArea .lightupArea__step__txtBox01 p {
  color: #00a0b8;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.lightupArea .lightupArea__step__txtBox01 p span {
  background: #00a0b8;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin-right: 4px;
  padding: 6px 12px;
}

.lightupArea .step_fl-r {
  float: right;
  padding-left: 15px;
}

.lightupArea__step__list li {
  float: left;
  margin: 0 14px 20px 0;
  width: 222px;
}

.lightupArea__step__list li img {
  margin-bottom: 8px;
}

.lightupArea__step__list li p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
}

.list_right {
  margin-right: 0 !important;
}

.slick-slide {
  outline: none !important;
}

/* ▲▲▲ 20160930追加 ▲▲▲ */
/* @group 2012/2/23 kawaguchi追加*/
/* -首都高の名所・ライトアップ */
.lightupAreaConten .strongheadline {
  clear: both;
}

.lightupAreaConten .demiacalList,
.lightupAreaConten .demiacalList2 {
  padding-bottom: 35px;
  background: url(/~/Media/Images/customer/fun/lightup/spot_rainbowbridge_rainbow4_arrow.gif) 70px bottom no-repeat;
}

.lightupAreaConten ol.demiacalList,
.lightupAreaConten ol.demiacalList2 {
  margin-left: 15px;
  padding-left: 15px;
}

.lightupAreaConten .demiacalList li {
  list-style: decimal !important;
  color: #999;
}

.lightupAreaConten .demiacalList ol {
  margin: 2em 0 2.5em 3em;
}

.lightupAreaConten .demiacalList li.noarw {
  padding-bottom: 0;
  background: none;
}

.lightupAreaConten .text {
  margin-bottom: 15px;
}

a.imgLink {
  padding-left: 0 !important;
  background: none !important;
}

ul.anchorList {
  margin: 0 0 0 0;
}

ul.anchorList li {
  position: relative;
  margin: 0;
  padding: 3px 0 3px 17px;
  background: url(/~/Media/Images/customer/common/ico/ico_down.gif) left 0.3em no-repeat;
}

/* @end */
/* @group  ライトボックス */
.glayLayer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.60;
  filter: alpha(opacity=60);
  z-index: 1;
}

.overLayer {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 766px;
  height: 378px;
  margin-top: -189px;
  margin-left: -383px;
  z-index: 1;
}

.overLayer .overTitle {
  position: relative;
  font-size: 20px;
  height: 47px;
  color: #fff;
}

.overCont01 .overTitle {
  background: url(/~/Media/Images/customer/bg_top_overlayer_01-1.png) no-repeat left top;
  padding-left: 145px;
}

.overCont02 .overTitle {
  background: url(/~/Media/Images/customer/bg_top_overlayer_01-2.png) no-repeat left top;
  padding-left: 70px;
}

.overCont03 .overTitle {
  background: url(/~/Media/Images/customer/bg_top_overlayer_01-3.png) no-repeat left top;
  padding-left: 65px;
}

/* @group 2010/2/24 kawaguchi追加 */
.overCont04 .overTitle {
  background: url(/~/Media/Images/customer/bg_top_overlayer_01-4.png) no-repeat left top;
  padding-left: 33px;
}

.overCont04 ul {
  margin-right: 38px;
  height: 300px;
  overflow: auto;
  text-align: center;
}

.overCont04 .midCont ul li {
  margin-right: 25px;
  margin-bottom: 10px;
  width: auto;
}

/* @end */
.overLayer .overTitle p {
  position: absolute;
  top: 50%;
  margin-top: -0.7em;
}

.overLayer .overTitle img {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 17px;
  cursor: pointer;
}

.midCont {
  padding: 38px 0 20px 38px;
  background: url(/~/Media/Images/customer/bg_top_overlayer_02.png) repeat-y;
}

.midCont a:hover img {
  opacity: 0.8;
}

.midCont a img {
  margin-bottom: 5px;
}

.midCont ul li {
  float: left;
  width: 215px;
  margin-right: 25px;
}

.midCont ul li p.linkTitle {
  color: #00a0b8;
  padding-left: 15px;
  background: url(/~/Media/Images/customer/ico_link_arrow_01.png) no-repeat left center;
}

.overBot {
  height: 13px;
  width: 100%;
  background: url(/~/Media/Images/customer/bg_top_overlayer_03.png) no-repeat 0 bottom;
}

/* @end */
/* @end */
/* @group News & Topics */
.topTopicsArea {
  padding-top: 12px;
  margin-bottom: 10px;
  background: url(/~/Media/Images/customer/bg_topics_01.gif) no-repeat left top;
  width: 728px;
}

.topTopicsArea div {
  float: left;
}

.topTopicsArea .leftSide {
  width: 118px;
  padding-right: 12px;
  text-align: right;
  position: relative;
}

.topTopicsArea .leftSide p {
  position: absolute;
  bottom: 0px;
  right: 12px;
  text-align: right;
}

.topTopicsArea .leftSide p img {
  margin-right: 8px;
}

.topTopicsArea .leftSide p a {
  color: #fff;
}

.topTopicsArea .rightSide {
  padding-left: 12px;
}

.topTopicsArea .rightSide ul li p {
  float: left;
}

.topTopicsArea .rightSide ul li p.data {
  margin-right: 18px;
}

.topTopicsArea .rightSide ul li p.text {
  width: 496px;
  text-align: justify;
}

.topicBot {
  width: 728px;
  height: 12px;
  background: url(/~/Media/Images/customer/bg_topics_02.gif) no-repeat left top;
}

.infoText {
  width: 572px;
  text-align: justify;
}

/* @end */
/* @group 首都高道路交通情報エリア */
.trafficAreaContent {
  width: 728px;
}

.trafficAreaTabContent {
  padding: 0px 0px;
}

.trafficArea {
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
}

.trafficContent .trafficArea {
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;
}

.trafficArea_frame {
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;
}

.networkAreaContent {
  width: 728px;
}

.networkArea {
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 728px;
}

div.trafficArea_ch ul.trafficNavi {
  background: #daf7fb;
  height: 40px;
}

ul.trafficNavi li {
  float: left;
  margin-right: 2px;
}

ul.trafficNavi li.last {
  float: left;
}

div.trafficbox {
  width: 980px;
  padding: 0px 20px;
}

.trafficArea_left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #ffffff;
  width: 358px;
}

.trafficArea_right {
  float: right;
  margin-bottom: 10px;
  background: #ffffff;
  width: 358px;
}

/* @end */
/* @group 料金・Eエリア */
.feeAreaContent {
  width: 728px;
  overflow: hidden;
}

.feeArea {
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
}

.feeLowerArea {
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_238_bot.png) no-repeat 0 bottom;
  width: 238px;
  float: left;
  margin-right: 7px;
  /*
    height: 125px;*/
}

.feeLowerLast {
  margin-right: 0px;
}

.feeLowerArea .box05 .boxCont p.text {
  width: 200px;
  margin-top: 5px;
  padding: 0 0 15px;
}

.feeLowerArea_last .box05 .boxCont p.text {
  width: 200px;
  margin-top: 5px;
}

/* 0302 コメントアウト
.feeAreaContent .feeArea li.windowIcon a {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center ;
padding-right: 15px;
}
*/
/* 0118 修正 ↓*/
.networkArea_left {
  float: left;
  margin-right: 12px;
  width: 358px;
  height: 145px;
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat left bottom;
}

.networkArea_right {
  float: left;
  width: 358px;
  height: 145px;
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat left bottom;
}

.networkArea_rightLast {
  float: left;
  width: 358px;
  padding-bottom: 11px;
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat left bottom;
}

.networkArea_right dl.fee_btn dt {
  float: left;
  width: 155px;
  border-bottom-style: none;
}

.networkArea_right dl.fee_btn dd {
  float: left;
}

/* 0118 修正　↑*/
/* @end */
/* @group トップページ サイドメニュー*/
div.sideMenuTop {
  float: right;
  width: 230px;
  padding-top: 30px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_sidemenu_01.gif) no-repeat left top;
}

div.sideMenuTop h1 {
  padding: 0 10px;
  margin-bottom: 70px;
  text-align: center;
  /* 2012/3/5 kawaguchi 追加*/
}

ul.sideContentsMenuTop {
  padding: 0 12px;
}

ul.sideContentsMenuTop li {
  border-top: dotted 1px #00A0B8;
  padding: 15px 0 15px 30px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 1px center;
}

ul.sideContentsMenuTop li.first {
  border-top: none;
}

/*
ul.sideContentsMenuTop li.windowIcon {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat 8px center;
}
*/
.mailMag {
  border-top: solid 10px #DAF7FB;
  border-bottom: solid 10px #DAF7FB;
  padding: 2px;
}

.mailMag p {
  border: solid 1px #C3E8EE;
  padding: 15px 15px 15px 32px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_mail_01.gif) no-repeat 10px center;
}

.qrArea {
  border-bottom: solid 10px #DAF7FB;
  padding: 16px;
  margin-bottom: 15px;
}

.qrArea ul li {
  float: left;
}

.qrArea ul li.textSide {
  width: 110px;
  margin-left: 10px;
}

.qrArea ul li.textSide a {
  font-size: 9px;
}

.sideContentsMenu {
  padding: 0 16px;
}

.sideMenuTop .sideContentsMenu {
  padding-top: 16px;
  border-top: solid 10px #DAF7FB;
}

.sideContentsMenu li {
  line-height: 120%;
  margin-bottom: 6px;
}

.sideContentsMenu li.menuTitle {
  margin: 20px 0 15px 0;
  padding-left: 2px;
  background: none;
  color: #32b3c6;
  border-bottom: dotted 1px #00A0B8;
}

.sideContentsMenu li p {
  background-image: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png);
  background-repeat: no-repeat;
  background-position: 4px 3px;
}

.sideContentsMenu li.menuTitle p {
  background: none;
}

.sideContentsMenu li p a {
  padding: 15px 0px 15px 20px;
}

.sideContentsMenu li span {
  display: block;
  margin-bottom: 8px;
  padding-left: 20px;
}

p.listLink {
  text-align: right;
  padding-right: 16px;
  padding-bottom: 15px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_sidemenu_02.gif) no-repeat left bottom;
}

p.listLink a {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
  padding-left: 16px;
}

.corpBannerArea {
  padding: 16px 0 16px 16px;
  border-top: 10px solid #DAF7FB;
}

/* @end */
/* @group footer */
/*　20170809　JIS規格対応：コメントアウト
.footer {
height: 293px;
width: auto !important;
max-width: 1180px;
min-width: 980px;
padding: 134px 0 0 0;
clear: both;
}
.footer_Area {
background: url(/~/Media/Images/customer/common/bg/bg_footer_01.gif) no-repeat center top;
background: #ffffff url(/~/Media/Images/customer/common/bg/bg_footer_01.gif) no-repeat center top;
margin: auto;
max-width: 1180px;
min-width: 980px;
overflow: hidden;
}*/
/*　201708　JIS規格対応：スタイル修正　*/
.footer {
  /*height: 293px;*/
  width: auto !important;
  max-width: 1180px;
  min-width: 980px;
  padding: 30px 0 0 0;
  clear: both;
  background-color: #ffffff;
  border-top: 3px solid #009FB7;
}

.footer_Area {
  /*background: url(/~/Media/Images/customer/bg/bg_footer_01.gif) no-repeat center top;*/
  /*background: #ffffff url(/~/Media/Images/customer/bg/bg_footer_01.png) no-repeat center top;*/
  margin: 0 auto;
  max-width: 1180px;
  min-width: 980px;
  overflow: hidden;
  clear: both;
  /*border-top: 3px solid #009FB7;*/
  /* ▼▼▼ 20180912 add ▼▼▼ */
  font-size: 116.6%;
  /* ▲▲▲ 20180912 add ▲▲▲ */
}

/* 201708 JIS規格対応 end */
.footerNavi a:link {
  color: #333;
}

.footerNavi a:visited {
  color: #333;
}

.footerNavi div ul li.listTitle a {
  font-size: 91.7%;
  font-weight: bold;
}

.footerBottom {
  background: #00A0B8;
  text-align: center;
}

/*　20170809　JIS規格対応：コメントアウト*/
/*.footer ul.footerLink {
padding-top: 15px;
padding: 13px 0 0;
max-width: 980px;
margin: 0 auto -2px;
}
.footer ul.footerLink li {
color: #DAF7FB;
float: left;
padding: 0px 10px;
}*/
/*　20170809　JIS規格対応：スタイル修正　*/
.footer ul.footerLink {
  /*padding-top: 15px;*/
  padding: 13px 0;
  max-width: 980px;
  margin: 0 auto -2px;
  text-align: center;
  border-top: 1px solid #9fa0a1;
}

.footer ul.footerLink li {
  color: #DAF7FB;
  padding: 0px 10px;
  display: inline-block;
}

/* 201708 JIS規格対応 end */
.footerNavi {
  margin: 0 auto 29px;
  max-width: 980px;
}

.footerNavi div {
  float: left;
  padding-right: 10px;
  width: 188px;
}

.footerNavi div.last {
  padding-right: 0;
}

/*
.footerNavi div ul li {
padding-left: 18px;
background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_03.png) no-repeat 8px center;
}*/
.footerNavi div ul li a {
  padding-left: 12px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_16.png) no-repeat 2px 0.3em;
  display: block;
  padding-left: 1em;
}

.footerNavi div p.listTitle {
  font-size: 116.7%;
  margin-bottom: 8px;
  font-weight: bold;
}

/*　201708　JIS規格対応：コメントアウト
.footer ul.footerLink li {
line-height: 120%;
border-left: solid 1px #DAF7FB;
}*/
/*　201708　JIS規格対応：スタイル修正　*/
.footer ul.footerLink li {
  line-height: 120%;
  border-left: solid 1px #000000;
}

/* @group footerリンク */
/*　201708　JIS規格対応：コメントアウト*/
/*.footer ul.footerLink li a:link {
color: #DAF7FB;
}
.footer ul.footerLink li a:visited {
color: #DAF7FB;
}
.footer ul.footerLink li a:hover {
color: #DAF7FB;
}*/
/*　20170809　JIS規格対応：色修正　*/
.footer ul.footerLink li a:link {
  color: #000000;
}

.footer ul.footerLink li a:visited {
  color: #000000;
}

.footer ul.footerLink li a:hover {
  color: #000000;
}

/* 201708 JIS規格対応 end */
.footer ul.footerLink li a.current {
  text-decoration: underline;
}

/* @end */
.footer ul.footerLink li.first {
  padding-left: 0px;
  border-left: none;
}

/*　20170809　JIS規格対応：コメントアウト*/
/*.copyright {
padding-top: 5px;
color: #DAF7FB;
margin: 0 auto;
padding: 5px 0 30px;
color: #DAF7FB;
max-width: 980px;
}*/
/*　20170809　JIS規格対応：スタイル修正　*/
.copyright {
  /*padding-top: 5px;
    color: #DAF7FB;*/
  margin: 0 auto;
  padding: 10px 0 10px;
  color: #DAF7FB;
  max-width: 980px;
  text-align: center;
  font-size: 13px;
}

/* ▼▼▼ 20170705追加 ▼▼▼ */
.footbgimg {
  width: 1180px;
  text-align: center;
  border-bottom: 20px solid #b4e6ea;
  clear: both;
  margin-left: -100px;
}

.goToTopdeco {
  position: absolute;
  right: 100px;
  background-color: #009FB7;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  color: #ffffff;
}

.goToTopwrap {
  position: relative;
}

/* ▲▲▲ 20170705追加 ▲▲▲ */
/* @end */
/* @group ClearFix */
/* new clearfix */
.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
    height: auto;
    overflow: hidden;
    /**/
}

/* @end */
/* 下層レイヤー */
/* @group secondHeader navi */
.secondHeader {
  padding: 0px;
}

.secondHeader ul.navi {
  clear: both;
  width: 980px;
  height: 50px;
}

.secondHeader ul.navi li {
  float: left;
  background-color: #FFF;
  padding-left: 30px;
}

.secondHeader ul.navi li.first {
  padding-left: 0px;
  padding-right: 22px;
  height: 50px;
}

.secondHeader ul.navi li.last {
  margin: 0px;
  height: 50px;
}

.secondHeader ul.navi li p {
  text-align: center;
}

.secondHeader ul.navi li a {
  display: block;
  height: 50px;
}

.header div.headerLogo2 {
  float: left;
}

/* traffic リアルタイム道路交通情報　ヘッダー 1208追加*/
.secondHeader_traTop {
  padding: 0;
  height: 200px;
}

.secondHeader_traTop ul.navi {
  clear: both;
  width: 980px;
  height: 50px;
}

.secondHeader_traTop ul.navi li {
  float: left;
  background-color: #FFF;
  padding-left: 30px;
}

.secondHeader_traTop ul.navi li.first {
  padding-left: 0px;
  padding-right: 22px;
  height: 50px;
}

.secondHeader_traTop ul.navi li.last {
  margin: 0px;
  height: 50px;
}

.secondHeader_traTop ul.navi li p {
  text-align: center;
}

.secondHeader_traTop ul.navi li a {
  display: block;
  height: 50px;
}

/* @end */
/* @group レイアウトBOX1 */
.box01 div.boxCont {
  width: 345px;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.box01 div.boxCont_w692 {
  width: 692px;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.box01 h2 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

.box01 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

.box01 div.boxCont a, .box01 div.boxCont_w692 a {
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

.box01 div.boxCont div a, .box01 div.boxCont_w692 div a {
  padding-left: 0px;
  margin-bottom: 0px;
  background: none;
}

.box01 div.boxCont h2.big {
  font-size: 131%;
  background-color: #FFFFFF;
  color: #009FB7;
}

.box01 div.boxCont img, .box01 div.boxCont_w692 img {
  float: left;
  margin-top: 10px;
  margin-right: 16px;
  margin-bottom: 5px;
}

.box01 div.boxCont p.img, .box01 div.boxCont p.img {
  margin: 0;
  padding: 0;
}

.box01 div.boxCont p.img a, .box01 div.boxCont_w692 p.img a {
  background-position: -999px;
}

.box01 div.boxCont p, .box01 div.boxCont_w692 p {
  margin: 0px 0px;
}

.box01 div.boxCont p.text {
  margin: 0 0 0 0;
  padding: 0;
  width: 260px;
  float: left;
}

.box01 div.boxCont_w692 p.text01 {
  margin: 0px 0 0 0;
  padding: 0;
  width: 610px;
  float: left;
}

/* 1212 追加 */
.box01 p.link {
  float: right;
  padding-left: 15px;
  margin-bottom: 12px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

.box01 div.boxCont p a span {
  text-decoration: underline;
}

/* @end */
/* @group レイアウトBOX2 */
/* 1227 変更 */
.box02 div.boxCont {
  float: left;
  width: 331px;
  padding: 10px 0px 20px 0px;
  margin-right: 26px;
}

.box02 h3 {
  font-size: 116.7%;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
}

.box02 div.boxCont a {
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

.box02 div.boxCont div a {
  padding-left: 0px;
  margin-bottom: 0px;
  background: none;
}

.box02 div.boxCont h3.big {
  margin-bottom: 5px;
}

.box02 div.boxCont h3.big a {
  font-size: 116.7%;
  font-weight: bold;
  margin-bottom: 15px;
  background: none;
}

/* 0118 追加 ↓ 0302 コメントアウト
.box02 div.boxCont h3.big a.windowIcon {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
padding-right:15px;
}
/* 0118 追加 ↑*/
.box02 div.boxCont img {
  float: left;
  margin-top: 10px;
  margin-right: 16px;
}

.box02 div.boxCont p {
  margin: 10px 0px;
}

/* @end */
/* @group レイアウトBOX3 */
.box03 div.boxCont {
  float: left;
  width: 700px;
  padding: 0px 0px 10px 0px;
  margin-right: 30px;
}

.box03 div.boxCont a {
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

.box03 div.boxCont img {
  float: left;
  margin-top: 10px;
  margin-right: 16px;
}

/* 1207　変更*/
.box03 div.boxCont p {
  margin: 10px 10px 5px 0;
}

/* 1227 変更 */
.box03 div.boxCont p.info {
  padding-top: 5px;
}

/* 0302 コメントアウト
.box03 div.boxCont p.info span {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat top right;
padding-right: 15px;
}
*/
.box03 div.boxCont ul.detail {
  padding-top: 5px;
}

.paArea .box03 div.boxCont ul.detail {
  margin-left: 358px;
}

.box03 div.boxCont ul.detail li {
  padding-top: 3px;
}

.box03 div.boxCont ul.detail li a {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_07.png) no-repeat 0px center;
}

.box03 div.boxCont p.iconBox {
  float: left;
  width: 330px;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px #bebebe solid;
}

.box03 div.boxCont p.iconBox img {
  float: left;
  margin-top: 10px;
  margin-right: 3px;
}

.box03 div.boxCont p.iconBox img.paPrint {
  float: right;
}

.box03 div.boxCont p.iconBox a {
  background: none;
}

/* @end */
/* @group レイアウトBOX4 */
.box04 {
  margin-bottom: 10px;
}

.box04 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

.box04 div.boxCont {
  width: 688px;
  padding: 0px 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #bebebe;
}

.box04 div.boxCont02 {
  width: 692px;
}

.box04 div.boxCont .leftbox {
  float: left;
}

.box04 div.boxCont .leftbox p {
  width: 320px;
  padding-right: 20px;
  font-weight: bold;
}

.box04 div.boxCont .rightbox {
  float: left;
}

.box04 div.boxCont .rightbox table {
  border: none;
  vertical-align: top;
}

.box04 div.boxCont .rightbox table td {
  vertical-align: top;
  border: none;
}

.box04 div.boxCont .rightbox table td.space {
  width: 25px;
}

.box04 div.boxCont .rightbox table td.text {
  padding-top: 10px;
  border: none;
}

.box04 div.boxCont .rightbox table td.textStart {
  padding-top: 5px;
}

.box04 div.boxCont table td img {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.box04 div.boxCont a {
  margin-bottom: 15px;
}

.box04 div.boxCont p {
  margin: 10px 0px;
}

.box04 div.boxCont p.start {
  margin: 0px 0px 10px 0px;
}

.box04 div.boxCont img.start {
  margin: 0px 0px 10px 0px;
}

/* @end */
/* @group レイアウトBOX5 */
.box05 {
  margin-top: 10px;
}

.box05 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  margin-left: 20px;
  padding: 10px 0px;
}

.box05 div.boxCont {
  width: 692px;
  padding: 0px 0px;
  margin-left: 20px;
}

.box05 div.boxCont p {
  margin-top: 15px;
}

.box05 div.boxCont div.left p {
  margin-top: 10px;
}

.box05 div.boxCont div.right p {
  margin-top: 10px;
}

.box05 div.boxCont div.right img {
  margin-top: 10px;
}

.box05 div.boxCont p.text {
  float: left;
  width: 410px;
  margin-top: 10px;
}

.box05 div.boxCont p.text span {
  color: #009FB7;
}

.box05 div.boxCont p.button {
  float: right;
  margin: 10px 10px 0px 0px;
}

.box05 div.boxCont p.photo {
  margin-top: 10px;
  margin-bottom: 15px;
  float: right;
}

.box05 ul li {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
  margin: 10px 0px 0px 0px;
  padding-left: 15px;
  width: 692px;
}

/* 1220 追加 */
.box05 ul.fee {
  width: 331px;
  float: left;
  padding-bottom: 20px;
}

/* 0118 修正 ↓*/
.box05 div.left {
  width: 520px;
  float: left;
}

.box05 div.right {
  width: 168px;
  float: right;
}

.box05 div.right img {
  margin-bottom: 15px;
}

.box05 ul.etc_l {
  width: 210px;
  float: left;
}

.box05 ul.etc_r {
  width: 310px;
  float: right;
}

.box05 ul.etc {
  width: 600px;
  float: left;
}

/* 0118 修正　↑*/
/* @end */
/* @group レイアウトBOX6 */
.box06 {
  margin: 18px 18px 10px 20px;
}

.box06 h3 {
  font-size: 131%;
  font-weight: bold;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_03.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
  width: 330px;
}

.box06 div.boxCont.left {
  float: left;
}

.box06 div.boxCont {
  padding-right: 20px;
}

.box06 div.boxCont .last {
  padding-right: 0px;
}

.box06 div.boxCont p.text {
  float: left;
  width: 155px;
  margin-top: 5px;
}

.box06 div.boxCont p.photo {
  float: right;
  margin-top: 5px;
}

.box06 div.boxCont ul li {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
  margin: 10px 0px 0px 0px;
  padding-left: 15px;
  font-size: 108%;
}

.box06 div.boxCont ul.list li {
  float: left;
}

.box06 ul.list02 li {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_06.png) no-repeat left 5px;
  padding-left: 15px;
  font-size: 108%;
  float: left;
  display: block;
}

.box06 ul.list02 li.note {
  background: none;
  padding-left: 0;
  font-size: 108%;
  float: left;
  font-weight: bold;
}

.box06 div.relation {
  padding-bottom: 5px;
  float: left;
}

.box06 div.relation img {
  float: left;
}

.box06 div.relation p {
  float: left;
  line-height: 174%;
  width: 200px;
  padding: 0  17px;
}

.box06 div.relation p.last {
  float: left;
  line-height: 174%;
  width: 200px;
  padding: 0px 0px 0px 17px;
}

.box06 div.relation p span {
  color: #707070;
}

.box06 div.relation p a {
  font-weight: bold;
  font-size: 133.3%;
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
}

/* リアルタイム用 */
.box06 #bnrBox {
  position: absolute;
  top: 0px;
  right: 0px;
}

/* @end */
/* @group レイアウトBOX7 */
.box07 {
  margin-top: 10px;
  padding-bottom: 30px;
}

.box07 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  margin-left: 20px;
  padding: 10px 0px;
}

.box07 div.boxCont {
  width: 940px;
  padding: 0px 0px;
  margin: 0 20px;
}

.box07 div.boxCont p {
  margin-top: 10px;
}

.box07 div.boxCont p.text {
  float: left;
  width: 410px;
  margin-top: 10px;
}

.box07 div.boxCont p.text span {
  color: #009FB7;
}

.box07 div.boxCont p.button {
  float: right;
  margin: 10px 10px 0px 0px;
}

.box07 div.boxCont p.photo {
  margin-top: 10px;
  margin-bottom: 15px;
  float: right;
}

.box07 div.boxCont ul li {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
  margin: 10px 0px 0px 0px;
  padding-left: 15px;
  width: 940px;
}

/* @end */
/* @group レイアウトBOX8 */
.box08 {
  padding-bottom: 20px;
}

.box08 div.boxCont {
  float: left;
  width: 450px;
  margin: 0 20px;
  margin-top: 20px;
}

.box08 h3 {
  font-size: 131%;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
}

.box08 div.boxCont ul li {
  display: block;
  margin: 5px 0 0;
}

.box08 div.boxCont ul li.info p {
  float: left;
}

.box08 div.boxCont ul li.info p.image a {
  background: none;
}

.box08 div.boxCont a {
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
  font-size: 116%;
}

.box08 div.boxCont img {
  float: left;
  margin-top: 10px;
  margin-right: 16px;
}

.box08 div.boxCont ul li.info p.image img {
  margin: 0px 0px 0px 5px;
}

.box08 div.boxCont ul {
  margin: 10px 0px;
}

/* 2013修正 各種渋滞情報用 */
.box08 div.boxCont a.bnrBox08 {
  padding-left: 0px;
  margin-bottom: 0px;
  background: none;
}

/* @end */
/* 2017修正 各種渋滞情報用 */
.box08 .innerWrap {
  width: 331px;
}

.box08 div.boxCont .floatClear {
  float: none;
  padding-bottom: 5px;
}

.box08 div.boxCont .bgClear {
  background: none;
  padding-left: 0;
}

.box08 div.boxCont .bgClear:hover {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* @end */
/* @group レイアウトBOX9 */
.box09 {
  padding-bottom: 10px;
}

.box09 div.boxCont {
  float: left;
  margin-right: 27px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 205px;
}

.selectItemArea.box09 div.boxCont {
  width: 440px;
}

.selectItemArea.box09 div.boxCont.contLeft {
  width: 203px;
}

.box09 div.boxCont_last {
  float: left;
  width: 197px;
  margin-right: 30px;
  margin-top: 5px;
}

.box09 div.boxCont ul li, .box09 div.boxCont_last ul li {
  width: 205px;
  margin-top: 5px;
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px 5px;
}

.box09 div.boxCont ul {
  float: left;
}

/* @group ドライブガイド ソート 選択時 */
.box09 div.boxCont ul li.selected, .box09 div.boxCont_last ul li.selected {
  padding-left: 0px;
  color: #fff;
  background: url(/~/Media/Images/customer/fun/bg_link_selected_01.gif) no-repeat 0 top;
}

.box09 div.boxCont ul li.selected p, .box09 div.boxCont_last ul li.selected p {
  color: #fff;
  background: url(/~/Media/Images/customer/fun/bg_link_selected_02.gif) no-repeat 0 bottom;
}

.box09 div.boxCont ul li.selected p span, .box09 div.boxCont_last ul li.selected p span {
  padding-left: 15px;
}

/* @end */
.box09 div.boxCont p, .box09 div.boxCont_last p {
  margin-top: 5px;
}

/* 1222 変更 */
.box09 p.driveTitle {
  font-weight: bold;
  margin: 0 69px 10px 0;
  float: left;
}

/* @end */
/*
/* 2012/2/15: kawaguchi追加
/--------------------------------------*/
/* @group ドライブガイドページネーション */
.pagination {
  padding-top: 15px;
  text-align: center;
  clear: both;
}

.pagination ul {
  margin: auto;
  width: 100%;
}

.pagination ul li {
  display: inline-block;
  text-align: center;
}

.pagination ul li img {
  display: block;
}

.pagination ul li.prev {
  float: left;
}

.pagination ul li.next {
  float: right;
}

.pagination ul li.pageindex {
  padding: 0 20px;
  line-height: 30px;
  vertical-align: top;
}

/* @end */
/* @group レイアウトBOX10 */
.box10 {
  padding: 15px 20px 20px;
  background: url(/~/Media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat 0 bottom;
}

.box10 div.boxCont p {
  margin-top: 5px;
}

.box10 div.boxCont p.text {
  float: left;
  width: 155px;
  margin-top: 5px;
}

.box10 div.boxCont p.photo {
  float: right;
  margin-top: 5px;
}

/* @end */
/* @group レイアウトBOX11 */
.box11 div.boxCont {
  float: left;
  width: 331px;
  margin-right: 26px;
  margin-bottom: 5px;
}

.box11 div.boxCont_r {
  float: left;
  width: 331px;
  margin-bottom: 5px;
}

.box11 h3 {
  font-size: 116.7%;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 331px;
}

.box11 h3.big a, .box11 h3.big_14 a {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 4px;
}

.box11 div.boxCont ul li {
  /* 1228 変更
    padding-left: 15px;
    background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat  left 4px; */
  width: 310px;
}

.box11 div.boxCont_r ul li {
  /* 1228 変更
    padding-left: 15px;
    background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat  left 4px;*/
  width: 310px;
}

.box11 a {
  margin-bottom: 15px;
}

.box11 h3.big {
  font-size: 131%;
  padding-left: 0px;
  margin-bottom: 10px;
  color: #009FB7;
}

.box11 h3.big_14 {
  font-size: 108%;
  padding-left: 0px;
  margin-bottom: 15px;
  color: #009FB7;
}

/* 0104 変更　*/
/*
.box11 div.boxCont ul li a{
text-decoration: underline;
}
.box11 div.boxCont_r ul li a{
text-decoration: underline;
}
*/
/* @end */
/* @group レイアウトBOX12 */
.box12 div.boxCont {
  float: left;
  width: 331px;
  margin-right: 26px;
}

.box12 div.boxCont_r {
  float: left;
  width: 331px;
  padding: 0px 0px 10px 0px;
}

.box12 div.boxCont h3 {
  font-size: 116.7%;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
}

.box12 div.boxCont_r h3 {
  font-size: 116.7%;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
  padding-left: 15px;
  text-indent: -15px;
  font-weight: bold;
}

.box12 div.boxCont h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

.box12 div.boxCont a {
  font-size: 116.7%;
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
}

.box12 div.boxCont_r a {
  font-size: 116.7%;
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
}

.box12 div.boxCont p {
  margin: 0px 0px 25px 0px;
}

.box12 div.boxCont_r p {
  margin: 10px 0px 25px 0px;
}

/* @end */
/* @group レイアウトBOX13 */
.box13 div.boxCont {
  width: 692px;
  padding: 0px 0px;
  margin-bottom: 10px;
}

.box13 h2 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  color: #009FB7;
}

.box13 h2 .bk {
  color: #000000;
}

.box13 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

.box13 div.boxCont a {
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

.box13 div.boxCont p.img a {
  background: none;
  margin: 0;
  padding: 0;
}

.box13 div.boxCont p.text {
  margin: 0;
  padding: 0;
  width: 330px;
}

.box13 div.boxCont div a {
  padding-left: 0px;
  margin-bottom: 0px;
  background: none;
}

.box13 div.boxCont h2.big {
  font-size: 131%;
  background-color: #FFFFFF;
}

.box13 div.boxCont h2.big a {
  background: none;
  padding-left: 0;
}

.box13 div.boxCont h2.inquiry {
  font-size: 131%;
  background-color: #FFFFFF;
  margin-bottom: 12px;
}

.box13 div.boxCont h2.inquiry a {
  background: none;
  padding-left: 0;
}

/* 1222 お問い合わせ 追加 */
.box13 p.voice {
  width: 515px;
  float: left;
  margin-top: 5px;
}

.box13 div.boxCont p.top {
  margin-bottom: 10px;
}

.box13 div.boxCont p {
  margin-bottom: 15px;
}

.box13 p.voice img {
  float: right;
  margin-top: 5px;
}

/* 1227変更
.box13 div.boxCont span.link {
padding-left: 15px;
background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}*/
.box13 div.boxCont p.greenpost {
  margin-right: 60px;
  padding: 0;
  width: 500px;
  float: left;
}

.box13 div.boxCont p.greenpost a {
  background: none;
  padding-left: 0px;
}

.box13 div.boxCont img.inquiry {
  float: none;
  margin-right: 0px;
  margin-bottom: 0px;
  vertical-align: middle;
}

.box13 div.boxCont img {
  float: left;
  margin-top: 10px;
  margin-right: 16px;
  margin-bottom: 5px;
}

/* 1220追加 */
.box13 div.boxCont p.box {
  float: left;
  margin: 10px 0px;
}

/* textbox　*/
.qa {
  width: 230px;
  height: 20px;
  padding: 3px 0px;
  font-size: 131%;
}

.box13 p.box {
  float: left;
  padding: 5px 0px 0px 0px;
  width: 232px;
}

/* 1229変更 */
.box13 p.button {
  float: left;
  padding: 14px 0px 0px 15px;
  margin-top: 5px;
}

/* 1212 追加 */
.box13 p.link {
  float: right;
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

.box13 div.boxCont p a span {
  text-decoration: underline;
}

.box13 p.fr {
  margin: 0;
  padding-left: 15px;
  float: right;
}

.box13 p.fr img {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}

/* @group Q&A カスタム検索 */
/* origin 定義 */
#cse-search-form {
  padding-top: 15px;
}

.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0;
}

#cse-search-form .gsc-input input {
  width: 230px;
  height: 20px;
  padding: 5px;
  font-size: 131%;
  border: solid 1px #999;
}

#cse-search-form table.gsc-search-box td {
  border: none;
}

table.gsc-search-box td.gsc-input {
  padding: 0px;
}

#cse-search-form td.gsc-input {
  width: 240px;
}

table.gsc-search-box td.gsc-search-button {
  width: 100%;
}

input.gsc-search-button {
  padding: 3px;
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #F0F0F0;
  border: 2px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.gsc-clear-button {
  display: none;
}

/* Default 定義 */
.cse .gsc-control-cse,
.gsc-control-cse {
  width: auto;
}

.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 100%;
}

.cse .gsc-branding,
.gsc-branding {
  display: none;
}

.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}

/* Selector for entire element. */
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}

/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}

/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}

/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}

/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}

/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}

/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
  background-color: #FFFFFF;
  border-color: #336699;
}

/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}

.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #8500b7;
}

.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}

.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}

/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}

/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}

/* Style for auto-completion table
* .gsc-completion-selected : styling for a suggested query which the user has moused-over
* .gsc-completion-container : styling for the table which contains the completions
*/
.gsc-completion-selected {
  background: #D5E2FF;
}

.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display: none;
}

.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display: block;
}

/* @end */
/* @end */
/* @group レイアウトBOX14 */
.box14 {
  /*
    border: solid 1px #000;
    background: #b7f4fc;*/
  /*height: 1928px;*/
  display: block;
  zoom: 1;
}

.box14 ul li {
  width: 232px;
  margin: 0 16px 12px 0;
  float: left;
}

.box14 ul li.lastchild {
  margin-right: 0;
}

.box14 ul li .boxCon {
  background-color: #fff;
  padding: 0 17px;
}

.box14 ul li .boxCon dt {
  margin-bottom: 2px;
  text-align: center;
  border: none;
  height: 28px;
  overflow: hidden;
  line-height: 1.1;
}

div.largeText .box14 ul li .boxCon dt {
  height: 32px;
}

.box14 ul li .boxCon dd.photo {
  margin-bottom: 8px;
}

.box14 ul li .boxCon dd.title {
  font-size: 133.3%;
  font-weight: bold;
  margin-bottom: 4px;
  height: 57px;
  overflow: hidden;
  line-height: 1.2;
}

div.largeText .box14 ul li .boxCon dd.title {
  height: 67px;
}

.box14 ul li .boxCon dd.text {
  height: 126px;
  overflow: hidden;
  line-height: 1.3;
}

div.largeText .box14 ul li .boxCon dd.text {
  height: 166px;
}

.box14 ul li .boxCon dd.data {
  color: #FF0072;
  font-weight: bold;
  margin-bottom: 1px;
}

.box14 ul li .boxCon dd.btn {
  padding: 10px 0 0 0;
  text-align: center;
}

/* @end */
/* @group レイアウトBOX15 */
.box15 div.boxCont {
  float: left;
  width: 331px;
  margin-right: 26px;
  margin-bottom: 20px;
}

.box15 div.boxCont_r {
  float: left;
  width: 331px;
  margin-bottom: 20px;
}

.box15 h3 {
  font-size: 116.7%;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 331px;
}

.box15 div.boxCont ul li {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 4px;
  width: 310px;
}

.box15 div.boxCont_r ul li {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 4px;
  width: 310px;
}

.box15 a {
  margin-bottom: 15px;
}

.box15 h3.big {
  font-size: 131%;
  padding-left: 0px;
  margin-bottom: 10px;
}

.box15 h3.big_14 {
  font-size: 108%;
  padding-left: 0px;
  margin-bottom: 15px;
  color: #009FB7;
}

/* @end */
/* @group レイアウトBOX16 */
.box16 div.boxCont {
  width: 345px;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.box16 div.boxCont_w692 {
  width: 692px;
  padding: 10px 15px;
  margin-bottom: 5px;
}

.box16 h2 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

.box16 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

.box16 div.boxCont_w692 span a, .box16 div.boxCont_w692 span.top a {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

/* 0302 コメントアウト
.box16 div.boxCont_w692 span.top {
display: block;
margin-bottom: 3px;
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right 35px;
width:220px;
}
*/
.box16 div.boxCont div a, .box16 div.boxCont_w692 div a {
  padding-left: 0px;
  margin-bottom: 0px;
  background: none;
}

.box16 div.boxCont h2.big {
  font-size: 131%;
  background-color: #FFFFFF;
  color: #009FB7;
}

.box16 div.boxCont img, .box16 div.boxCont_w692 img {
  float: left;
  margin-top: 10px;
  margin-right: 16px;
  margin-bottom: 5px;
}

.box16 div.boxCont p.img, .box16 div.boxCont p.img {
  margin: 0;
  padding: 0;
}

.box16 div.boxCont p, .box16 div.boxCont_w692 p {
  margin: 0px 0px;
}

.box16 div.boxCont p.text {
  margin: 8px 0 0 0;
  padding: 0;
  width: 255px;
  float: left;
}

.box16 div.boxCont_w692 p.text01 {
  margin: 8px 0 3px 0;
  padding: 0;
  width: 605px;
  float: left;
}

/* @end */
/* @group レイアウトBOX17 ドライブガイド テンプレート */
.box17 div.boxCont {
  width: 692px;
  padding: 0px 0px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.box17 h2 {
  font-size: 133.3%;
  padding-bottom: 15px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  color: #009FB7;
}

.box17 p {
  margin-bottom: 10px;
}

.box17 h2 .bk {
  color: #000000;
}

.box17 div.boxCont a {
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

.box17 div.typeA div.leftBox {
  float: left;
  padding-right: 10px;
}

.box17 div.typeA div.leftBox img {
  margin-bottom: 5px;
}

.box17 div.typeA div.rightBox {
  padding-left: 10px;
  overflow: auto;
}

.box17 div.typeA a {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

/** 2014/08/11 SBT 削除ページ(外部リンク用)対応 **/
/**アローアイコン**/
.box17 div.typeA li.link {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

/**外部リンクアイコン**/
.box17 div.typeA a.externalMark {
  background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
}

/*************************************************/
.box17 div.typeB div.leftBox {
  padding-right: 10px;
  overflow: auto;
}

.box17 div.typeB div.rightBox img {
  margin-bottom: 5px;
}

.box17 div.typeB div.rightBox {
  float: right;
  padding-left: 10px;
  overflow: auto;
  width: 289px;
}

.box17 div.typeB a {
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}

/* @end */
/* @group レイアウトBOX18 ドライブガイド テンプレート（アクセス情報） */
.box18 div.boxCont {
  width: 692px;
  padding: 0px 0px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.box18 h2 {
  font-size: 133.3%;
  padding-bottom: 15px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  color: #009FB7;
}

.box18 p {
  margin-bottom: 10px;
}

.box18 div.leftBox {
  float: left;
  padding-right: 10px;
  padding-bottom: 30px;
  width: 444px;
  height: 384px;
}

.box18 div.rightBox {
  float: right;
  padding-left: 10px;
  width: 224px;
}

.box18 div.rightBox div.btnArea {
  text-align: center;
}

.box18 div.rightBox div.btnArea img {
  margin-top: 20px;
}

.box18 ul {
  padding-top: 10px;
}

.box18 ul li {
  margin-right: 12px;
  float: left;
}

.box18 ul li.rightSide {
  margin-right: 0px;
  margin-left: 12px;
  float: right;
}

.box18 .accses {
  padding-top: 10px;
}

li.fbBtnBox {
  overflow: hidden;
  width: 72px;
}

*:first-child + html li.fbBtnBox {
  overflow: hidden;
  width: 77px;
}

/* @end */
/* @group レイアウトBOX19 ドライブガイド テンプレート（施設情報） */
table.fa {
  width: 100%;
}

table.fa th {
  background: #EDEBEB;
  font-weight: normal;
  white-space: nowrap;
  width: 8em;
}

/* @end */
.largeMap {
  background: url("/~/Media/Images/customer/fun/ico_map_01.png") no-repeat scroll left 7px transparent;
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 4px;
}

.largeMap img {
  padding-bottom: 3px;
}

/* @group レイアウトBOX19 ドライブガイド テンプレート（コメント一覧） */
.box19 div.boxCont {
  width: 692px;
  padding: 0px 0px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.box19 h2 {
  font-size: 133.3%;
  padding-bottom: 15px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  color: #009FB7;
}

.box19 .comentBox {
  border-bottom: solid 1px #999;
  margin-bottom: 15px;
}

.box19 div.comentBox01 {
  padding-right: 15px;
  overflow: auto;
}

.box19 div.comentBox01 h3 {
  color: #009FB7;
  padding-right: 8px;
  margin-bottom: 1px;
}

.box19 div.comentBox01 p {
  margin-bottom: 15px;
}

.box19 div.comentBox02,
.box19 div.comentBox03 {
  float: right;
}

.box19 div.comentBox02 {
  width: 157px;
  height: 118px;
  margin-bottom: 15px;
  background: #dfdfdf;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.box19 div.comentBox03 {
  width: 74px;
  padding-left: 8px;
}

.box19 div.comentBox03 ul li {
  margin-bottom: 8px;
  width: 74px;
  height: 55px;
  text-align: center;
  background: #dfdfdf;
}

p.readMoreComment {
  text-align: right;
  padding-bottom: 5px;
}

p.readMoreComment a img {
  vertical-align: middle;
  margin-right: 5px;
}

/* @end */
/* @group レイアウトBOX20 */
.box20 {
  margin: 18px 18px 10px 20px;
}

.box20 h3 {
  font-size: 131%;
  font-weight: bold;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_03.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
  width: 330px;
}

.box20 div.relation {
  padding-bottom: 5px;
  float: left;
}

.box20 div.relation img {
  float: left;
}

.box20 div.relation p {
  float: left;
  line-height: 174%;
  width: 225px;
  padding: 0 17px;
}

.box20 div.relation p.last {
  float: left;
  line-height: 174%;
  width: 200px;
  padding: 0px 0px 0px 17px;
}

.box20 div.relation p span {
  color: #707070;
}

.box20 div.relation p a {
  font-weight: bold;
  font-size: 133.3%;
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
}

/* @end */
/* @group レイアウトBOX21 ドライブガイド コメントinput */
.box21 div.boxCont {
  /*width: 692px;*/
  padding: 0px 0px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.box21 h2 {
  font-size: 133.3%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  color: #009FB7;
}

.box21 p {
  margin-bottom: 10px;
}

.box21 div.boxCont p a {
  padding-left: 12px;
  background: transparent url("/~/Media/Images/customer/common/ico/ico_link_arrow_06.png") no-repeat scroll left center;
}

.box21 div.inputArea {
  padding: 20px;
}

.box21 div.inputArea dl dt {
  padding-top: 2px;
  width: 90px;
  border: none;
  float: left;
}

.box21 div.inputArea dl dd {
  margin-left: 90px;
  margin-bottom: 10px;
}

.box21 div.inputArea textarea {
  width: 530px;
  resize: vertical;
}

.box21 div.inputArea dl dt.nonFloat {
  float: none;
  width: 600px;
  margin-bottom: 10px;
}

.box21 div.inputArea dd.inputMidArea input {
  margin-top: 8px;
}

.box21 div.inputArea dd.inputMidArea img {
  float: left;
  margin-right: 10px;
}

.box21 div.inputArea div.inputBotArea {
  padding-left: 90px;
}

.box21 div.inputArea div.inputBotArea div {
  padding-top: 20px;
}

.box21 div.inputArea p.botBtnArea {
  text-align: center;
  margin-top: 20px;
}

.box21 div.inputArea p.botBtnArea img {
  padding: 0px 10px;
}

.confTextBox {
  width: 530px;
}

.box21 p.commentAlert {
  margin-top: 3px;
  color: #f00;
}

/* @end */
/* @group レイアウトBOX22 News & Topics一覧で使用 */
.box22 {
  margin-top: 10px;
}

.box22 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  margin-left: 20px;
  padding: 10px 0px;
}

.box22 div.boxCont {
  width: 692px;
  padding: 20px 0px 0px;
  margin-left: 20px;
}

.box22 ul li {
  clear: both;
}

.box22 ul li p {
  float: left;
}

.box22 ul li a {
  width: 620px;
  float: left;
  padding-left: 10px;
  padding-bottom: 15px;
}

/* @end */
/* @group レイアウトBOX23 */
.box23 {
  margin-top: 10px;
  margin-bottom: 30px;
}

.box23 h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_04.gif) no-repeat 0 bottom;
  margin-left: 20px;
  padding: 10px 20px 10px 0px;
}

.box23 div.boxCont {
  width: 940px;
  padding: 0px 0px;
  margin: 0 20px;
}

.box23 div.boxCont p {
  margin-top: 10px;
}

.box23 div.boxCont div p {
  margin-right: 30px;
  width: 690px;
  float: left;
}

.box23 div.boxCont div ul {
  margin-top: 10px;
  width: 200px;
  float: left;
}

.box23 div.boxCont div ul li {
  margin-bottom: 10px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
  padding-left: 15px;
}

.box23 div.boxCont p.text {
  float: left;
  width: 410px;
  margin-top: 10px;
}

.box23 div.boxCont p.text span {
  color: #009FB7;
}

.box23 div.boxCont p.button {
  float: right;
  margin: 10px 10px 0px 0px;
}

.box23 div.boxCont p.photo {
  margin-top: 10px;
  margin-bottom: 15px;
  float: right;
}

.box23 div.boxCont p.pdfLink {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  background: url(/~/Media/Images/customer/common/ico/ico_pdf.gif) no-repeat scroll left center transparent;
}

.box23 div.boxCont.printBtnArea {
  text-align: right;
  margin-bottom: -50px;
}

.box23 div.boxCont.printBtnArea a img {
  margin-right: 10px;
}

.box23 ul.tableText {
  width: 820px;
}

.box23 div.boxCont .image {
  padding: 20px 0;
  text-align: center;
}

#ajaxContents div.box23 h4 {
  margin: 2em 0 0.4em 0;
}

.box23 div.boxCont ul.marathon li {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
  margin: 10px 0px 0px 0px;
  padding-left: 15px;
  width: 940px;
}

/* @end */
/* @group レイアウトBOX24 */
.box24 div.boxCont {
  width: 692px;
  padding: 0px 0px;
  margin-bottom: 10px;
}

.box24 h2 {
  font-size: 116.7%;
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  color: #009FB7;
}

.box24 h2 .bk {
  color: #000000;
}

.box24 div.boxCont h2.big {
  font-size: 131%;
  background-color: #FFFFFF;
}

.box24 div.boxCont h2.big a {
  background: none;
  padding-left: 0;
}

.box24 div.boxCont h2.inquiry {
  font-size: 131%;
  background-color: #FFFFFF;
  margin-bottom: 12px;
}

.box24 div.boxCont h2.inquiry a {
  background: none;
  padding-left: 0;
}

/* @group box24 */
/* @group  ピックアップエリア */
.pickupAreaTopLower {
  padding: 20px 20px 10px;
  margin-bottom: 20px;
  background: #fff;
}

.pickupAreaTopLower div.pickups {
  background: #fff;
  padding: 20px 20px 10px;
}

.pickupAreaLower {
  padding: 20px 20px 10px;
  margin-bottom: 20px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  width: 688px;
}

.pickupAreaLower div.pickups {
  background: #fff;
  padding: 20px 20px 10px;
}

/* 1212 追加 */
.pickupAreaSubLower {
  padding-top: 10px;
  margin-bottom: 20px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_top.png) left top;
  width: 728px;
}

.pickupAreaSubLower p.text {
  margin: 3px;
  padding-left: 17px;
}

/* 0302 コメントアウト
.pickupAreaSubLower p.text a {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center ;
padding-right: 15px;
}
*/
.pickupAreaSubLower div {
  height: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
}

/* @end */
/* @group 駐車場 */
div.carTitle {
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  padding-top: 18px;
  margin-bottom: 10px;
}

div.carTitle p {
  float: left;
  width: 229px;
  padding-bottom: 10px;
}

div.carBox {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bebebe;
}

div.carBox p {
  float: left;
  width: 229px;
}

div.carBox span {
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
  color: #009FB7;
}

/* @end */
/* @group PAエリア */
.paArea {
  padding: 10px 20px 10px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  height: auto;
  width: 688px;
}

.paArea h2 {
  font-weight: bold;
  font-size: 161.6%;
  color: #fff;
  padding: 10px 0 10px 20px;
  background: #00a0b8;
}

.paArea ul li {
  float: left;
  width: 324px;
}

.paContent {
  border-bottom: 1px dotted black;
  margin-bottom: 20px;
}

.paArea .pickupContent ul li {
  padding-right: 20px;
  padding-bottom: 20px;
}

.paArea ul li img {
  float: left;
  margin-right: 16px;
}

.paArea .pickupContent ul li a {
  font-weight: bold;
  display: block;
  padding-left: 115px;
  margin-bottom: 5px;
  float: right;
}

.paArea .titleName {
  margin-bottom: 10px;
}

.paArea p.icon {
  float: left;
  margin: 0px 8px 0px 0px;
}

.paArea p.icon img {
  vertical-align: middle;
  margin-right: 4px;
}

.paArea .boxPA {
  margin: 10px 0px 5px 0px;
}

.paArea .textPA ul.detail {
  height: 242px;
  display: block;
}

.paArea .textPA ul.detail li {
  width: 670px;
  padding-left: 15px;
  margin-top: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_01.gif) no-repeat 0px 5px;
}

.paArea .textPA ul.detail li.first {
  margin-top: 5px;
}

/* 0302 コメントアウト
.paArea .textPA  div.detail ul li.info a{
padding-right:10px;
background: url(/~/Media/Images/customer/common/ico/ico_link_window_02.gif) no-repeat  right center ;
}
*/
.paArea .textPA ul.link {
  margin-top: -1px;
  margin-left: 2px;
}

.paArea .textPA ul.link li {
  margin: 2px 0px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
  display: block;
}

/* 1222追加 */
/* 0302 コメントアウト
.paArea .textPA ul.link li span.info {
margin: 2px 0px;
background: url(/~/Media/Images/customer/common/ico/ico_link_window_02.gif) no-repeat center right;
padding-right: 10px;
}
.paArea .textPA span.icon a {
color: #009FB7;
padding-right:15px;
background: url(/~/Media/Images/customer/common/ico/ico_link_window_02.gif) no-repeat  right center ;
}
*/
.textPickUp li {
  padding-bottom: 10px;
}

.textPickUp li p.icon01 {
  padding-left: 20px;
  background: url(/~/Media/Images/customer/common/ico/ico_text_01.gif) no-repeat left center;
}

.textPickUp li p.icon02 {
  padding-left: 20px;
  background: url(/~/Media/Images/customer/common/ico/ico_text_02.gif) no-repeat left center;
}

/* 1227　追加 */
.parkingPA {
  margin: 5px 0px;
}

/* @end */
/* @group 首都高を知る・楽しむ　 */
.driveGuideTitle {
  width: 728px;
  background: url("/~/Media/Images/customer/common/bg/bg_title_728_03.png") no-repeat scroll left top transparent;
  color: #fff;
  font-size: 200%;
  position: relative;
}

.driveGuideTitle h2 img {
  padding: 14px 10px 14px 20px;
}

div.driveGuideTitle span {
  margin-top: -0.4em;
  position: absolute;
  top: 50%;
  left: 85px;
  display: block;
  padding: 1px 0 3px;
}

div.driveGuideTitle div.slideBtn {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #009FB7;
  cursor: pointer;
}

.recommnedAreaContent {
  width: 728px;
}

.recommnedArea {
  padding: 20px 0px 10px 30px;
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  width: 698px;
}

.recommnedArea_top {
  padding: 0px 0px 10px 30px;
  background: #ffffff;
  width: 698px;
  position: relative;
}

.recommnedArea_top p.driveTitle {
  float: left;
  width: 231px;
}

.recommnedArea_top div.slideBtn,
.recommnedArea_top div.slideBtnClose {
  position: absolute;
  top: -61px;
  right: 20px;
  color: #009FB7;
  cursor: pointer;
}

.selectItemArea {
  padding: 0px 0px 10px 30px;
  background: #ffffff;
}

.recommnedArea_bot {
  width: 728px;
  height: 15px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
}

.driveGuideAcoBox {
  padding-bottom: 15px;
}

.driveGuideTitleBot {
  position: absolute;
  left: 0;
  bottom: 0;
}

.driveGuideArea {
  background: #ffffff;
  padding-top: 20px;
}

.driveGuideArea .recommnedArea {
  padding-top: 0px;
}

.selectItemArea .ratLineBox {
  border-top: solid 1px #00A0B8;
  padding-bottom: 4px;
}

/* @group ドライブガイド */
.driveGuideAreaTemp {
  padding: 15px 20px 10px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  width: 688px;
}

.driveGuideBackBtn {
  text-align: center;
  padding: 15px 0px 18px;
}

.driveGuideAreaTemp p.dataText {
  text-align: right;
  margin-bottom: 10px;
}

.noResultArea {
  margin-bottom: 10px;
  padding-top: 80px;
  height: 130px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
}

.noResultArea p {
  text-align: center;
  color: #666;
  font-size: 1.2em;
  font-weight: bold;
}

h2.bg_w728_03 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_728_03.png) no-repeat left top;
}

h2.h2title04.driveGuideTitle span {
  margin-top: -0.4em;
}

/* @end */
/* @end */
/* @end */
/* @group レイアウトBOX25 TOP「首都高を知る・楽しむ」「首都高の取り組み」「News & Topics」 */
.box25 {
  margin: 18px 18px 10px 20px;
}

.box25 div.relation {
  width: 312px;
  padding-bottom: 5px;
  float: left;
  line-height: 130%;
}

.box25 div.relation img {
  float: left;
}

/* 上段 */
.box25.upside div.relation p {
  float: left;
  line-height: 155%;
  width: 165px;
  padding: 0 0 0 15px;
}

.box25.upside div.relation p.last {
  float: left;
  line-height: 155%;
  width: 165px;
  padding: 0 0 0 15px;
}

.box25 div.relation p span {
  color: #707070;
}

.box25.upside div.relation p a {
  display: block;
  font-weight: bold;
  font-size: 114.2%;
  padding-left: 15px;
  margin-bottom: 5px;
  background: transparent url(/~/Media/Images/customer/common/ico/ico_link_arrow_14.png) no-repeat scroll left 6px;
}

/* 下段 */
.box25.downside div.relation {
  width: 235px;
  padding-bottom: 5px;
  float: left;
}

.box25.downside div.relation p {
  float: left;
  line-height: 155%;
  width: 125px;
  padding: 0 0 0 10px;
}

.box25.downside div.relation p.last {
  float: left;
  line-height: 155%;
  width: 125px;
  padding: 0 0 0 10px;
}

.box25.downside div.relation p a {
  display: block;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 5px;
  background: transparent url(/~/Media/Images/customer/common/ico/ico_link_arrow_14.png) no-repeat scroll left 5px;
}

/* 下段リンク */
.linkBox {
  margin: 0 0 10px 20px;
  padding-bottom: 5px;
}

/* 20131118 del by SBT start */
/*
.linkBox div {
float: left;
width: 473px;
}
*/
/* 20131118 del by SBT end */
.linkBox div.relation p {
  float: left;
  line-height: 155%;
  width: 125px;
  padding: 0 0 0 10px;
}

.linkBox div.relation p.last {
  float: left;
  line-height: 155%;
  width: 125px;
  padding: 0 0 0 10px;
}

.linkBox div ul li a {
  padding-left: 15px;
  margin-bottom: 5px;
  background: transparent url(/~/Media/Images/customer/common/ico/ico_link_arrow_14.png) no-repeat scroll left center;
}

.linkBox div ul li a img {
  margin-left: 5px;
  vertical-align: text-top;
}

.linkBox p {
  clear: both;
  text-align: right;
  padding-right: 18px;
}

.linkBox p a {
  padding-left: 14px;
  background: transparent url("/~/Media/Images/customer/common/ico/ico_link_arrow_01.png") no-repeat scroll left center;
}

/* @end */
/* @group タブ NEws & Topics　 */
#tabBox {
  margin: 0 0 10px 20px;
  padding-bottom: 5px;
}

#tabBox p {
  clear: both;
  text-align: right;
  padding-right: 18px;
}

#tabBox p a {
  padding-left: 14px;
  background: transparent url("/~/Media/Images/customer/common/ico/ico_link_arrow_01.png") no-repeat scroll left center;
}

/* TOPページ用 */
.newsBox ul.tab {
  height: 27px;
  width: 940px;
  padding: 0;
  background: url(/~/Media/Images/customer/top/bg_tab_ul.png) repeat-x right bottom;
}

/* News一覧ページ用 */
.newsBox2 ul.tab {
  height: 37px;
  width: 690px;
  padding: 0;
  background: url(/~/Media/Images/customer/top/bg_tab_ul.png) repeat-x right bottom;
}

#tabBox ul.tab li {
  float: left;
}

#tabBox ul.tab li a {
  outline: none;
  display: block;
  text-align: center;
}

/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131224修正↓↓↓ */
/*
.newsBox ul.tab li a span {
display: block;
width: 139px;
height: 27px;
text-indent: -9999px;
}
*/
.newsBox ul.tab li a span {
  display: block;
  width: 131px;
  height: 27px;
  text-indent: -9999px;
}

/* ↑↑↑20131224修正↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
.newsBox2 ul.tab li a span {
  display: block;
  width: 98px;
  height: 37px;
  text-indent: -9999px;
}

#tabBox ul.panel {
  clear: both;
  padding: 24px 0 14px 0;
}

#tabBox ul.panel li.panelBox ul {
  margin: 0px;
}

#tabBox ul.panel li.panelBox ul li a {
  /* ↓20140709 確認 マージ漏れ？↓ */
  margin-left: 15px;
  /*margin-left: 25px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
}

#tabBox ul.panel li.panelBox ul li a:visited {
  /* ↓20140709 確認 マージ漏れ？↓ */
  margin-left: 15px;
  color: #8500b7;
  /*margin-left: 25px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
}

/* TAB背景 TOPページ用 */
/*
・btn_top_0→すべて見る
・btn_top_1→お知らせ
・btn_top_2→イベントキャンペーン
・btn_top_9→重要なおしらせ
*/
.newsBox ul.tab li a.selected span#tabNum0 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_0_on.png) no-repeat left top;
}

.newsBox ul.tab li a span#tabNum0 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_0_off.png) no-repeat left top;
}

.newsBox ul.tab li a.selected span#tabNum1 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_1_on.png) no-repeat left top;
}

.newsBox ul.tab li a span#tabNum1 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_1_off.png) no-repeat left top;
}

.newsBox ul.tab li a.selected span#tabNum2 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_2_on.png) no-repeat left top;
}

.newsBox ul.tab li a span#tabNum2 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_2_off.png) no-repeat left top;
}

.newsBox ul.tab li a.selected span#tabNum9 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_9_on.png) no-repeat left top;
}

.newsBox ul.tab li a span#tabNum9 {
  background: url(/~/Media/Images/customer/top/newsTopics/btn_top_9_off.png) no-repeat left top;
}

/* TAB背景 News一覧ページ用 */
/*
・btn_tab_0→すべて見る
・btn_top_1→お知らせ
・btn_top_2→イベントキャンペーン
・btn_top_9→重要なお知らせ
*/
.newsBox2 ul.tab li a.selected span#tabNum0 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_0_on.png) no-repeat left top;
}

.newsBox2 ul.tab li a span#tabNum0 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_0_off.png) no-repeat left top;
}

.newsBox2 ul.tab li a.selected span#tabNum1 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_1_on.png) no-repeat left top;
}

.newsBox2 ul.tab li a span#tabNum1 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_1_off.png) no-repeat left top;
}

.newsBox2 ul.tab li a.selected span#tabNum2 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_2_on.png) no-repeat left top;
}

.newsBox2 ul.tab li a span#tabNum2 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_2_off.png) no-repeat left top;
}

.newsBox2 ul.tab li a.selected span#tabNum9 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_9_on.png) no-repeat left top;
}

.newsBox2 ul.tab li a span#tabNum9 {
  background: url(/~/Media/Images/customer/news/newsTopicsList/btn_tab_9_off.png) no-repeat left top;
}

/* リストジャンルアイコン */
#tabBox ul.panel li.panelBox ul li {
  /* ↓20140709 確認 マージ漏れ？↓ */
  padding-left: 107px;
  /*padding-left: 117px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
}

/* News＆Topicsのカテゴリ画像 */
#tabBox ul.panel li.panelBox ul li.case1 {
  background: url(/~/Media/Images/customer/top/newsTopics/ico_top_category_1.png) no-repeat left center;
}

#tabBox ul.panel li.panelBox ul li.case2 {
  background: url(/~/Media/Images/customer/top/newsTopics/ico_top_category_2.png) no-repeat left center;
}

#tabBox ul.panel li.panelBox ul li.case9 {
  background: url(/~/Media/Images/customer/top/newsTopics/ico_top_category_9.png) no-repeat left center;
}

/* @end */
/* @group レイアウトBOX26 TOP「おすすめコンテンツ」 */
.recommendedContent {
  margin-bottom: 20px;
  padding: 14px 0 12px 24px;
  clear: both;
  border: solid 1px #349E6D;
  background: #FFFEF7;
}

.recommendedContent #bannerBox {
  height: 108px;
  margin-bottom: 12px;
}

.recommendedContent #bannerBox a {
  float: left;
}

.recommendedContent #linkBox01 {
  margin-bottom: 19px;
}

.recommendedContent #linkBox01 .box25 {
  margin: 0;
}

.recommendedContent #bannerBox a {
  margin-right: 10px;
}

.recommendedContent #linkBox02 {
  margin-bottom: 19px;
}

.recommendedContent #linkBox02 a {
  margin-right: 6px;
}

.recommendedContent .linkBox {
  margin: 0;
}

.recommendedContent a {
  color: #349e6d;
  background: transparent url(/~/Media/Images/customer/common/ico/ico_link_arrow_15.png) no-repeat scroll left 3px !important;
}

.recommendedContent .box25 div.relation a img.blWindow {
  float: none;
  vertical-align: text-top;
  margin-left: 5px;
}

/* @end */
/* @group お問合わせ　 */
.inquiryAreaContent {
  width: 728px;
}

/* @end */
/* @group  サイドメニュー*/
div.sideMenuLower {
  float: right;
  width: 230px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_230_bot.png) no-repeat 0 bottom;
  margin-bottom: 15px;
}

div.sideMenuLower a:link {
  color: #009FB7;
}

div.sideMenuLower a:visited {
  color: #009FB7;
}

div.sideMenuLower h1 {
  padding: 0px;
}

div.sideMenuLower ul.sideContentsMenuTop {
  padding: 0 12px;
}

div.sideMenuLower ul.sideContentsMenuTop li {
  border-top: dotted 1px #00A0B8;
  padding: 15px 0px 15px 33px;
  background-image: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png);
  background-repeat: no-repeat;
  background-position: 8px 19px;
}

div.sideMenuLower ul.sideContentsMenuTop li.first {
  border-top: none;
}

/* 首都高を知る・楽しむ　枠線水色サイドメニュー */
div.sideMenuLowerFun {
  float: right;
  width: 230px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_white_230_bot.png) no-repeat 0 bottom;
  /*border: 1px solid #a3f6fe;*/
  margin-bottom: 10px;
}

div.sideMenuLowerFun h1 {
  padding: 0px;
}

div.sideMenuLowerFun ul.accessLank {
  margin-top: 10px;
  height: auto;
}

div.sideMenuLowerFun ul.accessLank li {
  margin: 5px 20px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #00A0B8;
}

div.sideMenuLowerFun ul.accessLank li p.number {
  float: left;
  width: 20px;
  margin-right: 15px;
}

div.sideMenuLowerFun ul.accessLank li p.text {
  float: left;
  width: 150px;
}

div.sideMenuLowerFun ul.accessLank li.last {
  border: none;
}

div.sideMenuLowerFun ul.sideContentsMenuTop {
  padding: 0 12px;
}

div.sideMenuLowerFun ul.sideContentsMenuTop li {
  border-top: dotted 1px #00A0B8;
  padding: 15px 0px 15px 33px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 8px center;
}

div.sideMenuLowerFun ul.sideContentsMenuTop li a:link {
  color: #009FB7;
}

div.sideMenuLowerFun ul.sideContentsMenuTop li a:visited {
  color: #009FB7;
}

div.sideMenuLowerFun ul.sideContentsMenuTop li a[href^="http:"] {
  background: url("/~/Media/Images/customer/common/ico/ico_link_window_01.gif") no-repeat scroll right center transparent;
  margin-right: 5px;
  padding-right: 15px;
}

div.sideMenuLowerFun ul.sideContentsMenuTop li.first {
  border-top: none;
}

div.sideMenuLowerFun ul.sideContentsMenuTop li.next {
  border-top: dotted 1px #00A0B8;
}

div.sideMenuLowerFun rul.sideContentsMenuTop li.last {
  border-bottom: none;
}

/*
div.sideMenuLowerFun ul.sideContentsMenuTop li.windowIcon {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif)  no-repeat left center;
}
*/
div.sideMenuLowerFun ul.sideContentsMenu {
  padding: 5px 12px 0px 12px;
}

div.sideMenuLowerFun ul.sideContentsMenu li {
  padding: 10px 0px 10px 8px;
  margin-bottom: 0px;
}

div.sideMenuLowerFun ul.sideContentsMenu li.menuTitle {
  padding: 5px 0px 0px 8px;
  border-bottom: dotted 1px #00A0B8;
}

div.sideMenuLowerFun ul.sideContentsMenu li p {
  padding-left: 25px;
  background: url(/~/Media/Images/customer/common/ico/ico_sidemenu_01.gif) no-repeat 0px center;
}

div.sideMenuLowerFun ul.sideContentsMenu li.menuTitle p {
  background: none;
  padding-left: 0px;
}

div.sideMenuLowerFun ul.sideContentsMenu li span {
  display: block;
  padding-top: 5px;
  padding-left: 25px;
}

div.sideMenuLowerFun ul.sideContentsMenu li a {
  display: block;
  line-height: 140%;
}

div.sideMenuLowerFun ul.sideContentsMenu li.last {
  padding-bottom: 0px;
}

div.sideMenuLowerFun .accessLank {
  height: 300px;
  width: 230px;
}

/* 枠線水色バナー欄  首都高を知る・楽しむ 0119追加 */
div.sideMenuBanner {
  float: right;
  /*height: 260px;*/
  width: 230px;
  margin-bottom: 10px;
  /*background: #e7fcad;*/
  /*border: 1px solid #a3f6fe;*/
}

div.sideMenuBanner .bannerArea ul li {
  margin-bottom: 12px;
}

div.sideMenuBanner .bannerArea ul li.last {
  margin-bottom: 12px;
}

#sidenaviBannerBox {
  margin-bottom: 20px;
}

/* @end */
/* @group 第二階層 サイドメニュー*/
/* メニュー背景水色 1209追加 */
div.sideMenuLower ul.sideContentsMenuOver {
  padding: 0;
}

div.sideMenuLower ul.sideContentsMenuOver li {
  padding: 15px 0 15px 25px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) #b8e8ef no-repeat 20px center;
}

div.sideMenuLower ul.sideContentsMenuOver p {
  padding-left: 20px;
}

/* @end */
/* @group 首都高ネットワーク案内 サイドメニュー */
div.sideMenuLower div.text {
  padding: 5px 20px 20px 20px;
}

div.sideMenuLower ul.sideContentsNetMenu {
  padding: 5px 12px 20px 12px;
}

div.sideMenuLower ul.sideContentsNetMenu li {
  padding: 3px 0px 3px 8px;
  margin-bottom: 0px;
}

div.sideMenuLower ul.sideContentsNetMenu li.menuTitle {
  padding: 5px 0px 0px 8px;
  margin-bottom: 10px;
  border-bottom: dotted 1px #00A0B8;
}

div.sideMenuLower ul.sideContentsNetMenu li p {
  padding-left: 25px;
  background: url(/~/Media/Images/customer/common/ico/ico_pdf.gif) no-repeat 0px 0px;
}

div.sideMenuLower ul.sideContentsNetMenu li.menuTitle p {
  background: none;
  padding-left: 0px;
}

div.sideMenuLower ul.sideContentsNetMenu span {
  display: block;
  padding: 10px 10px 0px 10px;
}

div.sideMenuLower ul.sideContentsNetMenu span a {
  text-decoration: underline;
}

div.sideMenuLower ul.sideContentsNetMenu li a {
  display: block;
  line-height: 140%;
}

/* @end */
/* @group 第四階層 サイドメニュー*/
div.sideMenufourth {
  float: right;
  width: 230px;
  background: #fff;
}

div.sideMenufourth h1 {
  padding: 0px;
}

/* 1207 追加　*/
ul.sideMenufourth {
  padding: 0 12px;
}

ul.sideMenufourth li {
  border-bottom: dotted 1px #00A0B8;
  padding: 15px 0 15px 30px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 8px center;
}

ul.sideMenufourth li.next {
  border-top: dotted 1px #00A0B8;
}

ul.sideMenufourth li.last {
  border-bottom: none;
}

/* 0302 コメントアウト
ul.sideMenufourth li.windowIcon {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat left center;
}*/
ul.sideMenufourth li a:visited {
  color: #009FB7;
}

ul.sideMenufourthOver {
  padding: 0;
}

ul.sideMenufourthOver li {
  padding: 15px 0 15px 25px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) #b8e8ef no-repeat 20px center;
}

/* ▼▼▼ 20180918 サイドナビカレント処理 ▼▼▼ */
ul.sideMenufourthOver li.current {
  padding: 15px 0 15px 25px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_21.gif) #00a4bf no-repeat 20px center;
}

/* ▲▲▲ 20180918 サイドナビカレント処理 ▲▲▲ */
ul.sideMenufourthOver li.current p a {
  color: #ffffff;
  /* 201708 JIS規格対応 end */
}

ul.sideMenufourthOver p {
  padding-left: 20px;
}

ul.fourthList {
  padding-bottom: 10px;
  margin: 10px 12px 0px;
  border-bottom: dotted 1px #00A0B8;
}

ul.fourthList li {
  padding: 2px 0 2px 40px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_06.png) no-repeat 20px 6px;
  border-top: none;
  margin: 0;
}

ul.fourthList li.current {
  /*padding: 2px 0 2px 40px;
    margin: 0;*/
  margin: 0 -12px;
  padding: 2px 12px 0 52px;
  /*background: #B8E8EF url(/~/Media/Images/customer/common/ico/ico_link_arrow_06.png) no-repeat 20px 6px;*/
  /* ▼▼▼ 20180918 サイドナビカレント処理 ▼▼▼ */
  background: #00a4bf url(/~/Media/Images/customer/common/ico/ico_link_arrow_20.png) no-repeat 32px 6px;
  /* ▲▲▲ 20180918 サイドナビカレント処理 ▲▲▲ */
  border-top: none;
}

ul.fourthList li.current p a {
  color: #ffffff;
}

/* 201708 JIS規格対応 end */
/* 0302 コメントアウト
ul.fourthList li.info p a {
background: url(/~/Media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
padding-right: 15px;
*zoom:1;
} */
/* 0119 修正　↑*/
div.sideMenufourth ul.sideContentsMenu {
  padding: 5px 12px 0px 12px;
}

div.sideMenufourth ul.sideContentsMenu li {
  padding: 10px 0px 10px 8px;
  margin-bottom: 0px;
}

div.sideMenufourth ul.sideContentsMenu li.menuTitle {
  padding: 5px 0px 0px 8px;
  border-bottom: dotted 1px #00A0B8;
}

div.sideMenufourth ul.sideContentsMenu li p {
  padding-left: 25px;
  background: url(/~/Media/Images/customer/common/ico/ico_sidemenu_01.gif) no-repeat 0px center;
}

div.sideMenufourth ul.sideContentsMenu li.menuTitle p {
  background: none;
  padding-left: 0px;
}

div.sideMenufourth ul.sideContentsMenu li span {
  display: block;
  padding-top: 5px;
  padding-left: 25px;
}

div.sideMenufourth ul.sideContentsMenu li a {
  display: block;
  line-height: 140%;
}

div.sideMenufourth ul.sideContentsMenu li.last {
  padding-bottom: 0px;
}

/* @end */
/* @group  テーブルエリア */
/* @group  table.pa */
table.pa {
  text-align: center;
  border: 1px solid #666666;
  width: 690px;
}

table.pa th {
  background: #edebeb;
  text-align: center;
}

table.pa td.link {
  text-align: left;
}

/* @end */
/* @group  タイトルエリア */
/* @group  h2.h2title */
h2.h2title {
  font-weight: bold;
  font-size: 116.7%;
  color: #fff;
  padding: 5px 0 5px 15px;
  background: #71d2e0;
}

/* @end */
/* @group  h2.h2title02 */
h2.h2title02 {
  font-weight: bold;
  font-size: 150%;
  color: #fff;
  padding: 10px 0 10px 20px;
  position: relative;
}

h2.h2title02 a:link {
  color: #FFF;
}

h2.h2title02 a:visited {
  color: #FFF;
}

h2.h2title02 img {
  vertical-align: text-bottom;
}

h2.h2title02 .lcwhite a:hover {
  text-decoration: none;
}

h2.h2title02 .lcwhite a:visited {
  text-decoration: none;
}

h2.h2title02 img {
  margin-right: 10px;
}

.bg_w239 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_239.gif) no-repeat left top;
}

.bg_w360 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_360.gif) no-repeat left top;
}

.bg_w728 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_728.gif) no-repeat left top;
}

.bg_w728_02 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_728_02.gif) no-repeat left top;
}

.bg_w980 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_980.gif) no-repeat left top;
}

.bg_w980_02 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_980_02.gif) no-repeat left top;
}

/* @end */
/* @group  h2.h2title02_net */
h2.h2title02_net {
  font-weight: bold;
  font-size: 150%;
  color: #fff;
  padding: 10px 0 12px 20px;
  position: relative;
}

h2.h2title02_net img {
  vertical-align: text-bottom;
}

h2.h2title02_net .lcwhite a:hover {
  text-decoration: none;
}

h2.h2title02_net .lcwhite a:visited {
  text-decoration: none;
}

h2.h2title02_net img {
  margin-right: 10px;
}

/* @end */
/* @group  h2.h2title02_f1 */
h2.h2title02_f1 {
  font-weight: bold;
  font-size: 150%;
  color: #fff;
  padding: 10px 0 10px 20px;
}

h2.h2title02_f1 img {
  vertical-align: text-bottom;
}

h2.h2title02_f1 .lcwhite a:hover {
  text-decoration: none;
}

h2.h2title02_f1.lcwhite a:visited {
  color: #FFF;
  text-decoration: none;
}

h2.h2title02_f1 img {
  margin-right: 10px;
}

/* @end */
/* @group  h2.h2title02_f2 */
h2.h2title02_f2 {
  font-weight: bold;
  font-size: 150%;
  color: #fff;
  padding: 10px 0 10px 20px;
}

h2.h2title02_f2 img {
  vertical-align: text-bottom;
}

h2.h2title02_f2 img {
  margin-right: 10px;
}

/* @end */
/*  首都高を知る・楽しむ 1219変更  */
h2.h2title02_fun {
  font-weight: bold;
  font-size: 133.3%;
  color: #fff;
  position: relative;
  width: 728px;
}

h2.h2title02_fun img {
  padding: 14px 10px 14px 20px;
}

h2.h2title02_fun div.text {
  position: absolute;
  top: 50%;
  left: 55px;
  margin-top: -0.5em;
  /*line-height: 100%;*/
}

h2.h2title02_fun div.text a {
  color: #FFFFFF;
}

h2.h2title02_fun div.text img {
  padding: 2px 0px 0px 10px;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 100%;
  float: right;
}

/* @end */
/* @group  h2.h2title03 */
h2.h2title03 {
  font-weight: bold;
  font-size: 150%;
  color: #fff;
  padding: 10px 0 10px 15px;
  background: #00a0b8;
}

/* @end */
/* @group  h2.h2title04 */
.trafficTitleArea {
  background: url(/~/Media/Images/customer/common/bg/bg_title_980_bot.gif) no-repeat left bottom;
}

h2.h2title04 {
  font-size: 200%;
  color: #fff;
  position: relative;
}

h2.h2title04 img {
  padding: 14px 10px 14px 20px;
}

h2.h2title04 span {
  position: absolute;
  top: 50%;
  left: 85px;
  margin-top: -0.5em;
  width: 620px;
}

h2.h2title04 span a {
  color: #FFFFFF;
}

h2.h2title04 span.watch {
  /*        padding-left:20px;
    margin-top: 5px;*/
  color: #ffffff;
  text-decoration: underline;
  /*    background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_09.gif) no-repeat 0px center; */
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 625px;
  /*    width: 60px;*/
  line-height: 100%;
}

h2.h2title04 span.watch img {
  top: 50%;
  margin-top: -0.5em;
  line-height: 100%;
}

h2.h2title04 span.watch a {
  color: #ffffff;
}

h2.h2title04 span.watch a:hover {
  color: #fff;
}

h2.h2title04 span.watch a:visited {
  color: #8500b7;
}

/* @end */
/* ↓1228追加 2010/3/6 kawaguchi修正 */
/* @group  h2.h2title05 */
h2.h2title05 {
  font-size: 200%;
  color: #fff;
  padding: 18px 20px;
  line-height: 1;
}

/* @end */
/* ↑1228追加 */
/* @group  h2.h2title06 */
h2.h2title06 {
  font-size: 200%;
  color: #fff;
  position: relative;
}

h2.h2title06 img {
  padding: 14px 10px 14px 20px;
}

h2.h2title06 span {
  position: absolute;
  top: 50%;
  left: 85px;
  margin-top: -0.5em;
  line-height: 100%;
}

h2.h2title06 span.watch {
  padding-left: 20px;
  margin-top: 5px;
  font-size: 13px;
  color: #ffffff;
  text-decoration: underline;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_09.gif) no-repeat 0px center;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 640px;
  width: 60px;
  line-height: 100%;
}

h2.h2title06 span.watch img {
  top: 50%;
  margin-top: -0.5em;
  line-height: 100%;
}

h2.h2title06 span.watch a {
  color: #ffffff;
}

h2.h2title06 span.watch a:hover {
  color: #fff;
}

h2.h2title06 span.watch a:visited {
  color: #8500b7;
}

/* @end */
/* @group  h2.h2title07 -- おすすめドライブガイド/今年も始まる！お台場の〜で使用  */
h2.h2title07 {
  font-size: 200%;
  color: #fff;
  position: relative;
}

h2.h2title07 img {
  padding: 14px 10px 14px 20px;
  /* 2012/3/27 kawaguchi修正*/
  float: left;
}

h2.h2title07 p {
  /* 2012/3/27 kawaguchi修正*/
  margin-top: 0em;
  line-height: 100%;
  margin-left: 65px;
  padding: 0.7em 0.5em 0.7em 0;
}

h2.h2title07 span a {
  color: #FFFFFF;
}

h2.h2title07 span.watch {
  font-size: 60%;
  color: #ffffff;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  right: 15px;
  text-align: right;
}

/* @end */
/* @group  h2.h2titleFee */
h2.h2titleFee {
  font-weight: bold;
  font-size: 131%;
  color: #fff;
  padding: 10px 0 10px 10px;
  position: relative;
}

h2.h2titleFee img {
  vertical-align: text-bottom;
}

h2.h2titleFee.lcwhite a:visited {
  color: #FFF;
}

h2.h2titleFee img {
  margin-right: 5px;
}

/* 1222追加 */
h2.h2titleFee span a {
  color: #FFFFFF;
}

/* @end */
/* @grou@ h2titleQa Q&A */
h2.h2titleQa {
  width: 672px;
  height: 40px;
  background: #68c9d8;
  font-size: 153.9%;
  padding: 0px 10px;
  position: relative;
  margin: 20px 0px 10px 0px;
}

h2.h2titleQa span {
  position: absolute;
  top: 11px;
  padding: 1px;
  /*width: 60px;*/
  /*line-height: 100%;*/
}

/* 1226 追加 */
h2.h2titleQa span a {
  color: #FFFFFF;
}

/* @group  h2.h2titlePa パーキングエリア詳細 */
h2.h2titlePa {
  font-weight: bold;
  font-size: 150%;
  color: #fff;
  padding: 10px 0 10px 20px;
  width: 708px;
  background: #00a0b8 url(/~/Media/Images/customer/common/bg/bg_title_728.gif) no-repeat left top;
}

/* @end */
/* @group  h3.h3title */
h3.h3title {
  font-weight: bold;
  font-size: 133.3%;
  padding: 10px 0px;
  color: #00a0b8;
  margin: 0px 0px 0px 20px;
}

/* 1228追加 */
h3.h3title a {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_10.gif) no-repeat right center;
  padding-right: 20px;
}

h3.h3title a.none {
  background: #fff;
}

/* 下線なし */
h3.h3title_no {
  font-weight: bold;
  padding: 10px 0px;
  font-size: 116%;
  color: #00a0b8;
  margin: 0px 0px 0px 20px;
}

h3.h3title_no span {
  color: #00a0b8;
  font-weight: bold;
  font-size: 116%;
}

/* @end */
/* @grou@ h3.qa Q&A */
h3.qa {
  width: 320px;
  height: 30px;
  background: #68c9d8;
  color: #FFFFFF;
  font-size: 153.9%;
  padding-left: 10px;
  position: relative;
  margin: 15px 0px 10px 0px;
}

h3.qa span {
  position: absolute;
  top: 11px;
  width: 320px;
  padding: 1px;
  /*line-height: 100%;*/
}

h3.qa span a {
  color: #FFFFFF;
}

.qaArea_detail {
  padding: 15px 20px 10px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  width: 688px;
}

.qaArea_detail .h2titleQa {
  color: #fff;
  margin-bottom: 20px;
}

.qaArea_detail dl {
  /*background-color:#eff7f9;
    padding:10px;*/
  padding-bottom: 10px;
}

.qaArea_detail dt {
  margin-bottom: 10px;
  padding-left: 37px;
  text-indent: -1.8em;
  border-bottom: none;
  display: block;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px 3px;
}

.qaArea_detail dd {
  margin-bottom: 10px;
  padding-left: 3em;
  text-indent: -1.8em;
}

.qaArea_detail dt.trigger a {
  display: block;
}

.qaArea_detail dt.active {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_12.png) no-repeat left 3px;
}

.toggle_container {
  width: 648px;
  overflow: hidden;
  clear: both;
}

.qaArea_detail dd.bg_color {
  background-color: #eff7f9;
  padding-top: 15px;
  padding-bottom: 15px;
}

.qaArea_detail dd.bg_color .photo {
  padding: 10px 0 0 0;
  text-align: center;
}

.qa_ankerArea {
  padding: 0 0 10px 0;
}

.qa_ankerArea li {
  margin-right: 20px;
  padding-left: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_11.png) no-repeat left 3px;
  float: left;
}

.qa_ankerArea_02 {
  text-align: center;
  padding: 0 0 15px 0;
  overflow: hidden;
}

.qa_ankerArea_02 span {
  border-right: 1px solid #000;
  margin-right: 5px;
  padding-right: 5px;
}

.qa_ankerArea_02 span.last {
  border-right: none;
  margin-right: 0;
}

/* @end */
/* @group 地図 */
.Map {
  text-align: center;
}

.Map h3 {
  font-size: 116.7%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

/* PA施設詳細用マップ */
.Map iframe.pa {
  width: 692px;
  height: 600px;
  background: #bebebe;
}

/* 首都高ネットワーク用マップ */
.Map iframe.network {
  width: 692px;
  height: 780px;
  margin-top: 15px;
  background: #bebebe;
}

/* リアルタイム道路交通情報用マップ */
.Map iframe.realtime {
  width: 978px;
  height: 660px;
}

/* 経路・主要時間案内 */
.trafficArea iframe.needtime {
  width: 978px;
  height: 890px;
  margin-bottom: 10px;
  margin-top: -3px;
}

.trafficAreaTabContent .notice {
  padding: 5px;
  background: #ededed;
}

.trafficAreaTabContent .notice ul {
  margin-left: 15px;
  padding-left: 15px;
}

.trafficAreaTabContent .notice ul li {
  list-style-type: disc;
}

/* @end */
/*
/* 2012/2/7: kawaguchi追加
/--------------------------------------*/
/* @group リアルタイム道路交通情報ajax */
#ajaxContents {
  position: relative;
}

.fc {
  pointer-events: none;
  cursor: default;
}

#ajaxContents #loading {
  margin: 0;
  padding: 30px 0 0;
  width: 100%;
  height: 500px;
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 1;
}

#ajaxContents #loading span {
  display: block;
  margin: auto;
  width: 10em;
  background: #666;
  border-radius: 1em;
  color: #fff;
  line-height: 200%;
  font-size: 150%;
  -moz-box-shadow: 0 0 5px #00a0b8;
  -o-box-shadow: 0 0 5px #00a0b8;
  -webkit-box-shadow: 0 0 5px #00a0b8;
  -ms-box-shadow: 0 0 5px #00a0b8;
  box-shadow: 0 0 5px #00a0b8;
}

/* @end */
.box24 div.boxCont div#map_canvas {
  margin: 0px;
  padding: 0px;
}

/*
/* 2012/2/22: kawaguchi追加
/--------------------------------------*/
/* @group 移行ページ用css */
.defaultPageArea {
  padding: 15px 20px 10px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
  width: 688px;
}

.defaultPageArea .right,
.defaultPageArea .toPageTop,
.defaultPageArea .pageTop {
  text-align: right;
}

.defaultPageArea #contents #article .textBold {
  font-weight: bold;
}

.defaultPageArea #contents #article .textColor1 {
  color: #F00;
}

.defaultPageArea dl.qaList dt {
  position: relative;
  margin-left: 0;
  padding: 3px 0px 3px 25px;
  background: url(/~/Media/Images/customer/common/ico/icon_q.gif) left 0.2em no-repeat;
  border: 0;
}

.defaultPageArea dl.qaList dd {
  position: relative;
  display: block;
  margin: 0 0 10px;
  padding: 3px 0px 20px 25px;
  background: url(/~/Media/Images/customer/common/ico/icon_a.gif) left 0.2em no-repeat;
  border-bottom: 1px solid #999;
}

.defaultPageArea ul.tab {
  margin: 30px 0 10px;
  zoom: 1;
}

.defaultPageArea ul.tab:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  color: transparent;
  clear: both;
}

.defaultPageArea #article ul.tab:after {
  clear: both;
  color: transparent;
  content: ",";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.defaultPageArea #article ul.tab li {
  background: none;
  margin: 0;
  padding: 6px 0 0 0 !important;
  float: left;
  border-bottom: 3px solid #00a0b8;
  vertical-align: bottom;
}

.defaultPageArea #article ul.tab li a {
  background: url(/~/Media/Images/customer/common/bg/bg_tab.png) no-repeat 0 100%;
  color: #fff;
  display: block;
  font-size: 1em;
  font-weight: 400;
  padding: 0 0 0 28px;
  line-height: 27px;
}

.defaultPageArea #article ul.tab li a span {
  background: url(/~/Media/Images/customer/common/bg/bg_tab2.png) no-repeat 100% 100%;
  display: block;
  line-height: 27px;
  margin: 0 0 0 -16px;
  padding: 0 18px 0 9px;
}

.defaultPageArea #article ul.tab li.select a,
.defaultPageArea #article ul.tab li a:hover {
  margin-top: -6px;
  background: url(/~/Media/Images/customer/common/bg/bg_tab_on.png) no-repeat 0 0;
  border: none;
}

.defaultPageArea #article ul.tab li.select a span,
.defaultPageArea #article ul.tab li a:hover span {
  background: url(/~/Media/Images/customer/common/bg/bg_tab2_on.png) no-repeat 100% 100%;
  line-height: 33px;
}

.defaultPageArea #article .posRight,
.defaultPageArea .posRight {
  padding-left: 20px;
  float: right;
}

.defaultPageArea #article .posLeft,
.defaultPageArea .posLeft {
  padding-right: 20px;
  float: left;
}

.defaultPageArea .etcBox {
  margin-bottom: 20px;
  width: auto !important;
}

.defaultPageArea .etcBox h3 {
  font-size: 116.7%;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  text-indent: -15px;
  font-weight: bold;
}

.defaultPageArea .etcBox h3 a {
  font-size: 116.7%;
  padding-left: 15px;
  margin-bottom: 15px;
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
}

.defaultPageArea .etcBox .boxCont p {
  margin: 0px 0px 25px 0px;
}

.contentList6 {
  margin-bottom: 15px;
}

.contentList6 li {
  margin-bottom: 3px;
  margin-left: 15px;
  padding-left: 0;
  list-style-type: disc;
}

.number2 li {
  margin-bottom: 5px;
  margin-left: 15px;
  padding-left: 0;
  list-style-type: decimal;
}

.defaultPageArea span.arw {
  padding: 0.8em 0 0.6em 25px;
  background: url(/~/Media/Images/corporate/share2011/common/images/listhead_tril.gif) 10px 1em no-repeat;
}

/* @group 首都高を使う */
/* -駐車場 */
#useParking .parkingMap {
  margin-bottom: 20px;
}

/* @group -便利な使い方 */
/* -標識や情報版の見方 */
#convenienceInfoboard .arrow {
  vertical-align: middle;
}

#convenienceInfoboard .image {
  float: left;
  margin-right: 15px;
}

#convenienceInfoboard .articleSection {
  overflow: hidden;
}

#convenienceInfoboard div.articleSection table th {
  padding: 0.1em;
}

#convenienceInfoboard th.smooth {
  background-color: #000 !important;
}

#convenienceInfoboard th.rush {
  background-color: #f90 !important;
}

#convenienceInfoboard td.rush em {
  text-decoration: none;
  font-weight: bold;
  color: #f90 !important;
}

#convenienceInfoboard th.congestion {
  background-color: #f00 !important;
}

#convenienceInfoboard td.congestion em,
#convenienceInfoboard td.closed em,
#convenienceInfoboard td.accident em {
  text-decoration: none;
  font-weight: bold;
  color: #f00 !important;
}

#convenienceInfoboard table.information th.closed,
#convenienceInfoboard table.information th.accident {
  background-color: #000 !important;
  font-weight: bold;
  font-size: 150%;
  color: #f00 !important;
}

/* -複雑なルート案内 */
#convenienceRouteguide #space {
  margin-top: 20px;
}

/* @end */
/* @end */
/* @group 料金・ETC・割引情報 */
/* -距離別料金について */
#feeSearch {
  background: url(/~/Media/Images/customer/fee/fee-info/fee_search-bg.png);
  padding: 5px 0;
  margin-bottom: 15px;
}

#feeSearch:after {
  content: "";
  display: block;
  clear: both;
}

#contents #article #feeSearch p {
  margin-bottom: 2px;
  text-align: center;
}

#feeSearch #feeSearchPc,
#feeSearch #feeSearchSp,
#feeSearch #feeSearchMobile {
  width: 212px;
  float: left;
  margin-right: 8px;
}

#feeSearch #feeSearchMobile {
  margin-right: 0;
}

/* -割引制度 */
#feeDiscount .menubox200 {
  float: left;
  width: 200px;
  margin-left: 15px;
  height: auto;
}

#feeDiscount .menubox_p {
  margin: 0px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
  border: 1px solid #335D97;
  height: 80px;
}

#feeDiscount .menubox_pp {
  margin: 0px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
  border: 1px solid #335D97;
  height: 50px;
}

#feeDiscount .articleBody {
  overflow: hidden;
}

/* -ETCについて */
#feeEtc .box12 div.boxCont,
#feeEtc .box12 div.boxCont_r {
  width: 210px;
}

#feeEtc .boxCont p,
#feeEtc .boxCont_r p {
  min-height: 5.5em;
}

#feeEtc .boxCont h3,
#feeEtc .boxCont_r h3 {
  min-height: 2.5em;
}

/* -利用に必要なもの */
#feeEtc .text {
  overflow: hidden;
}

/* -首都高速道路のETC利用率 */
#feeEtc #contents #article .tdColor1 {
  background-color: #FFF0F5;
}

/* -ETC利用履歴発行プリンター */
#feeEtcreference .gmap {
  padding: 5px 15px 5px 0;
  margin-right: 5px;
  background: url(/~/Media/Images/customer/fee/etc_reference/maps.jpg) no-repeat right top;
}

/* -首都高速道路株式会社供用約款 */
#feeClause ul {
  margin-top: -10px;
}

#feeClause h4,
#feeClause h5 {
  font-weight: bold;
}

#feeClause h4 {
  font-size: 116%;
}

/* @end */
/* @group 首都高を知る・楽しむ */
/* -首都高の歴史 */
#funHistory.defaultPageArea {
  padding: 0.1em 0 0 0;
  margin-bottom: 10px;
  width: 980px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;
}

#funHistory #contents {
  text-align: center;
}

#funHistory #contents #article {
  margin: 0 auto;
  width: 900px;
  text-aling: left;
}

#funHistory .fc {
  background: #e4f0f2;
}

#funHistory #navi {
  margin: 15px 0;
  width: 160px;
  float: right;
  overflow: auto;
  font-weight: bold;
  font-size: 160%;
}

#funHistory #navi li {
  padding: 0.2em 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

#funHistory #navi li a {
  display: block;
  width: 55px;
  text-decoration: none;
  border-radius: 5px;
}

#funHistory #naviLeft,
#funHistory #naviRight {
  margin-left: 10px;
  width: 70px;
  float: left;
  border-top: 1px solid #ccc;
}

#funHistory #map {
  margin: 15px 0;
  width: 710px;
  height: 780px;
  float: left;
  background: url(/~/Media/Images/customer/fun/history/map.jpg);
}

/* ▽▽▽ 20150722 知る・楽しむ 新デザイン ▽▽▽ */
#topSlideBox {
  margin-bottom: 20px;
}

#funTopNav {
  margin-bottom: 20px;
}

#funTopNav ul li {
  float: right;
  margin-left: 12px;
}

#funTopNav ul li:first-child {
  float: left;
  margin-left: 0px;
}

/* istope */
#contWrapper {
  width: 728px;
  overflow: hidden;
}

#container {
  width: 740px;
  margin-top: -5px;
  margin-left: -5px;
  /*
    width: 728px;*/
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

/* End: Recommended Isotope styles */
/**** Isotope styles ****/
.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  color: #222;
}

.mapLinkBox {
  background: #fff;
}

.mapLinkBox a {
  position: relative;
  display: block;
  width: 358px;
  height: 466px;
}

.mapLinkBox a span {
  position: absolute;
  top: 4px;
  left: 370px;
  display: block;
  width: 346px;
  height: 454px;
  border: solid 2px #ED9E00;
}

.mapLinkBox a:hover {
  opacity: 0.8;
}

.mapLinkBox a:hover span {
  left: 4px;
}

.variable-sizes .element.width2 {
  width: 173px;
}

.variable-sizes .element.height2 {
  height: 228px;
}

.variable-sizes .element.txtBox {
  height: 227px;
  width: 173px;
  background: #ED9E00;
}

.variable-sizes .element.txtBox img {
  border: solid 2px #ED9E00;
}

.variable-sizes .element.txtBox:hover {
  background: #E5C264;
}

.variable-sizes .element.txtBox a:hover {
  opacity: 0.8;
}

.variable-sizes .element.txtBox span {
  display: block;
  color: #fff;
  padding: 0 8px;
  font-size: 12px;
}

.variable-sizes .element.txtBox span.txtBoxTtl {
  margin-bottom: 3px;
  padding-top: 4px;
  padding-left: 23px;
  font-weight: bold;
  background: url(/~/Media/Images/customer/fun/topNew/parts/fun_ico_01.png) no-repeat 9px 7px;
}

.variable-sizes .element.txtBox a:link,
.variable-sizes .element.txtBox a:visited,
.variable-sizes .element.txtBox a:active {
  color: #8500b7;
  text-decoration: none;
}

.variable-sizes .element.txtBox a {
  position: relative;
  display: block;
}

.variable-sizes .element.txtBox .wakImg {
  position: absolute;
  top: 0px;
  left: 200px;
  display: block;
  height: 120px;
  width: 149px;
  border: solid 4px #E5C264;
}

.variable-sizes .element.txtBox:hover .wakImg {
  left: 0px;
}

.variable-sizes .element.txtBox a:hover {
  color: #fff;
  text-decoration: none;
}

.variable-sizes .element.imgBox {
  height: 228px;
  width: 173px;
  background: #fff;
}

.variable-sizes .element.imgBox a {
  position: relative;
  display: block;
  height: 228px;
  width: 173px;
}

.variable-sizes .element.imgBox a:hover {
  opacity: 0.8;
}

.variable-sizes .element.imgBox a span {
  position: absolute;
  top: 4px;
  left: 254px;
  display: block;
  width: 161px;
  height: 216px;
  border: solid 2px #529CE2;
}

.variable-sizes .element.orangeBox a span {
  border: solid 2px #ED9E00;
}

.variable-sizes .element.imgBox a:hover span {
  left: 4px;
}

.variable-sizes .element.width3 {
  width: 358px;
}

.variable-sizes .element.height3 {
  height: 466px;
}

.variable-sizes .element.feature {
  cursor: pointer;
}

#options .option-combo {
  margin-bottom: 20px;
  padding-top: 15px;
}

#options .option-combo li {
  float: right;
  margin-left: 12px;
}

#options .option-combo li:first-child {
  float: left;
  margin-left: 0;
}

.mapBox {
  margin: 15px 0;
  background: #f1f1f1;
}

.mapSelector {
  padding-bottom: 4px;
}

.mapSelector li {
  float: left;
  margin-left: 9px;
}

.mapSelector li:first-child {
  margin-left: 0;
}

/* △△△ 20150722 知る・楽しむ 新デザイン △△△ */
/* @end */
/* @group News&Topics */
.pressdetail .defaultPageArea h3 {
  margin-bottom: 10px;
  padding: 10px 0px;
  font-size: 116.7%;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

h3 span.ntTxt {
  font-size: 18px;
  line-height: 150%;
}

.pressdetail .defaultPageArea .date {
  text-align: right;
}

.linkBox .relativeLinkList li {
  background: url(/~/Media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0 3px !important;
}

/* @end */
/* @group お問い合わせ*/
#inquiryCustomercenter .remarkParagraph.textLarge.textBold,
#inquiryCoupon .remarkParagraph.textLarge.textBold {
  padding: 10px 0;
  border: 1px solid #666;
  border-width: 1px 0;
  font-weight: bold;
}

/* @end */
/* @group キャンペーン・募集 */
.campaignList li {
  margin-bottom: 20px;
  padding: 0 0 20px;
  overflow: hidden;
  border-bottom: 1px dotted #999;
}

.campaignList li:last-child {
  border-bottom: none;
}

.campaignList li p {
  margin-bottom: 0;
}

/* @end */
/* @group メルマガ・モバイル */
/* -緊急情報メールサービス */
.emergencyAreaConten {
  width: 728px;
  clear: both;
}

.emergencyAreaConten .emergencyArea {
  padding: 17px 17px 34px;
  margin-bottom: 10px;
  background: #fff url(/~/Media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
  clear: both;
}

.emergencyAreaConten .emergencyArea h3 {
  color: #00a0b8;
  font-size: 131%;
  font-weight: bold;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.emergencyAreaConten .emergencyArea p.atenTitle {
  color: #ff0000;
  font-weight: bold;
}

.emergencyAreaConten li.pdf a {
  padding: 0;
  background: none;
}

/* @end */
/* @group サイトマップ・プライバシーポリシー・このサイトについて・広告掲載について */
.asideAreaContent {
  width: 728px;
}

.asideArea {
  padding: 0.1em 0 0 0;
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;
}

.asideTitleArea .bg_w980 {
  background: url(/~/Media/Images/customer/common/bg/bg_title_980_03.gif) no-repeat left top;
}

.asideTitleArea h2.h2title04.noicon span {
  left: 20px;
}

.asideTitleArea h2.h2title04.noicon img {
  visibility: hidden;
}

.trafficContent .trafficArea {
  margin-bottom: 10px;
  background: #ffffff url(/~/Media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;
}

.asideArea .box06 .boxCont {
  margin: 0 auto 40px;
  vertical-align: top;
  float: left;
}

.asideArea .box06 .boxCont ul.list li {
  float: none;
}

.asideArea .box06 .boxCont.btm ul.list li {
  margin-right: 30px;
  float: left;
}

.asideArea .box06 h3 {
  width: 290px;
}

.asideArea .box06 .boxCont.btm h3 {
  width: 960px;
  background: url(/~/Media/Images/customer/common/bg/bg_h3_04.gif) no-repeat 0 bottom;
}

.asideArea .box23:after {
  content: '.';
  color: transparent;
  line-height: 0;
  font-size: 1px;
}

.asideArea .box23 .boxCont {
  margin-bottom: 20px;
}

.asideArea .contentList {
  margin: 10px 0;
  padding-left: 10px;
}

.asideArea .contentList li {
  list-style-type: disc;
  list-style-position: inside;
}

/* -首都高メルマガ */
.defaultPageArea .mailmenu {
  margin-top: 20px;
}

.defaultPageArea .mailmenu div.boxCont h3 {
  text-indent: -15px;
  padding-left: 15px;
}

.defaultPageArea .mailmenu div.boxCont,
.defaultPageArea .mailmenu div.boxCont_r {
  width: 205px;
}

/* ドライブルート名の横幅指定 */
div.leftContentTop h2.h2titleRo span#routetitle {
  width: 620px;
  display: block;
}

/* @end */
/* @group 2013改修 首都高道路交通情報 */
div.trafficArea ul.trafficNaviVer3 {
  background: none repeat scroll 0 0 #DAF7FB;
  height: 40px;
}

div.trafficArea ul.trafficNaviVer3 li {
  float: left;
  margin-right: 0px;
}

#mapBox {
  display: inline-block;
  margin: 0 0 20px 120px;
}

.preColTxt {
  color: #00A0B8;
}

/* @group _日にち選択BOX（工事予定・交通規制情報） */
#dataBtnBox {
  padding-top: 15px;
  padding-left: 20px;
}

#dataBtnBox #tdData {
  float: left;
  min-height: 75px;
  width: 114px;
  padding: 5px 0 0 0;
  border: solid 1px #AAAAAA;
  text-align: center;
  cursor: pointer;
  background: url(/~/Media/Images/customer/traffic/bg_data_btn.png) repeat-x left center;
}

#dataBtnBox #tdData div {
  min-height: 23px;
  width: 104px;
  padding-top: 5px;
  margin: 0 auto;
  background: #0eabc2;
  font-weight: bold;
  color: #fff;
}

#dataBtnBox #tdData.current {
  background: #0eabc2;
  color: #fff;
}

#dataBtnBox #tdData.current div {
  background: #fff;
  color: #0eabc2;
}

#dataBtnBox #tdData p {
  padding-top: 5px;
  text-align: center;
  line-height: 140%;
}

#dataBtnBox #tdData p span {
  display: block;
  font-weight: bold;
}

#dataBtnBox #selectBox {
  float: left;
  width: 576px;
}

#dataBtnBox #selectBox ul li {
  float: left;
  min-height: 26px;
  width: 109px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 12px 0 0;
  font-weight: bold;
  /* ↓20140709 確認 マージ漏れ？↓ */
  cursor: pointer;
  /*    cursor: pointer; */
  /* ↑20140709 確認 マージ漏れ？↑ */
  background: url(/~/Media/Images/customer/traffic/bg_data_select_mini_btn.png) repeat-x left top;
}

#dataBtnBox #selectBox ul li p {
  min-height: 26px;
  width: 109px;
  font-weight: bold;
  text-align: center;
  background: url(/~/Media/Images/customer/traffic/bg_data_select_mini_p_btn.png) repeat-x left bottom;
}

#dataBtnBox #selectBox ul li.nosel {
  color: #b4b4b4;
  background: url(/~/Media/Images/customer/traffic/bg_data_select_mini_btn2.png) repeat-x left top;
}

#dataBtnBox #selectBox ul li.nosel p {
  background: url(/~/Media/Images/customer/traffic/bg_data_select_mini_p_btn2.png) repeat-x left bottom;
}

#dataBtnBox #selectBox ul li.std {
  color: #0065a7;
}

#dataBtnBox #selectBox ul li.sud {
  color: #dd2421;
}

#linkBox {
  padding: 10px 0 15px 20px;
}

#linkBox li {
  padding-left: 0px;
  background: none;
}

#linkBox a {
  padding-left: 15px;
  background: url("/~/Media/Images/customer/common/ico/ico_link_arrow_14.png") no-repeat scroll left 4px;
}

/* ↓↓↓20131030修正↓↓↓ */
#dataBtnBoxLarge {
  padding-top: 15px;
  padding-left: 20px;
}

/* ↑↑↑20131030修正↑↑↑ */
#dataBtnBoxLarge #tdData {
  float: left;
  min-height: 70px;
  width: 152px;
  padding: 0;
  text-align: center;
  /* ↓20140709 確認 マージ漏れ？↓ */
  cursor: pointer;
  /*    cursor: pointer; */
  /* ↑20140709 確認 マージ漏れ？↑ */
  background: url(/~/Media/Images/customer/traffic/bg_tdata_03.png) repeat-x left top;
}

#dataBtnBoxLarge #tdData p {
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/traffic/bg_tdata_04.png) repeat-x left bottom;
  color: #000;
}

#dataBtnBox #tdData2 {
  float: left;
  min-height: 70px;
  width: 114px;
  padding: 12px 0 0;
  text-align: center;
  cursor: pointer;
  background: url(/~/Media/Images/customer/traffic/bg_tdata_05.png) repeat-x left top;
  color: #fff;
  font-weight: bold;
}

#dataBtnBox #tdData2.gVer {
  background: url(/~/Media/Images/customer/traffic/bg_tdata_07.png) no-repeat left top;
  cursor: default;
}

#dataBtnBox #tdData2.gVer2 {
  background: url(/~/Media/Images/customer/traffic/bg_tdata_13.png) no-repeat left top;
  /* ↓20140709 確認 マージ漏れ？↓ */
  cursor: default;
  /*    cursor: pointer; */
  /* ↑20140709 確認 マージ漏れ？↑ */
}

#dataBtnBox #tdData2 div {
  margin-bottom: 9px;
}

#dataBtnBox #tdData2 p {
  padding: 0 4px 9px;
  background: url(/~/Media/Images/customer/traffic/bg_tdata_06.png) repeat-x left bottom;
  color: #000;
  text-align: center;
}

#dataBtnBox #tdData2.gVer p {
  background: url(/~/Media/Images/customer/traffic/bg_tdata_08.png) no-repeat left bottom;
  color: #B4B4B4;
}

#dataBtnBox #tdData2.gVer2 p {
  background: url(/~/Media/Images/customer/traffic/bg_tdata_14.png) no-repeat left bottom;
  color: #333;
}

#dataBtnBox #tdData2 span {
  display: block;
  font-weight: bold;
}

#dataBtnBoxLarge #tdData div {
  min-height: 23px;
  padding-top: 12px;
  margin: 0 auto;
  font-weight: bold;
  color: #fff;
}

#dataBtnBoxLarge #tdData.current {
  background: url(/~/Media/Images/customer/traffic/bg_tdata_01.png) repeat-x left top;
  color: #fff;
}

#dataBtnBoxLarge #tdData.current p {
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/traffic/bg_tdata_02.png) repeat-x left bottom;
  color: #fff;
}

#dataBtnBoxLarge #tdData.gVer {
  background: url(/~/Media/Images/customer/traffic/bg_tdata_09.png) repeat-x left top;
  color: #fff;
  cursor: default;
}

#dataBtnBoxLarge #tdData.gVer p {
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/traffic/bg_tdata_10.png) repeat-x left bottom;
  color: #B4B4B4;
}

#dataBtnBoxLarge #tdData.gVer2 {
  background: url(/~/Media/Images/customer/traffic/bg_tdata_11.png) repeat-x left top;
  color: #fff;
  /* ↓20140709 確認 マージ漏れ？↓ */
  cursor: default;
  /*    cursor: pointer; */
  /* ↑20140709 確認 マージ漏れ？↑ */
}

#dataBtnBoxLarge #tdData.gVer2 p {
  padding-bottom: 10px;
  background: url(/~/Media/Images/customer/traffic/bg_tdata_12.png) repeat-x left bottom;
  color: #333;
}

#dataBtnBoxLarge #tdData.current div {
  color: #0eabc2;
}

#dataBtnBoxLarge #tdData p {
  padding-top: 5px;
  text-align: center;
  line-height: 140%;
}

#dataBtnBoxLarge #tdData p span {
  display: block;
  font-weight: bold;
}

#dataBtnBoxLarge #tdData2 {
  float: left;
  min-height: 75px;
  width: 140px;
  margin-left: 5px;
  padding: 5px 0 0 0;
  border: solid 1px #AAAAAA;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  background: url(/~/Media/Images/customer/traffic/bg_data_btn.png) repeat-x left center;
}

#dataBtnBoxLarge #tdData2 p {
  padding-top: 10px;
  text-align: center;
  line-height: 150%;
}

#dataBtnBoxLarge #selectBox {
  float: left;
  width: 792px;
}

#dataBtnBoxLarge #selectBox ul li {
  float: left;
  min-height: 26px;
  width: 150px;
  margin-left: 6px;
  margin-bottom: 6px;
  padding: 10px 0 0;
  font-weight: bold;
  text-align: center;
  /* ↓20140709 確認 マージ漏れ？↓ */
  cursor: pointer;
  /*    cursor:pointer; */
  /* ↑20140709 確認 マージ漏れ？↑ */
}

#dataBtnBoxLarge #selectBox ul li p {
  min-height: 26px;
  width: 150px;
  padding: 0;
  font-weight: bold;
  text-align: center;
}

#dataBtnBoxLarge #selectBox ul li {
  background: url(/~/Media/Images/customer/traffic/bg_data_select_btn.png) repeat-x left top;
}

#dataBtnBoxLarge #selectBox ul li p {
  background: url(/~/Media/Images/customer/traffic/bg_data_select_p_btn.png) repeat-x left bottom;
}

#dataBtnBoxLarge #selectBox ul li.cr {
  background: url(/~/Media/Images/customer/traffic/bg_data_select_btn2.png) repeat-x left top;
}

#dataBtnBoxLarge #selectBox ul li.cr p {
  color: #fff;
  background: url(/~/Media/Images/customer/traffic/bg_data_select_p_btn2.png) repeat-x left bottom;
}

#dataBtnBoxLarge #selectBox ul li.nosel {
  background: url(/~/Media/Images/customer/traffic/bg_data_select_btn3.png) repeat-x left top;
}

#dataBtnBoxLarge #selectBox ul li.nosel p {
  color: #b4b4b4;
  background: url(/~/Media/Images/customer/traffic/bg_data_select_p_btn3.png) repeat-x left bottom;
}

#dataBtnBoxLarge #selectBox ul li.lastBtn {
  padding-top: 6px;
  min-height: 30px;
  line-height: 120%;
}

#dataBtnBoxLarge #selectBox ul li.lastBtn p {
  min-height: 30px;
  line-height: 120%;
}

#dataBtnBoxLarge #selectBox ul li.lastBtn2 {
  padding-top: 6px;
  min-height: 30px;
  background: url(/~/Media/Images/customer/traffic/bg_data_select_btn2.png) repeat-x left top;
  color: #fff;
}

#dataBtnBoxLarge #selectBox ul li.lastBtn2 p {
  min-height: 30px;
  line-height: 120%;
  background: url(/~/Media/Images/customer/traffic/bg_data_select_p_btn2.png) repeat-x left bottom;
  color: #fff;
}

#dataBtnBoxLarge #selectBox ul li.std {
  color: #0065a7;
}

#dataBtnBoxLarge #selectBox ul li.sud {
  color: #dd2421;
}

.box05 #blgBtn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 15px;
  margin-left: 20px;
  padding: 10px 12px 8px;
  border: solid 1px #AAAAAA;
  text-align: center;
  cursor: pointer;
  background: url(/~/Media/Images/customer/traffic/btn_traffic_data2.png) repeat-x left center;
}

.box05 #blgBtn2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 15px;
  margin-left: 0px;
  padding: 10px 12px 8px;
  border: solid 1px #AAAAAA;
  text-align: center;
  cursor: pointer;
  background: url(/~/Media/Images/customer/traffic/btn_traffic_data2.png) repeat-x left center;
}

/* @end */
/* @group 工事予定・交通規制情報ページ用テーブル */
.trafficTableBox {
  padding-top: 15px;
  padding-left: 20px;
}

.trafficTableBox h3 {
  margin-bottom: 10px;
  font-size: 133.3%;
  font-weight: bold;
  color: #009FB7;
}

.trafficTableBox table {
  width: 932px;
  margin-bottom: 20px;
  border-top: solid 1px #333;
  border-left: solid 1px #333;
}

.trafficTableBox table th {
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  background: #f0f0f0;
  font-weight: bold;
  padding: 6px;
}

.trafficTableBox table td {
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 6px;
}

.trafficTableBox table td.bgbl {
  background: #eefdff;
}

.trafficTableBox table ul li {
  text-indent: -1em;
  padding-left: 1em;
}

.trafficTableBox table td a {
  text-decoration: underline;
  font-weight: bold;
}

/* @end */
/* @group 工事予定詳細 */
#ttbWrap {
  width: 638px;
  margin: 0 auto 20px;
}

.trafficTableBox2 {
  padding-top: 15px;
  padding-left: 20px;
}

.trafficTableBox2 h3 {
  margin-bottom: 10px;
  font-size: 133.3%;
  font-weight: bold;
  color: #009FB7;
}

.trafficTableBox2 table {
  margin-bottom: 10px;
  border-top: solid 1px #333;
  border-left: solid 1px #333;
}

.trafficTableBox2 table th {
  font-size: 14px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  font-weight: bold;
  padding: 10px 6px;
}

.trafficTableBox2 table td {
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 6px;
}

.trafficTableBox2 table td.bgbl {
  background: #eefdff;
}

.trafficTableBox2 table .bgbl2 {
  background: #71D2E0;
}

.trafficTableBox2 table ul li {
  text-indent: -1em;
  padding-left: 1em;
}

.trafficTableBox2 table td a {
  text-decoration: underline;
  font-weight: bold;
}

.trafficTableBox2 ul li {
  width: 212px;
  float: left;
}

.trafficTableBox2 ul li {
  width: 212px;
  padding-top: 12px;
  float: left;
}

.trafficTableBox2 ul li p {
  margin-bottom: 4px;
  font-size: 14px;
}

.trafficTableBox2 ul li div {
  padding-right: 70px;/* 20190617 */
}

.trafficTableBox2 ul li div#tcqr1 {
  height: 56px;
  background: url(/~/Media/Images/customer/traffic/btn_traffic_tcrq1.png) no-repeat 147px top;
}

.trafficTableBox2 ul li div#tcqr2 {
  height: 56px;
  background: url(/~/Media/Images/customer/traffic/btn_traffic_tcrq2.png) no-repeat 147px top;
}

.trafficTableBox2 ul li div a {
  margin-bottom: 5px;
}

.trafficTableBox2 ul li div a span {
  font-size: 10px;
  color: #000;
  word-break: break-word;/* 20190617 */
}

.box28 {
  margin-top: 10px;
  padding-left: 20px;
}

.box28 div.boxCont ul {
  margin-bottom: 20px;
}

.box28 div.boxCont ul li {
  background: url("/~/Media/Images/customer/common/ico/ico_link_arrow_01.png") no-repeat scroll left 5px transparent;
  margin: 10px 0 0;
  padding-left: 15px;
  width: 940px;
}

/* @end */
/* @group 工事予定・交通規制情報 絞込 */
#includedBox {
  width: 910px;
  margin-bottom: 20px;
  padding: 18px 12px;
  background: #ededed;
}

#includedBox div#regulationType {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #999;
}

#includedBox p {
  float: left;
  width: 148px;
}

#includedBox ul {
  float: left;
  width: 760px;
}

#includedBox ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  white-space: nowrap;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#includedBox ul li input {
  margin-right: 5px;
}

#includedBtn {
  padding: 8px 0 0;
  text-align: center;
}

/* @end */
/* @end */
/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131217修正↓↓↓ */
/* @group 首都高運転のコツ10 */
.boxContK10 {
  float: left;
  width: 180px;
}

.boxContK10_r {
  width: 680px;
}

.boxContK10_r p {
  margin-bottom: 1em;
}

.boxContK10_r p.k10LinkBox {
  padding-top: 20px;
  padding-left: 428px;
}

.boxContK10_r p.k10LinkBox a {
  display: block;
  height: 27px;
  width: 116px;
  padding: 11px 0 10px 132px;
  background: transparent url("/~/Media/Images/customer/use/safety/driverstips/bg_btn_dlb.png") no-repeat scroll left top;
  color: #fff;
}

.boxContK10_r p.k10LinkBox a:hover {
  text-decoration: none;
}

/* @end */
/* ↑↑↑20131217修正↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
/* @group BOX27 */
.box27 {
  margin-top: 10px;
  padding-left: 20px;
}

.box27 .button {
  margin-bottom: 10px;
  padding-right: 20px;
  text-align: right;
}

.box27 .h3Box {
  width: 932px;
  padding: 10px 0;
  background: url("/~/Media/Images/customer/common/bg/bg_h3_04.gif") no-repeat scroll 0 bottom transparent;
}

.box27 .h3Box h3 {
  display: inline-block;
  float: left;
  font-size: 133.3%;
  font-weight: bold;
}

.box27 .h3Box p.dataTxt {
  display: inline-block;
  float: right;
  color: #009FB7;
}

.box27 div.boxCont {
  padding: 10px 0 0;
  width: 940px;
}

.box27 div.boxCont a {
  padding-left: 15px;
  background: url("/~/Media/Images/customer/common/ico/ico_link_arrow_14.png") no-repeat scroll left 3px transparent;
}

.box27 .bnrBox27 {
  padding: 20px 0;
}

/* ↓↓↓20131030修正↓↓↓ */
.box27.tfTop {
  /* ↓20140709 確認 マージ漏れ？↓ */
  margin-bottom: 40px;
  /*margin-bottom: 10px;*/
  /* ↑20140709 確認 マージ漏れ？↑ */
}

/* ↓20140709 確認 マージ漏れ？↓ */
.tfBot {
  margin-bottom: 50px;
}

/* ↑20140709 確認 マージ漏れ？↑ */
/* ↑↑↑20131030修正↑↑↑ */
/* @end */
/* ↓↓↓20131106 SBT追加↓↓↓ */
.csrPointer {
  cursor: pointer;
}

.csrDefault {
  cursor: auto;
}

/* ↑↑↑20131106 SBT追加↑↑↑ */
/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131111追加↓↓↓ */
#tabBox ul.panel li.panelBox ul li.case1,
#tabBox ul.panel li.panelBox ul li.case2,
#tabBox ul.panel li.panelBox ul li.case3,
#tabBox ul.panel li.panelBox ul li.case4,
#tabBox ul.panel li.panelBox ul li.case5,
#tabBox ul.panel li.panelBox ul li.case6,
#tabBox ul.panel li.panelBox ul li.case7,
#tabBox ul.panel li.panelBox ul li.case8,
#tabBox ul.panel li.panelBox ul li.case9 {
  padding-right: 18px;
  background-position: left 0px;
}

#tabBox ul.panel li.panelBox ul li .newsListDate {
  display: block;
  border-bottom: none;
  clear: left;
  float: left;
  width: 6.8em;
  margin: 0 0 6px 0;
}

#tabBox ul.panel li.panelBox ul li .newsListDate2 {
  display: block;
  border-bottom: none;
  clear: left;
  float: left;
  width: 6.8em;
  margin: 0 0 6px 0;
}

#tabBox ul.panel li.panelBox ul li .newsListBody {
  display: block;
  padding-right: 18px;
  overflow: hidden;
  margin: 0 0 6px 0;
}

#tabBox ul.panel li.panelBox ul li .newsListBody a {
  margin-left: 0;
}

/* ↑↑↑20131111追加↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
/* ↓↓↓20140622追加↓↓↓ */
#regulationCnt {
  width: 160px;
}

#regulationCnt span {
  float: right;
}

/* ↑↑↑20140622追加↑↑↑ */
/* ▼▼▼ 201607Q&A修正 ▼▼▼ */
.qa_searchform__wrapper {
  margin-bottom: 20px;
}

.qa_searchform__txt {
  color: #009eb8;
  font-size: 14px;
}

.qa_searchform__wrapper .qa_searchform__keywords {
  border: solid 1px #ccc;
  padding: 3px;
  width: 604px;
}

.qa_searchform__wrapper .qa_searchform__keywords:focus {
  border: solid 1px #4d90fe;
}

.qa_searchform__wrapper .qa_searchform__btn {
  background-color: #4d90fe;
  background-image: -moz-linear-gradient(center top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  border-radius: 2px;
  color: #fff;
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  height: 29px;
  min-width: 54px;
  padding: 0 8px;
}

.qa_searchform__wrapper .qa_searchform__btn {
  height: 13px;
  margin-top: 2px;
  min-width: 13px;
  padding: 6px 27px;
  width: 13px;
}

.qa_searchform__result {
  padding: 15px 20px 10px;
}

.qa__result__listBox {
  margin-bottom: 20px;
}

.qa__result__listBox dt {
  background-image: url("/~/Media/Images/customer/common/ico/ico_link_arrow_01.png");
  background-position: 8px 9px;
  background-repeat: no-repeat;
  border-bottom: none;
  color: #009eb8;
  cursor: pointer;
  padding: 6px 0 6px 30px;
}

.qa__result__listBox dt.active {
  background-image: url("/~/Media/Images/customer/common/ico/ico_link_arrow_12.png");
  background-position: 8px 9px;
  background-repeat: no-repeat;
}

.qa__result__listBox p {
  float: left;
}

.qa__result__listBox div {
  float: left;
  padding: 1px 0 0 5px;
  width: 630px;
}

.qa__result__listBox dd {
  display: none;
  padding: 10px 0 10px 33px;
}

.qa__result__listBox dd p {
  line-height: 1.8;
}

.qa__result__listBox .qa__result__listBox__noresult {
  font-size: 14px;
  padding: 10px 0 20px;
  text-align: center;
}

/* ▲▲▲ 201607Q&A修正 ▲▲▲ */
/* ▼▼▼ 201607改善事例修正 ▼▼▼ */
.box11 .largeBar {
  background: url(/~/Media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
  color: #009fb7;
  font-size: 131%;
  width: 688px;
  padding-top: 20px;
}

/* ▼▼▼ 20160710改善事例修正 ▼▼▼ */
.mb15Case_text {
  padding-top: 5px;
  font-size: 15px;
}

.improvementCase_wrap {
  position: relative;
}

.improvementCase_wrap iframe {
  border: solid 1px #ccc;
}

.improvementCase_wrap .box11 {
  margin-bottom: 20px;
}

.improvementCase_wrap .toggle_container {
  display: none;
}

.improvementCase_wrap .box11 div.boxCont {
  float: none;
  margin-right: 0;
  width: 688px;
}

.improvementCase_ttl {
  color: #009fb7;
  font-size: 14px;
  margin-bottom: 15px;
}

.improvementCase_btn {
  text-align: center;
}

/* ▼▼▼ 201607改善事例修正 ▼▼▼ */
.mgt {
  margin-top: -10px;
}

.improvementCase_btn a {
  border: solid 1px #ccc;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 10px 0;
  padding: 12px 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18b3cb+0,00a0b8+100 */
  background: #18b3cb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #18b3cb 0%, #00a0b8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #18b3cb 0%, #00a0b8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#18b3cb), to(#00a0b8));
  background: -o-linear-gradient(top, #18b3cb 0%, #00a0b8 100%);
  background: linear-gradient(to bottom, #18b3cb 0%, #00a0b8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b3cb', endColorstr='#00a0b8',GradientType=0 );
  /* IE6-9 */
}

.improvementCase_checkBox-wrap {
  text-align: center;
  padding-bottom: 30px;
}

.improvementCase_checkBox-box {
  background: #daf7fb;
  display: inline-block;
  margin: 15px 6px 0;
  padding: 10px;
  width: 300px;
}

.improvementCase_checkBox-box .improvementCase_checkBox-ttl {
  color: #009fb7;
  font-size: 18px;
  margin-bottom: 5px;
  text-align: center;
}

.improvementCase_checkBox-list ul {
  float: left;
  margin: 0 10px;
  text-align: left;
}

.improvementCase_checkBox-list .improvementCase_checkBox-list-cat li {
  float: left;
  margin-right: 12px;
}

.improvementCase_checkBox-list .improvementCase_checkBox-list-txt {
  border-bottom: solid 1px #009fb7;
  color: #009fb7;
  margin: 5px 0 4px;
}

.improvementCase_wrap .print-btn__Box {
  margin-bottom: 15px;
  text-align: right;
}

.search_conditions {
  background: #daf7fb;
  color: #009fb7;
  line-height: 1;
  padding: 10px 0;
  text-align: center;
}

.search_conditions__box {
  background: #f0f0f0;
  margin-bottom: 40px;
  padding: 15px;
}

.search_conditions__box > div {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

.search_conditions__box > div:first-child {
  margin-right: 15px;
}

.search_conditions__box .search_conditions__name dt,
.search_conditions__box .search_conditions__cat dt {
  background: none;
  border-bottom: solid 1px #00a0b8;
  font-size: 16px;
  margin-bottom: 8px;
  padding: 0 0 8px 0;
  text-indent: 0;
}

.search_conditions__box .search_conditions__name dd,
.search_conditions__box .search_conditions__cat dd {
  margin-bottom: 5px;
  padding-left: 0;
  text-indent: 0;
}

.search_conditions__btnBox {
  padding: 14px 0 0;
  text-align: center;
}

.search_conditions__btnBox a {
  background: #fff;
  border-radius: 5px;
  border: solid 1px #009fb7;
  display: inline-block;
  line-height: 1;
  margin-bottom: 0;
  padding: 9px 15px;
}

.improvementCase__modalBox {
  background: #fff;
  border: solid 3px #009fb7;
  display: none;
  left: 30px;
  position: absolute;
  top: 15px;
  width: 660px;
  -webkit-box-shadow: 1px 1px 3px #666;
  box-shadow: 1px 1px 3px #666;
}

.improvementCase__modalBox__wrap {
  position: relative;
}

.improvementCase__modalBox-ttl {
  color: #009fb7;
  font-size: 16px;
  padding: 15px 0 0;
  text-align: center;
}

.improvementCase__modalBox__closeBtn {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
}

/* ▲▲▲ 201607改善事例修正 ▲▲▲ */
/* ▼▼▼ 201808　404ページ ▼▼▼ */
.serviceAtt {
  background: #FFF;
  padding: 40px;
  /* ▼▼▼ 20180918 404ページ処理 ▼▼▼ */
  margin-bottom: 10px;
  /* ▲▲▲ 20180918 404ページ処理 ▲▲▲ */
}

.serviceAtt .serviceAtt__ttl {
  text-align: center;
  font-size: 28px;
}

.serviceAtt .serviceAtt__text {
  font-size: 16px;
  margin-top: 40px;
}

.serviceAtt .serviceAtt__btn {
  margin-top: 40px;
  text-align: center;
}

.serviceAtt .serviceAtt__btn a {
  display: inline-block;
  text-align: center;
  color: #FFF;
  background: #009FB7;
  padding: 20px 40px;
  font-size: 18px;
  border-radius: 5px;
}

/* ▲▲▲ 201808　404ページ ▲▲▲ */
/* ▲▲▲ 201808　404ページ ▲▲▲ */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none !important;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-slider .slick-track a,
.slick-slider .slick-list a {
  outline: none !important;
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
    /* ▼▼▼ 20191011 TOPページ修正 ▼▼▼ */
  display: none !important;
    /* ▲▲▲ 20191011 TOPページ修正 ▲▲▲ */
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: none;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  /*background: none;*/
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.top {
  /*（中＝12pxサイズ) */
  /*（中＝13pxサイズ) */
  /*（中＝16pxサイズ) */
  /*（中＝18pxサイズ) */
  /*（中＝26pxサイズ) */
}

.top__slide {
  position: relative;
}

.top__slideList {
  position: relative;
  width: 980px;
  height: 362px;
}

.top__slideListItem {
  position: absolute;
  top: 0;
  left: 0;
}

.top__slideNav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px 0;
  z-index: 1;
}

.top__slideThumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top__slideThumbsItem {
  display: inline-block;
  margin: 0 3px;
  opacity: 0.6;
}

.top__slideThumbsItem.is-active {
  opacity: 1;
}

.top__slideToggle {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 10px;
}

.top__info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  background: #f66a02;
  border-radius: 4px;
  padding: 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__infoTtl {
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 133.3%;
  padding-left: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF;
  background: url(/~/Media/Images/customer/_icons/icon_att.png) no-repeat 10px center;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__infoList {
  border-radius: 4px;
  background: #FFF;
  width: 818px;
  height: 2.5em;
  overflow: hidden;
}

.top__infoListItem {
  height: 100%;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__infoListItem a {
  font-size: 133.3%;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__infoListItem a:before {
  content: " ";
  display: inline-block;
  width: 1.5em;
  padding-top: 12px;
  background: url(/~/Media/Images/customer/_icons/arrow01_on.png) no-repeat center;
  background-size: 50%;
}

.top__col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
}

.top__col2A {
  width: 480px;
}

.top__col2AList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top__col2AListItem {
  width: 234px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  background: #189fb5;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2AListItem a {
  color: #FFF;
  width: 100%;
  display: block;
  padding: 0 20px;
  height: 75px;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2AListItem a:hover {
  opacity: 0.8;
}

.top__col2AListItem a span {
  font-size: 80%;
}

.top__col2AListItem--wide {
  width: 100%;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2AListItem--wide a {
  font-size: 150%;
  background: url(/~/Media/Images/customer/_icons/arrow01_off.png) no-repeat 456px 55px;
}
.top__col2AListItem--01 {
  width: 100%;
  border: 2px solid #189fb5;
  background: url(/~/Media/Images/customer/_top/search_bg.png) no-repeat 90% -55% #FFF;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2AListItem--01 a {
  height: 145px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 40px;
  color: #189fb5;
  background: url(/~/Media/Images/customer/_icons/arrow01_on.png) no-repeat 454px 125px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2AListItem--wA a {
  font-size: 150%;
  background: url(/~/Media/Images/customer/_icons/arrow01_off.png) no-repeat 210px 55px;
}

.top__col2AListItem--winA a {
  font-size: 150%;
  background: url(/~/Media/Images/customer/_icons/outwindow_off.png) no-repeat 210px 55px;
}

.top__col2AListItem--winG a {
  font-size: 150%;
  background: url(/~/Media/Images/customer/_icons/outwindow_on.png) no-repeat 210px 55px;
}

.top__col2AListItemTtl {
  font-size: 200%;
  width: 100%;
}

.top__col2AListItemTxt {
  font-size: 133.3%;
  width: 100%;
}

.top__col2AListItem:last-child {
  background: #FFF;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top__col2AListItem:last-child a {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #1b64ae;
  font-size: 125%;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2AListItemImg {
  width: 100%;
  text-align: center;
}

.top__col2B {
  width: 480px;
}

.top__col2BArea {
  background: #FFF;
  border-radius: 4px;
  margin-bottom: 20px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2BAreaTtl {
  color: #FFF;
  padding: 12px 0 10px 2.5em;
  font-size: 150%;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2BAreaTtl--att {
  background: url(/~/Media/Images/customer/_icons/icon_ttlatt.png) no-repeat 10px center #189fb5;
  background-size: 25px;
}

.top__col2BAreaTtl--worry {
  background: url(/~/Media/Images/customer/_icons/icon_ttlworry.png) no-repeat 10px center #189fb5;
  background-size: 25px;
}

.top__col2BList {
  padding: 20px;
}

.top__col2BList--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top__col2BList--2col li {
  width: 46%;
}

.top__col2BListItem {
  padding-left: 14px;
  margin-bottom: 10px;
  background: url(/~/Media/Images/customer/_icons/arrow01_on.png) left center no-repeat;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2BListItem a {
  font-size: 116.6%;
  font-weight: bold;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__col2BListItem--outside a:after {
  content: " ";
  display: inline-block;
  width: 10px;
  padding-top: 10px;
  background: url(/~/Media/Images/customer/_icons/outwindow_on.png) no-repeat;
  background-size: contain;
  margin-left: 10px;
}

.top__col {
  background: #FFF;
  border-radius: 4px;
  margin-bottom: 20px;
  padding-bottom: 35px;
}

.top__col--recom {
  border: 1px solid #00a0b8;
  border-radius: 0px;
}

.top__colInner {
  padding: 0 20px;
}

.top__colArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top__colAreaCel {
  width: 430px;
  margin: 30px 22px 0;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__colAreaCelTtl {
  font-size: 183.3%;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__colAreaCelList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
}

.top__colAreaCelItem {
  background: #189fb5;
  width: 210px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.top__colAreaCelItem--wA a {
  background: url(/~/Media/Images/customer/_icons/arrow01_off.png) no-repeat 190px 57px;
}

.top__colAreaCelItem--winA a {
  background: url(/~/Media/Images/customer/_icons/outwindow_off.png) no-repeat 190px 57px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__colAreaCelItem a {
  display: block;
  color: #FFF;
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 150%;
  line-height: 1.3;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__colAreaCelItem a:hover {
  opacity: 0.7;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__colTtl {
  position: relative;
  color: #FFF;
  padding: 12px 0 10px 2.5em;
  font-size: 150%;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__colTtl--guide {
  background: url(/~/Media/Images/customer/_icons/icon_ttlguide.png) no-repeat 10px center #189fb5;
  background-size: 25px;
}

.top__colTtl--fun {
  background: url(/~/Media/Images/customer/_icons/icon_ttlfun.png) no-repeat 10px center #189fb5;
  background-size: 25px;
}

.top__colTtl--pickup {
  background: url(/~/Media/Images/customer/_icons/icon_ttlpickup.png) no-repeat 10px center #189fb5;
  background-size: 25px;
}

.top__colTtl--news {
  background: url(/~/Media/Images/customer/_icons/icon_ttlnews.png) no-repeat 10px center #189fb5;
  background-size: 25px;
}

.top__colTtl--recom {
  background: url(/~/Media/Images/customer/_icons/icon_ttlrecom.png) no-repeat 10px center #FFF;
  background-size: 25px;
  color: #00a0b8;
}

.top__colTtl--recom:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 3px;
  background: url(/~/Media/Images/customer/_top/recom_border.png) repeat;
}

.top__ctslideArea {
  margin-top: 30px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.top__ctslideView {
  position: relative;
}

.top__ctslideViewList {
  width: 616px;
}

.top__ctslideViewItem {
  display: none;
}

.top__ctslideViewItem.slick-current {
  display: block;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__ctslideViewItemTtl {
  margin-top: 5px;
  font-size: 150%;
  color: #007b8e;
}

.top__ctslideViewItemTxt {
  font-size: 116.6%;
  color: #333;
  width: 80%;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__ctslideCtrl {
  width: 300px;
}

.top__ctslideCtrl .slick-list {
  padding-top: 1px;
}

.top__ctslideCtrlUp a {
  display: block;
  position: relative;
  padding-top: 22px;
  background: #189fb5;
  border-radius: 4px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.7;
}

.top__ctslideCtrlUp a:hover {
  opacity: 1;
}

.top__ctslideCtrlUp a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  padding-top: 10px;
  background: url(/~/Media/Images/customer/_icons/arrowUp.png) no-repeat;
  background-size: contain;
}

.top__ctslideCtrlDown a {
  display: block;
  position: relative;
  padding-top: 22px;
  background: #189fb5;
  border-radius: 4px;
  opacity: 0.7;
}

.top__ctslideCtrlDown a:hover {
  opacity: 1;
}

.top__ctslideCtrlDown a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  padding-top: 10px;
  background: url(/~/Media/Images/customer/_icons/arrowDown.png) no-repeat;
  background-size: contain;
}

.top__ctslideCtrlList {
  margin: 13px 0;
  height: 264px;
  overflow: hidden;
}

.top__ctslideCtrlItem {
    /* ▼▼▼ 20191011 TOPページ修正 ▼▼▼ */
  border: 1px solid #999999 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  background: #FFF;
  margin: 5px 0;
  position: relative;
    /* ▲▲▲ 20191011 TOPページ修正 ▲▲▲ */
}

.top__ctslideCtrlItem.slick-current {
  background: #daf7fb;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__ctslideCtrlItem a {
  display: block;
  color: #00a0b8;
  font-size: 133.3%;
  padding: 7px 0 7px 2em;
  background: url(/~/Media/Images/customer/_icons/arrow01_on.png) no-repeat 10px center;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__ctslideCtrlLink {
  margin-top: 15px;
  text-align: right;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__ctslideCtrlLink a {
  padding-left: 2em;
  background: url(/~/Media/Images/customer/_icons/arrow01_on.png) no-repeat 10px center;
  font-size: 116.6%;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__ctslidePlayBtn {
  position: absolute;
  top: 240px;
  left: 573px;
  display: inline-block;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
}

/* ▼▼▼ 20191011 TOPページ修正 ▼▼▼ */
.top__ctslidePlayBtn a {
  display: block;
  height: 40px;
  width: 40px;
}
/* ▲▲▲ 20191011 TOPページ修正 ▲▲▲ */

.top__newsInner {
  padding: 0 20px;
  margin-top: 16px;
}

.top__newsTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #c8c8c8;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__newsTabItem {
  width: 160px;
  margin-right: 8px;
  border-left: 1px solid #c8c8c8;
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: -1px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__newsTabItem.is-active {
  border-bottom: 1px solid #FFF;
}

.top__newsTabItem.is-active a {
  color: #333;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__newsTabItem a {
  position: relative;
  font-size: 108.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #959595;
  min-height: 22px;
  padding-top: 3px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__newsTabItem a:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 8px;
  padding-top: 20px;
  width: 4px;
}

.top__newsTabItem--all a:before {
  background: #828282;
}

.top__newsTabItem--imp a {
  background: #f66a02;
  color: #FFF;
  opacity: 0.7;
}

.top__newsTabItem--imp a:before {
  background: #FFF;
}

.top__newsTabItem--imp.is-active a {
  color: #FFF;
  opacity: 1;
}

.top__newsTabItem--news a:before {
  background: #83bf1a;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__newsTabItem--event a {
  letter-spacing: -0.1em;
  font-size: 100%;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__newsTabItem--event a:before {
  background: #36aedb;
}

.top__newsList {
  display: none;
  margin-top: 20px;
}

.top__newsList.is-active {
  display: block;
}

/*■■ 20190416　サンカク修正 ■■*/
.top__newsListDate {
  display: inline-block;
  margin-right: 20px;
  width: 65px;
}

/*▼▼　20190523 TOP　NEWS崩れ修正　▼▼*/
.top__newsListBody {
  width: 720px;
}
/*▲▲　20190523 TOP　NEWS崩れ修正　▲▲*/

.top__newsItem {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top__newsItem:before {
  content: " ";
  width: 126px;
  text-align: center;
  color: #FFF;
  font-size: 91.6%;
  display: inline-block;
  padding: 1px 0;
  margin-right: 15px;
}

.top__newsItem--news:before {
  content: "お知らせ";
  background: #83bf1a;
}

.top__newsItem--imp:before {
  content: "重要なお知らせ";
  background: #f66a02;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__newsItem--event:before {
  content: "イベント・キャンペーン";
  background: #36aedb;
  font-size: 83.3%;
  letter-spacing: -0.1em;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__calRecom {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top__calRecomItem {
  border-radius: 5px;
  border: 1px solid #dddddd;
  width: 145px;
  margin: 0 5px;
  background: url(/~/Media/Images/customer/_icons/outwindow_on.png) no-repeat 124px 134px;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__calRecomItem a {
  display: block;
  text-align: center;
  color: #222222;
  padding: 18px 0;
  font-size: 116.6%;
}
/*■■ 20190416　サンカク修正 ■■*/
.top__calRecomItemTxt {
  text-align: center;
  margin-bottom: 15px;
}

.top.largeText {
  /* ▼▼▼ 20180912 edit ▼▼▼ */
  font-size: 116.6%;
  /* ▲▲▲ 20180912 edit ▲▲▲ */
}

.top.largeText .text10 {
  font-size: 100%;
}

.top.largeText .text11 {
  font-size: 108.3%;
}

.top.largeText .text14 {
  font-size: 133.3%;
}

.top.largeText .text16 {
  font-size: 150%;
  line-height: 120%;
}

.top.largeText .text24 {
  font-size: 166.7%;
  line-height: 110%;
}

/*# sourceMappingURL=customer.css.map */

/*  2019.06.14 add custom search崩れ対応 start */
/* ヘッダー検索窓START */
/* googlesearch.cssの影響箇所 START */
.header #___gcse_0 table, .header #___gcse_0 table th, .header #___gcse_0 table td {
    border: none;
    padding: 0;
    border-collapse: separate !important;
}

.header #___gcse_0 .gsc-input-box {
    border: 1px solid #D9D9D9;
    background: #fff;
    height: 25px;
}
.gssb_c .gssb_a div:not(.gsq_a) {
    display: none;
}
/* googlesearch.cssの影響箇所 END */

.header div.formArea {
  /*
  height: 23px;
  float: right;
  padding: 44px 5px 0 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_header_02.gif) no-repeat right bottom;
  */
}
.header form#searchbox_demo {
	display: none;
  position: absolute;
  top: 44px;
  right: 0;
  /*
  height: 23px;
  float: right;
  padding: 44px 5px 0 10px;
  background: url(/~/Media/Images/customer/common/bg/bg_header_02.gif) no-repeat right bottom;
  */
}

.header form#searchbox_demo label {
  display: none;
}

.header form#searchbox_demo input {
/*
  width: 120px;
  margin-right: 6px;
  border: solid 1px #fff;
  font-size: 92%;
  */
  width: 175px;
  margin-right: 10px;
}

.header form#searchbox_demo button {
/*
  width: 16px;
  height: 15px;
  background: #00A0B8 url(/~/Media/Images/customer/common/btn/btn_header_04.gif);
  text-indent: -9999px;
  */
  border: none;
  cursor: pointer;
  width: 50px;
  height: 23px;
  padding-bottom: 1px;
  background: #00A0B8;
  color: #fff;
}

.header #gcse_search {
    position: absolute;
    top: 44px;
    right: 0;
}

.header #___gcse_0 form.gsc-search-box {
  width: 240px !important;
  margin: 0 !important;
}
.header td.gsc-input {
  width: 77% !important;
  padding-right: 6px !important;
}
.header input.gsc-input {
  font-size: 14px;
}
.header td.gsc-input .gsib_a {
  padding-top: 1px !important;
  padding-bottom: 0 !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
}
.header .gsc-search-button-v2 {
  border: 1px solid #00A0B8;
  cursor: pointer;
  width: 50px;
  height: 25px;
  padding-bottom: 1px;
  background: #00A0B8;
  color: #fff;
  position: relative;
  border-radius: 0;
  outline: none;
}
.header .gsc-search-button-v2:hover {
  background: #00A0B8;
  border: 1px solid #00A0B8;
}
.header .gsc-search-button-v2 svg {
  display: none;
}
.header .gsc-search-button-v2:after {
  content: "検索";
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: calc(50% - 0.7em);
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
    /* Edge用 */
    _:-ms-lang(x)::backdrop, .header .gsc-search-button-v2:after {
         top: calc(50% - 0.65em);
    }
    /* IE11 */
    _:-ms-lang(x)::-ms-backdrop, .header .gsc-search-button-v2:after {
         top: calc(50% - 6px);
    }

/* ヘッダー検索窓END */
/*  2019.06.14 add custom search崩れ対応 end */