@charset "UTF-8";

/*
===============================================
▼Photo a la Carte CSS 2009.11
=============================================== */

* {
margin:0;
padding:0;
}
img {
border:0;
}
ul,ol,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック', sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#08c;}
a:visited {color:#08c;}
a:hover,a:active {color:#903;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/* ---------------------------------------- */
/*  ▼ GlobalHeader  */
/* ---------------------------------------- */

body {
text-align:center;
background:#fff url(../img/all_bg.gif) repeat-x;
}

#GlobalHeader {
width:100%;
background-color:#1b1b1b;
color:#fff;
font-size:75%;
}
#GlobalHeader .in {
margin:0 auto;
text-align:left;
width:750px;
padding:4px 0;
}
#GlobalHeader a {
color:#fff;
text-decoration:none;
white-space:nowrap;
}
#GlobalHeader a:hover {
color:#fc0;
text-decoration:underline;
}
#GlobalHeader #skip a {
background:url(../img/gnavi01.gif) no-repeat 0 50%;
padding-left:16px;
margin-right:10px;
}
#GlobalHeader #kobecity a {
background:url(../img/kobecity_icn.gif) no-repeat 0 50%;
padding-left:16px;
margin-right:10px;
}
#GlobalHeader #ktai a {
background:url(../img/ktai_icn.gif) no-repeat 0 50%;
padding-left:12px;
margin-right:10px;
}
#GlobalHeader #languageNav a {
background:url(../img/gnavi02.gif) no-repeat 0 50%;
padding-left:16px;
}
#GlobalHeader .in p {
float:left;
width:350px;
}
#GlobalHeader ul {
float:right;
width:380px;
text-align:right;
}
#GlobalHeader li {
display:inline;
background:url(../img/gnavi02.gif) no-repeat 8px 40%;
padding-left:24px;
}


/* ---------------------------------------- */
/*  ▼ ALL  */
/* ---------------------------------------- */
#ALL {
font-size:75%;
margin:0 auto;
text-align:left;
width:750px;
}

#header {
margin-top:12px;
}
#header .left {
float:left;
width:457px;
position:relative;
}
#header h1 {
font-size:10px;
position:relative;
z-index:-1;
}
#header .left a {
position:absolute;
left:0;
top:0;
z-index:1;
}

#header .right .right2 {
float:right;
width:140px;
}

/* 音声読み上げ */
#header .right .p02 {
float:right;
width:109px;
padding-left:6px;
border-left:solid #999 1px;
}

#header .right .site_search {
/* width:100%; */
margin-top:6px;
padding:4px 0 4px 6px;
background-color:#ccc;
}

#header .right .site_search fieldset {
border:none;
/* vertical-align: baseline; */
}
#header .right .site_search input {
vertical-align: middle;
}
#header .right .site_search img {
vertical-align: middle;
}
#header .right .site_search input#search {
font-size:100%;
width:132px;
height:1.5em;
margin-right:4px;
}
#header .right .site_search input#searchButton {
margin:1px 2px -1px 0;
}
/* .google {
background: #fff url(../img/google.gif) no-repeat 4px 5px;
} */

/* backnumber */
#header .right .p03 {
text-align:right;
}

/* Topics */
#topics #header #navi li.li05 a {
background-position:-600px -40px;
}


/* ---------------------------------------- */
/*  ▼ contents  */
/* ---------------------------------------- */
#contents {
width:750px;
}

/* toppage */
#contents #topttl {
position:relative;
width:750px;
height:362px;
}
#contents #topttl .hide {
font-size:10px;
position:relative;
z-index:-1;
}
#contents #topttl .in {
position:absolute;
top:0;
left:0;
z-index:1;
}

/* smallfeatures */
#contents #topmain .left .div01 {
position:relative;
width:463px;
height:76px;
}
#contents #topmain .left .div01 h2 {
position:relative;
font-size:9px;
z-index:-1;
}
#contents #topmain .left .div01 p {
position:absolute;
top:0;
left:0;
z-index:1;
}
#contents #topmain .left .div02 {
margin-top:-8px;
padding-bottom:16px;
position:relative;
z-index:2;
width:463px;
background:url(../img/shotoku_btm.gif) no-repeat 0 bottom;
}
#contents #topmain .left .div02 .left2 {
float:left;
margin-top:-4px;
margin-right:8px;
width:236px;
padding-left:8px;
}
#contents #topmain .left .div02 .right2 {
/* float:right;
width:192px; */
padding-left:10px;
padding-right:16px;
}
#contents #topmain .left .div02 .right2 .p002 {
margin-top:8px;
text-align:right;
}

/* kobehyakkei */
#contents #topmain .left .div03 {
position:relative;
margin-top:4px;
width:457px;
height:39px;
}
#contents #topmain .left .div03 h2 {
position:relative;
font-size:9px;
z-index:-1;
}
#contents #topmain .left .div03 p {
position:absolute;
top:0;
left:0;
z-index:1;
}
#contents #topmain .left .div04 {
width:455px;
background-color:#eee;
border:solid #ccc 1px;
}
#contents #topmain .left .div04 ul {
margin:8px 0 8px 13px;
}
#contents #topmain .left .div04 li {
float:left;
width:98px;
text-align:center;
margin-right:10px;
padding-bottom:8px;
line-height:1.2;
}
#contents #topmain .left .div04 li img {
border:solid #999 1px;
padding:2px;
}
#contents #topmain .left .div04 li a {
text-decoration:none;
}

/* rightblock topics */
#contents #topmain .right {
float:right;
width:281px;
}

/* トピックス */
#contents #topmain .right .div01 {
position:relative;
width:281px;
height:40px;
}
#contents #topmain .right .div01 h2 {
position:relative;
font-size:9px;
z-index:-1;
}
#contents #topmain .right .div01 p {
position:absolute;
top:0;
left:0;
z-index:1;
}

#contents #topmain .right .div02 {
width:281px;
/* height:570px;
overflow:auto;
border:solid #999 1px; */
}
#contents #topmain .right .div02 dl {
margin:4px 8px;
}
#contents #topmain .right .div02 dt {
font-weight:bold;
}
#contents #topmain .right .div02 dd {
background:url(../img/grn_ya.gif) no-repeat 0 7px;
padding-bottom:12px;
padding-left:8px;
}

/* footlink */
#footlink {
margin:12px 10px 0 0;
padding-bottom:12px;
}
#home #footlink {
margin:12px 0;
}
#footlink ul {
text-align:right;
display:none;
}
#footlink li {
display:inline;
padding-left:1em;
}
#footlink li a {
background:url(../img/gre_ya.gif) no-repeat 0 5px;
padding-left:12px;
white-space:nowrap;
}


/* ---------------------------------------- */
/*  ▼ トピックスページ  */
/* ---------------------------------------- */

#topics #contents #main {
width:750px;
background-color:#fff;
background-image:none;
}

#topics #contents #main .in {
padding:4px 20px 16px 22px;
}

/* #topics #contents #main .panlink {
padding:4px 12px 0;
} */
#topics #contents #main .panlink li {
display:inline;
margin-right:2em;
}
#topics #contents #main h3 {
margin-top:16px;
font-size:160%;
line-height:1.2;
border-left:solid #ccc 6px;
padding:4px;
}
#topics #contents #main .dt {
margin-top:8px;
width:625px;
padding:6px 12px 2px 70px;
background:#000 url(../img/topics_h3.gif);
color:#fff;
line-height:1.2;
}
/* IE6用の設定▼ \*/
* html #topics #contents #main .dt {
width:707px;
}
/* ▲IE6用の設定 */
#topics #contents #main .dt h4 {
float:left;
font-size:120%;
width:450px;
}
#topics #contents #main .dt p {
float:right;
text-align:right;
width:170px;
}
#topics #contents #main .dd {
width:705px;
border:solid #ccc 1px;
}
/* IE6用の設定▼ \*/
* html #topics #contents #main .dd {
width:707px;
}
/* ▲IE6用の設定 */
#topics #contents #main .ddin {
margin:12px;
width:681px;
}
#topics #contents #main .dd .photo {
float:left;
text-align:center;
width:240px;
margin-right:12px;
margin-bottom:12px;
}

.pagetop {
margin:8px 0 0;
text-align:right;
font-size:90%;
}


/* ---------------------------------------- */
/*  ▼ 下層ページ共通フォーマット  */
/* ---------------------------------------- */

#contents #main {
width:750px;
background:#fff url(../img/main_bg.gif) repeat-y;
padding-bottom:12px;
}
#contents #main #menu {
float:left;
width:184px;
}
#contents #main .right {
float:right;
width:546px;
}

/* 共通パン屑 */
#contents .pan {
margin:4px 0 16px 16px;
width:718px;
}
#contents #main .right .pan {
margin:4px 0 0;
width:536px;
/* text-align:right; */
}


/* ---------------------------------------- */
/*  ▼ 神戸百景ページ  */
/* ---------------------------------------- */
#view #contents #main #menu {
padding:20px 0;
}
#view #contents #main #menu p {
margin-left:12px;
}

/* メニューボタン */
#view #menu .ul01 {
margin:12px 0 0 12px;
width:158px;
height:275px;
position:relative;
}
#view #menu .ul01 li {
font-size:1px;
text-indent:-9999px;
}
#view #menu .ul01 li a {
position:absolute;
display:block;
background-image:url(../img/view_btn.gif);
overflow:hidden;
width:158px;
height:25px;
}
#view #menu .ul01 li.li01 a {
background-position:0 0;
left:0;
top:0;
}
#view #menu .ul01 li.li02 a {
background-position:0 -25px;
left:0;
top:25px;
}
#view #menu .ul01 li.li03 a {
background-position:0 -50px;
left:0;
top:50px;
}
#view #menu .ul01 li.li04 a {
background-position:0 -75px;
left:0;
top:75px;
}
#view #menu .ul01 li.li05 a {
background-position:0 -100px;
left:0;
top:100px;
}
#view #menu .ul01 li.li06 a {
background-position:0 -125px;
left:0;
top:125px;
}
#view #menu .ul01 li.li07 a {
background-position:0 -150px;
left:0;
top:150px;
}
#view #menu .ul01 li.li08 a {
background-position:0 -175px;
left:0;
top:175px;
}
#view #menu .ul01 li.li09 a {
background-position:0 -200px;
left:0;
top:200px;
}
#view #menu .ul01 li.li10 a {
background-position:0 -225px;
left:0;
top:225px;
}
#view #menu .ul01 li.li11 a {
background-position:0 -250px;
left:0;
top:250px;
}

#view #menu .ul01 li.li01 a:hover {
background-position:-160px 0;
}
#view #menu .ul01 li.li02 a:hover {
background-position:-160px -25px;
}
#view #menu .ul01 li.li03 a:hover {
background-position:-160px -50px;
}
#view #menu .ul01 li.li04 a:hover {
background-position:-160px -75px;
}
#view #menu .ul01 li.li05 a:hover {
background-position:-160px -100px;
}
#view #menu .ul01 li.li06 a:hover {
background-position:-160px -125px;
}
#view #menu .ul01 li.li07 a:hover {
background-position:-160px -150px;
}
#view #menu .ul01 li.li08 a:hover {
background-position:-160px -175px;
}
#view #menu .ul01 li.li09 a:hover {
background-position:-160px -200px;
}
#view #menu .ul01 li.li10 a:hover {
background-position:-160px -225px;
}
#view #menu .ul01 li.li11 a:hover {
background-position:-160px -250px;
}

#view #menu .ul02 {
margin:12px 0 0 12px;
width:166px;
border-top:dotted #666 2px;
padding:8px 0;
background:url(../img/view_menukei.gif) no-repeat bottom;
}
#view #menu .ul02 li {
padding:0 12px 8px 24px;
background:url(../img/yaya.gif) no-repeat 12px .5em;
}

/* 百景右ブロック */
#view #contents #main .right .p01 {
margin:12px 0 0 11px;
width:514px;
}
#view #contents #main .right .p02 {
margin:4px 0 0 18px;
width:500px;
}

/* 写真一覧 */
#view #contents #main .right .viewphoto {
margin:12px 0 0;
width:545px;
}
#view #contents #main .right .viewphoto ul {
clear:both;
}
#view #contents #main .right .viewphoto li {
float:left;
width:126px;
text-align:center;
margin-right:7px;
padding-bottom:8px;
line-height:1.2;
}
#view #contents #main .right .viewphoto li img {
border:solid #999 1px;
padding:2px;
}
#view #contents #main .right .viewphoto li a {
text-decoration:none;
}

#view #contents #main .right .howto {
margin:16px 0 0;
background-color:#e9eaeb;
width:525px;
}
#view #contents #main .right .howto .in {
padding:10px 16px;
}
#view #contents #main .right .howto .in .p03 {
margin-top:4px;
}
#view #contents #main .right .howto .in .p04 {
margin-top:8px;
text-align:right;
}
#view #contents #main .right .howto .in .p04 a {
padding-left:18px;
background:url(../kobe_view/img/view_ya.gif) no-repeat 0 .2em;
}

#view #contents #main .right #footlink {
border-top:solid #999 1px;
padding:8px 0 16px;
}

/* ▼期間限定神戸百景クリスマスカードページ */
#view #contents #main .right .dl2009H{
margin-left:10px;
}
#view #contents #main .right .dl2009photo {
margin:0 0 0;
width:545px;
}
#view #contents #main .right .dl2009photo ul {
clear:both;
}
#view #contents #main .right .dl2009photo li {
float:left;
width:126px;
text-align:center;
margin-right:7px;
padding-bottom:8px;
line-height:1.2;
}
#view #contents #main .right .dl2009photo li img {
border:solid #999 1px;
padding:2px;
}
#view #contents #main .right .dl2009photo li a {
text-decoration:none;
}
#view #contents #main .right .pcenter {
text-align:center;
margin:5px 0 10px;
}
#view #contents #main .right .banaBox{
width:520px;
}
#view #contents #main .right .banaL{
width:320px;
padding:10px;
float:left;
}
#view #contents #main .right .banaR{
float:right;
}

/* ---------------------------------------- */
/*  ▼ 神戸百景ポップアップページ  */
/* ---------------------------------------- */

body#popup {
background-image:none;
}
#popup #ALL {
width:500px;
border-top:solid #000 12px;
text-align:center;
}
#popup #ALL .ttl {
margin-left:-160px;
}
#popup #ALL .img {
margin-top:12px;
}
#popup #ALL .img img {
border:solid #ccc 1px;
border-right:solid #bbb 2px;
border-bottom:solid #bbb 2px;
padding:8px;
background-color:#eef4fe;
}
#popup #ALL .btn {
margin-top:8px;
}
#popup #ALL .p01 {
margin:12px auto;
background-color:#efefef;
width:402px;
padding:8px;
font-size:12px;
}
#popup #ALL .p01 strong {
font-size:14px;
}
#popup #ALL #copyright {
margin-top:10px;
font-size:11px;
}


/* ---------------------------------------- */
/*  ▼ 神戸百景壁紙ページ  */
/* ---------------------------------------- */

body#kabegami {
background-image:none;
font-size:14px;
}
#kabegami #ALL {
width:1024px;
border-top:solid #f90 12px;
}
body#kabegami h1 {
margin:4px 0 0;
font-size:18px;
color:#f90;
}
body#kabegami h2 {
margin:4px 0 0;
font-size:14px;
color:#f90;
}

/* ▼神戸百景携帯ページ */
#view2 #contents {
background:#fff;
}
#view2 #contents .in {
margin:0 0 24px 12px;
width:726px;
padding-top:16px;
}
#view2 #contents .in h2 {
float:left;
width:200px;
font-size:150%;
color:#69c;
}
#view2 #contents .in #mainR {
float:right;
width:500px;
padding:0 0 32px 8px;
border-left:solid #69c 2px;
word-wrap:break-word;
}
#view2 #contents .in #mainR .imgLeft {
display:block;
float:left;
padding:4px;
border:solid #999 1px;
margin-right:8px;
}
#view2 #contents .in #mainR .block {
width:500px;
margin:0 0 0;
padding:8px 0;
border-bottom:dotted #999 1px;
}
#view2 #contents .in #mainR dl {
float:left;
width:280px;
}
#view2 #contents .in #mainR dt {
font-weight:bold;
}
#view2 #contents .in #mainR dd {
margin-bottom:8px;
}
#view2 #contents .in #mainR .imgRight {
display:block;
float:right;
}


/* ---------------------------------------- */
/*  ▼ 神戸百景印刷うまくいかないページ  */
/* ---------------------------------------- */

body#noprint {
background-image:none;
}
body#noprint #ALL {
width:600px;
border-top:solid #090 8px;
font-size:14px;
border-bottom:solid #090 4px;
}
body#noprint h1 {
margin:12px 0 0;
}
body#noprint #ALL #main {
margin:4px 0 8px;
background-color:#dcf6ea;
padding:12px;
}
body#noprint #ALL #main h2 {
margin:16px 0 0;
background-color:#090;
padding:2px 8px;
font-size:14px;
color:#fff;
}
body#noprint #ALL #main ol {
margin:12px 0 0 28px;
}
body#noprint #ALL #main ol li {
list-style-type: decimal;
margin-bottom:10px;
}
body#noprint #ALL #main em {
display:block;
margin:8px 16px 0;
font-size:12px;
font-style:normal;
padding-left:1em;
text-indent:-1em;
}
body#noprint #ALL .p02,
body#noprint #ALL #copyright {
text-align:center;
}

/* ---------------------------------------- */
/*  ▼ 特集ページ＋小特集ページ  */
/* ---------------------------------------- */

/* ポストカードプリントについて */
#postcard #contents {
background:#fff url(../img/headptn.jpg) no-repeat;
padding-top:110px;
}
#postcard #contents h2 {
float:left;
width:188px;
padding-left:12px;
font-size:150%;
color:#69c;
}
#postcard #contents #mainR {
float:right;
width:496px;
padding:0 12px 32px 12px;
border-left:solid #69c 2px;
}
#postcard #contents #mainR img {
vertical-align:middle;
}
#postcard #contents #mainR h3 {
font-size:120%;
color:#69c;
}
#postcard #contents #mainR p {
/* width:500px; */
line-height:2;
}
#postcard #contents #mainR ul {
margin:1em 24px;
}
#postcard #contents #mainR ul li {
padding-left:1em;
text-indent:-1em;
margin-bottom:8px;
}
#postcard #contents #mainR em {
font-style:normal;
color:#69c;
}
#postcard #contents #mainR ol {
margin:1em 24px 1em 48px;
}
#postcard #contents #mainR ol li {
list-style-type: decimal;
margin-bottom:8px;
}
#postcard #contents #mainR .block {
margin:1em 12px 0;
padding:12px;
background-color:#eee;
}




/* ---------------------------------------- */
/*  ▼ このサイトについて  */
/* ---------------------------------------- */

#about #contents {
background:#fff url(../img/headptn.jpg) no-repeat;
padding-top:110px;
}
#about #contents h2 {
float:left;
width:188px;
padding-left:12px;
font-size:150%;
color:#69c;
}
#about #contents #mainR {
float:right;
width:512px;
padding:0 0 90px 8px;
border-left:solid #69c 2px;
}
#about #contents #mainR p {
width:500px;
line-height:2;
}


/* ---------------------------------------- */
/*  ▼ サイトマップ  */
/* ---------------------------------------- */

#sitemap #contents {
background:#fff url(../img/headptn.jpg) no-repeat;
padding-top:110px;
}
#sitemap #contents .in {
margin:0 0 24px 12px;
width:726px;
}
#sitemap #contents .in h2 {
float:left;
width:200px;
font-size:150%;
color:#69c;
}
#sitemap #contents .in #mainR {
float:right;
width:500px;
padding:0 0 32px 8px;
border-left:solid #69c 2px;
}
#sitemap #contents .in #mainR p {
line-height:2;
}
#sitemap #contents .in #mainR h3 {
font-size:120%;
color:#69c;
}
#sitemap #contents .in #mainR dt {
font-weight:bold;
margin-top:1em;
padding-left:1em;
text-indent:-1em;
/* color:#69c; */
}
#sitemap #contents .in #mainR dd {
padding-left:48px;
}



/* ---------------------------------------- */
/*  ▼ バックナンバーページ  */
/* ---------------------------------------- */

#backnumber #contents #main {
width:750px;
background-color:#fff;
background-image:none;
}

#backnumber #contents #main .in {
padding:4px 16px 16px;
}

#backnumber #contents #main .panlink {
margin-bottom:24px;
}
#backnumber #contents #main .panlink li {
display:inline;
margin-right:2em;
}
#backnumber #contents #main .panlink li a {
white-space:nowrap;
}

#backnumber #contents h3 {
float:left;
width:188px;
font-size:150%;
color:#69c;
}
#backnumber #contents #main #mainR {
float:right;
width:496px;
padding:0 0 0 16px;
border-left:solid #69c 2px;
margin-bottom:32px;
}
#backnumber #contents #main #mainR dl {
margin-top:-16px;
}
#backnumber #contents #main #mainR dt {
font-size:120%;
margin:16px 0 8px;
font-weight:bold;
}
#backnumber #contents #main #mainR dd {
background:url(../img/bnsankaku.gif) no-repeat 0 .1em;
margin:0 0 8px 16px;
padding-left:14px;
}



/* ---------------------------------------- */
/*  ▼ footer  */
/* ---------------------------------------- */

#footer {
font-size:75%;
padding:12px 0 8px;
width:100%;
background-color:#1b1b1b;
color:#fff;
}
#footer .in {
margin:0 auto;
text-align:left;
width:750px;
padding:4px 0;
}
#footer .in .left {
float:left;
width:550px;
}
#footer .in .right {
margin-top:16px;
float:right;
width:197px;
}
#footer .in .left p {
margin-bottom:6px;
}
#footer .in .left p a {
color:#fff;
background:url(../img/siro_ya.gif) no-repeat 12px 4px;
padding-left:24px;
}


/* ---------------------------------------- */
/*  ▼ copyright  */
/* ---------------------------------------- */

#copyright {
margin:4px 0 12px;
font:bold 75%/1 "Lucida Grande", Helvetika, Arial, Verdana, sans-serif;
}


/* footlink2 */
#footlink2 {
text-align:center;
font-size:75%;
}
#footlink2 .in {
margin:4px auto 8px;
text-align:left;
width:750px;
}
/* #home #footlink2 {
margin:12px 0;
} */
#footlink2 ul {
}
#footlink2 li {
display:inline;
padding-right:1em;
}
#footlink2 li a {
background:url(../img/gre_ya02.gif) no-repeat 0px 0px;
padding-left:15px;
white-space:nowrap;
}


/* ルビ */

/* .withRuby {
display: inline-block;
position: relative;
top: -1em;
left: 0;
border: none;
white-space: nowrap;
text-indent: 0;
line-height: 100%;
vertical-align: text-bottom;
text-align: center;
text-decoration: none;
}

.withRuby:after {
display: block;
margin: -3em 0 0;
border: none;
white-space: nowrap;
font: inherit;
font-size: 50%;
line-height: 100%;
text-decoration: none;
text-align: center;
content: attr(title);
} */

/* css_end */