@charset "shift_jis";

/*
-----------------------------------------------
▼神戸市交通局用下層基本CSS 2014.6
----------------------------------------------- */

html {
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
}

.ie6,
.ie7,
.ie8,
.ie9 {
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.noie {
font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
ul,ol,li {
list-style-type:none;
}

.ie6 .noie {
display:none;
}
.ie6only {
display:none;
}
.ie6 .ie6only {
display:block;
}


/*
-----------------------------------------------
ブロック
----------------------------------------------- */

body {
border:none;
background:#f6f1dc url(../img/top_bg2.gif) no-repeat top center;
}

#gNav {
min-width:800px;
}
#wrapper,
#header,
#headerNavs {
min-width:780px;
overflow:hidden;
}
#wrapper {
margin-bottom:32px;
}
#headerNavs {
text-align:left;
}
.ie6 #headerNavs {
height:60px;
zoom:1;
}
#headerNavs .inblk {
overflow:hidden;
}
.ie6 #headerNavs .inblk {
zoom:1;
}
#headerNavs li {
background-image:none;
}

/* ★topNav★ */
.ie6 #topNav {
zoom:1;
overflow:hidden;
}
li#skip {
padding-left:16px;
background-image: url(../img/goto_skip.gif);
background-position:0 50%;
}
li#kobecity {
padding-left:18px;
background-image: url(../img/goto_kobecity.gif);
background-position:0 50%;
}
li#mobile {
padding-left:10px;
background-image: url(../img/goto_mobile.gif);
background-position:0 50%;
}
li#sitemap {
padding-left:20px;
background-image: url(../img/goto_sitemap.gif);
background-position:0 50%;
}
li#toiawase {
padding-left:20px;
background-image: url(../img/goto_toiawase.gif);
background-position:0 50%;
}
li#faq {
padding-left:20px;
background-image: url(../img/goto_faq.gif);
background-position:0 50%;
}

/* ★headnavright★ */
#headnavright {
float:right;
width:290px;
text-align:left;
margin-top:8px;
}
.ie6 #headnavright {
zoom:1;
}

#headnavright form {
overflow:hidden;
}

#headnavright form ul {
text-align:left;
float:right;
width:82px;
}

#headnavright form li {
background-image:none;
padding:0;
height:12px;
}

#headnavright .fieldset {
display:inline-block;
width:280px;
line-height:12px;
font-size:12px;
}


#headnavright .fieldset img {
vertical-align:top;
}
#headnavright form li a {
vertical-align:top;
height:12px;
}


/* ★音声読み上げ★ */
ul#siteNav2 {
margin-top:0;
}
ul#siteNav2 li {
padding:0;
}

#header {
width:auto;
margin:0 10px;
padding:0;
}
.ie6 #header {
zoom:1;
}

#utility {
margin-top:12px;
}
#headnavright a:hover,
#utility a:hover {
filter:alpha(opacity=70);
opacity:0.7;
}

/* 下層タイトル部分 */
#headh1 {
float: left;
margin:12px 16px 0 0;
padding:0;
font-size:2em; /* トップと位置を合わせるため */
}


/* ★gNav★ */
#gNav {
clear:both;
width:100%;
margin-top:0px;
background:url(../img/gnavi_line.gif) repeat-x 0 39px;
}


/*
★globalNav3（下層用）★
*/
#globalNav3 {
margin:0 auto;
padding:0;
width:800px;
height:52px;
text-align:center;
overflow:hidden;
}
.ie6 #globalNav3 {
height:1%;
}
#globalNav3 li {
float:left;
}

#globalNav3 a {
display: block;
overflow:hidden;
}

#container {
margin-top:6px;
padding-right:230px;
}
#contents {
width:98%;
margin-right:1.5%;
}
.ie6 #container {
zoom:1;
}
.ie6 #contents {
zoom:1;
}

#navigations {
padding:0 0 4px;
}
#navigations p {
padding:0;
}


/* ★information★ */
#information {
margin:0 0 16px;
border:solid #F00 1px;
padding:8px 10px 4px;
background:#fff;
}
#contents ul {
font-size:100%;
}
.ie6 #contents ul {
zoom:1;
}
#information .emergency {
background:url(../img/topinfo001.gif) no-repeat 0 .2em;
padding:0 0 4px 154px;
}
#information .normal {
background:url(../img/topinfo002.gif) no-repeat 0 .2em;
padding:0 0 4px 154px;
}

.imgR {
float:right;
margin:0 0 8px 12px;
}

#contents p.pagetop {
font-size:100%;
margin:32px 0 0;
padding:0;
text-align:right;
}

#foot_bus {
margin:0 10px 0 40%;
padding:0;
text-align:left;
}

/* ★footer★ */
#footer {
padding:12px 24px 24px;
background:#d5e699;
text-align:left;
}
/* ▼IE7で背景が一部消える場合がある事への対応 */
.ie6 #footer,
.ie7 #footer {
height:1%;
}

#contact {
padding:0;
background-image:none;
}
#contact h2 {
margin-bottom:12px;
width:100%;
height:40px;
border-bottom:dashed #999 1px;
background: url(../img/train_icn.gif) no-repeat 60% 16px;
}

#contact dl {
background: url(../img/kobe_footicn2.gif) no-repeat 100% 49%;
}
#contact dt {
color: #333;
}


/* ▼市バス */
#footer #foot_bus {
position:absolute;
top:-26px;
left:40%;
line-height:1;
width:55px;
height:26px;
z-index:5;
}

#footer #foot_train {
position:absolute;
top:24px;
left:50%;
line-height:1;
width:167px;
height:22px;
z-index:5;
}

#footer h3 {
margin-bottom:12px;
padding:0 0 12px;
border-bottom:dashed #999 1px;
line-height:1;
}
#footer p {
padding:0;
}
#footer .ka {
font-size:125%;
padding:0 0 16px;
color:#333;
}
#footer address {
letter-spacing:0;
color:#333;
}

#footerbtm {
overflow:hidden;
}
.ie6 #footerbtm {
zoom:1;
}
#footerNav {
padding:8px 260px 16px 0;
background:none;
border-top:dashed #999 1px;
}
#footerNav li {
padding:0 12px 0 12px;
background: url(../img/foot_dot2.gif) no-repeat 0 50%;
white-space:nowrap;
}
#footer>address {
margin:-36px 0 0;
padding:0;
font-size:86%;
text-align:right;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-weight:bold;
color:#333;
}
#footer > div#copyright {
 color: #333;
 font-family: Helvetica,Arial,Verdana,sans-serif;
 font-size: 86%;
 font-weight: bold;
 margin: -36px 0 0;
 padding: 0;
 text-align: right;
}



/* css_end */