@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
/*font-size:80%;*/
}

body.index {
background:#FFFFCC url(img/bg_body.jpg) repeat-x;
}

a {color:#003399;}
a:hover {color:#FF3300;}

img {
border:0;
}

.cl {
clear:both;
margin:0;
padding:0;
}

h1 {
text-indent:-9999px;
display:none;
}

/*container-----------------------------------*/
#container {
width:910px;
padding:0;
margin: 0 auto;
background:url(img/bg_container.jpg) repeat-y;
}

/*header--------------------------------------*/
#header {
width:900px;
border-bottom:5px solid #F7931E;
margin:0 auto;
}
img.logo {
float:left;
margin:0;
}
.headmenu {
float:right;
}
#header:after {
content:"";
display:block;
height:0;
clear:both;
}

/*flash---------------------------------------*/
#flash {
width:900px;
height:315px;
clear:both;
margin:0 auto;
background:url(img/flash_line.jpg) bottom no-repeat;
}

/*globalmenu----------------------------------*/
#globalmenu {
width:900px;
margin:0 auto;
/*padding:0 5px;*/
background:url(img/bg_gmenu.jpg) no-repeat;
}
ul#gmenu {
margin:0;
padding:0;
list-style-type:none;
}
ul#gmenu li {
float:left;
text-align:left;
}
ul#gmenu a {
display:block;
text-decoration:none;
text-indent:-9999px;
width:150px;
height:40px;
}
ul#gmenu li.menu01 a {
background:url(img/gmenu01.jpg) left top no-repeat;
}
ul#gmenu li.menu02 a {
background:url(img/gmenu02.jpg) left top no-repeat;
}
ul#gmenu li.menu03 a {
background:url(img/gmenu03.jpg) left top no-repeat;
}
ul#gmenu li.menu04 a {
background:url(img/gmenu04.jpg) left top no-repeat;
}
ul#gmenu li.menu05 a {
background:url(img/gmenu05.jpg) left top no-repeat;
}
ul#gmenu li.menu06 a {
background:url(img/gmenu06.jpg) left top no-repeat;
}
ul#gmenu li a:hover {
background-position:right bottom;
}

/*wrapper-----------------------------------------*/
#wrapper {
width:900px;
margin:0 auto;
padding:20px 5px;
clear:both;
}
#wrapper:after {
content:"";
display:block;
height:0;
clear:both;
}

/*left--------------------------------------------*/
#left {
float:left;
width:240px;
}

/*left > osusume-----------------------------------------*/
.osusume {
width:230px;
margin:10px auto;
background:url(img/bg_osusume.jpg) center bottom no-repeat;
padding-bottom:10px;
text-align:left;
}
.osusume h2 {
text-indent:-9999px;
background:url(img/h2_osusume.jpg) no-repeat;
height:63px;
margin:0;
}
.osusume ul {
margin:5px 10px 5px 35px;
line-height:1.5em;
}
.osusume li {
list-style-image:url(img/list_osusume.jpg);
}

/*left > bna---------------------------------------*/
.bna {
margin:10px auto;
}
.bna img {
margin:3px auto;
}

/*right-------------------------------------------*/
#right {
float:right;
width:660px;
text-align:left;
}

/*right > topics------------------------------------------*/
.topics {
width:650px;
margin:10px auto;
background:url(img/bg_topics.jpg) center bottom no-repeat;
padding-bottom:15px;
}
.topics h2 {
text-indent:-9999px;
background:url(img/h2_topics.jpg) no-repeat;
height:45px;
}
.topics ul {
margin:5px 10px 5px 30px;
line-height:1.5em;
}
.topics li {
list-style-type:none;
}

/*right > midokoro--------------------------------*/
.midokoro {
width:650px;
margin:10px auto;
background:url(img/bg_topics.jpg) center bottom no-repeat;
padding-bottom:15px;
}
.midokoro h2 {
text-indent:-9999px;
background:url(img/h2_midokoro.jpg) no-repeat;
height:115px;
}
.midokoro_list {
width:620px;
margin:-25px auto 10px auto;
}
.midokoro_list ul {
margin:0;
list-style-type:none;
}
.midokoro_list li {
display:table-cell;
float:left;
text-align:right;
margin:5px;
overflow:hidden;
width:110px;
height:110px;
}

/*right > topicPath-------------------------------*/
#topicPath {
margin:0 0 5px 5px;
}
#topicPath p {
font-size:0.85em;
}
#topicPath a {
text-decoration:none;
}

/*right > archive---------------------------------*/
.archive {
margin:10px auto;
}
.archive h2 {
background:url(img/h2_right.jpg) no-repeat;
font-size:1.4em;
padding:13px 0 0 40px;
color:#FF0000;
height:42px;
}
.archive p {
margin:5px 10px 15px 10px;
line-height:1.5em;
}

/*right > archive > entry-------------------------*/
.entry {
margin:10px 25px 20px 20px;
}
.entry h3 {
font-size:1.2em;
background:url(img/h3_ks.jpg) left bottom no-repeat;
padding:3px 0 0 20px;
}
.line01 {
border-bottom:1px solid #ccc;
margin:0 20px;
}

/*right > archive > ul----------------------------*/
ul.ul-category {
margin:10px 10px 20px 20px;
}
ul.ul-category li {
float:left;
list-style-type:none;
}
ul.ul-category li a {
padding:3px;
}
ul.ul-category li a:hover {
background:#FFFF99;
}

ul.ul-link {
margin:10px 10px 20px 20px;
list-style-image:url(img/list_002.jpg);
}

/*駅情報------------------------------------------*/
.station-info {
}
.station-info h3 {
color:#003366;
margin:20px 0 10px 0;
background:url(img/bg_h3.jpg) no-repeat;
height:35px;
padding-top:15px;
}
table.tab-station {
margin:10px auto 20px auto;
border-collapse:collapse;
}
p.station-pic {
text-align:center;
}
p.station-pic img {
border:3px solid #eee;
}
table.tab-station {
border:3px solid #eee;
width:500px;
margin:10px auto 20px auto;
}
table.tab-station td {
border-bottom:1px dashed #eee;
padding:3px;
vertical-align:top;
}

/*archive > pagebody------------------------------*/
.pagebody {
margin:15px;
}
.pagebody h3 {
color:#333333;
margin:10px 10px 0 5px;
padding:3px;
border-left:5px solid #FF0000;
}
.pagebody h3 a {
text-decoration:none;
}

/*pagebody > 在来線の歴史-------------------------*/
table.tab-zairaisen {
border-collapse:collapse;
width:570px;
margin:5px auto 20px auto;
}
table.tab-zairaisen th {
width:150px;
padding:3px;
background:#003366;
color:#fff;
border:1px solid #ccc;
}
table.tab-zairaisen td {
padding:3px;
border:1px solid #ccc;
}

/*gallery-----------------------------------------*/
.gallery {
width:580px;
margin:20px auto;
}
.gallery ul {
margin:0;
list-style-type:none;
}
.gallery li {
display:table-cell;
float:left;
text-align:right;
margin:5px;
overflow:hidden;
width:100px;
height:100px;
}


/*gallery-body------------------------------------*/
.gallery-body {
}
.gallery-body img.mt-image-none {
margin:15px auto;
border:3px solid #ccc;
}
.gallery-body #more {
margin:20px;
border:2px solid #eee;
padding:5px;
background:url(img/bg_td.jpg) repeat-x;
}

/*最新情報----------------------------------------*/
.news {
width:620px;
margin:15px 0 30px 7px;
border:2px solid #e1e1e1;
}
.news h3 {
border-bottom:1px solid #e1e1e1;
padding:3px;
}
.news p.entry-date {
text-align:right;
margin:5px;
}

#newslist {
text-align:left;
width:210px;
margin:15px auto;
}
#newslist h2 {
background:url(img/h2_newslist.jpg) no-repeat;
text-indent:-9999px;
height:30px;
margin:0 0 5px 0;
}
#newslist ul {
margin:0 0 0 17px;;
}
#newslist ul li {
list-style-image:url(img/list_003.jpg);
}
#newslist ul ul {
margin-left:5px;
}
#newslist ul ul li {
list-style-image:url(img/list_002.jpg);
}

/*駅から行ける見どころ----------------------------*/
#midokoro-category {
text-align:left;
width:210px;
margin:15px auto;
}
#midokoro-category h2 {
background:url(img/h2_catlist.jpg) no-repeat;
text-indent:-9999px;
height:30px;
margin:0 0 5px 0;
}
#midokoro-category ul {
margin:0 0 0 17px;;
}
#midokoro-category ul li {
list-style-image:url(img/list_001.jpg);
}
#midokoro-category ul ul {
margin-left:5px;
}
#midokoro-category ul ul li {
list-style-image:url(img/list_002.jpg);
}

#mido {
width:620px;
margin:15px 0 30px 7px;
}

p.p-auther {
width:580px;
margin:40px auto 20px auto;
background:url(img/bg_author.jpg) repeat-x;
padding:5px;
border:1px dashed #FFCC00;
}

ul.ul-midokoro {
margin:10px 0 10px 30px;
list-style-image:url(img/list_002.jpg);
}

.pager {
margin:40px;
padding:4px;
text-align:center;
font-size:0.85em;
}
.pager a {
text-decoration:none;
padding:3px;
border:1px solid #ccc;
background:#eee;
}
.current_page {
padding:3px;
border:1px solid #999;
}
.pager2 {
margin:40px;
padding:4px;
text-align:center;
font-size:0.85em;
}

/*サイトマップ------------------------------------*/
.sitemap {
margin:15px 10px 20px 20px;
}
ul.ul-sitemap {
margin:0 10px 3px 30px;
}

/*footer------------------------------------------*/
#footer {
width:100%;
margin:0;
border-top:5px solid #F7931E;
clear:both;
background:#fff;
}
.footermenu {
width:900px;
margin:10px auto;
text-align:right;
}
.footermenu ul {
margin:0;
padding:0;
}
.footermenu li {
list-style-type:none;
float:left;
margin:5px;
}
#footer p {
margin:5px;
font-size:0.85em;
}
#footer:after {
content:"";
display:block;
height:0;
clear:both;
}