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

*{
	margin:0;
	padding:0;
}

body{
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
text-align:center;
color:#4c4c4c;
background-image: url(images/bg_body.gif);
}
a{
text-decoration:none;
}
ul{
list-style:none;
}
li{
margin:0;
padding:0;
}
img{
behavior: url(http://www.hananone.jp/js/iepngfix.htc);
border:none;
}

#container{
position:relative;
width:900px;
margin:0 auto;
padding:20px;
background-color:#ffb4e6;
text-align:left;
border-bottom:1px solid #99cc33;
}

#header{
height:88px;
text-align:right;
}
#header h1{
font-size:12px;
}
#header h2{
font-size:11px;
}
#header h2 a{
color:#4c4c4c;
}
#header p{
font-size:10px;
}
#header img{
position:absolute;
margin:0;
left: 20px;
}

ul#navigation{
letter-spacing:-1px;
margin:0;
}
ul#navigation li{
font-size:12px;
float:left;
margin:0;
padding:0px;
}
ul#navigation li a{
display:block;
padding:10px 5px 10px 5px;
border-right:1px solid #ccc;
}
ul#navigation li a:link{
color:#cc0000;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #CC0000;
}
ul#navigation li a:hover{
color:#FFFFFF!important;
border-bottom: 5px solid #ff66ff !important;
}
ul#navigation li a:visited{
color:#cc0000;
border-bottom:5px solid #cc0000;
}

#key-visual{
clear:both;
margin:10px 0;
padding:10px 0;
}

.backtotop{
clear:both;
text-align:right;
margin:0;
padding:20px 0;
}

#contents h3{
font-size:90%;
line-height:1.6;
color:#608020;
border-top: none #99CC33;
border-right: none #99CC33;
border-bottom: none #99CC33;
border-left: none #99CC33;
}
#contents h4{
font-size:85%;
line-height:1.6;
margin-top:10px;
margin-bottom:5px;
padding:5px;
color:#608020;
background-image: url(../images/line_border01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#contents h5{
font-size:85%;
line-height:1.6;
margin-top:10px;
padding:5px;
color:#608020;
border-bottom:1px solid #99CC33;
}

#contents p{
font-size:80%;
line-height:1.6;
margin-bottom:20px;
}
#contents li{
font-size:80%;
line-height:1.6;
margin-bottom:15px;
}

/*POINTS CHECK*/
#point-check{
margin:10px 0 15px 10px;
}

ul#side-navigation{
margin-bottom:20px;
}
ul#side-navigation li{
font-size:14px;
margin-bottom:5px;
padding:0 10px;
}
ul#side-navigation li a{
display:block;
padding:3px 0 3px 20px;
border:1px solid #669900;
background-color:#e5f2cc;
width:238px;
}
ul#side-navigation li a:link{
color:#669900;
background-image: url(../images/bg_side-navi_li_off.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
ul#side-navigation li a:hover{
color:#669900;
background-color:#fff;
background-image: url(../images/bg_side-navi_li_on.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
ul#side-navigation li a:visited{
color:#669900;
background-image: url(../images/bg_side-navi_li_off.gif);
background-repeat: no-repeat;
background-position: 5px center;
}

ul#side-navigation2{
margin-bottom:20px;
}
ul#side-navigation2 li{
font-size:14px;
margin-bottom:5px;
padding:0 10px;
}
ul#side-navigation2 li a{
display:block;
padding:3px 0 3px 20px;
border:1px solid #669900;
width:238px;
}
ul#side-navigation2 li a:link{
color:#669900;
background-color:#ffffff;
background-image: url(../images/bg_side-navi_li_off.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
ul#side-navigation2 li a:hover{
color:#ffffff !important;
background-color:#99cc33!important;
background-image: url(../images/bg_side-navi_li_on2.gif)!important;
background-repeat: no-repeat;
background-position: 5px center;
}
ul#side-navigation2 li a:visited{
color:#669900;
background-color:#ffffff;
background-image: url(../images/bg_side-navi_li_on.gif);
background-repeat: no-repeat;
background-position: 5px center;
}

ul#side-navigation3{
margin-bottom:20px;
}
ul#side-navigation3 li{
font-size:14px;
margin-bottom:5px;
padding:0 10px;
}
ul#side-navigation3 li a{
display:block;
padding:3px 0 3px 20px;
border:1px solid #669900;
width:238px;
}
ul#side-navigation3 li a:link{
color:#669900;
background-color:#ffffff;
background-image: url(../images/bg_side-navi_li_on.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
ul#side-navigation3 li a:hover{
color:#ffffff !important;
background-color:#99cc33!important;
background-image: url(../images/bg_side-navi_li_on2.gif)!important;
background-repeat: no-repeat;
background-position: 5px center;
}
ul#side-navigation3 li a:visited{
color:#669900;
background-color:#ffffff;
background-image: url(../images/bg_side-navi_li_on.gif);
background-repeat: no-repeat;
background-position: 5px center;
}

ul#footer-link{
clear:both;
font-size:12px;
text-align:right;
margin:0;
padding:20px 0;
}
ul#footer-link li{
display:inline;
margin:20px 0px 10px 10px;
padding-left:20px;
background-image: url(images/bg_side-navi_li_on.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
ul#footer-link li a:link{
color:#669900;
}
ul#footer-link li a:hover{
color:#3366FF;
text-decoration:underline;
}
ul#footer-link li a:visited{
color:#669900;
}

#footer{
clear:both;
width:900px;
height:88px;
padding-top:10px;
border-top:1px solid #99cc33;
}
#footer-l{
float:left;
width:300px;
}
#footer-l img{
position:absolute;
margin:0;
left: 20px;
}
#footer-r{
float:right;
width:600px;
}
#footer-r h3{
font-size:14px;
}
#footer-r p{
font-size:12px;
}

.clear{
clear:both;
}


/*TABLE*/
.table1{
font-size:80%;
}
.table1 th{
padding:3px 0;
}
.table1 td{
padding:3px 0;
vertical-align:top;
}
.table1 a:link{
color:#669900;
}
.table1 a:hover{
color:#3366FF;
text-decoration:underline;
}
.table1 a:visited{
color:#669900;
}
.table1 p{
margin:0 !important;
}
.showcase1{
margin-bottom:10px;
border-top:1px solid #ccc;
padding-top:5px;
width:290px;
}
.showcase1 p{
font-size:13px;
color:#339900;
margin-bottom:5px !important;
text-decoration:underline;
}
.showcase1 dt{
font-size:11px;
border-bottom:1px dotted #339900;
}
.showcase1 dd{
font-size:11px;
margin-bottom:5px;
}
.showcase1 img{
padding:7px 9px 31px 9px;
background-image: url(../images/bg_showcase_01.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.showcase2{
margin-bottom:10px;
padding-top:5px;
border-top:1px solid #ccc;
}
.showcase2 p{
font-size:10px !important;
color:#339900;
margin-bottom:5px !important;
text-decoration:underline;
}
.showcase2 dt{
font-size:10px;
border-bottom:1px dotted #339900;
}
.showcase2 dd{
font-size:10px;
margin-bottom:5px;
}
.showcase2 img{
padding:7px 9px 31px 9px;
background-image: url(../images/bg_showcase_01.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#contents .qa dt{
color:#5ca30a;
font-size:14px;
padding:24px 0 24px 35px;
background-image: url(../images/bg_dt_q_01.gif);
background-repeat: no-repeat;
background-position: left center;
}
#contents .qa dd{
color:#5ca30a;
font-size:13px;
margin-bottom:20px;
padding:0px 0 0px 45px;
background-image: url(../images/bg_dt_a_01.gif);
background-repeat: no-repeat;
background-position: 8px 8px;
}

.fuusui{
padding:10px 0 40px 155px;
background-image: url(../color/images/bg_fuusui_01.jpg);
background-repeat: no-repeat;
background-position: left 10px;
border-top:1px solid #98cc33;
border-bottom:1px solid #98cc33;
}

.made{
font-size:10px !important;
margin:0;
}
.made a:link{
color:#6699cc;
padding-left:15px;
background-image: url(../images/link_florlist_01.gif);
background-repeat: no-repeat;
background-position: left center;
}
.made a:hover{
color:#cc0000 !important;
text-decoration:underline;
padding-left:17px !important;
background-image: url(../images/link_florlist_01_on.gif) !important;
background-repeat: no-repeat;
background-position: left center;
}
.made a:visited{
color:#6699cc;
padding-left:15px;
background-image: url(../images/link_florlist_01.gif);
background-repeat: no-repeat;
background-position: left center;
}

/**ORDER FORM*/
#order-form{
	width:580px;
	padding-left: 15px;
	margin-bottom: 15px;
}
#order-form table{
border-left:1px solid #99cc33;
border-top:1px solid #99cc33;
}
#order-form th{
font-size:0.75em;
padding:3px;
color:#378202;
border-right:1px solid #99cc33;
border-bottom:1px solid #99cc33;
}
#order-form td{
font-size:0.7em;
padding:3px;
border-right:1px solid #99cc33;
border-bottom:1px solid #99cc33;
}
#order-form  input,textarea{
padding:3px;
border:1px solid #99cc33;
background-color:#f5faea;
}

/*FLORIST TABLE*/
table#florist{
font-size:80%;
}

table#florist td{
padding:10px 5px;
border-bottom:1px solid #99cc33;
}
.border-clear{
border:none !important;
}

.navi3-h3{
border:none !important;
margin:10px 0 0px 5px  !important;
}

/*送料テーブル*/
table#carriage1{
font-size:0.8em;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
}
table#carriage1 th{
padding:5px;
white-space:normal;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
table#carriage1 td{
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.text12a{
font-size:12px;
}
.carriage-ul{
margin-bottom:20px;
padding:5px;
background-color:#f5faea;
border:1px solid #669900;
}

.carriage-ul li{
margin:0 0 5px 5px !important;
}


.order-img{
}

dl#guide{
}
dl#guide dt{
font-size:0.9em;
padding:5px;
color:#fff;

background-color:#99cc33;
}
dl#guide dd{
font-size:0.8em;
margin-bottom:20px;
padding:5px;
}

.voice li{
color:#005f6e;
padding:10px 0 20px 80px;
background-image: url(../images/bg_voice_01.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.margin-0-0-10-0{
margin-bottom:10px;
}
.margin-10-0-10-0{
margin:10px 0 10px 0;
}
.color1{
font-size:9px;
color:#CC0000;
}
.table-news{
margin:10px;
}
.table-news1{
font-size:12px;
}
.table-news1 th{
width:60px;
font-weight:normal;
text-align:left;
}
.table-news1 td{
padding:3px;
text-align:left;
}
#honbun{
width: 550px;
background: url(images/pink_ribbon_imge.jpg) no-repeat right bottom;
height: 650px;
padding-left: 44px;
}
#honbun2{
width: 550px;
padding-left: 44px;
}

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