@charset "UTF-8";

/* *****************************************************
Contents ---------------
01:LayerContents
02:LayerContentsBody
------------------------
***************************************************** */

/* *****************************************************
LayerContents
***************************************************** */
#LayerContents
{
 float: right;
 width: 670px;
 height: auto;
 margin: 0 0 30px 0;
 padding: 0;
 font-size: 81%; /* 13px */
 line-height: 130%; /* 17px */
}

#LayerContents a,
#LayerContents a:link,
#LayerContents a:visited
{
 color: #0e631e;
}

#LayerContents a:hover,
#LayerContents a:active
{
 color: #65bc75;
}

#LayerContents p a
{
 text-decoration: underline;
}

/* -----------------------------------------------------
hr
----------------------------------------------------- */
hr
{
 clear: both;
 width: auto;
 height: 0px;
 margin: 30px 0;
 padding: 1px 0 0 0;
 border: none;
 background: url(/css/i/line_w.png) repeat-x 0 0;
}

/* -----------------------------------------------------
p
----------------------------------------------------- */
#LayerContents p
{
 margin: 0 15px 15px 17px;
 font-size: 100%; /* 13px */
 line-height: 138%; /* 18px */
}

#LayerContents .caution
{
 color: #7C6403;
}

#LayerContents .red
{
 color: #CC1C04;
}

#LayerContents .caption
{
 margin-top: -12px;
 font-size: 85%;
 line-height: 100%;
}

.brown
{
 color: #493005;
}

.green
{
 color: #0D6E20;
}

.caution
{
 color: #7c6403;
}

.strong-ul
{
 text-decoration: underline;
}

#LayerContents .strong-wb
{
 font-weight: bold;
 font-size: 108%; /* 14px */
}

#LayerContents .fs-l
{
 font-weight: bold;
 font-size: 116%; /* 15px */
 line-height: 127%; /* 19px */
}

#LayerContents .fs-ll
{
 font-weight: bold;
 font-size: 139%; /* 18px */
 line-height: 134%; /* 24px */
}

/* -----------------------------------------------------
small
----------------------------------------------------- */
#LayerContents p small
{
 font-size:92%; /* 12px */
 line-height: 133%; /* 16px */
}

/* -----------------------------------------------------
address
----------------------------------------------------- */
#LayerContents address
{
 margin: 0 15px 15px 15px;
 font-size: 100%; /* 13px */
 line-height: 138%; /* 18px */
 font-style: normal;
}

/* -----------------------------------------------------
img
----------------------------------------------------- */
img
{
 vertical-align: top;
 font-size: 0;
 line-height: 0;
}

img.busBorder
{
 padding: 15px;
 border: solid 1px #D5D5D5;
}

/* -----------------------------------------------------
hgroup
----------------------------------------------------- */
hgroup,
div.hgroup
{
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
}

hgroup .list a,
div.hgroup .list a
{
 position: absolute;
 top: 10px;
 right: 75px;
 font-size: 92%; /* 12px */
 line-height: 100%;
 font-weight: normal;
 text-decoration: underline;
}

hgroup .list a:before,
div.hgroup .list a:before
{
 content:"";
 float:left;
 width: 12px;
 height: 12px;
 margin: 1px 3px 0 0;
 background: url(i/common.png) no-repeat -12px 0;
}

#AreaMagazine .list a,
#AreaPoster .list a,
#News .list a
{
 right: 15px;
}

hgroup .rss a,
div.hgroup .rss a
{
 display: block;
 position: absolute;
 top: 9px;
 right: 16px;
 width: 45px;
 height: 14px;
 text-indent: -9999px;
 background: url(i/common.png) no-repeat -832px 0;
}

/* -----------------------------------------------------
h1
----------------------------------------------------- */
#TopPage #AreaTopHead hgroup,
#TopPage #AreaTopHead div.hgroup
{
 height: 0;
 font-size: 1px;
 line-height: 1px;
 text-indent: -9999px;
}

#Subway h1,
#Bus h1,
#Arakawa h1,
#Nippori h1
{
 width: auto;
 height: auto;
 margin: 0 0 20px 0;
 padding: 15px 0 11px 65px;
 color: #ffffff;
 font-family:"Hiragino Maru Gothic Std W2","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"HGPゴシックE","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
 font-size: 185%; /* 24px */
 line-height: 100%;
 background: url(i/h1_subway.png) no-repeat 0 0 #1a9332; /* Old browsers */
 background: url(i/h1_subway.png) -moz-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* FF3.6+ */
 background: url(i/h1_subway.png) -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a9332), color-stop(100%, #1b7f2f)); /* Chrome,Safari4+ */
 background: url(i/h1_subway.png) no-repeat 0 0, -webkit-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Chrome10+,Safari5.1+ */
 background: url(i/h1_subway.png) -o-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); *//* IE10+ */
 background: url(i/h1_subway.png) no-repeat 0 0, linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* W3C */
 /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9332', endColorstr='#1b7f2f', GradientType=0 ); *//* IE6-9 */
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
}

/*
#Subway h1 span.h1-subway
{
 display: block;
 float: left;
 width: 51px;
 height: 50px;
 margin: 0 0 0 -65px;
 background: url(i/h1_subway.png) no-repeat 0 0;
}
*/

#Bus h1
{
 background: url(i/h1_bus.png) no-repeat 0 0 #1a9332; /* Old browsers */
 background: url(i/h1_bus.png) -moz-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* FF3.6+ */
 background: url(i/h1_bus.png) -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a9332), color-stop(100%, #1b7f2f)); /* Chrome,Safari4+ */
 background: url(i/h1_bus.png) no-repeat 0 0, -webkit-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Chrome10+,Safari5.1+ */
 background: url(i/h1_bus.png) -o-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); *//* IE10+ */
 background: url(i/h1_bus.png) no-repeat 0 0, linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9332', endColorstr='#1b7f2f', GradientType=0 ); *//* IE6-9 */
}

#Arakawa h1
{
 background: url(i/h1_arakawa.png) no-repeat 0 0 #1a9332; /* Old browsers */
 background: url(i/h1_arakawa.png) -moz-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* FF3.6+ */
 background: url(i/h1_arakawa.png) -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a9332), color-stop(100%, #1b7f2f)); /* Chrome,Safari4+ */
 background: url(i/h1_arakawa.png) no-repeat 0 0, -webkit-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Chrome10+,Safari5.1+ */
 background: url(i/h1_arakawa.png) -o-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); *//* IE10+ */
 background: url(i/h1_arakawa.png) no-repeat 0 0, linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9332', endColorstr='#1b7f2f', GradientType=0 ); *//* IE6-9 */
}

#Nippori h1
{
 background: url(i/h1_nippori.png) no-repeat 0 0 #1a9332; /* Old browsers */
 background: url(i/h1_nippori.png) -moz-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* FF3.6+ */
 background: url(i/h1_nippori.png) -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a9332), color-stop(100%, #1b7f2f)); /* Chrome,Safari4+ */
 background: url(i/h1_nippori.png) no-repeat 0 0, -webkit-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Chrome10+,Safari5.1+ */
 background: url(i/h1_nippori.png) -o-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); *//* IE10+ */
 background: url(i/h1_nippori.png) no-repeat 0 0, linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* W3C *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9332', endColorstr='#1b7f2f', GradientType=0 ); *//* IE6-9 */
}

#Other h1
{
 width: auto;
 height: auto;
 margin: 0 0 25px 0;
 padding: 15px 0 11px 20px;
 color: #ffffff;
 font-family:"Hiragino Maru Gothic Std W2","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"HGPゴシックE","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
 font-size: 185%; /* 24px */
 line-height: 100%;
 background: #8cc628; /* Old browsers */
 background: -moz-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a9332), color-stop(100%, #1b7f2f)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* IE10+ */
 background: linear-gradient(top, #1a9332 0%, #1b7f2f 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9332', endColorstr='#1b7f2f', GradientType=0 ); /* IE6-9 */
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
}

#General h1,
#Fan h1,
#News h1,
#Info h1
{
 width: auto;
 height: auto;
 margin: 0 0 20px 0;
 padding: 15px 0 11px 20px;
 color: #ffffff;
 font-family:"Hiragino Maru Gothic Std W2","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"HGPゴシックE","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
 font-size: 185%; /* 24px */
 line-height: 100%;
 background: #8cc628; /* Old browsers */
 background: -moz-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cc628), color-stop(100%, #7cb221)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* IE10+ */
 background: linear-gradient(top, #8cc628 0%, #7cb221 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc628', endColorstr='#7cb221', GradientType=0 ); /* IE6-9 */
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
}

#Subway h1.cornertop,
#Bus h1.cornertop,
#Arakawa h1.cornertop,
#Nippori h1.cornertop,
#Other h1.cornertop,
#Fan h1.cornertop,
#News h1.cornertop,
#Info h1.cornertop
{
 width: 670px;
 height: 50px;
 margin: 0 0 20px 0;
 padding: 0;
 font-size: 1px;
 line-height: 1px;
 text-indent: -9999px;
 filter: none;
}

#Subway h1.cornertop
{
 background: url(/css/i/h1_subway.jpg) no-repeat 0 0;
}

#Bus h1.cornertop
{
 background: url(/css/i/h1_bus.jpg) no-repeat 0 0;
}

#Arakawa h1.cornertop
{
 background: url(/css/i/h1_arakawa.jpg) no-repeat 0 0;
}

#Nippori h1.cornertop
{
 background: url(/css/i/h1_nippori.jpg) no-repeat 0 0;
}

#Other h1.cornertop
{
 background: url(/css/i/h1_other.png) no-repeat 0 0;
}

#News h1.cornertop
{
 background: url(/css/i/h1_news.png) no-repeat 0 0;
}

#Fan h1.cornertop
{
 background: url(/css/i/h1_fan.png) no-repeat 0 0;
}

#Info h1.cornertop
{
 background: url(/css/i/h1_info.png) no-repeat 0 0;
}

#LayerContents h1.h1_EnqOpinion
{
 width: auto;
 height: auto;
 margin: 0 0 20px 0;
 padding: 15px 0 15px 20px;
 color: #ffffff;
 font-size: 185%; /* 24px */
 line-height: 100%;
 background-color: #8cc628; /* Old browsers */
 background: -moz-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cc628), color-stop(100%, #7cb221)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #8cc628 0%, #7cb221 100%); /* IE10+ */
 background: linear-gradient(top, #8cc628 0%, #7cb221 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc628', endColorstr='#7cb221', GradientType=0 ); /* IE6-9 */
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
}

/* -----------------------------------------------------
h2
----------------------------------------------------- */
#LayerContents h2
{
 width: auto;
 height: auto;
 color: #333333;
 font-size: 115%; /*15px*/
 line-height: 133%; /*20px*/
 padding: 9px 20px 5px 20px;
 margin: 0 0 18px 0;
 background: url(i/h2_bg.png) repeat-y 0 0 #d9edb8;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
 clear: both;
}

#LayerContents div.namazu-result-header h2
{
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 100%;
 line-height: 100%;
 background: none;
 border: none;
}

#LayerContents div.namazu-result-header p
{
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 100%;
 line-height: 100%;
}

#LayerContents div.namazu-result-header + h2
{
 margin-top: 15px;
}

/* -----------------------------------------------------
h3
----------------------------------------------------- */
#LayerContents h3
{
 width: auto;
 height: auto;
 margin: 30px 15px 20px 15px;
 padding: 4px 0 3px 18px;
 font-size: 115%; /* 15px */
 line-height: 120%; /* 18px */
 background: url(i/h3_bg.png) repeat-y 0 0;
 border-bottom: solid 1px #cde0a9;
 -moz-border-radius: 5px 0 0 0;
 -webkit-border-radius: 5px 0 0 0;
 border-radius: 5px 0 0 0;
 clear: both;
}

#LayerContents hgroup h3,
#LayerContents div.hgroup h3
{
 margin: 0;
 padding: 0;
 border: none;
 background: none;
}

#LayerContents h3.h-mn
{
 width: auto;
 height: auto;
 margin: 30px 15px 5px 15px;
 padding: 4px 0 3px 0;
 background: none;
 border-bottom: none;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}

/* -----------------------------------------------------
h4
----------------------------------------------------- */
#LayerContents h4
{
 width: auto;
 height: auto;
 margin: 0 15px 20px 15px;
 padding: 5px 10px;
 color: #0d6e20;
 font-size: 107%; /*14px*/
 line-height: 128%; /*18px*/
 font-weight: normal;
 border-bottom: dotted 1px #0d6f21;
 border-left: dotted 1px #0d6f21;
}

#LayerContents hgroup h4,
#LayerContents div.hgroup h4
{
 margin: 0;
 padding: 0;
 border: none;
}

#LayerContents #AreaMagazine h4
{
 margin: 15px 0 5px 0;
 padding: 0;
 border: none;
}

#LayerContents .font-b,
#LayerContents table tr.font-b th
{
 font-weight: bold;
}

/* -----------------------------------------------------
h5
----------------------------------------------------- */
#LayerContents h5
{
 width: auto;
 height: auto;
 margin: 25px 15px 20px 15px;
 padding: 2px 5px;
 color: #4f5909;
 font-size: 100%; /*13px*/
 line-height: 115%; /*15px*/
 font-weight: normal;
 border-left: solid 4px #4f5909;
}

#LayerContents hgroup h5,
#LayerContents div.hgroup h5
{
 margin: 0;
 padding: 0;
 border: none;
}




/* -----------------------------------------------------
h6
----------------------------------------------------- */
#LayerContents h6
{
 width: auto;
 height: auto;
 margin: 20px 15px 15px 18px;
}

/* -----------------------------------------------------
ul, ol
----------------------------------------------------- */
#LayerContents ul
{
 width:auto;
 height: auto;
 margin: 0 0 28px 0;
}

#LayerContents table.t-border td ul
{
 margin: 0;
}

#LayerContents ul li
{
 margin: 0 15px 12px 18px;
 padding: 0 0 0 10px;
 line-height: 138%; /* 18px */
}

#LayerContents table.t-border td ul li
{
 margin: 0 15px 12px 5px;
}

#LayerContents table.t-border td ul li:last-child
{
 margin: 0 15px 0 5px;
}

#LayerContents table.t-border td ul li.last
{
 margin: 0 15px 0 5px;
}

#LayerContents ul li:before
{
 content:"";
 float: left;
 width: 7px;
 height: 8px;
 margin: 4px 5px 0 -10px;
 background: url(i/common.png) no-repeat -13px -15px;
}

#LayerContents ul li ul,
#LayerContents ol li ul
{
 margin: 12px 0 12px -25px;
}

#LayerContents ul li ul li,
#LayerContents ol li ul li
{
 margin: 0 15px 12px 27px;
 list-style: none;
}

#LayerContents ul li ul li:before,
#LayerContents ol li ul li:before
{
 content:"・";
 float: left;
 background: none;
 margin: 0 8px 0 -12px;
 width: 7px;
 height: 8px;
}

#LayerContents ol
{
 margin: 0 0 28px 0;
}

#LayerContents ol li
{
 margin: 0 15px 12px 35px;
 padding: 0;
 list-style: decimal;
}

#LayerContents ol.typea li
{
 list-style: lower-alpha;
}

#LayerContents ul li ol
{
 margin: 12px 15px 12px 0;
}

#LayerContents ul li ol li:before
{
 content: inherit;
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 background: none;
}

#LayerContents ul ol ul li
{
 list-style: none;
 margin: 0 15px 12px 38px;
}

#LayerContents ul ol ul li:before
{
 content:"・";
 float: left;
 background: none;
 margin: 0 8px 0 -12px;
 width: 7px;
 height: 8px;
}

#LayerContents ol li ol
{
 margin-top: 12px;
}

/* list-shop */

#LayerContents .list-shop
	{
	padding-left: 80px;
	}

#LayerContents .list-shop li
	{
	clear: both;
	/zoom: 1;
	}

#LayerContents .list-shop li:before,
#LayerContents .list-shop li:after
	{
	content: "";
	display: table;
	}

#LayerContents .list-shop li:after
	{
	clear: both;
	}

#LayerContents .list-shop .new
	{
	display: block;
	float: left;
	position: relative;
	margin: 2px 0 0 -80px;
	}

#LayerContents li.li-link-line a
{
 text-decoration: underline;
}

/* guide */

#LayerContents ol.guide-list {
  width: 220px;
}

#LayerContents ol.guide-list li {
  margin: 0 0 10px 10px;
}

#LayerContents dl.guide dt {
  display: list-item;
  font-weight: bold;
  margin: 15px 0 5px 10px;
}

#LayerContents dl.guide dd {
  margin: 0 0 20px 35px;
}

#LayerContents ol li.a, dl dt.a {
  background: url(i/guide/guide_a.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.b, dl dt.b {
  background: url(i/guide/guide_b.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.c, dl dt.c {
  background: url(i/guide/guide_c.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.d, dl dt.d {
  background: url(i/guide/guide_d.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.e, dl dt.e {
  background: url(i/guide/guide_e.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.f, dl dt.f {
  background: url(i/guide/guide_f.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.g, dl dt.g {
  background: url(i/guide/guide_g.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.h, dl dt.h {
  background: url(i/guide/guide_h.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.i, dl dt.i {
  background: url(i/guide/guide_i.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.j, dl dt.j {
  background: url(i/guide/guide_j.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.k, dl dt.k {
  background: url(i/guide/guide_k.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.l, dl dt.l {
  background: url(i/guide/guide_l.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.m, dl dt.m {
  background: url(i/guide/guide_m.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}

#LayerContents ol li.n, dl dt.n {
  background: url(i/guide/guide_n.png) no-repeat center left;
  list-style: none;
  min-height: 16px;
  padding: 0 0 0 25px;
}


/* link
----------------------------------------------------- */
#LayerContents ul li.link,
#LayerContents ul.link li,
#LayerContents p.link,
#LayerContents p.link-uline
{
 position: relative;
 margin: 0 15px 12px 18px;
 padding: 0 0 0 16px;
}

#LayerContents td ul li.link,
#LayerContents td ul.link li,
#LayerContents td p.link,
#LayerContents td p.link-uline
{
 margin: 0 15px 12px 5px;
}

#LayerContents td ul li.link:last-child,
#LayerContents td ul.link li:last-child,
#LayerContents td p.link:last-child,
#LayerContents td p.link-uline:last-child
{
 margin:
  0 15px 0 5px;
}

#LayerContents .MagazineLatest td ul.link li:last-child
{
 margin: 0 0 0 -8px;
}

#LayerContents td ul li.link.last,
#LayerContents td ul.link li.last,
#LayerContents td p.link.last,
#LayerContents td p.link-uline.last
{
 margin: 0 15px 0 5px;
}

#LayerContents .MagazineLatest td ul.link li.last
{
 margin: 0 0 0 -8px;
}

td.locations-arakawa a
{
 position: relative;
 display: inline-block;
 margin: 0;
 padding: 0 0 0 16px;
 /display: inline;
 /zoom: 1;
}

#LayerContents ul li.link:before,
#LayerContents ul.link li:before,
td.locations-arakawa a:before,
#LayerContents p.link a:before,
#LayerContents p.link-uline a:before
{
 content:"";
 display: block;
 float: left;
 width: 10px;
 height: 11px;
 margin: 2px 5px 0 -16px;
 padding: 0;
 background: url(i/common.png) no-repeat 0 2px;
}

#LayerContents ul li.link a,
#LayerContents ul.link li a,
#LayerContents p.link a,
#LayerContents p.link-uline a
{
 color: #444444;
}

#LayerContents p.link a,
#LayerContents p.link a:link,
#LayerContents p.link a:visited
{
 text-decoration: none;
}

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

#LayerContents p.link-uline a,
#LayerContents p.link-uline a:link,
#LayerContents p.link-uline a:visited
{
 color: #0e631e;
 text-decoration: underline;
}

#LayerContents p.link-uline a:hover,
#LayerContents p.link-uline a:active
{
 color: #65bc75;
 text-decoration: underline;
}

#LayerContents ul li.link img,
#LayerContents ul.link li img,
#LayerContents p.link img,
#LayerContents p.link-uline img
{
 vertical-align: top;
 margin: -3px 0 -10px 0;
}

/* list-indent
----------------------------------------------------- */
#LayerContents ul.list-indent li,
#LayerContents p.list-indent {
	position: relative;
	padding-left: 1.1em;
}

#LayerContents ul.list-indent li {
	margin-bottom: 4px;
	background: none;
}

#LayerContents ul.list-indent li:before {
	cursor: none;
	width: 0;
	height: 0;
	display: none;
	visibility: hidden;
}

#LayerContents ul.list-indent li .symbol,
#LayerContents p.list-indent .symbol {
	position: absolute;
	left: 0;
}

/* list-indent-l
----------------------------------------------------- */
#LayerContents ul.list-indent-l li,
#LayerContents p.list-indent-l {
	position: relative;
	padding-left: 4.1em;
}

#LayerContents ul.list-indent-l li {
	margin-bottom: 4px;
	background: none;
}

#LayerContents ul.list-indent-l li:before {
	cursor: none;
	width: 0;
	height: 0;
	display: none;
	visibility: hidden;
}

#LayerContents ul.list-indent-l li .symbol,
#LayerContents p.list-indent-l .symbol {
	position: absolute;
	left: 0;
}

/* list-mascot
----------------------------------------------------- */

#LayerContents ul.list-mascot li,
#LayerContents ul.list-mascot li,
#LayerContents p.list-mascot
{
 position: relative;
 margin: 0 15px 12px 18px;
 padding: 0 0 0 20px;
}

#LayerContents td ul li.list-mascot,
#LayerContents td ul.list-mascot li,
#LayerContents td p.list-mascot
{
 margin: 0 15px 12px 5px;
}

#LayerContents td ul li.list-mascot:last-child,
#LayerContents td ul.list-mascot li:last-child,
#LayerContents td p.list-mascot:last-child
{
 margin: 0 15px 0 5px;
}

#LayerContents td ul li.list-mascot.last,
#LayerContents td ul.list-mascot li.last,
#LayerContents td p.list-mascot.last
{
 margin: 0 15px 0 5px;
}

td.locations-arakawa a
{
 position: relative;
 display: inline-block;
 margin: 0;
 padding: 0 0 0 16px;
 /display: inline;
 /zoom: 1;
}

#LayerContents ul li.list-mascot:before,
#LayerContents ul.list-mascot li:before,
td.locations-arakawa a:before,
#LayerContents p.list-mascot a:before
{
 content:"";
 display: block;
 float: left;
 width: 15px;
 height: 18px;
 margin: -3px 5px 0 -20px;
 padding: 0;
 background: url(i/list_mascot.png) no-repeat 0 2px;
}

#LayerContents p.list-mascot a,
#LayerContents p.list-mascot a:link,
#LayerContents p.list-mascot a:visited
{
 text-decoration: none;
}

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

#LayerContents ul li.list-mascot img,
#LayerContents ul.list-mascot li img,
#LayerContents p.list-mascot img
{
 vertical-align: top;
 margin: -3px 0 -10px 0;
}

/* link-list
----------------------------------------------------- */
#LayerContents ul.link-list li
{
 margin: 0 0 10px 0;
 padding: 0;
}

#LayerContents ul.link-list li a
{
 margin: 0 0 0 5px;
}

#LayerContents ul.link-list li a:before
{
 content:"";
 display: block;
 float: left;
 width: 10px;
 height: 11px;
 margin: 0 0 0 0;
 padding: 0;
 background: url(i/common.png) no-repeat 0 2px;
}

#LayerContents ul.link-list li:before
{
 content: inherit;
 float: none;
 background: none;
 margin: 0;
 width: 0;
 height: 0;
}

/* link-list1
----------------------------------------------------- */
#LayerContents ul.link-list1
{
 width: auto;
 height: auto;
 margin: 0 15px 30px 15px;
 padding: 0;
}

ul.link-list1:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

#LayerContents ul.link-list1 li
{
 margin: 0;
 padding: 0;
}

#LayerContents ul.link-list1 li:before
{
 content:"";
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 background: none;
}

ul.link-list1 li a,
ul.link-list1 li a:link,
ul.link-list1 li a:visited
{
 display: block;
 width: auto;
 height: auto;
 min-height: 30px;
 margin: 0 0 10px 0;
 padding: 2px 0 0 15px;
 font-size: 100%; /* 13px */
 line-height: 235%; /* 30px */
 background: #f6f6f3;
 border-left: none;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

ul.link-list1 li a:hover,
ul.link-list1 li a:active
{
 text-decoration: underline;
}

ul.link-list1 li a:before
{
 content:"";
 float: left;
 width: 12px;
 height: 12px;
 margin: 7px 5px 0 0;
 background: url(i/common.png) no-repeat -12px 0;
}

ul.link-list1 li.line2 a
{
 font-size: 123%; /* 16px */
 line-height: 113%; /* 18px */
}

/* link-list2
----------------------------------------------------- */
#LayerContents ul.link-list2
{
 width: auto;
 height: auto;
 margin: 0 0 30px 0;
 padding: 15px 0 5px 5px;
 background-color: #f6f6f3;
}

ul.link-list2:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

#LayerContents ul.link-list2 li
{
 margin: 0;
 padding: 0;
}

#LayerContents ul.link-list2 li:before
{
 content:"";
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 background: none;
}

ul.link-list2 li a,
ul.link-list2 li a:link,
ul.link-list2 li a:visited
{
 float: left;
 display: block;
 width: 289px;
 height: 50px;
 margin: 0 0 10px 10px;
 padding: 0 0 0 19px;
 font-size: 138%; /* 18px */
 line-height: 278%; /* 50px */
 background: #ffffff;
 border-left: solid 7px #37b14f;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

ul.link-list2 li a:hover,
ul.link-list2 li a:active
{
 text-decoration: underline;
}

ul.link-list2 li.line2 a
{
 font-size: 123%; /* 16px */
 line-height: 113%; /* 18px */
}

ul.link-list2 li.link-list2-line2 a
{
height: 42px;
padding-top: 8px;
font-size: 123%; /* 16px */
line-height: 113%; /* 18px */
}


/* link-banner-s-l
----------------------------------------------------- */
#LayerContents ul.link-banner-s-l
{
 width: auto;
 height: auto;
 margin: 0 15px 30px 15px;
 padding: 15px 5px 5px 5px;
 background-color: #f6f6f3;
}

ul.link-banner-s-l:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

#LayerContents ul.link-banner-s-l li
{
 margin: 0;
 padding: 0;
}

#LayerContents ul.link-banner-s-l li:before
{
 content:"";
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 background: none;
}

ul.link-banner-s-l li a,
ul.link-banner-s-l li a:link,
ul.link-banner-s-l li a:visited
{
 float: left;
 display: block;
 width: auto;
 height: auto;
 margin: 0 0 10px 10px;
 padding: 5px 19px 5px 19px;
 background: #ffffff;
 border-left: solid 7px #37b14f;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

ul.link-banner-s-l li a:hover,
ul.link-banner-s-l li a:active
{
 text-decoration: underline;
}

/* sightseeing
----------------------------------------------------- */
#LayerContents ul.sightseeing li
{
 margin: 0;
 padding: 0;
}

#LayerContents ul.sightseeing li:before
{
 content:"";
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 background: none;
}


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

ul.sightseeing li a,
ul.sightseeing li a:link,
ul.sightseeing li a:visited
{
 display: block;
 width: 397px;
 height: 35px;
 margin: 20px auto 0;
 text-indent: -9999px;
 overflow: hidden;
 background: url(i/button_routes.png) no-repeat 0 0;
}

ul.sightseeing li a:hover,
ul.sightseeing li a:active
{
 background: url(i/button_routes.png) no-repeat 0 -35px;
}


/* list-gallery
----------------------------------------------------- */

#LayerContents ul.list-gallery
{
 width: 375px;
 margin: 0 0 0 20px;
 padding: 0;
}

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

#LayerContents ul.list-gallery li
{
 list-style: none;
 width: 50px;
 float: left;
 margin: 0 10px 10px 0;
 background: none;
 padding: 0;
}

#LayerContents ul.list-gallery li:before
{
 content:"";
 content:none;
}


/* -----------------------------------------------------
table
----------------------------------------------------- */
table
{
 border-collapse: collapse;
 margin: 5px 0 15px 0;
 clear: both;
}

table.fix
{
 table-layout: fixed;
}

table.t-plain
{
 width: auto;
 margin: 5px 15px 15px 15px;
}

table.t-plain th,
table.t-plain td
{
 font-size: 100%; /* 13px */
 line-height: 131%; /* 17px */
 margin: 0;
 padding: 10px;
}

table.t-border
{
 width: 96%;
 margin: 5px 15px 15px 15px;
}

table.t-border th,
table.t-border td
{
 font-size: 100%; /* 13px */
 line-height: 131%; /* 17px */
 margin: 0;
 padding: 10px;
}

table.t-border th
{
 width: auto;
 color: #425028;
 font-weight: normal;
 text-align: center;
 vertical-align: middle;
 background-color: #f3f7ec;
 border: solid 1px #d5d5d5;
}

table.t-border th.head2,
table.t-border td.head2
{
 color: #237d35;
 text-align: center;
 background-color: #eaf5ed;
}

table.t-border td.tbc-1 /* legacy */
{
 color: #237d35;
 text-align: center;
 vertical-align: middle;
 background-color: #eaf5ed;
}

table.t-border td
{
 vertical-align: top;
 border: solid 1px #d5d5d5;
}

table.t-border td.landmark
{
 width: 172px;
}

table span.vertical
{
 display: block;
 width: 1.2em;
 margin: 0 auto;
 -webkit-writing-mode: vertical-rl;
 writing-mode:tb-rl;
 overflow: hidden;
}

table.t-border td.tbc-cancel
{
 background-color: #D9F5FA;
}

table.t-border td.tbc-special
{
 background-color: #FCF0CD;
}

#LayerContents table.t-border th a,
#LayerContents table.t-border td a,
#LayerContents table.t-border-d th a,
#LayerContents table.t-border-d td a
{
 text-decoration: underline;
}

#LayerContents table.t-border th.full-img,
#LayerContents table.t-border td.full-img,
#LayerContents table.t-border-d th.full-img,
#LayerContents table.t-border-d td.full-img
{
  padding: 0;
}

#LayerContents table.t-border th.full-img img,
#LayerContents table.t-border td.full-img img,
#LayerContents table.t-border-d th.full-img img,
#LayerContents table.t-border-d td.full-img img
{
  width: 100%;
}


#LayerContents table.no-border
{
 margin: 0 15px 15px 17px;
}


/* t-border-d, t-frame-adobe
----------------------------------------------------- */
table.t-border-d,
table.t-frame-adobe
{
 width: 96%;
 margin: 5px 15px 15px 15px;
}

table.t-border-d th,
table.t-border-d td,
table.t-frame-adobe th,
table.t-frame-adobe td
{
 font-size: 100%; /* 13px */
 line-height: 115%; /* 15px */
 margin: 0;
 padding: 10px;
 background-color: #ffffff;
 vertical-align: top;
}

table.t-border-d td
{
 border: dotted 1px #d5d5d5;
}

table.t-border-d td table td
{
 border: none;
}

table.link-list-img
{
 width: 638px;
 height: 120px;
 border-collapse: separate;
 border-spacing: 0 1px;
 margin: 0 15px 30px 15px;
 background-color: #cccccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

table.link-list-img td.l-img
{
 width: 180px;
 height: auto;
 text-align: center;
 vertical-align: middle;
 background: url(i/line_h.png) right 0 repeat-y;
 background-color: #ffffff;
 -moz-border-radius: 5px 0 0 5px;
 -webkit-border-radius: 5px 0 0 5px;
 border-radius: 5px 0 0 5px;
 border-left: solid 1px #cccccc;
}

table.link-list-img td.r
{
 width: auto;
 text-align: left;
 vertical-align: top;
 background-color: #ffffff;
 -moz-border-radius: 0 5px 5px 0;
 -webkit-border-radius: 0 5px 5px 0;
 border-radius: 0 5px 5px 0;
 overflow: hidden;
 border-right: solid 1px #cccccc;
}

#LayerContents table.link-list-img td.r h2
{
 padding: 0;
 margin: 15px 0 15px 15px;
 font-size: 113%; /* 18px */
 line-height: 111%; /* 20px */
 background: none;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
 clear: both;
 /zoom: 1;/* IE6,7 */
}

#LayerContents table.link-list-img td.r h2 a:link,
#LayerContents table.link-list-img td.r h2 a:visited
{
 display: inline-block;
  color: #493005;
 text-decoration: none;
 vertical-align: top;
 background-color: inherit;
}

#LayerContents table.link-list-img td.r h2 a:hover,
#LayerContents table.link-list-img td.r h2 a:active
{
 text-decoration: underline;
}

#LayerContents table.link-list-img td.r span.new
{
 display: inline-block;
 background: url(i/common.png) no-repeat -832px -17px;
 width: 50px;
 height: 11px;
 margin: 0 10px 0 0;
 vertical-align: top;
 text-indent: -9999px;
 /display: block; /* IE6,7 */
 /margin-top: 5px;/* IE6,7 */
 /zoom: 1; /* IE6,7 */
 /float: left;/* IE6,7 */
}

#LayerContents table.link-list-img td.r a
{
 /line-height: 20px;
}

/* InformationUnkou
----------------------------------------------------- */
div.InformationUnkou,
div.InformationDelay
{
 position: relative;
 background-color: #f6f6f3;
 margin: 0 0 30px 0;
 padding: 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

#LayerContents div.InformationUnkou h2.asakusa,
#LayerContents div.InformationUnkou h2.mita,
#LayerContents div.InformationUnkou h2.shinjuku,
#LayerContents div.InformationUnkou h2.oedo
{
 background: none;
 border: none;
 margin:15px 0 20px 15px;
 padding: 0;
 font-size: 146%; /* 19px */
 line-height: 100%;
}

#LayerContents div.InformationUnkou h2.asakusa:before,
#LayerContents div.InformationUnkou h2.mita:before,
#LayerContents div.InformationUnkou h2.shinjuku:before,
#LayerContents div.InformationUnkou h2.oedo:before
{
 content:"";
 float: left;
 width: 19px;
 height: 18px;
 margin: 0 5px 0 0;
}

#LayerContents div.InformationUnkou h2.asakusa:before
{
 background: url(i/top.png) no-repeat 0 -16px;
}

#LayerContents div.InformationUnkou h2.mita:before
{
 background: url(i/top.png) no-repeat 0 -171px;
}

#LayerContents div.InformationUnkou h2.shinjuku:before
{
 background: url(i/top.png) no-repeat 0 -225px;
}

#LayerContents div.InformationUnkou h2.oedo:before
{
 background: url(i/top.png) no-repeat 0 -205px;
}

div.InformationUnkou table,
div.InformationUnkou table th,
div.InformationUnkou table td,
div.InformationDelay table,
div.InformationDelay table th,
div.InformationDelay table td
{
 border: none;
 background-color: #f6f6f3;
}

div.InformationUnkou table
{
 width: 630px;
 margin: 0 20px 15px 20px;
}

div.InformationDelay table
{
 width: 630px;
 margin: 0 20px 0 20px;
}

div.InformationUnkou table th,
div.InformationDelay table th
{
 width: 220px;
 padding: 15px 10px 16px 15px;
 text-align: left;
 vertical-align: top;
 font-weight: bold;
 background: url(i/line_w.png) repeat-x 0 top;
}

div.InformationUnkou table th
{
 width: 120px;
 vertical-align: middle;
}

div.InformationUnkou table th.nippori_toneri
{
 width: 160px;
 padding-left: 5px;
 vertical-align: middle;
}

div.InformationUnkou table th.asakusa:before,
div.InformationUnkou table th.mita:before,
div.InformationUnkou table th.shinjuku:before,
div.InformationUnkou table th.oedo:before
{
 content:"";
 float: left;
 width: 19px;
 height: 18px;
 margin: -2px 5px 0 0;
 background: url(i/top.png) no-repeat 0 -16px;
}

#LayerContents div.InformationUnkou table th.mita:before
{
 background: url(i/top.png) no-repeat 0 -171px;
}

#LayerContents div.InformationUnkou table th.shinjuku:before
{
 background: url(i/top.png) no-repeat 0 -225px;
}

#LayerContents div.InformationUnkou table th.oedo:before
{
 background: url(i/top.png) no-repeat 0 -205px;
}

div.InformationUnkou table td,
div.InformationDelay table td
{
 width: auto;
 padding: 15px 10px 16px 0;
 text-align: left;
 background: url(/css/i/line_w.png) repeat-x 0 top;
}

#LayerContents div.InformationUnkou table td.rireki
{
 width: 100px;
 padding-left: 20px;
 vertical-align: middle;
}

div.InformationDelay table th,
div.InformationDelay table td
{
 background: none;
 vertical-align: middle;
}

div.InformationDelay table th
{
 line-height: 0;
}

#LayerContents div.InformationUnkou p.time
{
 margin: 18px 20px 0 40px;
 font-size: 92%; /* 12px */
 text-align: right;
}

#LayerContents div.InformationUnkou td.jyouhou
{
 padding-top: 13px;
 line-height: 146%; /* 19px */
}

#LayerContents div.InformationUnkou table td.caution
{
 color: #CC1C04;
}

#LayerContents div.InformationUnkou table td.caution a
{
 display: inline-block;
 margin-top: 10px;
}

div.InformationUnkou table tr:nth-of-type(1) th,
div.InformationUnkou table tr:nth-of-type(1) td
{
 background: none;
}

#LayerContents div.InformationUnkou table tr.first th,
#LayerContents div.InformationUnkou table tr.first td
{
 background: none;
}



/* Magazine
----------------------------------------------------- */
#LayerContents .MagazineLatest
{
 border-collapse: collapse;
 width: 100%;
 margin: 20px 0 30px 0;
 background-color: #f6f6f3;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

#LayerContents .MagazineLatest td
{
 padding: 20px;
 vertical-align: top;
}

#LayerContents .MagazineLatest td.w140
{
 width: 140px;
 padding: 20px 0 15px 20px;
}

#LayerContents .MagazineLatest h2
{
 padding: 0;
 margin: 0 0 15px 0;
 font-size: 113%; /* 18px */
 line-height: 111%; /* 20px */
 color: #493005;
 background: none;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
 clear: both;
}

#LayerContents .MagazineLatest h2 a
{
 clear: none;
 color: #493005;
}

#LayerContents .MagazineLatest h2 a:link,
#LayerContents .MagazineLatest h2 a:visited
{
 background-color: inherit;
 text-decoration: none;
}

#LayerContents .MagazineLatest h2 a:hover,
#LayerContents .MagazineLatest h2 a:active
{
 text-decoration: underline;
}

#LayerContents .MagazineLatest span.new
{
 position: relative;
 display: inline-block;
 background: url(i/common.png) no-repeat -832px -17px;
 width: 50px;
 height: 11px;
 margin: 0 10px 0 0;
 text-indent: -9999px;
 /display: block; /* IE6,7 */
 /margin-top: 5px;/* IE6,7 */
 /zoom: 1; /* IE6,7 */
 /float: left;/* IE6,7 */
}

#LayerContents .MagazineLatest h3
{
 width: auto;
 color: inherit;
 background: none;
 border: 0;
 padding: 0;
 margin: 0;
}

#LayerContents .MagazineLatest h4
{
 margin: 5px 0 10px 0;
}

#LayerContents .MagazineLatest hr
{
 width: auto;
 height: 0;
 margin: 15px 0 15px 0;
 border-top: dotted 1px #0d6f21;
 background: none;
}

* html #LayerContents .MagazineLatest hr /* IE 6 */
{
 margin: 5px 0 5px 0;
}

#LayerContents .MagazineLatest p
{
 width: auto;
 margin: 0 0 15px 0;
}

#LayerContents .MagazineLatest p a:link,
#LayerContents .MagazineLatest p a:visited
{
 text-decoration: none;
}

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

#LayerContents .MagazineLatest p img,
#LayerContents .MagazineLatest ul img
{
 vertical-align: top;
}

#LayerContents .MagazineLatest ul.link
{
 margin: 0 0 0 0;
}

#LayerContents .MagazineLatest ul.link li
{
 margin: 0 0 0 -8px;
}

#LayerContents .MagazineLatest ul.link li:before
{
 content:"";
 float: left;
 width: 12px;
 height: 12px;
 margin: 0 5px 0 0;
 background: url(i/common.png) no-repeat -12px 0;
}

#LayerContents .MagazineLatest ul.link li a
{
 color: #444444;
}

#AreaMagazine
{
 position: relative;
 width: auto;
 height: auto;
 margin: 0 0 17px 0;
 padding: 0;
}

#AreaMagazine div.backnumber h2
{
 margin-bottom: 0;
}

#AreaMagazine div.backnumber dl
{
 clear: both;
 width: auto;
 height: auto;
 margin: 0 15px;
 padding: 11px 12px 8px 12px;
 line-height: 133%; /*16px*/
 background: url(/css/i/line_w.png) repeat-x 0 0;
}

#AreaMagazine div.backnumber dl:first-of-type
{
 background: none;
}

#AreaMagazine div.backnumber dl.first
{
 background: none;
}

#AreaMagazine div.backnumber dt
{
 width: auto;
 height: auto;
 margin: 0 0 5px 0;
 padding: 0;
}

#AreaMagazine div.backnumber dt span
{
 color: #166826;
}

#AreaMagazine div.backnumber dd span
{
 color: #166826;
}

#AreaMagazine div.backnumber dl
{
 clear: both;
}

#AreaMagazine div.backnumber dt
{
 float: left;
 width: 120px;
 margin-bottom: 8px;
}

#AreaMagazine div.backnumber dd
{
 float: right;
 width: 480px;
 margin-bottom: 8px;
 text-indent: -0.8em;
}

/* *****************************************************
AreaPickup
***************************************************** */
#AreaPickup
{
 position: relative;
 float: left;
 width: 330px;
 height: auto;
 min-height: 287px;
 margin: 0 0 30px 0;
 background-color: #f9f9f6;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

#AreaPickup h2
{
 width: auto;
 height: 25px;
 margin: 0;
 padding: 0;
 background: url(i/h2_picup.png) no-repeat 15px 2px #93c936;
 color: #ffffff;
 text-indent: -9999px;
 font-size: 1px;
 line-height: 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
 border-bottom: solid 3px #1a9332;
}

#General #AreaPickup h2,
#Fan #AreaPickup h2,
#News #AreaPickup h2,
#Info #AreaPickup h2
{
 background: url(i/h2_picup2.png) no-repeat 15px 2px #1a9332;
 border-bottom: solid 3px #93c936;
}

#LayerContents #AreaPickup h3
{
 margin: 17px 18px 10px 18px;
 color: #003f12;
 font-size: 123%; /* 16px */
 line-height: 118%; /* 19px */
 padding: 0;
 border: none;
 background: none;
}

#AreaPickup h3 a
{
 color: #003f12;
}

#AreaPickup h3 span
{
 display: inline-block;
 font-size: 88%; /* 14px */
 margin: 0 0 5px 0;
 /display: inline; /* IE6,7 */
 /zoom: 1; /* IE6,7 */
}

#AreaPickup p
{
 width: auto;
 margin: 0 18px 20px 18px;
}

#AreaPickup .pickup-img p
{
 position: relative;
 margin: 0 18px 15px 18px;
}

#AreaPickup .pickup-img p img
{
 line-height: 0;
}

.pickup-img span a
{
 display: block;
 position: absolute;
 bottom: 3px;
 right: 0;
 font-size: 92%; /* 12px */
 line-height: 100%;
 text-decoration: underline;
}

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

/* *****************************************************
AreaCornerBanner
***************************************************** */
#AreaCornerBanner
{
 float: right;
 width: 330px;
 height: auto;
}

#AreaCornerBanner table
{
 width: 330px;
 height: auto;
 background-color: #f9f9f6;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

table.ct-banner
{
 clear: both;
 width: 330px;
 height: auto;
 min-height: 79px;
 margin: 0 0 10px 0;
 padding: 0;
 background-color: #f9f9f6;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
 border-collapse: collapse;
}

#AreaCornerBanner a
{
 display: block;
 margin: 0 0 10px 0;
}

#AreaCornerBanner a:last-child
{
 margin: 0;
}

#AreaCornerBanner a.last
{
 margin: 0;
}

.ct-banner td
{
 vertical-align: top;
}

td.ct-banner-r
{
 width: 79px;
}

#AreaCornerBanner table td
{
 padding: 5px 10px;
}

#AreaCornerBanner table td.ct-banner-l1
{
 width: auto;
 height: auto;
}

#AreaCornerBanner table td.ct-banner-l1 h3
{
 margin: 3px 0 5px 0;
 color: #003f12;
 font-size: 123%; /* 16px */
 line-height: 118%; /* 19px */
 padding: 0;
 border: none;
 background: none;
}

#AreaCornerBanner a table td.ct-banner-l1 h3,
#AreaCornerBanner a:link table td.ct-banner-l1 h3,
#AreaCornerBanner a:visited table td.ct-banner-l1 h3
{
 color: #0E631E;
}

#AreaCornerBanner a:hover table td.ct-banner-l1 h3,
#AreaCornerBanner a:active table td.ct-banner-l1 h3
{
 color: #65BC75;
 text-decoration: underline;
}

#AreaCornerBanner table td.ct-banner-l1 h4
{
 margin: 3px 0 5px 0;
 color: #0e6d20;
 font-size: 100%; /* 16px */
 line-height: 100%; /* 16px */
 padding: 0;
 border: none;
 background: none;
}

#AreaCornerBanner table td.ct-banner-l1 p
{
 margin: 0 0 5px 0;
 color: #444444;
}

/* *****************************************************
AreaNews
***************************************************** */
/* -----------------------------------------------------
TopPage
----------------------------------------------------- */
#AreaNews,
#AreaTopic
{
 position: relative;
 width: auto;
 height: auto;
 margin: 0 0 17px 0;
 padding: 0;
}

#AreaNews h2,
#AreaTopic h2
{
 margin-bottom: 0;
}

#AreaNews dl,
#AreaTopic dl
{
 clear: both;
 width: auto;
 height: auto;
 margin: 0 0 0 0;
 padding: 11px 12px 8px 12px;
 line-height: 133%; /*16px*/
 background: url(/css/i/line_w.png) repeat-x 0 0;
}

#AreaNews dl:first-of-type,
#AreaTopic dl:first-of-type
{
 background: none;
}

#AreaNews dl.first,
#AreaTopic dl.first
{
 background: none;
}

#AreaNews dt,
#AreaTopic dt
{
 width: auto;
 height: auto;
 margin: 0 0 5px 0;
 padding: 0;
}

#AreaNews dt span,
#AreaTopic dt span,
span.category-information,
span.category-news
{
 color: #166826;
}

#AreaNews span.ndate
{
 color: #444444;
}

#AreaNews dd,
#AreaTopic dd
{
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
}

#AreaNews dd a,
#AreaNews dd a:link,
#AreaNews dd a:visited,
#AreaTopic dd a,
#AreaTopic dd a:link,
#AreaTopic dd a:visited
{
 color: #444444;
 text-decoration: none;
}

#AreaNews dd a:hover,
#AreaNews dd a:active,
#AreaTopic dd a:hover,
#AreaTopic dd a:active
{
 text-decoration: underline;
}

/* -----------------------------------------------------
NewsList
----------------------------------------------------- */
#News #AreaNews h2
{
 width: auto;
 height: auto;
 margin: 0 0 5px 0;
 font-size: 123%; /* 16px */
 background-color: #f6f6f3;
 background-image: none;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#AreaNews header h2
{
 margin: 0 0 15px 0;
}

#AreaNews header h2 span
{
 color: #166826;
}

#News #AreaNews dd span
{
 color: #166826;
}

#News #AreaNews dl
{
 clear: both;
}

#News #AreaNews dt
{
 float: left;
 width: 150px;
 margin-bottom: 8px;
}

#News #AreaNews dd
{
 float: right;
 width: 480px;
 margin-bottom: 8px;
 text-indent: -0.8em;
}

/* -----------------------------------------------------
NewsPage
----------------------------------------------------- */
#AreaTitle
{
 width: auto;
 height: auto;
 margin: 0 0 25px 0;
 padding: 8px 15px;
 background-color: #ffffff;
}

#AreaTitle:before
{
 display: block;
 width: 670px;
 height: 8px;
 content: "";
 margin: -8px 0 0 -15px;
 border-top: solid 7px #e2efd6;
 background-color: #ffffff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#AreaTitle:after
{
 display: block;
 width: 670px;
 height: 8px;
 content: "";
 margin: 0 0 -8px -15px;
 border-bottom: solid 7px #e2efd6;
 background-color: #ffffff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#AreaNews #AreaTitle h1
{
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
 color: #105b1f;
 font-size: 138%; /* 18px */
 line-height: 155%; /* 28px */
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
 background-image: none;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}

#News #AreaNews #AreaTitle h1
{
 background-image: none;
 text-indent: 0;
}

#LayerContents #AreaTitle h2
{
 width: auto;
 height: auto;
 margin: 0 0 0 0;
 padding: 0;
 color: #444444;
 font-size: 107%; /* 14px */
 line-height: 171%; /* 24px */
 background-color: #ffffff;
 background-image: none;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}

/*
#AreaNews h3,
#AreaTopic h3
{
 margin: 0;
 padding: 0;
 border: 0;
}
*/

#LayerContents #AreaNews table h3
{
 margin: 0 15px 10px 15px;
 padding: 0;
 color: #598015;
 font-size: 108%; /* 14px */
 line-height: 129%; /* 18px */
 background: none;
 border-bottom: none;
}

#LayerContents #AreaNews footer h3
{
 margin: 0 15px 10px 15px;
 padding: 0;
 color: #598015;
 font-size: 108%;
 line-height: 129%;
 background: none;
 border-bottom: none;
}


#LayerContents .news-text time
{
 display: block;
}

#LayerContents .news-text p
{
 margin: 0 15px 20px 15px;
 line-height: 138%; /* 18px */
}

#LayerContents .news-text p.read
{
 margin: 0 15px 30px 15px;
}

#LayerContents .news-text b
{
 font-weight: normal;
}

#LayerContents .news-text strong
{
 font-weight: bold;
}

#LayerContents .news-text .caption
{
 display: block;
 font-size: 92%; /*12px*/
 color: #575757;
 line-height: 117%; /*14px*/
 margin: 10px 0 0 0;
 padding: 0 0 0 2px;
}

#LayerContents .news-text p.image
{
 margin: 0 15px 30px 15px;
}

#AreaNews footer
{
 width: auto;
 height: auto;
 margin: 25px 0 0 0;
 padding: 25px 0 0 0;
 background: url(i/line_w.png) repeat-x 0 0;
}

#LayerContents #AreaNews footer h3
{
 margin: 0 0 10px 8px;
 color: #598015;
 font-size: 100%;
}

.back-link
{
 width: auto;
 margin: 0 0 15px 0;
}

.back-link:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

.back-link a
{
 display: block;
 float: right;
 text-decoration: none;
}

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

#LayerContents .back-link a,
#LayerContents .back-link a:link,
#LayerContents .back-link a:visited
{
 color: #444444;
 text-decoration: none;
}

#LayerContents .back-link a:hover,
#LayerContents .back-link a:active
{
 text-decoration: underline;
}

/* IdSocial
-------------------------------------------------------*/
p#IdSocialLink
{
 width: auto;
 margin: 0 0 15px 0;
}

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

p#IdSocialLink a,
p#IdSocialLink a:link,
p#IdSocialLink a:visited
{
 display: block;
 width: 68px;
 height: 20px;
 background: url(i/common.png) no-repeat -68px -27px;
 text-indent: -9999px;
 overflow: hidden;
 float: right;
}

p#IdSocialLink a:hover,
p#IdSocialLink a:active
{
 background: url(i/common.png) no-repeat -68px -27px;
}

/* *****************************************************
Stations
***************************************************** */
/*-- IdStation --*/
#IdStation
{
 width: auto;
 border: 1px solid #999999;
 padding: 4px 0 0 0;
 height: auto;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#IdStation h2
{
 padding: 0;
 margin: 0;
 background: none;
 border: none;
}

#LayerContents div.station-guide hr,
#LayerContents div.station-guide-arakawa hr
{
 margin: -10px 0 15px 0;
}

#LayerContents div.station-guide ul li,
#LayerContents div.station-guide-arakawa ul li
{
 width: auto;
 height: auto;
 margin: 0 0 10px 0;
 padding: 0;
 background-color: #f6f6f3;
}

div.station-guide ul li a,
div.station-guide ul li a:link,
div.station-guide ul li a:visited,
div.station-guide-arakawa ul li a,
div.station-guide-arakawa ul li a:link,
div.station-guide-arakawa ul li a:visited
{
 display: block;
 width: auto;
 height: 32px;
 margin: 0 0 10px 0;
 padding: 0 0 0 5px;
 font-size: 108%; /* 14px */
 line-height: 32px; /* 32px */
 background: #ffffff;
 border-left: solid 7px #37b14f;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

div.station-guide ul li a:hover,
div.station-guide ul li a:active
{
 text-decoration: underline;
}

div.station-guide ul li.line2 a
{
 font-size: 123%; /* 16px */
 line-height: 113%; /* 18px */
}

#LayerContents div.station-guide h3,
#LayerContents div.station-guide-bus h3,
#LayerContents div.station-guide-arakawa h3,
#LayerContents div.station-guide-toneri h3,
#LayerContents div.information-transfer h3
{
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 100%;
 line-height: 100%;
 background: none;
 border: none;
}

#LayerContents div.station-guide ul li:before,
#LayerContents div.information-bus ul li:before,
#LayerContents div.information-icon ul li:before,
#LayerContents div.station-guide-arakawa ul li:before
{
 content: inherit;
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 background: none;
}

table.station-details
{
 margin: 0 0 20px 0;
}

table.station-details:last-of-type
{
 margin: 0;
}

/* pop800 */
#LayerBase800-G #IdStation
{
 width: 748px;
 height: auto;
 border: 1px solid #999999;
 padding: 4px 0 0 0;
 margin: 0 0 0 24px;
}

.station-present
{
 height: 74px;
}

.line-name
{
 float: left;
 margin: 0 46px 0 5px;
}

body:last-child .line-name /* for Firefox */
{
 margin: 0 46px 0 11px;
}

/* timetable */
#LayerBase800-G .line-name
{
 margin: 0 110px 0 5px;
}

.line-name-arakawa
{
 float: left;
 margin: 0 38px 0 5px;
}

body:last-child .line-name-arakawa /* for Firefox */
{
 margin: 0 38px 0 11px;
}

.line-name-toneri
{
 float: left;
 margin: 0 5px 0 5px;
}

body:last-child .line-name-toneri /* for Firefox */
{
 margin: 0 5px 0 11px;
}

/* pop800 */
#LayerBase800-G .line-name-arakawa
{
 float: left;
 margin: 0 116px 0 5px;
}

body:last-child #LayerBase800-G .line-name-arakawa /* for Firefox */
{
 margin: 0 116px 0 11px;
}

.station-name
{
 float: left;
}

.station-name h1,
.station-name h2
{
 display: inline;
}

.navi-station
{
 display: block;
 width: auto;
 height: 20px;
 color: #FFFFFF;
 background-color: #999999;
 margin: 0 0 9px 0;
 padding:  0 22px 0 22px;
}

.navi-station:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

.station-prev,
.station-next,
.station-prev-n,
.station-next-n
{
 height: 18px;
 color: #FFFFFF;
 font-size: 13px;
 background-color: inherit;
}

.station-prev,
.station-prev-n
{
 float: left;
 padding: 2px 0 0 35px;
}

.station-next,
.station-next-n
{
 float: right;
 padding: 2px 35px 0 0;
}

.station-prev-n,
.station-next-n
{
 background: none;
}

.station-prev
{
 background: url(i/gray_circle.png) no-repeat left 0;
}

.station-next
{
 background: url(i/gray_circle.png) no-repeat right 0;
}

#LayerContents .station-prev a,
#LayerContents .station-prev a:link,
#LayerContents .station-prev a:visited,
#LayerContents .station-prev a:hover,
#LayerContents .station-prev a:active,
#LayerContents .station-next a,
#LayerContents .station-next a:link,
#LayerContents .station-next a:visited,
#LayerContents .station-next a:hover,
#LayerContents .station-next a:active,
#LayerContents .station-prev-n a,
#LayerContents .station-prev-n a:link,
#LayerContents .station-prev-n a:visited,
#LayerContents .station-prev-n a:hover,
#LayerContents .station-prev-n a:active,
#LayerContents .station-next-n a,
#LayerContents .station-next-n a:link,
#LayerContents .station-next-n a:visited,
#LayerContents .station-next-n a:hover,
#LayerContents .station-next-n a:active
{
 color: #FFFFFF;
 background-color: inherit;
 text-decoration: underline;
}

/*-- IdStationMap --*/
#IdStationMap
{
 padding: 18px 0 0 10px;
 height: auto;
}

/* station-map */
div.station-map
{
 float: left;
 width: 310px;
 height: auto;
}

#LayerContents div.station-map h3
{
 padding: 0;
 font-size: 100%;
 margin: 0 0 10px 0;
 border: none;
 background: none;
}

.station-map-bus
{
 float: left;
 width: 345px;
 height: auto;
}

.station-map-arakawa
{
 float: left;
 width: 350px;
 height: auto;
}

.busmap-border img
{
 border: 2px solid #6DB372;
}

#LayerContents p.magnify-subway,
#LayerContents p.magnify-bus,
#LayerContents p.magnify-arakawa
{
 margin: -5px 15px 10px 0;
 height: 19px;
 clear: both;
}

#LayerContents p.magnify-subway a,
#LayerContents p.magnify-bus a,
#LayerContents p.magnify-arakawa a
{
 float: right;
}

#LayerContents p.magnify-subway a:before,
#LayerContents p.magnify-bus a:before,
#LayerContents p.magnify-arakawa a:before
{
 content: "";
 display: block;
 float: left;
 width: 18px;
 height: 18px;
 margin: 0 5px 0 0;
 padding: 0;
 background: url(i/icon_magnify.png) no-repeat 0 0;
}

.magnify-subway img,
.magnify-bus img,
.magnify-arakawa img
{
 vertical-align: middle;
}

.img-guide
{
 margin: 5px 0 10px 0;
}

/* bus noriba */
.noriba-r
{
 color: #D52626;
 background-color: inherit;
}

.noriba-b
{
 color: #2E2EC9;
 background-color: inherit;
}

.noriba-g
{
 color: #138413;
 background-color: inherit;
}

/* information-bus, information-transfer */
.information-bus,
.information-transfer
{
 width: 250px;
 margin: 8px 0 10px 15px;
 padding: 15px;
 background-color: #fcf8ef;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 borde-radius: 5px;
}

#Arakawa .information-bus,
#Arakawa .information-transfer
{
 width: 307px;
 margin: 8px 0 10px 6px;
 /*margin: 8px 0 10px 28px;*/
}

#LayerContents .information-bus h3,
#LayerContents .information-transfer h3
{
 color: #003F12;
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 100%;
 line-height: 100%;
 border: none;
 background: none;
}

.information-bus h3 img,
.information-transfer h3 img
{
 margin: 0 5px 0 0;
 vertical-align: baseline;
}

#LayerContents div.information-bus ul,
#LayerContents div.information-transfer ul
{
 padding: 0;
 margin: 0;
}

#LayerContents div.information-bus ul li,
#LayerContents div.information-transfer ul li
{
 padding: 0;
 margin: 3px 0 0 0;
}

#LayerContents div.information-bus ul li a:before,
#LayerContents div.information-transfer ul li a:before
{
 content:"";
 display: block;
 float: left;
 width: 10px;
 height: 11px;
 margin: 0 5px 0 0;
 padding: 0;
 background: url(i/common.png) no-repeat 0 2px;
}

#LayerContents div.information-transfer .t-toei,
#LayerContents div.information-transfer .t-metro,
#LayerContents div.information-transfer .t-other,
#LayerContents div.station-guide-toneri .t-toei,
#LayerContents div.station-guide-toneri .t-metro,
#LayerContents div.station-guide-toneri .t-other
{
 padding: 0;
 margin: 3px 0 0 0;
}

#LayerContents div.information-transfer .t-toei a,
#LayerContents div.information-transfer .t-metro a,
#LayerContents div.information-transfer .t-other a,
#LayerContents div.station-guide-toneri .t-toei a,
#LayerContents div.station-guide-toneri .t-metro a,
#LayerContents div.station-guide-toneri .t-other a
{
 text-decoration: none;
}

#LayerContents div.information-transfer .t-toei a:hover,
#LayerContents div.information-transfer .t-metro a:hover,
#LayerContents div.information-transfer .t-other a:hover,
#LayerContents div.station-guide-toneri .t-toei a:hover,
#LayerContents div.station-guide-toneri .t-metro a:hover,
#LayerContents div.station-guide-toneri .t-other a:hover
{
 text-decoration: underline;
}

.information-transfer .t-toei:before,
.information-transfer .t-metro:before,
.information-transfer .t-other:before,
.station-guide-toneri .t-toei:before,
.station-guide-toneri .t-metro:before,
.station-guide-toneri .t-other:before
{
 content:"";
 display: block;
 float: left;
 width: 10px;
 height: 11px;
 margin: 0 5px 0 0;
 padding: 0;
 background: url(i/common.png) no-repeat 0 2px;
}

.station-guide-toneri td.locations-arakawa .t-toei:before,
.station-guide-toneri td.locations-arakawa .t-metro:before,
.station-guide-toneri td.locations-arakawa .t-other:before
{
 content: inherit;
 display: none;
 float: none;
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 background: none;
}

/* station-guide */
.station-guide
{
 float: right;
 width: 300px;
 color: inherit;
 background-color: #f9f9f6;
 padding: 15px;
 margin: 0 15px 10px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 borde-radius: 5px;
}

.station-guide-bus
{
 float: right;
 width: 270px;
 color: inherit;
 background-color: #f9f9f6;
 padding: 15px;
 margin: 0 15px 10px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 borde-radius: 5px;
}

.station-guide-arakawa
{
 float: right;
 width: 230px;
 color: inherit;
 background-color: #f9f9f6;
 margin: 0 15px 10px 0;
 padding: 15px;
 height: auto;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 borde-radius: 5px;
}

.station-guide-toneri
{
 float: right;
 width: 255px;
 color: inherit;
 background-color: #f9f9f6;
 margin: 0 15px 10px 0;
 padding: 15px;
 height: auto;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 borde-radius: 5px;
}

.station-guide-bus img
{
 vertical-align: bottom;
}

#LayerContents div.station-guide ul.information-icon
{
 height: 20px;
 margin: 0 0 0 4px;
 padding: 0 0 7px 0;
 overflow: visible;
}

#LayerContents div.station-guide ul.information-icon li
{
 float: left;
 margin: 0 5px 0 0;
}

/* -- station-details -- */
.station-details
{
 clear: both;
 width: 100%;
 margin: 0;
 color: inherit;
 border-collapse: collapse;
 background-color: #FFFFFF;
 border: 1px solid #d5d5d5;
}

.station-details th,
.station-details td
{
 padding: 7px;
 border: 1px solid #d5d5d5;
 vertical-align: top;
}

/* station-details bus */
.station-details td.bus-nno
{
 width: 50px;
 vertical-align: middle;
 text-align: center;
 padding: 2px;
}

.station-details td.bus-nno img
{
 vertical-align: text-bottom;
}

.station-details td.bus-kno
{
 width: 60px;
}

/* station-details arakawa */
.station-details td.locations-arakawa
{
 width: 200px;
}

.station-guide-bus p
{
 margin: 10px 0 0 0;
}

/* *****************************************************
AreaForm
***************************************************** */
#LayerContents #AreaForm table
{
 width: 100%;
 border: none;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
}

#LayerContents #AreaForm table td,
#LayerContents #AreaForm table th
{
 position: relative;
 background: url(i/line_w.png) repeat-x 1px 0;
 border: none;
 word-wrap:break-word;
}

#LayerContents #AreaForm table th
{
 width: 130px;
 padding: 15px 10px 15px 18px;
 color: #35533b;
 font-weight: normal;
 background-color: #eeeeea;
 text-align: left;
 vertical-align: middle;
}

#LayerContents #AreaForm table td
{
 width: auto;
 padding: 11px 15px 6px 15px;
 font-weight: normal;
 background-color: #f6f6f3;
 vertical-align: middle;
}

#LayerContents #AreaForm table tr:first-child th,
#LayerContents #AreaForm table tr:first-child td
{
 background-image: none;
}

#LayerContents #AreaForm table tr.first th,
#LayerContents #AreaForm table tr.first td
{
 background-image: none;
}
{
 background-image: none;
}

#LayerContents li.caution
{
 font-weight: bold;
}

#LayerContents #AreaForm th span.caution
{
 margin-left: 5px;
 color: #7c6403;
}

#AreaForm input.i_text
{
 height: 28px;
 margin-bottom: 5px;
 padding: 0;
 border: none;
}

#AreaForm input[type="text"],
#AreaForm input[type="tel"],
#AreaForm input[type="email"]
{
 width: auto;
 height: 28px;
 padding: 0;
 font-size: 100%;
 line-height: 100%;
 vertical-align: bottom;
 border: none;
}

#AreaForm input[type="text"]
{
 width: 240px;
}

#AreaForm input[type="email"]
{
 width: 380px;
}

#AreaForm input[type="checkbox"]
{
 margin: 0 0 0 0;
 vertical-align: middle;
}

#AreaForm input.i-text
{
 width: 160px;
}

#AreaForm textarea
{
 width: 400px;
 margin-bottom: 6px;
 border: none;
}

#AreaForm label.radio
{
 position: relative;
 top: 2px;
}

#AreaForm label
{
 margin: 0 20px 0 0;
}

#AreaForm table td span
{
 position: relative;
 top: -5px;
}

#AreaForm table td span.label-route
{
 position: relative;
 top: -15px;
}

#AreaForm table td span.label-geton
{
 position: relative;
 top: -15px;
}

#AreaForm table td span.label-getoff
{
 position: relative;
}

#AreaForm input[type="button"]
{
 border: medium none;
}

#AreaForm a.button-submit
{
 display: block;
 float: right;
 width: 108px;
 height: 27px;
 margin: 20px 0 20px 0;
 border: none;
 text-indent: -9999px;
 background: url("i/form_button.png") no-repeat 0 0;
}

#AreaForm a.button-submit:focus,
#AreaForm a.button-submit:hover
{
 background: url("i/form_button.png") no-repeat 0 -31px;
 cursor: pointer;
}

.b_submit
{
 float: right;
 width: auto;
 margin: 20px 10px 0 5px;
}

.b_submit input
{
 font-size: 13px;
 color: #ffffff;
 padding: 5px 15px;
 background-color: #32ab4a;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border: 1px solid #53a663;
}

.b_submit input:focus,
.b_submit inpu:hover
{
 opacity: 0.7;
}

#AreaForm a.button-back
{
 display: block;
 float: right;
 width: 80px;
 height: 27px;
 margin: 20px 10px 20px 0;
 border: none;
 text-indent: -9999px;
 background: url("i/form_button.png") no-repeat -112px 0;
}

#AreaForm a.button-back:focus,
#AreaForm a.button-back:hover
{
 background: url("i/form_button.png") no-repeat -112px -31px;
 cursor: pointer;
}

#AreaForm input.input-disabled,
#AreaForm textarea.input-disabled,
#AreaForm input :disabled,
#AreaForm textarea :disabled
{
  color: #666666;
  font-weight: normal;
  background-color: #f6f6f3;
}


/* *****************************************************
AreaSeachCalendar, AreaSeachOther
***************************************************** */
#AreaSeachCalendar
{
 float: left;
 width: 265px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-color: #f6f6f3;
}

#AreaSeachCalendar h2,
#AreaSeachOther h2
{
 width: auto;
 height: auto;
 margin: 0 0 15px 0;
 padding: 7px 0 6px 17px;
 background-color: #1a9332;
 color: #ffffff;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
 border-bottom: solid 3px #93c936;
 background-image: none;
}

#AreaSeachOther h2 span
{
 font-size: 80%; /* 12px */
 margin-left: 15px;
}

#AreaSeachCalendar table
{
 width: 232px;
 border-collapse: separate;
 margin: 0 auto 15px auto;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
 border-left: solid 1px #d5d5d5;
 overflow: hidden;
}

#AreaSeachCalendar table th
{
 width: auto;
 color: #425028;
 font-weight: normal;
 text-align: center;
 vertical-align: middle;
 background-color: #f3f7ec;
 border-right: solid 1px #d5d5d5;
 border-bottom: solid 1px #d5d5d5;
}

#AreaSeachCalendar table td
{
 vertical-align: middle;
 text-align: center;
 padding: 4px 0 3px 0;
 background-color: #ffffff;
 border-right: solid 1px #d5d5d5;
 border-bottom: solid 1px #d5d5d5;
}

#AreaSeachCalendar table td.day
{
 width: 32px;
 background-color: #e9f6e9;
}

#AreaSeachCalendar table td.c-year-l
{
 background-color: #37b14f;
 border: solid 1px #37b14f;
 -moz-border-radius: 5px 0 0 0;
 -webkit-border-radius: 5px 0 0 0;
 border-radius: 5px 0 0 0;
 overflow: hidden;
}

#AreaSeachCalendar table td.c-year
{
 color: #ffffff;
 background-color: #37b14f;
 border: solid 1px #37b14f;
}

#AreaSeachCalendar table td.c-year a
{
 color: #ffffff;
}

#AreaSeachCalendar table td.c-year-r
{
 background-color: #37b14f;
 border: solid 1px #37b14f;
 -moz-border-radius: 0 5px 0 0;
 -webkit-border-radius: 0 5px 0 0;
 border-radius: 0 5px 0 0;
 overflow: hidden;
}

#AreaSeachCalendar table td.c-year-l,
#AreaSeachCalendar table td.c-year,
#AreaSeachCalendar table td.c-year-r
{
 border-bottom: none;
}

#AreaSeachOther
{
 float: right;
 width: 390px;
}

#AreaSeachOther ul
{
 margin: 0 40px 0 40px;
}

#AreaSeachOther ul li
{
 float: left;
 display: block;
 height: auto;
}

#SeachCondition ul li,
#SeachWayside ul li
{
 width: 150px;
}

#SeachDistrict ul li
{
 width: 100px;
}

#SeachCondition,
#SeachDistrict,
#SeachWayside
{
 width: auto;
 margin: 0 0 15px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-color: #f6f6f3;
}

#SeachCondition input[type="text"]
{
 width: 280px;
 height: 28px;
 margin: 0 0 15px 0;
 padding: 0;
 font-size: 100%;
 line-height: 100%;
 vertical-align: bottom;
 border: solid 1px #D5D5D5;
}

#SeachCondition p.button-search
{
 position: relative;
 left: -15px;
}

#SeachCondition p.button-search a
{
 display: block;
 width: 45px;
 height: 20px;
 margin: 3px 0 0 0;
 text-indent: -9999px;
 outline: none;
 background: url(i/button_search.png) no-repeat 0 0;
}

#AreaOdekakeList section.clear
{
 width: auto;
 margin: 0 15px 30px 15px;
 padding: 15px 0 0 0;
 background-color: #f6f6f3;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

div.OdekakeList
{
 width: 460px;
}

#LayerContents #AreaOdekakeList h3
{
 color: #493005;
 border: none;
 margin: 0 0 5px 1px;
 background: none;
}

#LayerContents #AreaOdekakeList h3 a
{
 color: #493005;
}

#LayerContents div.OdekakeList p.OdekakeLead
{
 margin: 0 0 12px 20px;
 padding: 0 0 10px 0;
 background: url(/css/i/line_w.png) repeat-x 0 bottom;
}

div.OdekakeList dl
{
 width: 460px;
 margin: 0 0 12px 20px;
}

div.OdekakeList dl:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

div.OdekakeList dt
{
 float: left;
 display: block;
 width: 120px;
 margin: 0 0 5px 0;
}

div.OdekakeList dd
{
 float: left;
 display: block;
 width: 340px;
 margin: 0 0 5px 0;
}

div.OdekakeListImg
{
 width: 160px;
 height: auto;
}

#LayerContents div.OdekakeListImg p
{
 width: 140px;
 height: auto;
 margin: 5px 12px 15px 0;
}

/* *****************************************************
AreaSearch
***************************************************** */
#AreaSearch
{
 margin: 0 15px;
}

#AreaSearch dt
{
 margin: 20px 0 5px 0;
}

#AreaSearch dd
{
 margin: 0 15px 5px 15px;
 font-size: 92%; /* 12px */
 word-break: break-all;
 word-wrap: break-word;
}

#AreaSearch dd strong.keyword
{
 font-weight: bold;
 color: #333333;
}

div.namazu-result-footer
{
 margin: 30px 0 0 0;
 padding: 5px 0 3px 0;
 font-size: 85%;
 text-align: center;
 background-color: #f6f6f3;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

/* -----------------------------------------------------
section
----------------------------------------------------- */
section.goods-list div.clear
{
 margin: 0 15px;
}

section.goods-list div.column
{
 position: relative;
 float: left;
 display: block;
 width: 118px;
 height: auto;
 margin: 0 0 10px 10px;
 border: solid 1px #CDE0A9;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

section.goods-list div.clear div.column:first-of-type
{
 margin: 0 0 10px 0;
}

section.goods-list div.clear div.first
{
 margin: 0 0 10px 0;
}

section.goods-list div.column a
{
 display: block;
 width: 100px;
 height: auto;
 padding: 9px;
}

section.goods-list div.column dt
{
 width: 82px;
 margin: 0 auto;
}

section.goods-list div.column dd
{
 font-size: 85%; /* 11px */
 line-height: 136%; /* 15px */
 text-align: center;
 color: #444444;
}

#LayerContents section.goods-list div.column a:hover,
#LayerContents section.goods-list div.column a:active
{
 color: #444444;
}

section.goods-list div.new:before
{
 content: "";
 width: 39px;
 height: 14px;
 position: absolute;
 top: 8px;
 left: -1px;
 margin: 2px 3px 0 0;
 background: url(i/common.png) -88px 0 no-repeat;
}

#InformationCategory,
#AreaGallery
{
 margin: 0 0 20px 0;
}

#InformationCategory table,
#AreaGallery table,
div.saiItem-l,
div.saiItem-r
{
 display: inline-block;
 width: 330px;
 max-width: 330px;
 height: auto;
 margin: 0;
 background-color: #F9F9F6;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
 /display: block; /* IE6,7 */
 /zoom: 1; /* IE6,7 */
}

div.saiItem-l,
div.saiItem-r
{
 display: inline-block;
 width: 380px;
 max-width: 380px;
 /display: inline; /* IE6,7 */
 /zoom: 1; /* IE6,7 */
}

div.saiItem-l,
div.saiItem-r
{
 width: 380px;
 max-width: 380px;
 margin: 0 0 5px 0;
}

#InformationCategory > a,
#AreaGallery > a
{
 display: inline-block;
 width: 330px;
 max-width: 330px;
 height: auto;
 margin: 0 5px 5px 0;
 color: #444444;
 text-decoration: none;
 /display: inline; /* IE6,7 */
 /zoom: 1; /* IE6,7 */
}

#InformationCategory > a:nth-of-type(2n),
#AreaGallery > a:nth-of-type(2n),
div.saiItem-r
{
 margin: 0 0 5px 0;
}

#InformationCategory > a.even,
#AreaGallery > a.even
{
 margin: 0 0 5px 0;
}

#InformationCategory table td.text,
#AreaGallery table td.text,
div.saiItemText
{
 vertical-align: top;
 padding: 10px 0 5px 15px;
}

div.saiItemText
{
 float: left;
 width: 128px;
}

#InformationCategory table td.text-right,
#AreaGallery table td.text-right
{
 vertical-align: top;
 padding: 10px 15px 5px 0;
}
/*
#InformationCategory table td.text p a,
#AreaGallery table td.text p a,
#InformationCategory table td.text-right p a,
#AreaGallery table td.text-right p a,
#LayerContents div.saiItemText p a
{
 color: #444444;
 text-decoration: none;
}

#InformationCategory table td.text p a:hover,
#AreaGallery table td.text p a:hover,
#InformationCategory table td.text-right p a:hover,
#AreaGallery table td.text-right p a:hover,
#LayerContents div.saiItemText a:hover
{
 text-decoration: underline;
}
 */
#InformationCategory table td.img,
#AreaGallery table td.img,
div.saiItemImg
{
 width: 99px;
 height: auto;
 padding: 5px 10px;
 line-height: 0;
}

#InformationCategory table td.img
{
 width: auto;
}

div.saiItemImg
{
 float: right;
 width: 217px;
}

#InformationCategory table h2,
#AreaGallery table h2,
#LayerContents div.saiItemText h4
{
 width: auto;
 margin: 0 0 5px 0;
 padding: 0;
 background: none;
 border: none;
 -moz-border-radius: none;
 -webkit-border-radius: none;
 border-radius: none;
 color: #0E631E;
}

#InformationCategory table p,
#AreaGallery table p,
#LayerContents div.saiItemText p
{
 width: auto;
 margin: 0;
 padding: 0;
 color: #444444;
}

/* アコーディオン */
.toggle-area {
  margin: 20px 0;
}
#LayerContents .toggle-button {
  position: relative;
  margin: 0 15px;
  padding: 9px 10px 6px 78px;
  font-size: 100%;
  line-height: 137.5%;
  background: #f6f6f3;
  border-left: none;
  border-bottom: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -45px;
  overflow: hidden;
  zoom: 1;
}

#LayerContents .toggle-button:hover {
  color: #65bc75;
}

#LayerContents .toggle-button:before {
  content: "";
  float: left;
  width: 12px;
  height: 12px;
  margin: 0 0 0 -62px;
  background: url(i/common.png) no-repeat -12px 0;
}
#LayerContents .toggle-button.open:before {
  background: url(i/common.png) no-repeat -902px -105px;
}

#LayerContents .toggle-contents {
  position: relative;
  /*margin-left: 30px;*/
  padding: 20px 0 0 30px;
  overflow: hidden;
  zoom: 1;
}

#LayerContents .toggle-close:after {
  clear: both;
  margin: 0;
  height: 0;
  content: ".";
  display: block;
  visibility: hidden;
}

* html .toggle-close {
  height: 1px;
}

#LayerContents .toggle-close span {
  display: block;
  float: right;
  cursor: pointer;
}

#LayerContents .toggle-close span:hover {
  text-decoration: underline;
}

#LayerContents .toggle-close span:before {
  content: "";
  float: left;
  width: 12px;
  height: 12px;
  margin: 1px 5px 0 0;
  text-decoration: underline;
  background: url(i/common.png) no-repeat -919px -105px;
}