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

*{
margin: 0px;
padding: 0px;
}

body{
background:url(../img/bg_body.gif) top left repeat-x;
font-size: 12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 1.4em;
color:#333;
}

img{
border:0;
outline:none;
vertical-align:bottom;
}

a:link{
color:#ff0066;
}

a:visited{
color:#ff0066;
}

a:hover{
color:#0099ff;
}

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

.clearfix {
min-height: 1px;
}

* html .clearfix{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

p{
margin:0 10px 12px;
}

ul{
list-style-type:none;
}

.iepngfix{
behavior: expression(IEPNGFIX.fix(this));
}



.cb{
clear:both;
}



/* --------------- <h>group --------------- */
h1{
color:#fff;
font-size:12px;
height:14px;
width:940px;
margin:0 auto;
}

h2{
background:url("../img/logo.gif") no-repeat;
}

h2 a{
display:block;
height:46px;
width:177px;
text-indent:-9999px;
}

h2 a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}





/* --------------- header --------------- */
#header{
background:url(../img/bg_header.gif) no-repeat top center;
width:900px;
height:80px;
margin:0 auto;
padding:0 20px;
}

#header-l{
width:177px;
height:46px;
float:left;
margin-top:18px;
}

#header-r{
width:268px;
height:70px;
float:right;
margin-top:5px;
}


/* --------------- navigation --------------- */
#navi{
height:50px;
width:900px;
clear:both;
margin:0 auto;
padding:0 20px;
background-color:#fff;
}

.bg-navi{
background:none;
background:url(../img/bg_menu.gif) top center no-repeat;
}

#navi li{
float:left;
}

#navi li a{
display:block;
outline:none;
text-indent:-9999px;
width:128px;
height:50px;
}

/* ---- mouse over --- */
.m01 a{background:url(../img/m01.png); width:130px;}
.m02 a{background:url(../img/m02.png);}
.m03 a{background:url(../img/m03.png);}
.m04 a{background:url(../img/m04.png);}
.m05 a{background:url(../img/m05.png);}
.m06 a{background:url(../img/m06.png);}
.m07 a{background:url(../img/m07.png); width:130px;}

.m01 a:hover{background:url(../img/m01ov.png); width:130px;}
.m02 a:hover{background:url(../img/m02ov.png);}
.m03 a:hover{background:url(../img/m03ov.png);}
.m04 a:hover{background:url(../img/m04ov.png);}
.m05 a:hover{background:url(../img/m05ov.png);}
.m06 a:hover{background:url(../img/m06ov.png);}
.m07 a:hover{background:url(../img/m07ov.png); width:130px;}
/* ---- //mouse over --- */


/* ---- 該当ページ閲覧時のmouse over --- */
.m01ov a{background:url(../img/m01ov.png); width:130px;}
.m02ov a{background:url(../img/m02ov.png);}
.m03ov a{background:url(../img/m03ov.png);}
.m04ov a{background:url(../img/m04ov.png);}
.m05ov a{background:url(../img/m05ov.png);}
.m06ov a{background:url(../img/m06ov.png);}
.m07ov a{background:url(../img/m07ov.png); width:130px;}

.m01ov a:hover{background:url(../img/m01ov.png); width:130px;}
.m02ov a:hover{background:url(../img/m02ov.png);}
.m03ov a:hover{background:url(../img/m03ov.png);}
.m04ov a:hover{background:url(../img/m04ov.png);}
.m05ov a:hover{background:url(../img/m05ov.png);}
.m06ov a:hover{background:url(../img/m06ov.png);}
.m07ov a:hover{background:url(../img/m07ov.png); width:130px;}

/* ---- 該当ページ閲覧時のmouse over --- */

/* --------------- footer --------------- */
#footer{
background:url("../img/bg_footer01.gif") repeat-x top left;
height:217px;
width:100%;
clear:both;
}

#footer-box{
margin:0 auto;
width:940px;
height:209px;
padding-top:8px;
}

#footer-navi{
width:600px;
float:left;
line-height:1.5em;
}

#footer-navi a:link{
color:#fff;
text-decoration:none;
}

#footer-navi a:visited{
color:#fff;
text-decoration:none;
}

#footer-navi a:hover{
color:#ffd5e6;
text-decoration:underline;
}

#footer-navi li{
background:url(../img/y01.gif) no-repeat center left;
padding-left:18px;
color:#fff;
}

#footer-navi ul.sub li{
background:url(../img/y02.png) no-repeat center left;
padding-left:18px;
margin-left:5px;
}

.footer-navi01{
float:left;
height:209px;
margin-right:50px;
}

.footer-navi02{
float:left;
height:209px;
margin-right:50px;
}

.footer-navi03{
float:left;
height:209px;
}

#footer-banner{
width:268px;
height:70px;
float:right;
}


#copyright{
clear:both;
width:100%;
height:44px;
background:url(../img/bg_copy.gif) repeat-x top left;
text-align:center;
}

/* --------------- main-image(FLASH) --------------- */
#main-image{
width:930px;
height:331px;
margin:0 auto;
padding-right:10px;
background:url(../img/bg_topflash.gif) repeat-x top left;
clear:both;
}
/* --------------- main --------------- */
#main{
margin:0 auto 20px;
width:900px;
padding:20px ;
background:#fff;
}

#main-contents{
margin:0 auto 20px;
width:900px;
padding:0 20px 20px;
background:#fff;
}


/* --- left column --- */
#left{
width:258px;
float:left;
background:#f2eced;
}

#left a:hover img.lb{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

#left-shop{
width:228px;
height:91px;
background:url(../img/bg_left_shop.jpg) no-repeat top center;
margin-bottom:7px;
padding:39px 15px 0;
}

#left-blog{
width:228px;
height:111px;
background:url(../img/bg_left_blog.gif) no-repeat top center;
font-size:10px;
padding:40px 15px 0;
line-height:1.2em;
margin-bottom:7px;
}

#left-blog-txt{
margin:0 5px 40px;
}

.mail-thank{
padding-left:70px;
padding-top:30px;
}

#topic-path{
width:900px;
margin:0 auto;
background:#fff;
padding:5px 20px;
font-size:10px;
text-align:right;
}

#left-ranking{
width:244px;
background:#f2eced;
padding:0 7px;
}

.left-ranking-box{
width:238px;
height:168px;
clear:both;
font-size:10px;
padding:0 3px;
}

.left-ranking01{
background:url(../img/left_bg_ranking01.gif) no-repeat top left;
}

.left-ranking02{
background:url(../img/left_bg_ranking02.gif) no-repeat top left;
}

.left-ranking03{
background:url(../img/left_bg_ranking03.gif) no-repeat top left;
margin-bottom:7px;
}

.lrb-left{
width:93px;
height:116px;
float:left;
padding-top:52px;
}

.lrb-right{
width:140px;
height:116px;
float:right;
padding-top:52px;
}

#area{
width:248px;
background-color:#ffe7f2;
background-image:url(../img/area_top.gif);
background-position:top center;
background-repeat:no-repeat;
padding:45px 5px 0;
font-size:10px;
}

#area strong{
color:#be5d8a;
}


/* --- //left column --- */


/* --- right column --- */
#right{
width:630px;
float:right;
background:#fff;
}

.img-main{
}

/*#cata{
width:620px;
height:86px;
padding-top:139px;
padding-left:10px;
background:url(../img/bg_catalogue_bottom.jpg) no-repeat top center;
clear:both;
margin-top:20px;
}*/

#cata{
width:310px;
height:125px;
padding-top:50px;
padding-left:320px;
background:url(../img/bg_catalogue_bottom.gif) no-repeat top center;
clear:both;
margin-top:20px;
}

/*#cata02{
width:620px;
height:80px;
padding-top:139px;
padding-left:10px;
background:url(../img/bg_catalogue_bottom02.jpg) no-repeat top center;
clear:both;
margin-bottom:20px;
}*/

#cata02{
width:310px;
height:101px;
padding-top:50px;
padding-left:320px;
background:url(../img/bg_catalogue_bottom02.jpg) no-repeat top center;
clear:both;
margin-bottom:20px;
}

/*#cata03{
width:620px;
height:101px;
padding-top:139px;
padding-left:10px;
background:url(../img/bg_catalogue_bottom03.jpg) no-repeat top center;
clear:both;
margin-bottom:20px;
}*/

#cata03{
width:310px;
height:101px;
padding-top:50px;
padding-left:320px;
background:url(../img/bg_catalogue_bottom03.jpg) no-repeat top center;
clear:both;
margin-bottom:20px;
}

#other{
margin-bottom:20px;
}

#other a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.other-box{
width:153px;
float:left;
font-size:10px;
}

#banner-ooshima a:link{
color:#fc037e;
}

#banner-ooshima a:visited{
color:#fc037e;
}

#banner-ooshima a:hover{
color:#0490fc;
}

#banner-ichiban a:link{
color:#ff0066;
}

#banner-ichiban a:visited{
color:#ff0066;
}

#banner-ichiban a:hover{
color:#0490fc;
}

#banner-aisare a:link{
color:#ee19be;
}

#banner-aisare a:visited{
color:#ee19be;
}

#banner-aisare a:hover{
color:#0490fc;
}

#banner-happyprice a:link{
color:#ffb400;
}

#banner-happyprice a:visited{
color:#ffb400;
}

#banner-happyprice a:hover{
color:#0490fc;
}

#banner-hakama a:link{
color:#f30202;
}

#banner-hakama a:visited{
color:#f30202;
}

#banner-hakama a:hover{
color:#0490fc;
}

#message{
width:630px;
background-color:#f2eced;
background-image:url(../img/box_bottom.gif);
background-position:bottom center;
background-repeat:no-repeat;
padding-bottom:20px;
margin-bottom:10px;
margin-top:10px;
}

#top-pg{
width:381px;
height:58px;
padding-top:131px;
padding-left:249px;
background:url(../img/bg_top_kirarahime.jpg) no-repeat top center;
}



#top-pic-box p{
width:362px;
height:62px;
background:url(../img/banner_top_satsuei02.jpg) no-repeat top left;
float:left;
margin:0;
padding-left:23px;
padding-top:5px;
}

#top-pic-box img{
width:245px;
height:67px;
float:right;
}

#top-info{
clear:both;
margin-bottom:10px;
}

#top-info-txt{
background:#f2eced;
padding:10px 10px 0;
width:610px;
height:120px;
overflow:auto;
x-overflow:hidden;
}

#top-info-txt dt{
color:#f80178;
font-weight:bold;
}

#top-info-txt dd{
padding-bottom:5px;
border-bottom:1px dotted #999;
margin-bottom:5px;
}

#top-ranking{
background:#f2eced;
margin-bottom:30px;
}


.top-ranking-box{
width:114px;
float:left;
padding-top:46px;
}

.top-rank01{
background:url(../img/bg_ranking_no1.gif) no-repeat top center;
}

.top-rank02{
background:url(../img/bg_ranking_no2.gif) no-repeat top center;
}

.top-rank03{
background:url(../img/bg_ranking_no3.gif) no-repeat top center;
}

.top-rank04{
background:url(../img/bg_ranking_no4.gif) no-repeat top center;
}

.top-rank05{
background:url(../img/bg_ranking_no5.gif) no-repeat top center;
}

.top-ranking-txt{
font-size:10px;
margin-bottom:5px;
}

.btn-pagetop{
text-align:right;
margin-bottom:5px;
clear:both;
}



/* --- //right column --- */


/* --------------- 愛されスタイリング --------------- */

#main-aisare{
width:620px;
height:47px;
background:url(../img/img_main_aisare.jpg) no-repeat top center;
padding:234px 5px 0;
}

#aisare-box{
width:615px;
height:43px;
padding-top:37px;
padding-left:15px;
}

.romantic{background:url(../img/bg_aisare01.gif) no-repeat top center;}
.classical{background:url(../img/bg_aisare02.gif) no-repeat top center;}
.modern{background:url(../img/bg_aisare03.gif) no-repeat top center;}
.sweet{background:url(../img/bg_aisare04.gif) no-repeat top center;}
.stylish{background:url(../img/bg_aisare05.gif) no-repeat top center;}



/* --------------- カタログページ --------------- */

#catalogue-ooshima{
width:600px;
height:119px;
background:url(../img/bg_catalogue.jpg) no-repeat top center;
padding:271px 15px 0;
margin-bottom:10px;
}

#c-o-left{
float:left;
width:310px;
}

#c-o-right{
float:right;
width:280px;
padding-top:30px;
}

.c-left{
width:310px;
float:left;
}

.c-left a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.c-right{
width:310px;
float:right;
}

.c-right a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}


/* --------------- 大島優子ページ --------------- */

#box-oosima-flash{
width:630px;
height:385px;
background:url(../img/bg_oosima_flash.jpg) no-repeat top center;
}

#box-oosima01{
width:625px;
height:245px;
background:url(../img/bg_ooshima01.jpg) no-repeat top center;
padding-top:285px;
padding-left:5px;
}

#box-oosima02{
width:630px;
height:148px;
background:url(../img/bg_ooshima02.jpg) no-repeat top center;
padding-top:400px;
}

.btn-ooshima01{
padding-left:190px;
padding-top:20px;
}

.btn-ooshima02{
padding-left:410px;
padding-top:20px;
}

.btn-ooshima03{
padding-left:410px;
}

.btn-ooshima04{
padding-left:65px;
padding-top:15px;
}



/* --------------- 袴一覧ページ --------------- */

#akina{
	width:630px;
	background:url(../img/hakama_bottom.jpg) no-repeat bottom center;
	margin-bottom:20px;
	text-align:center;
	padding-bottom:30px;
}







/* --------------- プラン紹介ページ --------------- */

#plan{
width:615px;
height:618px;
background:url(../img/bg_plan.jpg) no-repeat top center;
padding-right:15px;
}

.plan-box{
height:283px;
margin-bottom:5px;
}

.plan-box-left{
width:220px;
height:64px;
padding:219px 0 0 15px;
float:left;
}

.plan-box-right{
width:223px;
height:64px;
padding:219px 0 0 12px;
float:right;
}

.plan01{background:url(../img/bg_plan01.png) no-repeat top center;}
.plan02{background:url(../img/bg_plan02.png) no-repeat top center;}
.plan03{background:url(../img/bg_plan03.png) no-repeat top center;}
.plan04{background:url(../img/bg_plan04.png) no-repeat top center;}


/* --------------- ご購入プランページ --------------- */

#plan-purchase{
width:610px;
height:418px;
background:url(../img/img_purchase01.jpg) no-repeat top center;
color:#ff0066;
font-size:14px;
padding-top:20px;
padding-left:20px;
}

#plan-purchase02{
width:560px;
height:145px;
background:url(../img/img_purchase03.jpg) no-repeat top center;
padding-top:50px;
padding-left:70px;
line-height:1.1em;
}

/* --------------- レンタルプランページ --------------- */

#plan-rental{
width:610px;
height:418px;
background:url(../img/img_rental01.jpg) no-repeat top center;
color:#ff0066;
font-size:14px;
padding-top:20px;
padding-left:20px;
}

#plan-rental02{
width:560px;
height:129px;
background:url(../img/img_rental03.jpg) no-repeat top center;
padding-top:45px;
padding-left:70px;
line-height:1.1em;
}

/* --------------- 袴レンタルプランページ --------------- */

#plan-hrental{
width:620px;
height:72px;
background:url(../img/bg_hakamarental02.jpg) no-repeat top center;
padding-top:404px;
padding-left:10px;
}

/* --------------- リユースプランページ --------------- */

#plan-reuse{
width:625px;
height:489px;
background:url(../img/bg_reuse01.jpg) no-repeat top center;
padding-top:60px;
padding-left:5px;
font-weight:bold;
}

#plan-reuse01{
width:630px;
height:200px;
background:url(../img/bg_reuse_point2.jpg) no-repeat top center;
font-weight:bold;
text-align:center;
padding-top:87px;
}

#plan-reuse02{
width:580px;
height:234px;
background:url(../img/bg_reuse_point3.jpg) no-repeat top center;
font-weight:bold;
padding-top:93px;
padding-left:50px;
}

#plan-reuse03{
width:630px;
height:205px;
background:url(../img/bg_reuse02.jpg) no-repeat top center;
}

.reuseplan{
width:204px;
height:165px;
padding:45px 0 0;
float:left;
line-height:1.3em;
}

.reuseplan p{
margin-bottom:5px;
}

.reuseplan01{background:url(../img/bg_reuseplan01.gif) no-repeat top center; }
.reuseplan02{background:url(../img/bg_reuseplan02.gif) no-repeat top center; }
.reuseplan03{background:url(../img/bg_reuseplan03.gif) no-repeat top center; }


/* --------------- 店舗ページ --------------- */

#shop-box{
margin:0 10px 15px;
}

#shop-box th{
width:150px;
text-align:center;
vertical-align:top;
padding:15px 0;
background:#f2eced;
}

#shop-box td{
text-align:left;
padding:15px 10px;
}

#g-map{
width:440px;
margin:5px 0;
}

.shop-pic-box{
width:196px;
float:left;
margin-bottom:15px;
}

#shop-message{
clear:both;
margin-bottom:20px;
}

#sm-left{
float:left;
width:347px;
}

#sm-left p{
margin:0;
margin-bottom:12px;
}

#sm-right{
float:right;
width:253px;
height:190px;
}

a:hover img.hover{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}


/* --------------- 振袖撮影会ページ --------------- */

#fp-box{
	width:620px;
	height:170px;
	background:url(../img/img_main_fp.jpg) no-repeat top center;
	padding-left:10px;
	padding-top:200px;
}

#fp-box02{
width:400px;
height:70px;
background:url(../img/img_fp02.gif) no-repeat left center;
padding-left:230px;
padding-top:15px;
margin-bottom:10px;
}


/* --------------- フォトアルバムページ --------------- */

#main-pa{
width:590px;
height:300px;
background:url(../img/img_main_pa.jpg) no-repeat top center;
padding:0 20px 0;
}

#cool{
width:620px;
height:160px;
background:url(../img/bg_pa01.jpg) no-repeat top center;
padding-top:130px;
padding-left:10px;
}

#cuty{
width:205px;
height:167px;
background:url(../img/bg_pa02.jpg) no-repeat top center;
padding-top:130px;
padding-left:425px;
}

#elegant{
width:620px;
height:155px;
background:url(../img/bg_pa03.jpg) no-repeat top center;
padding-top:130px;
padding-left:10px;
}






/* --------------- きらら姫ページ --------------- */

.kirarahime-box01{
width:284px;
height:104px;
background:url(../img/bg_kirarahime_kawagoe.jpg) no-repeat top center;
padding-top:370px;
padding-left:346px;
}

.kirarahime-box02{
width:284px;
height:110px;
background:url(../img/bg_kirarahime_honjou.jpg) no-repeat top center;
padding-top:312px;
padding-left:346px;
}

.kirarahime-box03{
width:284px;
height:100px;
background:url(../img/bg_kirarahime_tokorozawa.jpg) no-repeat top center;
padding-top:325px;
padding-left:346px;
}


/* --------------- 店舗紹介ページ --------------- */

#shop{
width:630px;
background:url(../img/bg_shop01.jpg) no-repeat top right;
padding-top:10px;
}

.shop-ex{
width:340px;
margin-left:10px;
margin-bottom:15px;
}

.shop-ex02{
margin-left:10px;
margin-bottom:15px;
}

.shop-ex03{
margin-bottom:15px;
background:url(../img/bg_shop02.jpg) no-repeat top left;
height:194px;
padding-left:285px;
}

.shop-link{
width:202px;
border:1px solid #fd8ba8;
float:left;
}

.shop-link-title{
background-color:#fd8ba8;
text-align:center;
padding:5px 0;
margin-bottom:4px;
}

/* --------------- ランキングページ --------------- */

.rank-box{
width:630px;
height:auto;
clear:both;
}

.rank-box-no1-3{
width:204px;
height:auto;
padding-top:340px;
float:left;
margin-right:9px;
}

.rank-box-no4-10{
width:150px;
height:auto;
padding-top:260px;
float:left;
margin-right:9px;
}

.no1{background:url(../img/bg_ranking01.jpg) no-repeat top center;}
.no2{background:url(../img/bg_ranking02.jpg) no-repeat top center;}
.no3{background:url(../img/bg_ranking03.jpg) no-repeat top center; margin-right:0;}
.no4{background:url(../img/bg_ranking04.jpg) no-repeat top center;}
.no5{background:url(../img/bg_ranking05.jpg) no-repeat top center;}
.no6{background:url(../img/bg_ranking06.jpg) no-repeat top center;}
.no7{background:url(../img/bg_ranking07.jpg) no-repeat top center; margin-right:0;}
.no8{background:url(../img/bg_ranking08.jpg) no-repeat top center;}
.no9{background:url(../img/bg_ranking09.jpg) no-repeat top center;}
.no10{background:url(../img/bg_ranking10.jpg) no-repeat top center;}


/* ----- カタログ請求フォーム ----- */
#con{
margin:0 10px;
}

#con p.mail-thank{
padding-top:35px;
}

table#con{
border:1px solid #fd8ba8;
border-collapse:collapse;
margin-bottom:30px;
}

#con th{
background-color:#ffdee6;
border:1px solid #fd8ba8;
padding:20px 10px;
text-align:left;
width:135px;
}

.hissu{
margin-left:10px;
padding:2px 10px;
}

#con td{
border:1px solid #fd8ba8;
padding:20px 15px;
text-align:left;
width:410px;
}

#submit-box{
margin:0 auto 15px;
width:250px;
height:28px;
}

.w30{width:30px;}
.w50{width:50px;}
.w150{width:150px;}
.w200{width:200px;}
.w300{width:300px;}
.h100{height:100px;}





/* --------------- <margin>group --------------- */

.p10{
padding:10px;
}

.pt10{
padding-top:10px;
}

.plr10{
padding:0 10px;
}

.m0{
margin:0;
}

.ml4{
margin-left:4px;
}

.mb0{
margin-bottom:0;
}

.mb3{
margin-bottom:3px;
}

.mb5{
margin-bottom:5px;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb30{
margin-bottom:30px;
}

.mb378{
margin-bottom:378px;
}

.mr2{
margin-right:2px;
}

.mr3{
margin-right:3px;
}

.mr4{
margin-right:4px;
}

.mr6{
margin-right:6px;
}

.mr9{
margin-right:9px;
}

.mr10{
margin-right:10px;
}

.mt10{
margin-top:10px;
}

.mrl10mb25{
margin:0 10px 25px;
}

.mr5mb5{
margin-right:5px;
margin-bottom:5px;
}

.mr10mb10{
margin-right:10px;
margin-bottom:10px;
}

.ml10{
margin-left:10px;
}

.ta-c{
text-align:center;
}

.ta-r{
text-align:right;
}





/* --------------- txt --------------- */

.fs-10{
font-size:10px;
}

.t-type01{
font-weight:bold;
color:#FF3366;
}

.txt-type02{
color:#c50404;
}

.txt-type03{
color:#ff0000;
}

.txt-type04{
font-size:14px;
font-weight:bold;
}

.txt-type05{
font-weight:bold;
color:#ff0066;
}

.txt-type06{
color:#ff0066;
}

.txt-type07{
color:#9b0202;
font-weight:bold;
}

.txt-type08{
color:#666666;
}

.txt-type09{
font-size:10px;
color:#f00;
font-weight:normal;
}

.txt-type10{
font-weight:bold;
font-size:14px;
color:#f40b11;
}

.txt-type11{
font-weight:bold;
color:#ff0066;
font-size:14px;
}