@charset "UTF-8";

/* *****************************************************
Contents ---------------
01: base
02: LayerBase
03: LayerBody
05: LayerFooter
06: TopPage
------------------------
***************************************************** */

/* *****************************************************
base
***************************************************** */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
code
{
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}

body
{
 color: #444444;
 font-size: 100%; /* 16px */
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "HGPゴシックE", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

code {
  color: #444444;
  font-size: 100%; /* 16px */
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "HGPゴシックE", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
 display:block;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong
{
 font-weight: normal;
}

ul
{
 list-style:none;
}

blockquote,
q
{
 quotes:none;
}

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

a,
a:link,
a:visited
{
 margin:0;
 padding:0;
 color: #444444;
 font-size:100%;
 background:transparent;
 text-decoration: none;
 outline: none;
 vertical-align: bottom;
}

a:hover,
a:active
{
 text-decoration: underline;
}

a:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 2px solid #dc1753!important;
    outline-offset: -2px;
}

a:hover,
a:active {
  outline: none!important;
}


/* change colours to suit your needs */
ins
{
 background-color:#ff9;
 color:#000;
 text-decoration:none;
}

/* change colours to suit your needs */
mark
{
 background-color:#ff9;
 color:#000;
 font-style:italic;
 font-weight:bold;
}

del
{
 text-decoration: line-through;
}

abbr[title],
dfn[title]
{
 border-bottom:1px dotted;
 cursor:help;
}

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

/* change border colour to suit your needs */
hr
{
 display:block;
 height:1px;
 border:0;
 border-top:1px solid #cccccc;
 margin:1em 0;
 padding:0;
}

input,
select
{
 vertical-align:middle;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 100%;
}

/* *****************************************************
LayerBase
***************************************************** */
#LayerBase
{
 min-width: 900px;
 width: auto !important;
 width: 900px;
 height: auto;
 clear: both;
 margin: 0;
 padding: 0;
 background: #ffffff;
 border-bottom: solid 11px #4ca55d;
}

/* *****************************************************
LayerBody
***************************************************** */
#LayerBody
{
 width: 900px;
 height: auto;
 clear: both;
 margin:  0 auto 0 auto;
 padding: 0;
}

#LayerBody:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

/* fnavi
----------------------------------------------------- */
div.fnavi
{
 width: auto;
 margin: 0 0 15px 0;
}

div.fnavi:after,
div.fnavi p:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

#LayerContents div.fnavi p
{
 margin-bottom: 0;
}

#LayerContents div.fnavi p a,
#LayerContents div.fnavi p a:link,
#LayerContents div.fnavi p a:visited
{
 display: block;
 float: right;
 color: #444444;
 text-decoration: none;
}

#LayerContents div.fnavi p a:hover,
#LayerContents div.fnavi p a:active
{
 text-decoration: underline;
}

.fnavi a:before
{
 content:"";
 float: left;
 width: 12px;
 height: 12px;
 margin: 0 5px 0 0;
 text-decoration: underline;
 background: url(i/common.png) no-repeat -24px -14px;
}

/* *****************************************************
LayerFooter
***************************************************** */
#LayerFooter
{
 clear: both;
 min-width: 900px;
 width: auto !important;
 width: 900px;
 height: auto;
 margin: 0;
 padding: 0;
 font-size: 75%; /* 12px */
 line-height: 167%; /* 20px */
 border-bottom: solid 2px #a2e431;
}

/* fnavi
----------------------------------------------------- */
#LayerFooter div.fnavi
{
 width: 900px;
 margin: 0 auto 15px auto;
 font-size: 12px;
 line-height: 14px;
}

#LayerFooter div.fnavi p
{
 margin: 0 15px 0 0;
}

#LayerFooter div.fnavi p a,
#LayerFooter div.fnavi p a:link,
#LayerFooter div.fnavi p a:visited
{
 display: block;
 float: right;
 color: #444444;
 text-decoration: none;
}

#LayerFooters div.fnavi p a:hover,
#LayerFooter div.fnavi p a:active
{
 text-decoration: underline;
}

/* -----------------------------------------------------
AreaDirectoryNav
----------------------------------------------------- */
#AreaDirectoryNav
{
 min-width: 900px;
 width: auto !important;
 width: 900px;
 height: auto;
 margin: 0 0 15px 0;
 padding: 4px 0;
 background-color: #f7f6f6;
}

#AreaDirectoryNav a
{
 color: #333333;
}

#AreaDirectoryNav div.clear
{
 width: 900px;
 margin: 0 auto;
}

#AreaDirectoryNav div.column
{
 float: left;
 width: 132px;
 padding: 0 24px;
 background: url(/css/i/line_h.png) left 0 repeat-y;
}

#AreaDirectoryNav div.column ul ul
{
 margin-left: 2px;
 padding-left: 10px;
}

#AreaDirectoryNav div.column ul ul li:before
{
 content:"・";
 background: none;
 float: left;
 margin: 0 3px 0 -10px;
 width: 7px;
 height: 8px;
}

#AreaDirectoryNav div.column:first-of-type
{
 background: none;
}

#AreaDirectoryNav div.column.first
{
 background: none;
}

#AreaDirectoryNav div.column h3
{
 height: 14px;
 margin: 10px 0 12px 0;
 text-indent: -9999px;
 background-image: url(i/common.png);
 background-repeat: no-repeat;
}

#AreaDirectoryNav div#LinkSubway h3
{
 width: 65px;
 background-position: -828px -31px;
}

#AreaDirectoryNav div#LinkBus h3
{
 width: 38px;
 background-position: -587px -31px;
}

#AreaDirectoryNav div#LinkArakawa h3
{
 width: 65px;
 background-position: -520px -31px;
}

#AreaDirectoryNav div#LinkToneri h3
{
 width: 119px;
 background-position: -627px -31px;
}

#AreaDirectoryNav div#LinkOther h3
{
 width: 78px;
 background-position: -748px -31px;
}

/* -----------------------------------------------------
AreaFooterLink
----------------------------------------------------- */
#AreaFooterLink
{
 min-width: 900px;
 width: auto !important;
 width: 900px;
 height: auto;
 margin: 0;
 padding: 0;
 background-color: #e3f2e3;
}

#AreaFooterLink > div
{
 width: 622px;
 margin: 0 auto;
 padding: 5px 0;
}

#AreaFooterLink ul
{
  position: relative;
  margin-left: -25px;
}

#AreaFooterLink li
{
 display: inline-block;
 width: auto;
 margin: 0 0 0 25px;
 padding: 3px 0 0;
 /display: inline; /* IE6,7 */
 /zoom: 1; /* IE6,7 */
}

#AreaFooterLink .m-w100
{
  min-width: 100px;
}

#AreaFooterLink .m-w135
{
  min-width: 135px;
}

#AreaFooterLink li a
{
 color: #3b6c27;
}

#AreaFooterLink li a:before
{
 content:"";
 float:left;
 width: 12px;
 height: 12px;
 margin: 3px 3px 0 0;
 background: url(i/common.png) no-repeat -12px 0;
}

/* -----------------------------------------------------
IdCopyright
----------------------------------------------------- */
#IdCopyright
{
 min-width: 900px;
 width: auto !important;
 width: 900px;
 height: auto;
 padding: 10px 0;
 background-color:#f0f8f0;
 text-align: center;
}

/* -----------------------------------------------------
AreaBanner
----------------------------------------------------- */
#AreaBanner
{
 width: 100%;
 height: auto;
 margin: 0;
 padding: 10px 0;
 background-color:#e6eadf;
}

#AreaBanner ul
{
 width: 900px;
 height: 50px;
 margin: 0 auto;
}

#AreaBanner ul li
{
 float: left;
 width: 172px;
 height: 50px;
 margin: 0 0 0 10px;
}

#AreaBanner ul li:first-child
{
 margin: 0 0 0 0;
}

* html #AreaBanner ul li.first
{
 margin: 0 0 0 0;
}

#AreaBanner ul li a {
  display: block;
}

/* *****************************************************
TopPage
***************************************************** */
#TopPage #AreaTopHead
{
 width: 900px;
 height: auto;
 margin: 10px 0 0 0;
 position: relative;
}

/* -----------------------------------------------------
loopedSlider
----------------------------------------------------- */
#loopedSlider
{
 position: relative;
}

#loopedSlider div.container
{
 position: relative;
 width: 900px;
 height: 260px;
 margin-bottom: 10px;
 overflow: hidden;
}

div.slides
{
 position: absolute;
 top: 0;
 left: 0;
 width: 900px;
 height: 260px;
}

/*#slide_menu li ul
{
 position: absolute;
 top: 100%;
 left: 0;
 display: none;
}*/

div.slides div a
{
 display: block;
 width: 900px;
 height: 260px;
 cursor: pointer;
}

/* 151126 追記 */
.bx-prev,
.bx-prev:link,
.bx-prev:visited {
 display: block;
 position: absolute;
 top: 207px;
 left: 16px;
 width: 36px;
 height: 36px;
 text-indent: -9999px;
 background: url(i/cursor.png) 0 0 no-repeat;
}

.bx-prev:hover,
.bx-prev:active
{
 background: url(i/cursor.png) -36px 0 no-repeat;
}

.bx-next,
.bx-next:link,
.bx-next:visited
{
 display: block;
 position: absolute;
 top: 207px;
 left: 847px;
 width: 36px;
 height: 36px;
 text-indent: -9999px;
 background: url(i/cursor.png) 0 -36px no-repeat;
}

.bx-next:hover,
.bx-next:active
{
 background: url(i/cursor.png) -36px -36px no-repeat;
}

.bx-controls-auto {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 30px;
  height: 23px;
}

.bx-controls-auto-item:first-child {
  display: none;
}


.bx-controls-auto-item a {
  display: block;
  width: 30px;
  height: 23px;
  text-indent: -9999px;
  background: url(i/btn_01.png) 0 0 no-repeat;
}

.bx-controls-auto-item:first-child a {
  display: block;
  width: 30px;
  height: 23px;
  background: url(i/btn_02.png) 0 0 no-repeat;
  
}


/*div.slides div a:link img,
div.slides div a:visited img
{
}

div.slides div a:hover img,
div.slides div a:active img
{
 filter: alpha(opacity=90);
 -moz-opacity:0.90;
 opacity:0.90; 
}*/

/*
#loopedSlider ul
{
 display: none;
}
*/

/*#loopedSlider ul li
{
 text-indent: -9999px;
}

#loopedSlider ul li#KeyRewind
{
 position: absolute;
 top: 207px;
 left: 16px;
 width: 36px;
 height: 36px;
}

#loopedSlider ul li#KeyRewind a,
#loopedSlider ul li#KeyRewind a:link,
#loopedSlider ul li#KeyRewind a:visited
{
 display: block;
 width: 36px;
 height: 36px;
 background: url(i/cursor.png) 0 0 no-repeat;
}

#loopedSlider ul li#KeyRewind a:hover,
#loopedSlider ul li#KeyRewind a:active
{
 background: url(i/cursor.png) -36px 0 no-repeat;
}

#loopedSlider ul li#KeyForward
{
 position: absolute;
 top: 207px;
 left: 847px;
 width: 36px;
 height: 36px;
}

#loopedSlider ul li#KeyForward a,
#loopedSlider ul li#KeyForward a:link,
#loopedSlider ul li#KeyForward a:visited
{
 display: block;
 width: 36px;
 height: 36px;
 background: url(i/cursor.png) 0 -36px no-repeat;
}

#loopedSlider ul li#KeyForward a:hover,
#loopedSlider ul li#KeyForward a:active
{
 background: url(i/cursor.png) -36px -36px no-repeat;
}*/

#TopBanners
{
 width: 900px;
 height: 50px;
 margin-bottom: 15px;
}

#TopBanners li
{
 float: left;
 width: 172px;
 height: 50px;
 margin-left: 10px;
 background: #8ddef5;
}

#TopBanners li:first-child
{
 margin-left: 0;
}

* html #TopBanners li.first
{
 margin-left: 0;
}

#TopBanners a {
  display: block;
}

#IdMessage
{
 width: auto;
 height: auto;
 margin-bottom: 15px;
 padding: 16px 7px 13px 7px;
 font-size: 88%; /* 14px */
 line-height: 143%; /* 20px */
 text-align: center;
 font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4","メイリオ",Meiryo,"HGPゴシックE","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
 background-color: #f1f1f1;
}

#AreaTravelInfo
{
 width: 900px;
 height: auto;
}

#AreaTravelInfo hgroup,
#AreaTravelInfo div.hgroup
{
 width: 900px;
 height: auto;
 background-color: #37b14f;
 border-bottom: solid 3px #93c936;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
}

#AreaTravelInfo hgroup h2,
#AreaTravelInfo div.hgroup h2
{
 position: relative;
 float: left;
 display: block;
 width: 97px;
 height: 27px;
 margin: 4px 15px 3px 354px;
 background: url(i/top.png) no-repeat 0 -245px;
 text-indent: -9999px;
}

* html #AreaTravelInfo hgroup h2,
* html #AreaTravelInfo div.hgroup h2
{
 margin: 4px 15px 3px 177px;
}

#AreaTravelInfo hgroup h3,
#AreaTravelInfo div.hgroup h3
{
 position: relative;
 top: 9px;
 float: left;
 display: block;
 width: auto;
 color: #ffffff;
 font-size: 15px; /* 15px */
 line-height: 19px; /* 19px */
 border: none;
}

#IdTravelInfo
{
 width: 876px;
 height: auto;
 margin: 0 0 20px 0;
 padding: 0 12px 10px 12px;
 background-color: #f7f9f1;
 -moz-border-radius: 0 0 5px 5px;
 -webkit-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
 overflow: hidden;
}

#IdTravelInfo .column
{
 width: 430px;
}

#IdTravelInfo dl
{
 padding-top: 1px;
 font-size: 12px;
 line-height: 20px;
 height: 28px;
 background: url(i/line_w.png) 0 top repeat-x;
}

#IdTravelInfo dl#InfoAsakusa,
#IdTravelInfo dl#InfoArakawa
{
 margin-top: -1px;
 padding-top: 11px;
}

#IdTravelInfo dt
{
 display: block;
 float: left;
 background-image: url(i/top.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

#IdTravelInfo .left dt
{
 width: 120px;
 height: 18px;
 margin: 5px 0 0 14px;
 font-size: 12px;
 line-height: 20px;
}

#InfoAsakusa dt
{
 margin-top: 12px;
 background-position: 0 -16px;
}

#InfoMita dt
{
 background-position: 0 -171px;
}

#InfoShinjuku dt
{
 background-position: 0 -225px;
}

#InfoOedo dt
{
 background-position: 0 -205px;
}

#IdTravelInfo .right dt
{
 width: 126px;
 height: 14px;
 margin: 8px 0 0 14px;
}

#InfoArakawa dt
{
 margin-top: 12px;
 background-position: 0 0;
}

#InfoNippori dt
{
 background-position: 0 -191px;
}

#InfoBus dt
{
 background-position: 0 -36px;
}

#IdTravelInfo dd
{
 position: relative;
 top: 4px;
 display: block;
 float:left;
 font-size: 12px; /* 12px */
 line-height: 20px;
}

#IdTravelInfo dd a:before
{
 content:"";
 float:left;
 width: 12px;
 height: 12px;
 margin: 4px 3px 0 0;
 background: url(i/common.png) no-repeat -26px 0;
}

#IdTravelInfo dd.info a:before
{
 content:"";
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 background: none;
}

#IdTravelInfo dd a
{
 display: inline-block;
 width: 56px;
 margin: 0 15px 0 0;
 color: #444444;
 font-size: 12px;
 line-height: 20px;
 text-decoration: none;
 /display: inline; /* IE6,7 */
 /zoom: 1; /* IE6,7 */
}

#IdTravelInfo dd a:hover
{
 text-decoration: underline;
}

#IdTravelInfo .right dl#InfoBus dd a
{
 width: 80px;
}

#IdTravelInfo dd.info a
{
 width: auto;
}

#IdTravelInfo dd.info strong a
{
 color: #6c2020;
}

/* -----------------------------------------------------
AreaTimetable
----------------------------------------------------- */
#TopPage #AreaTimetable
{
 width: 327px;
 height: 131px;
 margin-bottom: 20px;
 float: left;
 overflow: hidden;
 background-color: #f8f8f0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#TopPage #AreaTimetable h3
{
 width: 327px;
 height: 27px;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
 background: url(i/top.png) center -127px no-repeat #93c936;
 border-bottom: 3px solid#bbe279;
}

#TopPage #AreaTimetable ul
{
 margin: 15px 0 0 0;
 padding: 0;
}

#TopPage #AreaTimetable .left ul
{
 margin-left: 11px;
}

#TopPage #AreaTimetable .right ul
{
 margin-right: 11px;
}

#TopPage #AreaTimetable ul li
{
 margin: 0 0 11px 0;
 padding: 0;
 text-indent: -9999px;
 background: none;
}

#TopPage #AreaTimetable ul li:before
{
 background: none;
}

#TopPage #AreaTimetable ul li a
{
 width: 146px;
 height: 30px;
 display: block;
}

#TopPage #AreaTimetable .left li:nth-child(1) a,
#TopPage #AreaTimetable .left li:nth-child(1) a:link,
#TopPage #AreaTimetable .left li:nth-child(1) a:visited
{
 background: url(i/menu.png) 0 0 no-repeat;
}

#TopPage #AreaTimetable li.list01 a,
#TopPage #AreaTimetable li.list01 a:link,
#TopPage #AreaTimetable li.list01 a:visited
{
 background: url(i/menu.png) 0 0 no-repeat;
}

#TopPage #AreaTimetable .left li:nth-child(1) a:hover,
#TopPage #AreaTimetable .left li:nth-child(1) a:active
{
 background: url(i/menu.png) 0 -30px no-repeat;
}

#TopPage #AreaTimetable li.list01 a:hover,
#TopPage #AreaTimetable li.list01 a:active
{
 background: url(i/menu.png) 0 -30px no-repeat;
}

#TopPage #AreaTimetable .left li:nth-child(2) a,
#TopPage #AreaTimetable .left li:nth-child(2) a:link,
#TopPage #AreaTimetable .left li:nth-child(2) a:visited
{
 background: url(i/menu.png) -292px 0 no-repeat;
}

#TopPage #AreaTimetable li.list02 a,
#TopPage #AreaTimetable li.list02 a:link,
#TopPage #AreaTimetable li.list02 a:visited
{
 background: url(i/menu.png) -292px 0 no-repeat;
}

#TopPage #AreaTimetable .left li:nth-child(2) a:hover,
#TopPage #AreaTimetable .left li:nth-child(2) a:active
{
 background: url(i/menu.png) -292px -30px no-repeat;
}

#TopPage #AreaTimetable li.list02 a:hover,
#TopPage #AreaTimetable li.list02 a:active
{
 background: url(i/menu.png) -292px -30px no-repeat;
}

#TopPage #AreaTimetable .right li:nth-child(1) a,
#TopPage #AreaTimetable .right li:nth-child(1) a:link,
#TopPage #AreaTimetable .right li:nth-child(1) a:visited
{
 background: url(i/menu.png) -438px 0 no-repeat;
}

#TopPage #AreaTimetable li.list03 a,
#TopPage #AreaTimetable li.list03 a:link,
#TopPage #AreaTimetable li.list03 a:visited
{
 background: url(i/menu.png) -438px 0 no-repeat;
}

#TopPage #AreaTimetable .right li:nth-child(1) a:hover,
#TopPage #AreaTimetable .right li:nth-child(1) a:active
{
 background: url(i/menu.png) -438px -30px no-repeat;
}

#TopPage #AreaTimetable li.list03 a:hover,
#TopPage #AreaTimetable li.list03 a:active
{
 background: url(i/menu.png) -438px -30px no-repeat;
}

#TopPage #AreaTimetable .right li:nth-child(2) a,
#TopPage #AreaTimetable .right li:nth-child(2) a:link,
#TopPage #AreaTimetable .right li:nth-child(2) a:visited
{
 background: url(i/menu.png) -584px 0 no-repeat;
}

#TopPage #AreaTimetable li.list04 a,
#TopPage #AreaTimetable li.list04 a:link,
#TopPage #AreaTimetable li.list04 a:visited
{
 background: url(i/menu.png) -584px 0 no-repeat;
}

#TopPage #AreaTimetable .right li:nth-child(2) a:hover,
#TopPage #AreaTimetable .right li:nth-child(2) a:active
{
 background: url(i/menu.png) -584px -30px no-repeat;
}

#TopPage #AreaTimetable li.list04 a:hover,
#TopPage #AreaTimetable li.list04 a:active
{
 background: url(i/menu.png) -584px -30px no-repeat;
}

/* -----------------------------------------------------
AreaRouteMap
----------------------------------------------------- */
#TopPage #AreaRouteMap
{
 width: 327px;
 height: 131px;
 margin-bottom: 20px;
 float: right;
 overflow: hidden;
 background-color: #f8f8f0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#TopPage #AreaRouteMap h3
{
 width: 327px;
 height: 27px;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
 background: url(i/top.png) center -98px no-repeat #93c936;
 border-bottom: 3px solid#bbe279;
}

#TopPage #AreaRouteMap ul
{
 margin: 15px 0 0 0;
 padding: 0;
}

#TopPage #AreaRouteMap .left ul
{
 margin-left: 11px;
}

#TopPage #AreaRouteMap .right ul
{
 margin-right: 11px;
}

#TopPage #AreaRouteMap ul li
{
 margin: 0 0 11px 0;
 padding: 0;
 text-indent: -9999px;
 background: none;
}

#TopPage #AreaRouteMap ul li:before
{
 background: none;
}

#TopPage #AreaRouteMap ul li a
{
 width: 146px;
 height: 30px;
 display: block;
}

#TopPage #AreaRouteMap .left li:nth-child(1) a,
#TopPage #AreaRouteMap .left li:nth-child(1) a:link,
#TopPage #AreaRouteMap .left li:nth-child(1) a:visited
{
 background: url(i/menu.png) -146px 0 no-repeat;
}

#TopPage #AreaRouteMap li.list01 a,
#TopPage #AreaRouteMap li.list01 a:link,
#TopPage #AreaRouteMap li.list01 a:visited
{
 background: url(i/menu.png) -146px 0 no-repeat;
}

#TopPage #AreaRouteMap .left li:nth-child(1) a:hover,
#TopPage #AreaRouteMap .left li:nth-child(1) a:active
{
 background: url(i/menu.png) -146px -30px no-repeat;
}

#TopPage #AreaRouteMap li.list01 a:hover,
#TopPage #AreaRouteMap li.list01 a:active
{
 background: url(i/menu.png) -146px -30px no-repeat;
}

#TopPage #AreaRouteMap .left li:nth-child(2) a,
#TopPage #AreaRouteMap .left li:nth-child(2) a:link,
#TopPage #AreaRouteMap .left li:nth-child(2) a:visited
{
 background: url(i/menu.png) -292px 0 no-repeat;
}

#TopPage #AreaRouteMap li.list02 a,
#TopPage #AreaRouteMap li.list02 a:link,
#TopPage #AreaRouteMap li.list02 a:visited
{
 background: url(i/menu.png) -292px 0 no-repeat;
}

#TopPage #AreaRouteMap .left li:nth-child(2) a:hover,
#TopPage #AreaRouteMap .left li:nth-child(2) a:active
{
 background: url(i/menu.png) -292px -30px no-repeat;
}

#TopPage #AreaRouteMap li.list02 a:hover,
#TopPage #AreaRouteMap li.list02 a:active
{
 background: url(i/menu.png) -292px -30px no-repeat;
}

#TopPage #AreaRouteMap .right li:nth-child(1) a,
#TopPage #AreaRouteMap .right li:nth-child(1) a:link,
#TopPage #AreaRouteMap .right li:nth-child(1) a:visited
{
 background: url(i/menu.png) -438px 0 no-repeat;
}

#TopPage #AreaRouteMap li.list03 a,
#TopPage #AreaRouteMap li.list03 a:link,
#TopPage #AreaRouteMap li.list03 a:visited
{
 background: url(i/menu.png) -438px 0 no-repeat;
}

#TopPage #AreaRouteMap .right li:nth-child(1) a:hover,
#TopPage #AreaRouteMap .right li:nth-child(1) a:active
{
 background: url(i/menu.png) -438px -30px no-repeat;
}

#TopPage #AreaRouteMap li.list03 a:hover,
#TopPage #AreaRouteMap li.list03 a:active
{
 background: url(i/menu.png) -438px -30px no-repeat;
}

#TopPage #AreaRouteMap .right li:nth-child(2) a,
#TopPage #AreaRouteMap .right li:nth-child(2) a:link,
#TopPage #AreaRouteMap .right li:nth-child(2) a:visited
{
 background: url(i/menu.png) -584px 0 no-repeat;
}

#TopPage #AreaRouteMap li.list04 a,
#TopPage #AreaRouteMap li.list04 a:link,
#TopPage #AreaRouteMap li.list04 a:visited
{
 background: url(i/menu.png) -584px 0 no-repeat;
}

#TopPage #AreaRouteMap .right li:nth-child(2) a:hover,
#TopPage #AreaRouteMap .right li:nth-child(2) a:active
{
 background: url(i/menu.png) -584px -30px no-repeat;
}

#TopPage #AreaRouteMap li.list04 a:hover,
#TopPage #AreaRouteMap li.list04 a:active
{
 background: url(i/menu.png) -584px -30px no-repeat;
}

/* -----------------------------------------------------
AreaMagazine
----------------------------------------------------- */
#TopPage #AreaMagazine
{
 margin: 0 0 31px 0;
}

#TopPage #LayerContents #AreaMagazine h3,
#TopPage #LayerContents #AreaPoster h3
{
 margin: 0;
 padding: 0;
 border: 0;
}

#AreaMagazine .column
{
 position: relative;
 width: 124px;
 height: 128px;
 float: left;
 margin: 0 0 0 10px;
 padding: 0;
 border: 1px solid #cbd9b4;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#AreaMagazine .column:first-child,
#AreaMagazine .column.first
{
 margin: 0;
}

#AreaMagazine .column .new:after,
#AreaPoster .column .new:after
{
 content: "";
 width: 39px;
 height: 14px;
 position: absolute;
 top: 8px;
 left: 14px;
 margin: 2px 3px 0 -15px;
 background: url(i/common.png) -88px 0 no-repeat;
 z-index: 10;
}

#AreaMagazine .column a
{
 width: 124px;
 height: 109px;
 padding: 19px 0 0;
 display: block;
 text-align: center;
 color: #333;
}

#AreaMagazine .column dt
 {
 margin: 5px 0 0 0;
}

#AreaPoster .column dt
{
 margin: 5px 0 -5px 0;
}

#AreaMagazine .column dd,
#AreaPoster .column dd
{
 letter-spacing: -1px;
 font-size: 12px;
 line-height: 16px;
}

/* -----------------------------------------------------
AreaPoster
----------------------------------------------------- */
#AreaPoster
{
 margin: 0 0 31px 0;
}

#AreaPoster .column
{
 position: relative;
 width: 124px;
 float: left;
 margin: 0 0 0 10px;
 padding: 0;
 border: 1px solid #cbd9b4;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#AreaPoster .column:first-child
{
 margin: 0;
}

#AreaPoster .column.first
{
 margin: 0;
}

#AreaPoster .column a
{
 width: 124px;
 min-height: 109px;
 padding: 19px 0 0;
 display: block;
 color: #333;
 text-align: center;
}

/* -----------------------------------------------------
AreaInformation
----------------------------------------------------- */
#LayerContents .AreaInformation
{
 padding: 0 8px 18px;
 margin: 0;
}

#LayerContents .AreaInformation ul
{
 list-style-type: none;
 margin: 0;
}

#LayerContents .AreaInformation ul:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

#LayerContents .AreaInformation ul li
{
 float: left;
 width: 155px;
 height: 45px;
 margin: 0 0 10px 10px;
 padding: 0;
 background-color: #f3f4e6;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

#LayerContents .AreaInformation ul li:nth-child(4n+1)
{
 clear: both;
 margin-left: 0;
}

#LayerContents .AreaInformation ul li.no-margin /* IE8 */
{
 clear: both;
 margin-left: 0;
}

#LayerContents .AreaInformation ul li:before
{
 background: none;
}

#LayerContents .AreaInformation ul li span
{
 width: 155px;
 height: 45px;
 display: block;
 position: relative;
 background: url(i/area_information.png) 0 12px repeat-x;
}

#LayerContents .AreaInformation li a
{
 display: table-cell;
 width: 115px;
 height: 43px;
 margin: 0;
 padding: 2px 10px 0 30px;
 font-size: 13px;
 line-height: 15px;
 vertical-align: middle;
}

#LayerContents .AreaInformation li a:before
{
 content: "";
 width: 12px;
 height: 12px;
 position: absolute;
 top: 16px;
 margin: 0 3px 0 -15px;
 background: url(i/common.png) -12px 0 no-repeat;
}

/* *****************************************************
LayerBasePopup
***************************************************** */
#LayerPopup
{
 width: 100%;
 height: auto;
 clear: both;
 margin: 0;
 padding: 0;
 background: #ffffff;
 border-bottom: solid 11px #4ca55d;
}

#LayerPopup #LayerBody
{
 width: auto;
 height: auto;
 clear: both;
 margin:  0 auto 0 auto;
 padding: 0;
}

#LayerBody:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

#LayerPopup #LayerContents
{
 float: none;
 width: auto;
 margin: 0 25px;
}

#LayerPopup #LayerContentsBody
{
 margin: 0 15px;
}

#LayerPopup #LayerHeader
{
 height: 90px;
 margin: 0 0 25px 0;
}

#LayerPopup #IdLogo
{
 position: relative;
 top: 30px;
 width: 175px;
 height: 29px;
 margin: 0 0 0 25px;
}

#LayerPopup p.button-close
{
 margin: 25px 0 30px 0;
}

#LayerPopup p.button-close a,
#LayerPopup p.button-close a:link,
#LayerPopup p.button-close a:visited
{
 float: right;
 display: block;
 width: 74px;
 height: auto;
 padding: 8px 0 7px 0;
 color: #ffffff;
 text-align: center;
 line-height: 100%;
 text-decoration: none;
 background: #32ac4a; /* Old browsers */
 background: -moz-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32ac4a), color-stop(100%, #28903d)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* IE10+ */
 background: linear-gradient(top, #32ac4a 0%, #28903d 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ac4a', endColorstr='#28903d', GradientType=0 ); /* IE6-9 */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#LayerPopup p.button-close a:hover,
#LayerPopup p.button-close a:active
{
 text-decoration: none;
 background: #5ccb72; /* Old browsers */
 background: -moz-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ccb72), color-stop(100%, #55ae66)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* IE10+ */
 background: linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ccb72', endColorstr='#55ae66', GradientType=0 ); /* IE6-9 */
}

#LayerPopup p.button-print
{
 margin: 25px 0 15px 0;
}

#LayerPopup p.button-print a,
#LayerPopup p.button-print a:link,
#LayerPopup p.button-print a:visited
{
 float: right;
 display: block;
 width: 84px;
 height: auto;
 margin: 0 0 20px 0;
 padding: 8px 0 7px 0;
 color: #ffffff;
 text-align: center;
 line-height: 100%;
 text-decoration: none;
 background: #32ac4a; /* Old browsers */
 background: -moz-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32ac4a), color-stop(100%, #28903d)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* IE10+ */
 background: linear-gradient(top, #32ac4a 0%, #28903d 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ac4a', endColorstr='#28903d', GradientType=0 ); /* IE6-9 */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#LayerPopup p.button-print a:hover,
#LayerPopup p.button-print a:active
{
 text-decoration: none;
 background: #5ccb72; /* Old browsers */
 background: -moz-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ccb72), color-stop(100%, #55ae66)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* IE10+ */
 background: linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ccb72', endColorstr='#55ae66', GradientType=0 ); /* IE6-9 */
}

#LayerPopup p.button-gateway
{
 margin: 25px 0 15px 0;
}

#LayerPopup p.button-gateway a,
#LayerPopup p.button-gateway a:link,
#LayerPopup p.button-gateway a:visited
{
 float: right;
 display: block;
 width: 110px;
 height: auto;
 margin: 0 0 20px 0;
 padding: 8px 0 7px 0;
 color: #ffffff;
 text-align: center;
 line-height: 100%;
 text-decoration: none;
 background: #32ac4a; /* Old browsers */
 background: -moz-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32ac4a), color-stop(100%, #28903d)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #32ac4a 0%, #28903d 100%); /* IE10+ */
 background: linear-gradient(top, #32ac4a 0%, #28903d 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ac4a', endColorstr='#28903d', GradientType=0 ); /* IE6-9 */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#LayerPopup p.button-gateway a:hover,
#LayerPopup p.button-gateway a:active
{
 text-decoration: none;
 background: #5ccb72; /* Old browsers */
 background: -moz-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ccb72), color-stop(100%, #55ae66)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* IE10+ */
 background: linear-gradient(top, #5ccb72 0%, #55ae66 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ccb72', endColorstr='#55ae66', GradientType=0 ); /* IE6-9 */
}

/* AreaDelay
----------------------------------------- */
#LayerPopup #AreaDelay
{
 clear: both;
 width: 458px;
 border: 1px solid #999999;
 background: url(i/base_delay.gif) repeat-y;
 margin: 10px auto 30px auto;
 padding: 20px;
}

*+html #LayerPopup #AreaDelay /* IE 7 */
{
 margin: 0 auto 0 auto;
}

* html #LayerPopup #AreaDelay /* IE 6 */
{
 margin: 0 auto 0 auto;
}

#LayerPopup #LayerContents #AreaDelay h1
{
 margin-bottom: 30px;
 color: #1B561D;
 font-size: 18px;
 background: none;
}

#LayerPopup #AreaDelay .delay-date
{
 margin-bottom: 15px;
}

#LayerPopup #AreaDelay table
{
 border-collapse: collapse;
 margin: 30px 0 40px 0;
}

#LayerPopup #LayerContents #AreaDelay th,
#LayerPopup #LayerContents #AreaDelay td
{
 width: 225px;
 border: 1px solid #999999;
 padding: 7px 10px;
 color: #333333;
 text-align: center;
 font-weight: bold;
}

#LayerPopup ul.ul-delay
{
 width: 485px;
 margin: 20px auto 0 auto;
}


/* 150818追加 */
.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  outline: none;
  overflow: hidden;
}
/* /150818追加 */