@charset "utf-8";

/*////////////////////////////////////////////////
FONT-SIZE
--------------------------------------------------------------
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%
////////////////////////////////////////////////*/


/* COMMON
////////////////////////////////////////////////*/
html,body {
height:100%;
margin:0;
padding:0;
background: url(../img/bg_body.jpg) repeat left top;
}

#Wrapper {
height:auto;
min-height:100%;
margin:0;
padding:0;
background: url(../img/bg_Container.jpg) repeat-y top center #F3F3E9;
}

* html #Wrapper {
height:100%; /*IE6*/ 
}

#Container {
overflow:auto;
width:780px;
margin:0 auto;
padding:0 26px;
}

.DashedLine {
clear:both;
overflow:hidden;
width:100%;
height:1px;
margin:0 0 14px;
padding:0;
border-top:1px dashed #ddd;
}

.DashedLine hr {
display:none;
}

.notice {
font-size:83.4%;/*10px*/
}

a.btn:hover {
background:none;
}

a.btn:hover img {
filter: Alpha(opacity=80); 
opacity:0.8;
}



/* Nav
------------------------------------------------------------*/
#Nav {
float:left;
width:170px;
padding:20px 0;
}

#Nav #Logo {
overflow:hidden;
width:160px;
margin:0 0 10px;
padding:0;
}

#NavMenu {
overflow:hidden;
width:160px;
margin:0 0 10px;
padding:20px 10px 0 0;
list-style:none;
background:url(../img/bg_NavMenu.jpg) no-repeat left top;
}

#NavMenu li {
display:block;
margin:0;
padding:0;
line-height:0;
font-size:1px;
}


#NavMenu li a {
line-height:normal;
zoom:1;
} 

#AddressWrapper {
overflow:hidden;
width:160px;
margin:0;
padding:0 0 15px;
background:url(../img/bg_AddressWrapper.jpg) no-repeat left bottom;
}

#AddressWrapper address {
margin:0;
padding:30px 15px 0;
font-size:83.4%;
background:url(../img/bg_Address.jpg) no-repeat left top;
}

#Main {
float:left;
width:610px;
margin:0;
padding:20px 0 10px;
}

#ContentsWrapper {
width:610px;
margin:0;
padding:0;
background:url(../img/bg_ContentsWrapper.jpg) repeat-y;
}

#ContentsWrapper h1 {
margin:0 0 20px 10px;
padding:0;
}

#Contents {
width:560px;
margin:0;
padding:0 20px 0 30px;
background:url(../img/bg_Contents.jpg) no-repeat left bottom;
}



#Contents h2 {
margin:0 0 5px;
padding:0 0 2px;
border-bottom:2px solid #82C6D7;
font-size:116.7%;/*14px*/
}


#Contents p {
margin:0 0 15px;
padding:0;
}

#Contents p#FooterMenu {
height:36px;
margin:0;
padding:20px 0 0;
line-height:36px;
text-align:right;
}

/* Flowers
////////////////////////////////////////////////*/
.FlowersWrapper {
overflow:hidden;
width:560px;
margin:0 0 15px;
background:url(../flowers/img/bg_flowers.jpg) no-repeat 0px 0px;
}

.FlowersWrapper .FlowersInfo {
float:left;
overflow:hidden;
width:395px;
padding:20px 10px 0 15px;
}

.FlowersWrapper .FlowersInfo h3 {
float:left;
width:200px;
margin:0 0 15px;
padding:0;
}

.FlowersWrapper .FlowersInfo .LinkArrow {
float:left;
width:195px;
margin:0;
padding:0;
text-align:right;
}

.FlowersWrapper p {
font-size:83.4%;/*10px*/
}

.FlowersWrapper .DashedLine {
margin:0 0 10px;
padding:0;
}

.FlowersWrapper .FlowersThumb {
float:right;
width:140px;
height:120px;
}

.BottomBanner {
overflow:hidden;
width:560px;
margin:0;
padding:0;
}
.BottomBanner li {
float:left;
width:290px;
list-style:none;
}

.BottomBanner li.last {
width:270px;
}


dl.mothersdayList {
margin:0;
padding:0;
}

dl.mothersdayList dt {
font-weight:bold;
}

dl.mothersdayList dd {
margin:0 0 1em 0;
}


/* Gallery
////////////////////////////////////////////////*/
#GalleryWrapper {
overflow:hidden;
width:560px;
margin:0 0 15px;
}

#TabContents {
float:left;
width:450px;
height:390px;
background:url(../img/bg_TabContents.jpg) no-repeat 0px 0px;
}

.ItemImage {
width:400px;
height:300px;
padding:25px 25px 0;
}

.ItemNote {
width:400px;
padding:5px 25px 0;
}

.ItemInfo {
float:left;
width:200px;
margin;0;
padding:0;
}

.ItemPrice {
float:left;
width:200px;
margin;0;
padding:0;
text-align:right;
}

#ThumbWrapper {
float:left;
width:110px;
height:390px;
background:url(../img/bg_ThumbWrapper.jpg) no-repeat 0px 0px;
}

.scrollable {
position:relative;
overflow:hidden;
height:300px;
width:80px;
}

.scrollable .items {
position:absolute;
height:20000em;
}

.disabled {
display:none;
}

#TabNav div {
width:80px;
height:300px;
margin:0;
padding:0 15px;
}

#TabNav div p {
width:80px;
height:100px;
margin:0;
padding:0;
text-align:center;
}

.control_prev a,
.control_next a {
display:block;
}

.control_prev a:hover,
.control_next a:hover {
background:none;
}

.control_prev {
height:14px;
padding:15px 0 26px;
text-align:center;
}

.control_next {
height:14px;
padding:6px 0 15px;
text-align:center;
}

.TextWrapper {
width:560px;
margin:0;
padding:0;
border:none;
}

.TextWrapper td {
margin:0;
padding:0;
border:none;
text-align:left;
vertical-align:top;
}

.TextWrapper td.read {
width:440px;
}

.TextWrapper td.purchase {
width:110px;
padding:0 0 0 10px;
text-align:center;
vertical-align:bottom;
}



/* Wedding
////////////////////////////////////////////////*/
#WedMenu {
overflow:hidden;
width:560px;
margin:0 0 5px;
padding:0;
}

#WedMenu li {
float:left;
width:143px;
list-style:none;
}

#WedMenu li a:hover {
text-decoration:none;
background:none;
}

#WedMenu li.last {
width:131px;
}


/* ABOUT
////////////////////////////////////////////////*/
#MapWrapper {
overflow:hidden;
width:560px;
}
#MapWrapper #Map {
float:left;
width:380px;
}

#MapWrapper #Note {
float:left;
width:150px;
height:250px;
padding:15px;
font-size:83.4%;
background:url(../about/img/bg_About.jpg) no-repeat 0px 0px;
}

/* ORDER
////////////////////////////////////////////////*/
#PurchaseMethod {
overflow:hidden;
width:560px;
margin:0 0 10px;
padding:0;
}

#PurchaseMethod li {
float:left;
width:290px;
margin:0;
padding:0 0 10px;
line-height:1;
list-style:none;
}

#PurchaseMethod li.even {
width:270px;
}

#PurchaseMethod li a:hover {
background:none;
}

#PurchaseMethod li a:hover img {
filter: Alpha(opacity=80); 
opacity:0.8;
}

#OrderFlow {
width:560px;
margin:15px 0 0;
padding:0;
}

#OrderFlow li {
margin:0 0 10px;
padding:0 0 10px 20px;
border-bottom: 1px dashed #ddd;
list-style:none;
}

#OrderFlow li.step1 {
background:url(../order/img/ico_01.jpg) no-repeat 0px 2px;
}

#OrderFlow li.step2 {
background:url(../order/img/ico_02.jpg) no-repeat 0px 2px;
}

#OrderFlow li.step3 {
background:url(../order/img/ico_03.jpg) no-repeat 0px 2px;
}

#OrderFlow li.step4 {
border-bottom:none;
background:url(../order/img/ico_04.jpg) no-repeat 0px 0px;
}



#BankWrapper {
overflow:hidden;
width:560px;
margin:0;
padding:0;
background:url(../img/bg_round560bottom.jpg) no-repeat left bottom;
}

#BankWrapper #Bank {
width:520px;
margin:0;
padding:20px;
background:url(../img/bg_round560top.jpg) no-repeat left top transparent;
}

#Bank dt {
font-weight:bold;
}

#Bank dd {
padding:0 0 0.5em;
border-bottom: 1px dashed #ddd;
}

#Bank dd.last {
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}

.OrderTable {
margin:0 0 15px;
border:dashed 1px #ddd;
/*
border-top:none;
border-right:dashed 1px #ddd;
border-bottom:none;
border-left:dashed 1px #ddd;
*/
}

.OrderTable caption {
margin:0 0 10px;
padding:0 0 5px;
border-bottom:2px solid #82C6D7;
text-align:left;
font-size:116.7%; /*14px*/
font-weight: bold;
}

.OrderTable span {
color:#c00;
}

.OrderTable th{
width:10em;
padding:10px;
border:dashed 1px #ddd;
text-align:left;
vertical-align:top;
}

.OrderTable td{
padding:10px;
border-top:none;
border-right:none;
border-bottom:dashed 1px #ddd;
border-left:none;
text-align:left;
vertical-align:top;
}

.goods_name {
width:300px;
}

.goods_num {
width:24px;
}

.goods_money {
width:5em;
}

.attention {
text-align:right;
color:#c00;
}

.send {
text-align:center;
}




/* 特定商取引法に基づく表記
////////////////////////////////////////////////*/
.LawTable {
border:dashed 1px #ddd;
}

.LawTable th{
width:9em;
padding:10px;
border-top:none;
border-right:dashed 1px #ddd;
border-bottom:dashed 1px #ddd;
border-left:none;
text-align:left;
vertical-align:top;
}

.LawTable td{
padding:10px;
border-top:none;
border-right:none;
border-bottom:dashed 1px #ddd;
border-left:none;
text-align:left;
vertical-align:top;
}