@charset "utf-8";
/* else */

@import url(./common.css);


/******************** dress ************************************/

#dress{
 width:656px;
 margin:0;
 padding:0;
}

#dress ul{
 margin:0;
 padding:0;
 list-style:none;
}

#dress ul li{
 float:left;
 margin:0 35px 30px 0;
 padding:0;
 line-height:100%;
}

#dress ul li a:link, #dress ul li a:visited{
 border:5px #BFCACE solid;
 display:block;
 width:170px;
 height:245px;
 overflow:hidden;
}

#dress ul li a:hover, #dress ul li a:active{
 border:5px #ECD89B solid;
 display:block;
 width:170px;
 height:245px;
 overflow:hidden;
}

#list{
 width:630px;
 margin:0 0 40px 10px;
 padding:0;
}

#list img.image{
 float:left;
}

#list dl{
 width:490px;
 float:right;
 margin:0;
 padding:0;
}

#list dl dt{
 border-bottom:1px #CCCCCC dotted;
 border-top:3px #CCCCCC solid;
 padding:4px 0;
 margin:0 0 15px 0;
}

#dress p.pagination{
 clear:left;
 text-align:center;
 padding-top:40px;
 padding-bottom:2px;
}

#dress p.pagination a{
 margin-right:5px;
 text-decoration:none;
 color:#BFCACE;
 padding:2px 5px;
}

#dress p.pagination a:link, #dress p.pagination a:visited{
 text-decoration:none;
 color:#BFCACE;
 padding:2px 5px;
 border:1px #BFCACE solid;
 background-color:#FFFFFF;
}

#dress p.pagination a:hover, #dress p.pagination a:active{
 text-decoration: none;
 color:#FFFFFF;
 padding:2px 5px;
 border:1px #BFCACE solid;
 background-color:#BFCACE;
}

#dress p.pagination_top{
 clear:left;
 text-align:center;
 padding-bottom:40px;
 padding-top:2px;
}

#dress p.pagination_top a{
 margin-right:5px;
 text-decoration:none;
 color:#BFCACE;
 padding:2px 5px;
}

#dress p.pagination_top a:link, #dress p.pagination_top a:visited{
 text-decoration:none;
 color:#BFCACE;
 padding:2px 5px;
 border:1px #BFCACE solid;
 background-color:#FFFFFF;
}

#dress p.pagination_top a:hover, #dress p.pagination_top a:active{
 text-decoration: none;
 color:#FFFFFF;
 padding:2px 5px;
 border:1px #BFCACE solid;
 background-color:#BFCACE;
}

/*UNO*/

div.dress_menu{
 width:210px;
 float:left;
}

div.dress_menu_img{
 border:1px #BFCACE solid;
 padding:1px;
 display:inline;
 zoom:1;
}

html:not([lang*=""]) div.dress_menu_img{
 display: inline-block;
}

.mb50{
 margin-bottom:50px;
}

.mb60{
 margin-bottom:60px;
}

.mb10{
 margin-bottom:10px;
}

.mb20{
 margin-bottom:20px;
}

.mb30{
 margin-bottom:30px;
}

.mb40{
 margin-bottom:40px;
}

.mr8{
 margin-right:8px;
}

.mr13{
 margin-right:13px;
}

.gray{
 background-color:#CCCCCC;
}

.blue{
 background-color:#BFCACE;
}

a.more_black{
 padding:7px 20px 5px 25px;
 color:#FFFFFF;
 font-size:1.2em;
 text-decoration:none;
 display:block;
 float:right;
 background-color:#000000;
}

a.more_black:hover{
 background-color:#7E2E38;
}

a.more_gray{
 padding:5px 10px 3px 15px;
 color:#FFFFFF;
 font-size:1.2em;
 text-decoration:none;
 display:block;
 float:right;
 background-color:#999999;
}

a.more_gray:hover{
 background-color:#666666;
}

a.more_blue{
 padding:5px 10px 3px 15px;
 color:#FFFFFF;
 font-size:1.2em;
 text-decoration:none;
 display:block;
 float:right;
 background-color:#8FA0A6;
}

a.more_blue:hover{
 background-color:#536B75;
}

#lightbox div{
 float:left;
 margin-bottom:20px;
 border:1px #BFCACE solid;
 padding:1px;
 display:inline;
 zoom:1;
}

#lightbox div a{
 width:150px;
 height:212px;
 overflow:hidden;
}

#lightbox div a.wide{
 width:317px;
}

html:not([lang*=""]) #lightbox div{
 display: inline-block;
}

/******************** popularity ************************************/

#anchor{
 margin:0;
 padding:0;
}

#anchor img{
 margin-right:1px;
}

#popularity{
 width:610px;
 margin:10px 0 0 0;
 padding:10px 0;
 border:5px #BFCACE solid;
 display:block;
}

#popularity dl{
 width:320px;
 margin:0 10px;
 padding:0;
 float:left;
}

#popularity dl.dress{
 width:590px;
}

#popularity dl dt{
 border-bottom:1px #CCCCCC dotted;
 padding-bottom:2px;
 margin-bottom:10px;
}

#popularity img.image{
 float:right;
 margin-right:10px;
}

.pink{
 color:#701723;
 font-size:10px;
}

/******************** shop ************************************/

#guide{
 width:656px;
 margin:0 0 50px 0;
 padding:0;
}

#guide dl{
 width:625px;
 border-bottom:1px #999999 solid;
 border-top:1px #999999 solid;
 margin:0 0 10px 0;
}

#guide dl.top{
 border-top:2px #999999 solid;
 border-bottom:none;
 margin-bottom:0;
}

#guide dl.top_ver2{
 border-bottom:none;
 margin-bottom:0;
}

#guide dl dt{
 width:165px;
 background:#F2F2F2;
 padding:20px 0;
 float:left;
 margin-right:40px;
}

#guide dl dt.ver2{
 padding:10px 0;
}

#guide dl dt p{
 font-size:14px;
 color:#4C4C4C;
 font-weight:bold;
 margin:0 10px;
}

#guide dl dd{
 width:410px;
 padding:20px 0;
 float:left;
}

#guide dl dd p{
 font-size:14px;
 color:#4C4C4C;
 font-weight:bold;
}

/******************** album ************************************/

#type{
 width:650px;
 margin:0 0 70px 0;
 padding:0;
}

#type img.image{
 float: right;
}

#type dl{
 width:216px;
 float: left;
 margin:10px 0 0 0;
 padding:0;
}

#type dl h4.type{
 border-bottom:1px #CCCCCC dotted;
 padding:0 0 4px 0;
 margin-bottom:10px;
}

#type dl dt{
 margin:20px 0;
}

#type dl dd{
 background:url(../img/album/page.gif) no-repeat 0 6px;
 padding-left:60px;
 margin:0 0 5px 0;
}

#type dl dd.type{
 background:url(../img/album/type.gif) no-repeat 0 6px;
}

#type dl dd.price{
 background:url(../img/album/price.gif) no-repeat 0 6px;
}

#type dl dd.size{
 background:url(../img/album/size.gif) no-repeat 0 6px;
}

/******************** flow ************************************/

#flow{
 width:inherit;
 margin:0;
 padding:0;
}

#flow dl.step1{
 width:inherit;
 min-height:309px;
 height: auto !important;
 height:309px;
 margin:0 0 10px 0;
 padding:0;
 background:url(../img/flow/step1.jpg) no-repeat top left;
}

#flow dl.step1 dt{
 width:314px;
 padding:93px 0 0 0;
 margin-bottom:30px;
}

#flow dl.step1 dd{
 margin-left:35px;
}

#flow dl.step2{
 width:inherit;
 min-height:273px;
 height: auto !important;
 height:273px;
 margin:0 0 40px 0;
 padding:0;
 background:url(../img/flow/step2.jpg) no-repeat top left;
}

#flow dl.step2 dt{
 width:314px;
 padding:85px 0 0 0;
 margin-right:15px;
 float: right;
}

* html #flow dl.step2 dt{
 margin-right:8px;
}

#flow dl.d_step0{
 width:inherit;
 min-height:246px;
 height: auto !important;
 height:246px;
 margin:40px 0;
 padding:0;
 background:url(../img/flow/day_step0.jpg) no-repeat top left;
}

#flow dl.d_step0 dt{
 width:314px;
 padding:85px 0 0 0;
 font-weight:bold;
 margin-bottom:15px;
}

#flow dl.d_step0 dd{
 width:320px;
 margin:0;
 padding:0;
 background: url(../img/flow/icon.gif) no-repeat 0 6px;
 margin-bottom:5px;
}

#flow dl.d_step0 dd p{
 padding-left:10px;
 font-size:11px;
 color:#7E2E38;
}

#flow dl.d_step1{
 width:inherit;
 min-height:310px;
 height: auto !important;
 height:310px;
 margin:0 0 40px 0;
 padding:0;
 background:url(../img/flow/day_step1.jpg) no-repeat top left;
}

#flow dl.d_step1 dt{
 width:314px;
 padding:130px 0 0 0;
 margin-right:20px;
 float: right;
}

* html #flow dl.d_step1 dt{
 margin-right:11px;
}

#flow dl.d_step2{
 width:inherit;
 min-height:218px;
 height: auto !important;
 height:218px;
 margin:0 0 40px 0;
 padding:0;
 background:url(../img/flow/day_step2.jpg) no-repeat top left;
}

#flow dl.d_step2 dt{
 width:314px;
 padding:55px 0 0 0;
}

#flow dl.d_step3{
 width:inherit;
 min-height:398px;
 height: auto !important;
 height:398px;
 margin:0 0 10px 0;
 padding:0;
 background:url(../img/flow/day_step3.jpg) no-repeat top left;
}

#flow dl.d_step3 dt{
 width:314px;
 padding:92px 0 0 0;
 margin-right:40px;
 float: right;
}

* html #flow dl.d_step3 dt{
 margin-right:21px;
}

#flow dl.d_step4{
 width:inherit;
 min-height:400px;
 height: auto !important;
 height:400px;
 margin:0 0 40px 0;
 padding:0;
 background:url(../img/flow/day_step4.jpg) no-repeat top left;
}

#flow dl.d_step4 dt{
 width:314px;
 padding:64px 0 0 0;
}

#flow dl.d_step5{
 width:inherit;
 min-height:194px;
 height: auto !important;
 height:194px;
 margin:0 0 10px 0;
 padding:0;
 background:url(../img/flow/day_step5.jpg) no-repeat top left;
}

#flow dl.d_step5 dt{
 width:314px;
 padding:109px 0 0 0;
 margin-right:30px;
 float: right;
}

* html #flow dl.d_step5 dt{
 margin-right:14px;
}

/******************** make ************************************/

#make{
 width:625px;
 margin:0;
 padding:0;
}

#make img{
 margin-bottom:10px;
}

/******************** plan ************************************/

#plan_menu{
 width:960px;
 background-color:#7E2E38;
 padding:15px 0 0 0;
 margin:0 auto;
}

#plan_menu ul{
 list-style:none;
 margin:0;
 padding:0 0 0 30px;
}

#plan_menu ul li{
 float: left;
 color:#FFFFFF;
 font-size:1.4em;
 margin-right:55px;
 display:block;
}

#plan_menu ul li.stay{
 background-color:#FFFFFF;
 display:block;
 padding:5px 15px 8px 15px;
 color:#7E2E38;
}

#plan_menu ul li.adult{
 background-color:#7E2E38;
 display:block;
 padding:5px 15px 8px 15px;
 color:#7E2E38;
}

#plan_menu ul li a:link, #plan_menu ul li a:visited{
 background-color:#7E2E38;
 display:block;
 padding:5px 15px 8px 15px;
 color:#FFFFFF;
 text-decoration:none;
}

#plan_menu ul li a:hover, #plan_menu ul li a:active{
 background-color: #FFFFFF;
 color:#7E2E38;
 display:block;
 text-decoration:none;
 padding:5px 15px 8px 15px;
}

#plan{
 width:628px;
 margin:0;
 padding:0;
}

#plan img.title{
 margin:30px 0 20px 0;
}

#plan #flash{
 margin:20px 0;
 padding:0;
 border:5px #BFCACE solid;
}

div.flash{
 padding:0;
 border:5px #BFCACE solid;
}

.red{
 font-size:3.6em;
 font-weight:bold;
 color:#CC0000;
}

#plan #campaign{
 width:inherit;
 background:url(../img/plan/campaign.gif) no-repeat top left;
 margin:40px 0 0 0;
 padding:35px 0 0 0;
}

#plan #campaign p{
 margin-left:120px;
}

#plan #campaign p a{
 color:#CC0000;
 text-decoration:underline;
}

#plan #campaign p a:hover{
 color:#CC0000;
 text-decoration: none;
}

#plan #campaign p.blown{
 color:#993945;
 font-size:1.4em;
 font-weight:bold;
 margin-bottom:35px;
}

#plan #else{
 width:inherit;
 background:url(../img/plan/else.gif) no-repeat top left;
 margin:0 0 0 0;
 padding:25px 0 0 0;
}

#plan #else p{
 margin-left:120px;
}

#plan #else p.yellow{
 color:#A7A73D;
 font-size:1.4em;
 font-weight:bold;
 margin-bottom:20px;
}

#plan #graph{
 width:626px;
 border:1px #BFCACE solid;
 margin:0;
 padding:0;
 border-bottom:none;
}

#plan #graph dl{
 width:inherit;
 border-bottom:1px #BFCACE solid;
 margin:0;
 padding:0;
 background-color:#ECEFF0;
}

#plan #graph dl dt{
 float: left;
 width:120px;
 padding:6px 0;
 margin:0;
}

#plan #graph dl dt p{
 margin:0 6px;
 color:#4F6066;
 font-weight:bold;
 font-size:12px;
}

#plan #graph dl dd{
 background-color: #FFFFFF;
 padding:6px 0;
 margin:0;
 border-left:1px #BFCACE solid;
 width:505px;
 float:left;
}

#plan #graph dl dd p{
 margin:0 10px;
 font-size:12px;
}

.female{
 color:#BF515F;
}

.male{
 color:#2E7E42;
}

.adult{
 color: #CC0000;
}

#plan #image{
 width:inherit;
 padding:0 0 20px 0;
 margin:20px 0 30px 0;
}

#plan #image img{
 float: left;
 margin-right:35px;
}

#plan #image img.flow{
 margin:40px 0 20px 0;
 clear:left;
}

#plan #image img.last{
 margin-right:0;
}

#plan p.button{
 text-align:right;
}


/******************** voice ************************************/

#voice{
 width:648px;
 margin:0 0 40px 0;
 border-bottom:1px #CCCCCC dotted;
 padding:0 0 20px 0;
}

h2.voice{
 background:url(../img/voice/title_bg.gif) no-repeat top left;
 padding:25px 0 0 0;
 font-size:2em;
 color:#2E7E42;
 margin:0 0 30px 0;
}

/******************** sitemap ************************************/

#sitemap{
 width:640px;
 margin:0 0 40px 15px;
 padding:0;
}

#sitemap h3{
 font-size:1.4em;
 font-weight:bold;
 color:#666666;
 margin-bottom:10px;
}

#sitemap dl{
 width:inherit;
 margin:0 0 5px 0;
 padding:0;
}

#sitemap dl dt{
 float: left;
 width:160px;
 background:url(../img/sitemap_icon.gif) no-repeat 0 2px;
 margin:0;
 padding:0;
}

#sitemap dl dt p{
 padding-left:10px;
 font-size:12px;
 color:#7E2E38;
}

#sitemap dl dt p a:link, #sitemap dl dt p a:visited{
 color:#7E2E38;
 text-decoration: none;
}

#sitemap dl dt p a:hover, #sitemap dl dt p a:active{
 color:#7E2E38;
 text-decoration: underline;
}

#sitemap dl dd{
 float: right;
 width:480px;
 margin:0;
 padding:0;
}

.red_bold{
 color:#FF0000;
 font-weight:bold;
}


/******************** flow ************************************/

#contact{
 width:640px;
 margin:0;
 padding:0;
 float:left;
}

#contact p{
 width:640px;
 margin:0px 0px 30px 0px;
 padding:0;
}

#contactBg{
 margin:0px;
 padding:32px 0px 0px 103px;
 height:254px;
 background:url(../img/contact/btn_contact_bg.jpg) no-repeat left top;
}

#contact #contactBg img{
 margin:0px 19px 21px 0px;
 padding:0px;;
}