@charset "UTF-8";

/*
===============================================
▼Photo a la Carte CSS 2009.7
=============================================== */
body {
font-family:"Arial","Helvetica","sans-serif";
}
body * {
line-height:1.6;
}
a {
font-family:"Arial","Helvetica","sans-serif";
}

#header .right {
float:right;
width:240px;
}
/* font-size */
#header .right .p01 {
float:left;
width:80px;
margin-right:8px;
}
#header .right .ul01 {
float:left;
width:152px;
height:21px;
position:relative;
}
#header .right .ul01 li {
font-size:1px;
text-indent:-9999px;
}
#header .right .ul01 li a {
position:absolute;
display:block;
background-image:url(../img/fontsize.gif);
overflow:hidden;
height:21px;
}
#header .right .ul01 li.li01 a {
background-position:0 0;
left:0;
top:0;
width:50px;
}
#header .right .ul01 li.li02 a {
background-position:-50px 0;
left:51px;
top:0;
width:50px;
}
#header .right .ul01 li.li03 a {
background-position:-100px 0;
left:102px;
top:0;
width:50px;
}
#header .right .ul01 li.li01 a:hover {
background-position:0 -42px;
}
#header .right .ul01 li.li02 a:hover {
background-position:-50px -42px;
}
#header .right .ul01 li.li03 a:hover {
background-position:-100px -42px;
}
#header .right .site_search input#search2 {
font-size:100%;
width:145px;
height:1.5em;
margin-right:4px;
}
#header .right .site_search input#searchButton {
margin:1px 2px -1px 0;
}

/* NAVI */
#header #navi {
margin-top:12px;
width:750px;
height:40px;
position:relative;
}
#header #navi li {
font-size:1px;
text-indent:-9999px;
}
#header #navi li a {
position:absolute;
display:block;
background-image:url(../img/navi_btn.gif);
overflow:hidden;
height:40px;
}
#header #navi li.li01 a {
background-position:0 0;
left:0;
top:0;
width:161px;
}
#header #navi li.li02 a {
background-position:-161px 0;
left:161px;
top:0;
width:160px;
}
#header #navi li.li03 a {
background-position:-321px 0;
left:321px;
top:0;
width:160px;
}
#header #navi li.li04 a {
background-position:-481px 0;
left:481px;
top:0;
width:268px;
}

#header #navi li.li01 a:hover {
background-position:0 -80px;
}
#header #navi li.li02 a:hover {
background-position:-161px -80px;
}
#header #navi li.li03 a:hover {
background-position:-321px -80px;
}
#header #navi li.li04 a:hover {
background-position:-481px -80px;
}

/* home */
#home #header #navi li.li01 a {
background-position:0 -40px;
}
/* special features */
#special #header #navi li.li02 a {
background-position:-161px -40px;
}
/* small features */
#shotoku #header #navi li.li03 a {
background-position:-321px -40px;
}
/* kobe hyakkei */
#view #header #navi li.li04 a {
background-position:-481px -40px;
}
#postcard #header #navi li.li04 a {
background-position:-481px -40px;
}
#view2 #header #navi li.li04 a {
background-position:-481px -40px;
}


#contents #topmain {
background:none;
margin-top:12px;
width:750px;
}
/* small features */
#contents #topmain .left {
float:left;
width:516px;
}
#contents #topmain .left .small01 {
position:relative;
width:516px;
height:48px;
}

#contents #topmain .left .small01 h2 {
position:relative;
font-size:9px;
z-index:-1;
}
#contents #topmain .left .small01 p {
position:absolute;
top:0;
left:0;
z-index:1;
}
#contents #topmain .left .small02 {
padding-bottom:6px;
z-index:0;
width:516px;
background:url(../img/shotoku_btm.gif) no-repeat 0 bottom;
}
#contents #topmain .left .small02 .photo {
margin-top:0px;
margin-right:8px;
margin-left:8px;
width:136px;
float:left;
display:inline;
}
#contents #topmain .left .small02 .text {
padding:5px 20px 0;
}
#contents #topmain .left .small02 .text .p001 {
margin-top:8px;
}
#contents #topmain .left .small02 .text .p002 {
margin-top:8px;
text-align:right;
}

/* no27 addition */
.spe27Box01{
width:536px;
margin:10px 0;
}
.spe27Box01 img{
display:block;
float:left;
padding:4px;
border:solid #999 1px;
margin-bottom:4px;
}
.spe27Box01L {
width:265px;
float:left;
margin-bottom:10px;
}
.spe27Box01R {
width:265px;
float:right;
}

.spe27intro {
width:536px;
background:url(../special_features/img/toku_02_introbtm.gif) no-repeat left bottom;
padding-bottom:10px;
}
.spe27intro .photo{
display:block;
float:right;
padding:4px;
border:solid #999 1px;
margin-right:15px;
margin-bottom:8px;
}
.spe27intro .photo02{
display:block;
float:right;
padding:4px;
border:solid #999 1px;
margin-right:20px;
margin-bottom:8px;
}
.spe27intro .introL {
width:334px;
margin:0 0 0 15px;
}
.spe27intro .introL02 {
width:285px;
margin:0 0 0 20px;
}
.spe27intro p {
margin:10px 0 10px 5px;
}
.spe27try {
width:536px;
background:url(../special_features/img/toku_02_trybtm.gif) no-repeat left bottom;
padding-bottom:10px;
margin-top:10px;
}
.spe27try .photo{
display:block;
float:left;
padding:4px;
border:solid #999 1px;
margin-top:10px;
margin-left:15px;
margin-bottom:8px;
}
.spe27try .tryR {
width:355px;
margin:10px 15px 0 0;
float:right;
}
.spe27try p{
margin:10px 5px;
}

.small27brown{
color:#b83101;
}
.small27sub{
font-size:15px;
font-weight:bold;
color:#402400;
background:url(../small_features/img/shotoku_subttl.gif) no-repeat 0 2px;
border-bottom:1px dotted #cccccc;
padding-left:10px;
padding-bottom:2px;
margin:15px 5px 10px;
}
.small27p01{
margin-left:12px;
}

.small27Box01{
width:516px;
margin:15px 5px 20px;
}
.small27Box01 img{
display:block;
float:left;
padding:4px;
border:solid #999 1px;
margin-bottom:4px;
}
.small27Box01L {
width:246px;
float:left;
margin-bottom:10px;
}
.small27Box01R {
width:246px;
float:right;
}
.small27img02{
display:block;
float:left;
padding:4px;
border:solid #999 1px;
margin-bottom:8px;
}


/* Kobe Hyakkei */
#contents #topmain .right {
float:right;
width:227px;
}
#contents #topmain .right .hyaku {
position:relative;
width:227px;
height:58px;
}
#contents #topmain .right .hyaku h2 {
position:relative;
font-size:9px;
z-index:-1;
}
#contents #topmain .right .hyaku p {
position:absolute;
top:0;
left:0;
z-index:1;
}

#contents #topmain .right .hyakublock {
width:454px;
background-color:#eee;
border:solid #ccc 1px;
}
#contents #topmain .right .hyakublock ul {
margin:8px 0 8px 13px;
}
#contents #topmain .right .hyakublock li {
float:left;
width:98px;
text-align:center;
margin-right:10px;
padding-bottom:14px;
line-height:1.2;
}
#contents #topmain .right .hyakublock li.heightLine img {
border:solid #999 1px;
padding:2px;
}
#contents #topmain .right .hyakublock li.heightLine a {
text-decoration:none;
line-height:1.2;
}

/* footer */
#footer .in .left p.sfont {
font-size:90%;
}

/* ---------------------------------------- */
/*  ▼ kobe hyakkei */
/* ---------------------------------------- */
#view #contents {
background-color:#fff;
}
#view #contents .pan {
margin:4px 0 5px 16px;
width:718px;
}

#view #contents #main {
padding:0 0 20px;
background:none;
}
#view #contents #main .read {
margin:4px 0 0 16px;
width:728px;
}

#view #contents #main .read .text{
font-size:120%;
padding-top:10px;
}

#view #contents #main .read .btn{
width:242px;
float:right;
}

#view #contents #main .datablock {
margin:4px 0 10px 16px;
width:718px;
}

#view #contents #main .datablock h3{
border-bottom:1px solid #ccc;
}

#view #contents #main .datablock .viewphoto {
margin:12px 0 0;
width:718px;
}
#view #contents #main .datablock .viewphoto ul {
clear:both;
}
#view #contents #main .datablock .viewphoto li {
float:left;
width:126px;
text-align:center;
margin-right:17px;
padding-bottom:8px;
line-height:1.2;
}
#view #contents #main .datablock .viewphoto li img {
border:solid #999 1px;
padding:2px;
}
#view #contents #main .datablock .viewphoto li a {
text-decoration:none;
line-height:1.2;
}

/* post card print-out guide */
#postcard #contents {
background:#fff url(../img/headptn.jpg) no-repeat;
padding-top:0;
}

#postcard #contents #mainR p {
margin-bottom:2em;
}

#postcard #contents #mainR ul {
margin:1em 24px 2em;
}

#postcard #contents #mainR ol {
margin:1em 24px 2em 48px;
}
#postcard #contents #mainR .block strong{
color:red;
}

/* photo collection */
.photogo{
font-size:140%;
margin:40px 60px 40px;
word-wrap: break-word;
}
.photologo {
width:297px;
margin:0px 60px 40px;
float:right;
}


/* ---------------------------------------- */
/*  Special features + Small features  */
/* ---------------------------------------- */

#special #contents #main #menu,
#shotoku #contents #main #menu {
float:left;
width:184px;
padding:0 0 12px;
}

#special #contents #main #menu .div01,
#shotoku #contents #main #menu .div01 {
margin:4px 6px 0;
border-bottom:dotted #999 1px;
padding:4px 0;
}
/* #special #contents #main #menu p {
margin:4px 4px 0 8px;
} */
#special #contents #main #menu p.p01,
#shotoku #contents #main #menu p.p01 {
margin:14px 0 0;
}
#special #contents #main #menu p.p02,
#shotoku #contents #main #menu p.p02 {
margin-bottom:.6em;
}
#special #contents #main #menu p.ya,
#shotoku #contents #main #menu p.ya {
margin-top:0;
text-align:right;
}
#special #contents #main #menu ul,
#shotoku #contents #main #menu ul {
margin:4px 0 0;
}
#special #contents #main #menu li,
#shotoku #contents #main #menu li {
padding-left:1em;
text-indent:-1em;
padding-bottom:.5em;
}

#special #contents .right h2 {
margin:12px 0;
}
#special #contents .right,
#shotoku #contents .right {
width:546px;
}
#special #contents .right .in,
#shotoku #contents .right .in {
width:536px;
}
#special #contents .right .map {
margin-top:16px;
width:536px;
}
#special #contents .right .map ul {
margin-top:4px;
}
#special #contents .right .map li {
display:inline;
margin-right:12px;
color:#999;
}
#special #contents .right .map li a {
white-space:nowrap;
}

/* #special #contents .right h3 {
margin:16px 0 12px;
width:536px;
border-top:solid #ccc 1px;
padding-top:12px;
} */
#special #contents .right h3 {
margin:5px 0 10px;
}
#special #contents .right .spec {
background-color:#e0e0e0;
width:528px;
padding:4px;
margin-bottom:8px;
}
#special #contents .right .spec p {
width:526px;
}
#special #contents .right .spec .txtR {
text-align:right;
}
#special #contents .right .imgLeft {
display:block;
float:left;
padding:4px;
border:solid #999 1px;
margin-right:8px;
margin-bottom:8px;
}
#special #contents .right .imgRight {
display:block;
float:right;
padding:4px;
border:solid #999 1px;
margin-left:8px;
margin-bottom:8px;
}
#special #contents .right p.mainimg {
margin-top:12px;
width:526px;
margin-bottom:15px;

}

#special #contents .right .divLeft {
float:left;
margin-right:8px;
margin-bottom:8px;
}
#special #contents .right .divRight {
float:right;
margin-left:8px;
margin-bottom:8px;
}

.w280{width:280px;}
.w280 h3{margin-bottom:10px;}
.w280 p{margin-bottom:15px;}
.w270{width:270px;}
.w310{width:310px;}
.w245{width:245px;}
.w265{width:265px;}
.w226{width:226px;}
.w230{width:230px;}


.prof28{
background:url(../special_features/img/toku_01_03bg.gif) no-repeat bottom right #d5e4f5;}
.prof28 p{
padding:5px;
font-size:85%;
}

.aRight{
text-align:right;
}


.flow{
margin-top:10px;
background:url(../special_features/img/flow_bg.gif);
padding:9px;
margin-bottom:15px;
}
.flow h3{text-align:center;margin-bottom:8px;}

.flow h3 img{
margin:5px 0;
}


.flowR{float:right;}
.flowL{float:left;}
.flowR,.flowL{width:256px;}
.flowR p,.flowL p{padding:2px 5px 5px 28px;margin:5px 0 0 2px;}

.f01{background:url(../special_features/img/no01.gif) no-repeat;}
.f02{background:url(../special_features/img/no02.gif) no-repeat;}
.f03{background:url(../special_features/img/no03.gif) no-repeat;}
.f04{background:url(../special_features/img/no04.gif) no-repeat;}
.f05{background:url(../special_features/img/no05.gif) no-repeat;}
.f06{background:url(../special_features/img/no06.gif) no-repeat;}
.f07{background:url(../special_features/img/no07.gif) no-repeat;}
.f08{background:url(../special_features/img/no08.gif) no-repeat;}
.f09{background:url(../special_features/img/no09.gif) no-repeat;}
.f10{background:url(../special_features/img/no10.gif) no-repeat;}
.f11{background:url(../special_features/img/no11.gif) no-repeat;}
.f12{background:url(../special_features/img/no12.gif) no-repeat;}
.f13{background:url(../special_features/img/no13.gif) no-repeat;}
.f14{background:url(../special_features/img/no14.gif) no-repeat;}
.f15{background:url(../special_features/img/no15.gif) no-repeat;}
.f16{background:url(../special_features/img/no16.gif) no-repeat;}

.subway .imgLeft,
.subway .imgRight{
margin-left:0 !important;
margin-right:0 !important;
}

.kakomi{
background-color:#cedbea;
margin:15px 0;
padding:15px;
}

.kakomi strong{
font-size:120%;
}
.kakomi strong a{
text-decoration:none;
}

#special #contents .right .mainimg img,
#special #contents .right .divLeft .image,
#special #contents .right .divRight .image,
#shotoku #contents .right .divLeft .image,
#shotoku #contents .right .divRight .image {
padding:4px;
border:solid #999 1px;
margin-bottom:4px;
}
#special #contents .right .divLeft ul,
#special #contents .right .divRight ul {
width:199px;
margin:4px 0 0;
background-color:#e0e0e0;
padding:4px;
}
#special #contents .right .subti {
margin: 0 0 5px;
}

/* Special3 */
#special #contents .right .divLeft .cap {
width:190px;
}

#special #contents .right .footnavi,
#shotoku #contents .right .footnavi {
margin:24px 0 0;
width:540px;
}
#special #contents .right .footnavi .pnavi01,
#shotoku #contents .right .footnavi .pnavi01 {
float:left;
width:208px;
}
#special #contents .right .footnavi .pnavi02 {
float:right;
width:208px;
}
#shotoku #contents .right .footnavi .pnavi02 {
float:right;
width:108px;
}

#special #contents .right .in .kiji p {
margin-bottom:1em;
}

.kiji{
width:516px;
margin-left:10px;
margin-top:10px;
}

/* ---------------------------------------- */
/*  Small features  */
/* ---------------------------------------- */

/* link */
#shotoku #contents .right .sholink {
margin-top:16px;
width:536px;
}
#shotoku #contents .right .sholink ul {
margin-top:4px;
}
#shotoku #contents .right .sholink li {
/* display:inline;
margin-right:12px; */
color:#999;
padding-left:14px;
text-indent:-14px;
}
/* #shotoku #contents .right .sholink li a {
white-space:nowrap;
} */

#shotoku #contents .right .read {
margin-top:12px;
font-weight:bold;
}

#shotoku #contents .right h3 {
margin:16px 0 4px;
width:536px;
padding-top:12px;
}

#shotoku #contents .right p.mainimg {
margin-top:0;
}
#shotoku #contents .right p.caption {
margin:2px 0 12px;
line-height:1.3;
}


/* no26 tuika */
#shotoku #contents .right .divRight {
float:right;
margin-left:8px;
margin-bottom:8px;
}
#shotoku #contents .right .divLeft {
float:left;
margin-right:8px;
margin-bottom:8px;
}
.album{
background:url(../small_features/img/album02.gif) repeat-y;
padding:14px 22px;
}

.albumR{float:right;}
.albumL{float:left;}
.albumR,.albumL{width:243px;margin-bottom:15px;}

#shotoku #contents .right .interview {
margin:10px;
}

#shotoku #contents .right .ttl01 {
margin:15px 0 0;
}
#shotoku #contents .right .ttl02 {
margin:0 0 5px;
}
#shotoku #contents .right .ttl03 {
margin:15px 0 5px;
}
#shotoku #contents .right .ttl04 {
margin:0 0 0;
}
#shotoku #contents .right .cruiseL{
width:255px;
float:left;
}
#shotoku #contents .right .cruiseR{
width:255px;
float:right;
}
#shotoku #contents .right .cruiseL img,
#shotoku #contents .right .cruiseR img{
padding:4px;
border:solid #999 1px;
margin-bottom:4px;
}


/* no28 tuika */
.spe28Box01{
width:436px;
background:url(../special_features/img/toku_01bg01.gif) no-repeat 0 0;
padding:10px 10px 20px 90px;
}
/* IE 用▼ */
* html .spe28Box01,
* html .spe28Box02,
* html .spe28Box03,
* html .spe28Box04,
* html .spe28Box05,
* html .spe28Box06,
* html .spe28Box07,
* html .spe28Box08,
* html .spe28Box09{
width:536px;
}
.spe28Box02{
width:436px;
background:url(../special_features/img/toku_01bg02.gif) no-repeat 0 0;
padding:10px 10px 20px 90px;
}
.spe28Box03{
width:436px;
background:url(../special_features/img/toku_02bg01.gif) no-repeat 0 0;
padding:10px 10px 20px 90px;
}
.spe28Box04{
width:436px;
background:url(../special_features/img/toku_02bg02.gif) no-repeat 0 0;
padding:10px 10px 20px 90px;
}
.spe28Box05{
width:436px;
background:url(../special_features/img/toku_02bg03.gif) no-repeat 0 0;
padding:10px 10px 20px 90px;
}
.spe28Box06{
width:436px;
background:url(../special_features/img/toku_02bg04.gif) no-repeat 0 0;
padding:10px 10px 20px 90px;
}
.spe28Box07{
width:436px;
background:url(../special_features/img/toku_02bg05.gif) no-repeat 0 0;
padding:10px 10px 20px 90px;
}
.spe28Box08{
width:436px;
background:url(../special_features/img/toku_02bg06.gif) no-repeat 0 0;
padding:10px 10px 0px 90px;
}
.spe28Box09{
width:436px;
height:76px;
}
.spe28Box10L{
width:280px;
float:left;
margin-top:15px;
}
.spe28Box10R{
width:238px;
float:right;
margin-top:15px;
}
.spe28Box11L{
width:238px;
float:left;
margin-top:15px;
}
.spe28Box11R{
width:280px;
float:right;
margin-top:15px;
}
.spe28Box10L p,
.spe28Box11R p{
margin:0 0 20px;
}

.spe28Box01 h3,
.spe28Box02 h3,
.spe28Box03 h3,
.spe28Box04 h3,
.spe28Box05 h3,
.spe28Box06 h3,
.spe28Box07 h3,
.spe28Box08 h3,
.spe28Box09 h3{
margin-top:30px;
}
.spe28Box01L{
width:280px;
float:left;
margin-bottom:30px;
display:inline;
}
.spe28Box01R{
width:142px;
float:right;
padding:102px 0 0;
margin-bottom:20px;
display:inline;
}
.spe28Box01R2{
width:142px;
float:right;
padding:0 0 0;
margin-bottom:20px;
display:inline;
}

.spe28Box02L{
width:244px;
float:left;
margin-bottom:30px;
}
.spe28Box02R{
width:170px;
float:right;
}
.spe28Box03LR{
margin:10px 10px 30px;
}
.spe28Box01 .image,
.spe28Box02 .image,
.spe28Box03 .image,
.spe28Box04 .image,
.spe28Box05 .image,
.spe28Box06 .image,
.spe28Box07 .image,
.spe28Box08 .image,
.spe28Box09 .image,
.spe28Box10Img{
padding:4px;
border:solid #999 1px;
margin-bottom:4px;
}
.spe28Box11Img{
padding:4px;
border:solid #999 1px;
margin-top:20px;
margin-bottom:4px;
}
.spe28Box12{
width:537px;
}
.spe28Box01 .intro,
.spe28Box02 .intro,
.spe28Box08 .intro{
background:url(../special_features/img/toku_03_intro01.jpg) no-repeat 0 0 #ead9bf;
margin:0 0 0;
padding:65px 30px 10px 25px;
}
.spe28Box12 .intro{
width:482px;
background:url(../special_features/img/toku_03_intro03.jpg) no-repeat 0 0 #ead9bf;
margin:0 0 0;
padding:65px 30px 10px 25px;
zoom:1;
}
/* IE 用▼ */
* html .spe28Box12 .intro{
width:537px;
}

.spe28Box01 .intro .poster,
.spe28Box02 .intro .poster,
.spe28Box08 .intro .poster,
.spe28Box12 .intro .poster{
margin:0 10px 10px 0;
float:left;
}

.spe28sBox01{
margin:0;
width:538px;
background:url(../small_features/img/s_img18.jpg) no-repeat 0 0 #000000;
color:#fff;
}
.spe28sBox01 .intro{
padding:150px 20px 0px 100px;
}
.spe28sBox02R{
width:232px;
margin:15px 0 0 10px;
float:right;
}
.spe28sBox02R img{
padding:4px;
border:solid #999 1px;
margin-bottom:4px;
}
.spe28sP01{
margin:25px 0 0 10px;
}
.spe28sBook{
width:530px;
background:url(../small_features/img/shotoku_01bg01.jpg) no-repeat 0 0 #fefaed;
}
.spe28sBookinBox{
width:452px;
padding:32px 28px 0px 50px;
}
/* IE 用▼ */
* html .spe28sBookinBox {
width:530px;
}
.spe28sBookinBox2{
width:452px;
padding:15px 28px 0px 50px;
}
/* IE 用▼ */
* html .spe28sBookinBox2 {
width:530px;
}
.spe28sBookinBox p,
.spe28sBookinBox2 p{
margin:10px 0 0 10px;
}
.spe28sBookinBox p.author,
.spe28sBookinBox2 p.author{
margin-top:10px;
text-align:right;
}
.spe28sBookinBox .book{
margin:10px 0 10px 20px;
padding:4px;
border:solid #999 1px;
float:right;
}
.spe28sLite{
width:540px;
background:url(../small_features/img/shotoku_01bg03.jpg) no-repeat 0 0;
}
.spe28sLite .ttl{
margin:60px 0 0 40px;
}
.spe28sLite .intro{
margin:56px 50px 15px;
}
.spe28sLite .BoxL{
width:230px;
margin:10px 0 5px 35px;
float:left;
display:inline;
}
.spe28sLite .BoxR{
width:230px;
margin:10px 35px 5px 0;
float:right;
display:inline;
}
.spe28sLite .inq{
font-size:110%;
font-weight:bold;
margin:15px 40px 10px;
color:#333333;
}
.spe28sLite .kei{
text-align:center;
}
.spe28sLite ul{
margin:0 30px 10px 40px;
}
.spe28sLite li{
background:url(../small_features/img/square_pink.gif) no-repeat 0 5px;
padding:0 15px;
}



/*
印刷用
----------------------------------------------- */
@media print {

#footer {
background-color:#ffffff;
color:#000000;
}

#footer .in .left p a {
color:#000;
background:url(../img/siro_ya.gif) no-repeat 12px 4px;
padding-left:24px;
}

}

/* css_end */