@charset "UTF-8";

/*------------------------------------------------------
ブラウザ設定初期化と初期設定
--------------------------------------------------------*/
*{ 
margin:0;
border:0;
padding:0;
font-style:normal;
font-weight:normal;
font-size:1em;
}

strong{
font-weight:bold;
}

body{
background-color:#000;
color:#fff;
font-family:"ヒラギノ角ゴ Pro W3",Hiragino,"Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
text-align:center;
}

a:link{
color:#d04607;
}

a:visited{
color:#925c2e
}

/*------------------------------------------------
clearfix
--------------------------------------------------*/

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

.clearfix{
display:inline-block;/*for IE7*/
}

/*-----------------------------------------------------------
汎用クラス
-------------------------------------------------------------*/



/*----------------------------------------------------------
共通ページ
------------------------------------------------------------*/
#topBox{
height:800px;
margin-top:-400px;
margin-left:-440px;
padding:0;
position:absolute;
top:50%;
left:50%;
text-align:left;
width:880px;
}

#topBox div{
position:relative;
width:100%;
height:100%;
}

#root{
margin:0 auto;
padding:0;
text-align:left;
width:880px;
}

h1.topH1{
display:block;
background:url("./img/top_text_02.gif") no-repeat center center;
width:100%;
height:90px;
text-indent:-9999px;
line-height:90px;
}

div.headerFlash{
display:block;
position:relative;
height:320px;
}

object.topFlash{
display:block;
position:relative;
line-height:320px;
height:320px;
}

h2.topH2{
display:block;
margin:40px 0 35px;
background:url("./img/top_recent_title.gif") no-repeat center center;
height:20px;
width:100%;
text-indent:-9999px;
clear:both;
}

ul.topList li{
display:block;
width:100%;
height:2.5em;
text-align:center;
list-style:none;
color:#666666;
font-size:0.75em;
}

ul.topList li a:link, ul.topList li a:visited{
color:#777;
text-decoration:none;
}

ul.topList li a:hover{
color:#FFF;
}

address.top{
display:block;
margin-top:30px;
background:url("./img/top_copyright.gif") no-repeat center center;
height:20px
width:100%;
text-indent:-9999px;
}

#header{
margin-bottom:20px;
height:320px;
width:880px;
line-height:1;
}

h1.info{
background:#000 url("./img/info_h1.gif") no-repeat 0 0;
height:55px;
margin:10px auto 20px;
text-indent:-9999px;
width:178px;
}

h1.recommend{
background:#000 url("./img/recommend_h1.gif") no-repeat 0 0;
height:70px;
margin:10px auto 20px;
text-indent:-9999px;
width:170px;
}

h1.art{
background:#000 url("./img/artwork_h1.gif") no-repeat 0 0;
height:70px;
margin:10px auto 20px;
text-indent:-9999px;
width:170px;
}

h1.staff{
background:#000 url("./img/staff_h1.gif") no-repeat 0 0;
height:70px;
margin:10px auto -30px;
text-indent:-9999px;
width:170px;
}

h1.sitemap{
background:#000 url("./img/sitemap_h1.gif") no-repeat 0 0;
height:70px;
margin:10px auto 20px;
text-indent:-9999px;
width:170px;
}

#topBox h2{
display:block;
background:url("./img/top_recent_title.gif") no-repeat top center;
margin:30px 0 30px 0;
height:16px;
width:100%;
text-indent:-9999px;
}

#topBox li{
display:block;
width:100%;
height:25px;
list-style:none;
text-align:center;
font-size:0.70em;
color:#777;
}

#topBox address{
display:block;
position:absolute;
bottom:0;
left:0;
background:url("./img/top_copyright.gif") no-repeat top center;
width:100%;
height:14px;
text-indent:-9999px;
}

div.postBox{
float:left;
width:466px;
}

* html div.postBox{
margin:0 -30px 0 0;
}

div.postBoxDE, div.postBoxKINO{
width:506px;
}

* html div.postBoxDE, * html div.postBoxKINO{
margin:0 -2px 0;
}

* html div.postBoxKINO{
float:right;
margin:0 0 0 -100px ;
}

div.halfBoxDE{
float:left;
margin-left:40px;
width:370px;
color:#723D11;
}

div.halfBoxKINO{
float:right;
margin-right:40px;
width:370px;
color:#283225;
}

div.halfBoxDE h2{
display:block;
background:url("./img/staff_de_logo.gif") no-repeat 0 5px;
width:212px;
height:50px;
text-indent:-9999px;
}

div.halfBoxKINO h2{
display:block;
background:url("./img/staff_kino_logo.gif") no-repeat right 0;
width:100%;
height:50px;
text-indent:-9999px;
}

div.halfBoxDE .post{
background:url("./img/post2_half_body.gif") repeat-y 0 0;
margin-bottom:15px;
padding:0;
font-size:0.75em;
}

div.halfBoxDE .head{
background:url("./img/post2_half_head.gif") no-repeat 0 0;
padding:0;
margin:0;
}

div.halfBoxDE .foot{
background:url("./img/post2_half_foot.gif") no-repeat bottom left;
padding:15px 15px 15px 30px;
}

div.halfBoxDE .foot img, div.halfBoxKINO .foot img{
display:block;
float:left;
margin:0px 10px 10px 0;
}

div.halfBoxDE .foot h3, div.halfBoxKINO .foot h3{
margin-top:30px;
font-size:1.6em;
font-weight:bold;
}

div.halfBoxDE .foot p.recLink, div.halfBoxKINO .foot p.recLink{
background:url("./img/reclink_marker.gif") no-repeat 140px center;
text-indent:14px;
}

div.halfBoxDE .foot p.profile, div.halfBoxKINO .foot p.profile{
display:block;
clear:both;
}

div.halfBoxKINO .post{
background:url("./img/post3_half_body.gif") repeat-y 0 0;
margin-bottom:15px;
font-size:0.75em;
}

div.halfBoxKINO .head{
background:url("./img/post3_half_head.gif") no-repeat 0 0;
}

div.halfBoxKINO .foot{
background:url("./img/post3_half_foot.gif") no-repeat bottom left;
padding:15px 15px 15px 30px;
}

div.postBox div.post{
background:url("./img/post1_body.gif") repeat-y 0 0;
color:#6B561D;
margin: 0 0 20px;
width:466px;
}

div.postBox div.post div.head{
background:url("./img/post1_head.gif") no-repeat 0 0;
margin:0;
}

div.postBox div.post div.head h2.postTitle{
border:#928158 solid 1px;
border-width:1px 0 1px 0;
display:block;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.05em;
padding:10px 2px;
}

div.postBox div.post div.head .time{
display:block;
font-size:0.7em;
margin-top:15px;
text-align:right;
}

div.postBox div.post div.body{
display:block;
font-size:0.75em;
line-height:1.5;
margin:0;
padding-top:15px;
}

div.postBoxDE div.qanda div.head h2.postTitle{
border-top:0;
background:url("./img/de_qanda_q.gif") no-repeat left center;
padding-left:30px;
}

div.postBoxDE div.qanda div.body{
background:url("./img/de_qanda_a.gif") no-repeat left 0.9em;
padding-left:30px;
}

div.postBoxKINO div.qanda div.head h2.postTitle{
border-top:0;
background:url("./img/kino_qanda_q.gif") no-repeat left center;
padding-left:30px;
}

div.postBoxKINO div.qanda div.body{
background:url("./img/kino_qanda_a.gif") no-repeat left 0.9em;
padding-left:30px;
}

div.access div.head h2.postTitle{
border-top:0;
}

div.access div.body h3{
margin:10px 0 5px;
font-weight:bold;
}

div.access div.body ul {
margin-left:20px;
}

div.access div.body ul li{
margin-top:5px;
}

div.access div.body ul li span{
display:block;
line-height:1.2;
font-size:0.9em;
}

div.postBox h2.spot{
display:block;
margin:40px 0 10px;
background:url("./img/access_spot.gif") no-repeat 0 0;
width:88px;
height:21px;
text-indent:-9999px;
}

div.postBoxDE h2.spot{
margin-left:40px;
}

div.postBox div.post .foot{
background:url("./img/post1_foot.gif") no-repeat 0 bottom;
margin:0;
padding:10px 15px 15px 30px;
}

div.postBox div.post .foot .author{
border-top:#928158 solid 1px;
font-size:0.7em;
height:30px;
line-height:1;
margin-top:20px;
padding-top:5px;
width:421px;
text-align:right;
}

div.postBox .post .body h2.sitemapDeTitle{
display:block;
background:url("./img/sitemap_de.gif") no-repeat 0 5px;
width:100%;
height:65px;
text-indent:-9999px;
}

div.postBox .post .body h2.sitemapKinoTitle{
display:block;
background:url("./img/sitemap_kino.gif") no-repeat 0 8px;
width:100%;
height:70px;
text-indent:-9999px;
}

div.postBox .post .body dl.sitemap dt{
display:block;
float:left;
clear:both;
border-top:1px solid #928158;
width:150px;
height:60px;
}

div.postBox .post .body dl.sitemap dt a{
display:block;
height:100%;
width:100%;
text-indent:-9999px;
}

div.postBox .post .body dl.sitemap dd{
display:block;
float:left;
border-top:1px solid #928158;
padding:5px 0;
width:271px;
height:60px;
overflow:hidden;
}

div.postBox .post .body dl.sitemap dt.stylePhoto{
height:20px;
}

div.postBox .post .body dl.sitemap dd.stylePhoto{
height:20px;
}

div.postBox .post .body dl.sitemap dd.stylePhotoMenu{
margin-top:-30px;
border:0;
height:20px;
width:421px;
}

div.postBox .post .body dl.sitemap dd.stylePhotoMenu li{
float:left;
border-right:1px solid;
padding:0 5px;
line-height:1;
list-style:none;
}

div.postBox .post .body dl.sitemap dd.stylePhotoMenu li.last{
border:0;
}

div.postBox .post .body dl.sitemap dt.info{
background:url("./img/sitemap_information.gif") no-repeat center center;
}

div.postBox .post .body dl.sitemap dt.recommend{
background:url("./img/sitemap_recommend.gif") no-repeat center center;
}

div.postBox .post .body dl.sitemap dt.art{
background:url("./img/sitemap_artwork.gif") no-repeat center center;
}

div.postBox .post .body dl.sitemap dt.staff{
background:url("./img/sitemap_staff.gif") no-repeat center center;
}

div.postBox .post .body dl.sitemap dt.sitemap{
background:url("./img/sitemap_sitemap.gif") no-repeat center center;
}

div.postBox .post .body dl.sitemap dt.deInasalon{
background:url("./img/sitemap_de_inasalon.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.deStylePhoto{
background:url("./img/sitemap_de_stylephoto.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.deProducts{
background:url("./img/sitemap_de_products.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.deAccess{
background:url("./img/sitemap_de_access.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.deQanda{
background:url("./img/sitemap_de_qanda.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.kinoInasalon{
background:url("./img/sitemap_kino_inasalon.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.kinoStylePhoto{
background:url("./img/sitemap_kino_stylephoto.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.kinoProducts{
background:url("./img/sitemap_kino_products.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.kinoAccess{
background:url("./img/sitemap_kino_access.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.sitemap dt.kinoQanda{
background:url("./img/sitemap_kino_qanda.gif") no-repeat 5px 7px;
}

div.postBox .post .body dl.price dt, div.postBox .post .body dl.price dd{
display:block;
float:left;
border-top:1px solid;
width:210px;
height:2em;
padding-top:5px;
}

div.postBox .post .styleIndex img{
display:block;
float:left;
margin-right:10px;
}

div.postBox .post .styleIndex h2{
display:block;
float:right;
margin-top:10px;
width:245px;
height:44px;
text-indent:-9999px;
}

div.postBox .post .styleIndex h2.DEshort{
background:url("./img/de_stylephoto_short_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.DEmedium{
background:url("./img/de_stylephoto_medium_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.DElong{
background:url("./img/de_stylephoto_long_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.DEmens{
background:url("./img/de_stylephoto_mens_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.DEdread{
background:url("./img/de_stylephoto_dread_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.KINOshort{
background:url("./img/kino_stylephoto_short_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.KINOmedium{
background:url("./img/kino_stylephoto_medium_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.KINOlong{
background:url("./img/kino_stylephoto_long_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.KINOmens{
background:url("./img/kino_stylephoto_mens_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.KINOdread{
background:url("./img/kino_stylephoto_dread_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.KINOkimono{
background:url("./img/kino_stylephoto_kimono_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.artBand{
background:url("./img/artwork_band_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.artKimono{
background:url("./img/artwork_kimono_t.gif") no-repeat left top;
height:60px;
}

div.postBox .post .styleIndex h2.DEupstyle{
background:url("./img/de_stylephoto_upstyle_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.KINOupstyle{
background:url("./img/kino_stylephoto_upstyle_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.DEupstyle{
background:url("./img/de_stylephoto_upstyle_t.gif") no-repeat left top;
}


div.postBox .post .styleIndex h2.KINOwedding{
background:url("./img/kino_stylephoto_wedding_t.gif") no-repeat left top;
}

div.postBox .post .styleIndex h2.DEwedding{
background:url("./img/de_stylephoto_wedding_t.gif") no-repeat left top;
}


div.postBox .post .styleIndex p{
padding-left:176px;
}

div.postBox .post .body dl.price dd{
text-align:right;
}

.post .body img {
max-width: 420px;
}


div.postBox .prevNav{
float:left;
font-size:0.9em;
font-weight:bold;
text-align:left;
width:50%;
}

div.postBoxDE .prevNav{
text-indent:40px;
}

.prevNav a:link, .prevNav a:visited{
color:#FFF;
}

div.postBox .nextNav{
float:right;
font-size:0.9em;
font-weight:bold;
text-align:right;
width:50%;
}

div.postBoxKINO .nextNav{
width:213px;
padding-right:40px;
}

.nextNav a:link, .nextNav a:visited{
color:#FFF;
}

#sideBarRight, #sideBarLeft{
display:block;
margin:0;
padding:0;
width:207px;
}

#sideBarLeft{
float:left;
}

#sideBarRight{
float:right;
}

object.img01{
margin:220px 28px 0 0;
}

object.img02{
margin-left:8px;
margin-top:250px;
}

object.img03{
margin:100px 0 0 50px;
}

object.img04{
margin:20px 74px 0 0;
}

object.img05{
margin:100px 100px 0 67px;
}

object.img06{
margin-top:20px;
}

object.img08{
margin:60px 0 0 40px;
}

object.img09{
margin-left:40px;
}

object.img10{
margin-top:150px;
}

#footer{
background:url("./img/footer_tree.gif") no-repeat center top;
clear:both;
display:block;
letter-spacing:0.05em;
min-width: 880px;
padding:355px 0 1px 0;
width:100%;
}

#footer div.footerMenuList{
background:url("./img/footer_gl.gif") repeat-x left bottom;
display:block;
font-size:0.7em;
margin:0 auto;
text-align:center;
width:880px;
}

#footer li{
display:block;
color:#999;
list-style:none;
line-height:1.8;
}

#footer li a:link, #footer li a:visited{
color:#999;
text-decoration:none;
}

#footer li a:hover{
color:#FFF;
}

#footer span.footerMenuTitle{
display:none;
}

#footer .footerMenu1{
clear:both;
background:url("./img/footer_gl.gif") repeat-x left top;
font-size:0.75em;
line-height:2;
padding-top:10px;
width:100%;
}

#footer .footerMenu1 ul{
display:block;
}

#footer .footerMenu1 ul li{
border-right:solid 1px #CCCCCC;
display:inline;
margin:0;
padding:0 10px;
}

#footer .footerMenu1 ul li.last{
border-width:0;
text-align:center;
}

#footer .footerMenu2{
background:url("./img/footer_tree_01.gif") repeat-y right top;
display:block;
float:left;
padding:0 40px 20px 0;
width:400px;/*440px-padding*/
}

#footer .footerMenu2 div{
background:url("./img/footer_de_logo.gif") no-repeat 120px center;
}

#footer .footerMenu2 li{
text-align:right;
width:100%;
}

#footer .footerMenu3{
background:url("./img/footer_tree_02.gif") repeat-y left top;
display:block;
float:right;
padding:0 0 20px 40px;
width:400px;/*440px-padding*/
}

#footer .footerMenu3 div{
background:url("./img/footer_kino_logo.gif") no-repeat 120px center;
}

#footer .footerMenu3 li{
text-align:left;
width:100%;
}

/*------------------------------------------------------------
DEページ用
----------------------------------------------------------------*/

#deSidebar{
display:block;
float:right;
margin:0;
padding:0;
width:374px;
}

div.postBoxDE div.post{
margin-left:40px;
background:url("./img/post2_body.gif") repeat-y 0 0;
color:#723D11;
}

div.postBoxDE div.post div.head{
background:url("./img/post2_head.gif") no-repeat 0 0;
}

div.postBoxDE div.post div.head h2.postTitle, div.postBoxDE div.post .foot .author{
border-color:#83290E;
}

div.postBoxDE div.post .foot{
background:url("./img/post2_foot.gif") no-repeat 0 bottom;
}

h1.de_stylephoto{
background:url("./img/de_stylephoto_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.de_short{
background:url("./img/de_stylephoto_short_h1.gif") no-repeat 40px top;
}

h1.de_medium{
background:url("./img/de_stylephoto_medium_h1.gif") no-repeat 40px top;
}

h1.de_long{
background:url("./img/de_stylephoto_long_h1.gif") no-repeat 40px top;
}

h1.de_mens{
background:url("./img/de_stylephoto_mens_h1.gif") no-repeat 40px top;
}

h1.de_dread{
background:url("./img/de_stylephoto_dread_h1.gif") no-repeat 40px top;
}

h1.de_dread{
background:url("./img/de_stylephoto_dread_h1.gif") no-repeat 40px top;
}

h1.de_products{
background:url("./img/de_products_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.de_inasalon{
background:url("./img/de_inasalon_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.de_access{
background:url("./img/de_access_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.de_qanda{
background:url("./img/de_qanda_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.artBand{
background:url("./img/artwork_band_h1.gif") no-repeat center top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.artKimono{
background:url("./img/artwork_kimono_h1.gif") no-repeat center top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.de_how{
background:url("./img/de_stylephoto_how_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.de_upstyle{
background:url("./img/de_stylephoto_upstyle_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.kino_upstyle{
background:url("./img/kino_stylephoto_upstyle_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}

h1.kino_wedding{
background:url("./img/kino_stylephoto_wedding_h1.gif") no-repeat 40px top;
display:block;
height:71px;
margin:10px 0;
text-indent:-9999px;
width:100%;
}


img.howToDread{
margin-top:20px;
}

/*------------------------------------------------------------
KINOページ用
----------------------------------------------------------------*/
#kinoSidebar{
display:block;
float:left;
margin:0;
padding:0;
width:374px;
}

* html #kinoSideber{
margin-right:-100px;
}

div.postBoxKINO div.post{
margin-right:40px;
background:url("./img/post3_body.gif") repeat-y 0 0;
color:#283225;
}

div.postBoxKINO div.post div.head{
background:url("./img/post3_head.gif") no-repeat 0 0;
border-color:#283225;
}

div.postBoxKINO div.post div.head h2.postTitle, div.postBoxKINO div.post .foot .author{
border-color:#4A7930;
}

div.postBoxKINO div.post .foot{
background:url("./img/post3_foot.gif") no-repeat 0 bottom;
}

h1.kino_stylephoto{
background:url("./img/kino_stylephoto_h1.gif") no-repeat right top;
display:block;
height:71px;
margin:10px 40px 10px 0;
text-indent:-9999px;
width:840px;
}

h1.kino_short{
background:url("./img/kino_stylephoto_short_h1.gif") no-repeat right top;
}

h1.kino_medium{
background:url("./img/kino_stylephoto_medium_h1.gif") no-repeat right top;
}

h1.kino_long{
background:url("./img/kino_stylephoto_long_h1.gif") no-repeat right top;
}

h1.kino_mens{
background:url("./img/kino_stylephoto_mens_h1.gif") no-repeat right top;
}

h1.kino_dread{
background:url("./img/kino_stylephoto_dread_h1.gif") no-repeat right top;
}

h1.kino_kimono{
background:url("./img/kino_stylephoto_kimono_h1.gif") no-repeat right top;
}

h1.kino_products{
background:url("./img/kino_products_h1.gif") no-repeat right top;
display:block;
height:71px;
margin:10px 40px 10px 0;
text-indent:-9999px;
width:840px;
}

h1.kino_inasalon{
background:url("./img/kino_inasalon_h1.gif") no-repeat right top;
display:block;
height:71px;
margin:10px 40px 10px 0;
text-indent:-9999px;
width:840px;
}

h1.kino_access{
background:url("./img/kino_access_h1.gif") no-repeat right top;
display:block;
height:71px;
margin:10px 40px 10px 0;
text-indent:-9999px;
width:840px;
}

h1.kino_qanda{
background:url("./img/kino_qanda_h1.gif") no-repeat right top;
display:block;
height:71px;
margin:10px 40px 10px 0;
text-indent:-9999px;
width:840px;
}


/*------------------------------------------------------------------
トップページ
-------------------------------------------------------------------*/

ul.topList ul.post-categories{
display:inline;
}

ul.topList ul.post-categories li{
display:inline;
}

.eidaBanner {
clear: both;
text-align: center;
}

/* 一時的に */
h2.topH2 {
margin-top: 30px;
}