/*------------------------------------------
ハナスタナビサイトCSS
200806リニューアル版
--------------------------------------------*/


/*------------------------------------------
スタイル初期化
--------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
vertical-align:baseline;
}

table{
border-collapse:separate;
border-spacing:0;
font-size: inherit;
font-size: 100%;
}

caption, th, td{
text-align:left; font-weight:400;
}

blockquote:before, blockquote:after, q:before, q:after{
content:”";
}

blockquote, q{
quotes:”" “”;
}

a img{
border: none;
}

ul {
list-style-type: none;

}

/*------------------------------------------
各タグ設定
--------------------------------------------*/

body{
background:#f7f7f7;
font-size: 14px;
*font-size: 90%;
*font:80%;
/* フォントサイズはIE対策としてアスタリスクハックを使用。 */
line-height: 1.5;
/* 基本の行間。変更する場合はすぐ下のaの設定も連動させる。 */
font-family: "ヒラギノ角ゴ Pro W3","MS Pゴシック",Osaka,Verdana, Geneva, Arial, Helvetica, sans-serif;
}


a {
text-decoration: none;
line-height: 1.5;
color: #1C3FE8;
}

a:hover {
text-decoration: underline;
color: #1C3FE8;
}

strong {
font-weight: bold;
text-decoration: none;
}

em {
font-style: normal;
font-weight: bold;
}

/*--ハナスタロゴに適用--*/
h1 {
display: block;
position: absolute;
top: 5px ;
left:0px;
text-indent: -9999px;
background:#fff url("../img/hanasuta_logo_p.gif") no-repeat;
width: 201px;
height: 60px ;
}

h1 a {
display: block;
text-indent: -9999px;
text-decoration:none;
width: 201px;
height: 60px ;
}

h1 a:hover {
display: block;
text-indent: -9999px;
text-decoration:none;
width: 201px;
height: 60px ;
}


/*--各ページ大カテゴリ名に適用--*/

h2 {
}


/*--各ページタイトル(画像)に適用--*/
h3 {
display: block;
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 150%;
color: #ccc;
}

h4 {
font-weight:bold;
font-size: 130%;
margin: 10px 15px 10px 0;
padding: 10px 10px 5px 10px;
border-left: 8px solid #999;
}

h5 {
font-weight:bold;
font-size: 110%;
margin: 40px 0 10px 0;
padding: 10px 10px 5px 20px;
background: url("../img/ededed.gif") repeat ;
}

h6 {
clear: both;
font-weight:bold;
font-size: 100%;
margin: 40px 15px 10px 20px;
padding: 5px 20px 5px 0;
background: url("../img/stripe_eae5ad.gif") repeat ;
}

h7 {
font-weight:bold;
font-size: 130%;
margin: 0px;
padding: 10px 0px 10px 0px;
color: #ff1493;
}

strong {
font-weight: bold;
text-decoration: none;
}

p {
margin: 8px 0 12px 0;
padding: 0 20px;
}


/*------------------------------------------
全体レイアウト
--------------------------------------------*/

#container { /*全体ブロック*/
position: relative;
width: 870px;
margin: 0 auto;
text-align: left;
color: #333;
background:#f7f7f7 url("../img/backimage.gif") repeat-y 0 0;
}

.content-nav {
text-align: center;
}


/*------------------------------------------
ヘッダーレイアウト（Gナビの上の部分）
--------------------------------------------*/
#header { /*ヘッダーブロック*/
position: relative;
margin: 0 auto;
padding: 0;
width: 810px;
height: 60px;
background: #fff;
}


/*------------------------------------------
Gナビレイアウト
--------------------------------------------*/
#topnavi { /*Gナビブロック*/
position: relative;
margin: 15px auto 3px ;
width: 810px;
height: 40px;
background-color: #fff;
}

#topnavi .menu { /*GナビのULタグを定義*/
display: inline;
list-style: none;
margin: 0;
padding: 0;
background-color: #efefef;
}

#topnavi .menu li {
float: left;
height: 40px;
text-indent: -9999px;
}

#topnavi .menu a {
display: block;
height: 40px;
margin: 0;
padding: 0;
}

#topnavi40px {
float:left;
margin: 0;
padding-right: 0;
}

/*------------------------------------------
Gナビパーツ定義
--------------------------------------------*/

/*--通常時アイコン--*/
.menu #nav_about a{
background: url("../img/nav_about.gif") no-repeat 0 0;
width: 155px;
}

.menu #nav_guide a {
background: url("../img/nav_guide.gif") no-repeat 0 0;
width: 155px;
}

.menu #nav_hanacom a {
background: url("../img/nav_hanacom.gif") no-repeat 0 0;
width: 165px;
}


.menu #nav_information a {
background: url("../img/nav_information.gif") no-repeat 0 0;
width: 155px;
}

.menu #nav_nyukai a {
background: url("../img/nav_nyukai.gif") no-repeat 0 0;
width: 180px;
}


/*--hover時アイコン--*/
.menu #nav_about a:hover {
background: url("../img/nav_about.gif") no-repeat 0 -40px;
width: 155px;
}

.menu #nav_guide a:hover {
background: url("../img/nav_guide.gif") no-repeat 0 -40px;
width: 155px;
}

.menu #nav_hanacom a:hover {
background: url("../img/nav_hanacom.gif") no-repeat 0 -40px;
width: 165px;
}

.menu #nav_information a:hover {
background: url("../img/nav_information.gif") no-repeat 0 -40px;
width: 155px;
}

.menu #nav_nyukai a:hover {
background: url("../img/nav_nyukai.gif") no-repeat 0 -40px;
width: 180px;
}


/*--on時アイコン--*/
.menu #nav_abouton {
background: url("../img/nav_about.gif") no-repeat 0 -40px;
width: 155px;
}


.menu #nav_guideon {
background: url("../img/nav_guide.gif") no-repeat 0 -40px;
width: 155px;
}

.menu #nav_hanacomton {
background: url("../img/nav_hanacom.gif") no-repeat 0 -40px;
width: 165px;
}

.menu #nav_informationon {
background: url("../img/nav_information.gif") no-repeat 0 -40px;
width: 155px;
}


/*入会*/
#nav_nyukaion {
background: url("../img/nav_nyukai.gif") no-repeat 0 -70px;
}


/*------------------------------------------
Gナビ右上（トップページ・お問い合わせ・サイトマップ）
--------------------------------------------*/

/*トップページ*/
#tohome {
position: absolute;
top: 0px;
left: 525px;
width: 98px;
}

/*お問い合わせ*/
#tocontact {
position: absolute;
top: 0px;
left: 623px;
width: 96px;
}

/*サイトマップ*/
#tositemap {
position: absolute;
top: 0px;
left: 719px;
width: 94px;
}



/*------------------------------------------
Gナビより下の部分レイアウト
--------------------------------------------*/
#main {
clear: both;
position: relative;
margin: 0 auto;
padding: 0;
width: 810px;
border: none;
background: #fff;
}

#topcontents { /*topページのメイン枠*/
float: left;
width: 620px;
margin: 0;
padding: 0;
}

#contents { /*各ページのメイン枠*/
float: left;
width: 620px;
margin: 0 ;
padding: 0 ;
background-color: #ffffff;
}

#totop { /*「このページのトップへ」*/
margin: 50px 40px 5px 0;
text-align: right;
}

#contents ul {
margin: 5px 0;
}

#contents li {
padding: 0 20px;
}


/*------------------------------------------
IndexTOPIMAGE部分パーツ定義
--------------------------------------------*/

#topimage{
outline: none;
display: block;
margin-bottom: 2px;
height: 195px;
width: 620px;
background: url("../img/top_image.jpg") no-repeat;
background-position: top;
z-index: 1;
}

#topimage_about { /*「ハナスタを知ろう」位置指定*/
position: absolute;
top: 74px;
left: 353px;
width: 119px;
height: 118px;
background: url("../img/topimage_about.jpg") no-repeat 0 0 ;
z-index: 2;
}

#topimage_about a{
outline: none;
display: block;
width: 119px;
height: 118px;
background: url("../img/topimage_about.jpg") no-repeat 0 0 ;
z-index: 2;
}

#topimage_about a:hover{
outline: none;
display: block;
width: 119px;
height: 118px;
background: url("../img/topimage_about.jpg") no-repeat 0 -118px ; /*onMouse時の「ハナスタを知ろう」画像*/
z-index: 2;
}


#topimage_nyukai { /*「入会金年会費0円」位置指定*/
position: absolute;
top: 21px;
left: 447px;
width: 168px;
height: 171px;
background: url("../img/topimage_nyukai.jpg") no-repeat 0 0 ;
z-index: 3;
}

#topimage_nyukai a{
outline: none;
display: block;
width: 168px;
height: 171px;
background: url("../img/topimage_nyukai.jpg") no-repeat 0 0 ;
z-index: 3;
}


#topimage_nyukai a:hover{
outline: none;
display: block;
width: 168px;
height: 171px;
background: url("../img/topimage_nyukai.jpg") no-repeat 0 -171px ; /*onMouse時の「入会金年会費0円」画像*/
z-index: 3;
}


/*------------------------------------------
Index左枠Information部分
--------------------------------------------*/
#whatsnew {
float: left;
margin: 0;
padding: 0;
width: 230px;
height: 100%;
background-color: #fff;
}


#whatsnewtop {
background: url("../img/toptitle_information.gif") no-repeat;
width: 230px;
margin: 0;
padding: 0;
height: 30px;
}


#whatsnewcontents {
margin: 0 auto;
width: 200px;
}

#whatsnewcontents .index_newslist {
margin: 5px 0 2px ;
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
}

#whatsnewcontents .index_newslist {
font-size: 13px;
*font-size:80%;
line-height: 1.1;
}

#whatsnewcontents .index_newslist a{
line-height: 1.2;
}

#whatsnewcontents #whatsnew_readmore {
clear: both;
display: block;
text-align:right;
margin-left:15px;
}

/*------------------------------------------
？
--------------------------------------------*/

#leftblock {
float: left;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#rightblock {
float: right;
margin: 5px 0px 0px 0px;
padding: 0px 3px 0px 0px;
}


/*------------------------------------------
Indexメンバー向け情報下部　
--------------------------------------------*/
#indexcenter {
float: left;
margin: 0;
padding: 0;
width: 390px;
height: 100%;
background-color: #fff;
}


/* ハナスタイチ押し商品情報　
--------------------------------------------*/

#indexcenter #index_event_box {
border-left: #ccc solid 1px;
margin-bottom: 2px;
}

#indexcenter #index_event {
margin: 0 auto;
padding: 2px 0 0 0;
font-size: 13px;
*font-size:80%;
line-height: 1.1;
width:370px;
}

#indexcenter #index_event a {
line-height: 1.1;
}

#indexcenter #index_event .index_eventlistbox {
margin-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #ccc;
}

#indexcenter #index_event .index_eventlistbox .index_eventlistimg {
display: block;
float:left;
margin-right: 2px;
border: #ccc 1px solid;
}


#indexcenter #index_event .index_eventlist {
margin: 5px 0 5px 0 ;
}



/* ハナスタコミュニティ　
--------------------------------------------*/

#indexcenter #index_hanacom {
margin-top: 10px;
padding: 0;
width:390px;
background-color: #fff;
}


#indexcenter .index_hanacom_titles {
float: left;
margin: 2px;
width: 190px;

}


#indexcenter .index_hanacom_description {
font-size: 13px;
*font-size: 80%;
line-height: 1.1;
}




/*------------------------------------------
Index右枠部分
--------------------------------------------*/
#sidenavi {
float: right;
width: 180px;
margin-top:0px;
margin-left: 10px;
padding: 0;
}


#sidenavi hr { /*ランキング部分で使用中*/
border: 1px #666 solid;
margin-top: 0px;
}


#sidenavi ul {
list-style-type: none;
}


/*------------------------------------------

Index右枠部分：各パーツ枠定義
--------------------------------------------*/


.sidesquare {
margin: 0;
padding: 0;
font-size: 13px;
*font-size: 80%;
background: #fff;
}


.sidesquare li{
border-bottom: 1px solid #ccc;
}


.sidesquare_middlebottom {
margin-top: 5px;
padding: 0;
font-size: 13px;
*font-size: 80%;
background: #fff;
}

.sidesquare_middlebottom li{
border-bottom: 1px solid #ccc;
}







/*------------------------------------------
Index右枠部分：ログインウィンドウ定義
--------------------------------------------*/
.login {
margin: 0;
padding: 0;
width: 180px;

}

.logintextimg { /*ユーザID、パスワード文字の画像*/
vertical-align: middle;
margin: 5px 5px 5px 0px;
}

#loginmiddle {
padding: 10px 0 0 10px;
background: #fff url("../img/loginbackmiddle.gif") repeat-y 0 0 ;
}

#loginbottom {
background: #fff url("../img/loginbackbottom.gif") no-repeat 0 0 ;
height: 10px;
}

#loginbuttondiv {
text-align: center;
}

#loginbutton {
margin: 5px 0 0 0;
background: url("../img/login.gif") no-repeat 0;
border: none;
width: 87px;
height: 24px;
}


/*------------------------------------------
Index右枠部分：「ハナスタ上場状況」
--------------------------------------------*/
#countranking {
margin: 0;
padding: 0;
}

.sidesquare_middlebottom .count_window {
margin-top: 1px;
margin-bottom: 1px;
background-color: #fff;
width: 180px;
}

.sidesquare_middlebottom .count_window_inside {
padding: 5px 0 5px 6px;
border: 1px solid #5ba81c;
background: url("../img/top_count_backimg.gif") #fff repeat ;
}


.sidesquare_middlebottom .count_window_inside table {
margin: 0;
border: 1px solid #bbb;
border-collapse: collapse;
background-color: #fff;
}

.sidesquare_middlebottom .count_window_inside th {
padding: 2px;
border: 1px solid #bbb;
vertical-align: middle;
color: #333;
background-color: #6fc02c;
}

.sidesquare_middlebottom .count_window_inside td {
padding: 2px;
border: 1px solid #bbb;
vertical-align: middle;
color: #333;
}


.sidesquare_middlebottom .count_window_inside em {
font-size: 16px;
*font-size: 140%;
}


/*------------------------------------------
Index右枠部分：「最近の売れ筋ランキング」
--------------------------------------------*/

#ranking_contents {
padding: 5px 5px 5px 10px;
}


.ranking_date_style {
padding-bottom: 5px;
}


.ranking_hinmokuname {
font-weight: bold;
border-bottom: 1px solid #999;
}


.hinshu_sanchi {
vertical-align: middle;
margin: 2px 5px 2px 0px;
}

#ranking_contents .readmore {
display: block;
float: right;
text-align:right;
}


/*------------------------------------------
？
--------------------------------------------*/
#leftnavi {
float: left;
width: 180px;
height: 100%;
margin-left: 5px;
}


/*------------------------------------------
各ページ右枠メニュー
--------------------------------------------*/
#rightnavi {
float: right;
width: 180px;
margin-top:0;
margin-right: 0;
padding: 0;
}


#rightnavi ul {
list-style-type: none;
}

/*------------------------------------------
右枠メニュー：ハナスタブログのメニュー
--------------------------------------------*/

#rightnavi .side_titles {
margin: 0;
padding: 0;
background-image: url("../img/side_title.gif");
background-repeat: no-repeat;
background-position: 0;
width: 180px;
height: 50px;
}

.side_titleon {
margin: 0;
padding: 0;
background-image: url("../img/side_titleon.gif");
background-repeat: no-repeat;
background-position: 0;
width: 180px;
height: 50px;
}


.side_titleon_entrylist li {
margin: 0px 0px 5px 3px;
padding-left:20px;
background:#FFF url("/img/allow_gray.gif") no-repeat left ;
}


/*------------------------------------------
右枠メニュー：ハナスタブログ以外のコンテンツメニュー
--------------------------------------------*/

.side_services {
width: 180px;
height: 50px;
background-image: url("../img/side_service.gif");
background-repeat: no-repeat;
background-position: 0;
margin: 0;
padding: 0;
}

.side_serviceson {
width: 180px;
height: 50px;
background-image: url("../img/side_serviceon.gif");
background-repeat: no-repeat;
background-position: 0;
margin: 0;
padding: 0;
font-weight: bold;
}



.side_entrylist ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.side_entrylist li{
margin: 5px 0px 6px 0 ;
padding-left: 20px;
font-size: 90%;
border-bottom: 1px solid #ebebeb;
background:#FFF url("/img/allow_gray.gif") no-repeat left ;
}

.side_categorylist ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.side_categorylist li{
margin: 5px 0px 6px 0px;
padding-left: 20px;
font-size: 90%;
border-bottom: 1px solid #ebebeb;
background:#FFF url("/img/allow_gray.gif") no-repeat left ;
}


/*右枠ナビ：新規顧客様向けメニュー*/

.sidenavi_intro { /*使用箇所不明*/
width: 160px;
height: 40px;
background: url("../img/sidenavi_hanacom_back.gif") no-repeat 0 0;
margin-bottom: 2px;
padding: 15px 0px 0px 15px;
font-size: 13px;
line-height: 13px;
font-weight: bold;
}

.sidenavi_intro a{
font-size: 13px;
line-height: 13px;
font-weight: bold;
}


/*右枠ナビ：ハナスタコミュニティ*/
.sidenavi_title {
margin-top: 15px;
}

.sidenavi_hanacom {
width: 180px;
height: 50px;
background: url("../img/sidenavi_hanacom_back.gif") no-repeat 0 0;
margin: 0;
padding: 0;
}

.side_menutitle {
padding-top: 15px;
padding-left: 15px;
}


/*------------------------------------------
右枠メニュー：ハナスタブログ以外のコンテンツメニューサブカテゴリ
--------------------------------------------*/

.side_category {
width: 160px;
height: 30px;
background-image: url("../img/side_category.gif");
background-repeat: no-repeat;
background-position: 0;
margin: 0px;
padding: 13px 0px 0px 20px;
font-weight: bold;
}


.side_categoryon {
width: 160px;
height: 30px;
background-image: url("../img/side_categoryon.gif");
background-repeat: no-repeat;
background-position: 0;
margin: 0;
padding: 13px 0px 0px 20px;
font-weight: bold;
}


.side_categoryList li {
padding: 0px 0px 2px 20px;
}


/*------------------------------------------
右枠メニュー：最新ニュースのリスト表示
サイドバー_MainContents内
--------------------------------------------*/

#resentnewslist {
margin-bottom: 15px;
padding-left: 20px;
}

#resentnewslist li {
margin: 0;
padding: 0;
font-size: 13px;
*font-size: 80%;
font-weight: normal;
border-bottom:1px solid #ccc;
}

#resentnewslist li a {
color: #1C3FE8;
}

#resentnewslist #resentnewslist_title { /*新着のニュースタイトルバナー部分*/
margin: 0;
padding: 0;
width:180px;
height: 30px;
}


/*------------------------------------------
--------------------------------------------
ここ以下、コンテンツ関連
--------------------------------------------
--------------------------------------------*/

.services_description {
display: block;
margin: 10px 15px 0 20px !important;
}


.sevices_description { /*スペル間違えてる分*/
margin: 10px 15px 0 0 ;
}



.services_entries ul {
list-style-type: none;
margin-top: 15px;
}


.services_entries li {
margin: 0 15px 10px 0 ;
padding: 0 0 2px 30px;
font-size: 105%;
border-bottom: 1px solid #ebebeb;
background:#FFF url("/img/allow_gray.gif") no-repeat left ;
}


/*------------------------------------------
ハナスタとは？
--------------------------------------------*/

/*会社概要*/

#about_Table {
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 500px;
}

#about_Table th {
margin: 1px;
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
background-color: #eade54;
font-weight: bold;
}

#about_Table td {
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
}





/*------------------------------------------
「ハナスタコミュニティ」設定
--------------------------------------------*/

/*各バナーの配置*/
#hanacom_blogbnr li {
float:left;
margin: 10px 0 20px 0;
width: 250px;
}


/*------------------------------------------
「産地レポート」設定
--------------------------------------------*/
.report_contents {
padding: 10px ;
border: 1px solid #CCC;
}

.report_date {
margin-top: 10px;
font-size: 80%;
text-align: right;
}


/*------------------------------------------
ここ以下、個別ページ設定
--------------------------------------------*/

/*------------------------------------------
ハナスタとは？
--------------------------------------------*/

#about h4 {
font-weight:bold;
font-size: 140%;
color: #333 ;
margin: 10px 15px 10px 0;
padding: 10px 10px 5px 10px;
border-left: 8px solid #ead254;
}

#about h5 {
padding-left: 50px;
background: url("../img/h5titleback_about.gif") no-repeat 0 0 ;
}

.h5title_about {
margin-top: 20px;
}


.about_table {
padding: 0 20px;
}

/*ハナスタとは？ボトムナビ*/
#about_bottomnav_title { /*タイトル*/
margin: 0 0 5px 0;
padding: 11px 0 0 20px;
font-size: 80%;
font-weight: bold;
background: url("../img/about_bottomnav_title.gif") no-repeat 0 0 ;
}


/*枠囲み*/
.about_box {
margin: 0 auto;
width: 480px;
}

.about_box .about_box_top {
background: url("../img/about_boxtop.gif") no-repeat;
width: 480px;
height: 17px;
}

.about_box .about_box_middle {
padding: 15px 45px 15px 15px;
background: url("../img/about_boxmiddle.gif") repeat-y;
width: 480px;
}

.about_box .about_box_bottom {
background: url("../img/about_boxbottom.gif") no-repeat;
width: 480px;
height: 17px;
}


/*------------------------------------------
お客様の声
--------------------------------------------*/

#service_image .voices p{
margin-left: 20px;
padding-left: 140px;
background: url("../img/serviceimage_futo.gif") no-repeat left bottom ;
}

#service_image li {
margin-left: 20px;
padding-left: 20px;
background:#FFF url("/img/allow_gray.gif") no-repeat left ;
}

/*------------------------------------------
連携市場紹介
--------------------------------------------*/

#markets li {
margin-left: 20px;
padding-left: 20px;
background:#FFF url("/img/allow_gray.gif") no-repeat left ;
}


.market_left {
float: left;
margin-bottom: 20px;
padding: 5px 5px 5px 0px ;
}

.market_texticon {
margin: 0 0 0 18px;
}

.market_texticon_recommend {
margin: 0 0 3px 18px;
}


.market_webimage img {
border: 1px solid #ccc;
}


/*市場のおすすめ表*/
.recommend_tbl {
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 520px;
}

.recommend_tbl th {
margin: 1px;
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
background-color: #eade54;
font-weight: bold;
}

.recommend_tbl td {
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
}


/*------------------------------------------
産地直送　菊
--------------------------------------------*/

.chrysanthemums_imgright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}


/*------------------------------------------
産地直送　ガーベラ
--------------------------------------------*/

.gerbera_imgright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#gerbera_haisouTable {
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 500px;
}

/*ガーベラスケジュール表*/

#gerbera_scheduleTable {
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 500px;
}

#gerbera_scheduleTable th {
margin: 1px;
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
background-color: #eade54;
font-weight: bold;
}

#gerbera_scheduleTable td {
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
}

/*ガーベラ配送料金*/
#gerbera_haisouTable {
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 300px;
}

#gerbera_haisouTable th {
margin: 1px;
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
background-color: #eade54;
font-weight: bold;
}

#gerbera_haisouTable td {
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
}


#gerbera_tbl {
padding: 5px;
margin: 0px 0px 20px 5px;
background-color: #fff;
font-size: 80%;
width: 560px;
}


#gerbera_tbl .blockspan {
width: 130px;
height: 140px;
padding: 0px 5px 0px 5px;
text-align: center;
}

#gerbera_tbl br {
clear: left;
}


/*------------------------------------------
産地直送　胡蝶蘭
--------------------------------------------*/


#phalaenopsis .merit ul {
margin-left: 40px;
}

#phalaenopsis .merit ol {
margin-left: 40px;
}

#phalaenopsis #ichiran table{
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 580px;
}

#phalaenopsis #ichiran th {
margin: 1px;
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
background-color: #ffe875;
font-weight: bold;

}

#phalaenopsis #ichiran td {
padding: 4px;
border: 1px solid #bbb;
text-align: center;
vertical-align: middle;
font-size: 80%;
}

#phalaenopsis .caution ul{ /*ご注意部分*/
margin-left: 40px;
list-style-type: disc ;
}

#phalaenopsis .caution li{
padding-bottom: 10px;
}

#phalaenopsis .annotations { /*注釈*/
font-size: 70%;
}

#phalaenopsis .caption { /*画像のタイトル*/
font-size: 70%;
}

#phalaenopsis .imgright { /*画像右寄せ*/
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

#phalaenopsis .sankou{ /*参考上代*/
text-decoration: line-through;
}

#phalaenopsis .genteikakaku{ /*会員様限定価格*/
color: #FF0000;
}



/*------------------------------------------
ご利用ガイド
--------------------------------------------*/

#guide h4 {
font-weight:bold;
font-size: 130%;
color: #5869b2 ;
margin: 10px 15px 10px 0;
padding: 10px 10px 5px 10px;
border-left: 8px solid #a1afea;
}

#guide h5 {
padding-left: 50px;
color: #fff;
background: url("../img/h5titleback_guide.gif") no-repeat 0 0 ;
}

#guide_index li {
float:left;
margin: 10px 0 20px 0;
width: 250px;
}

.guide_imgright { /*画像右寄せ*/
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.guide_caption { /*画像のタイトル*/
font-size: 70%;
}

.guide_annotations { /*注釈*/
font-size: 70%;
}


/*ご利用ガイドテーブル一般*/
.guide_tbl {
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 520px;
}

.guide_tbl th {
margin: 1px;
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
background-color: #a1afea;
font-weight: bold;
}

.guide_tbl td {
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
}



#guide_list ul { /*商品不良時の申請方法*/
list-style: disc outside;
}

#guide_list li {
margin-left: 30px;
margin-right: 30px;
padding-bottom: 10px;
}


/*ご利用ガイドボトムナビ*/
#bottomnav_title { /*タイトル*/
margin: 0 0 5px 0;
padding: 11px 0 0 20px;
font-size: 80%;
font-weight: bold;
background: url("../img/guide_bottomnav_title.gif") no-repeat 0 0 ;
}

#bottomnav img {
margin: 3px;
}

/*------------------------------------------
ハナスタご利用の流れ
--------------------------------------------*/
.guide_flow_box {
margin: 0 auto;
width: 480px;
}

.guide_flow_box .guide_flow_box_top {
background: url("../img/guide_flow_boxtop.gif") no-repeat;
width: 480px;
height: 17px;
}

.guide_flow_box .guide_flow_box_middle {
padding: 15px 45px 15px 15px;
background: url("../img/guide_flow_boxmiddle.gif") repeat-y;
width: 480px;
}

.guide_flow_box .guide_flow_box_bottom {
background: url("../img/guide_flow_boxbottom.gif") no-repeat;
width: 480px;
height: 17px;
}


/*------------------------------------------
ご注文方法と商品の選び方
--------------------------------------------*/

#guide #hanasuta_schedule {
margin-top: 10px;
margin-bottom: 10px;
}


/*------------------------------------------
配送・送料
--------------------------------------------*/


#delivery_nationmap {
margin: 20px auto;
border-collapse: separate;
border-spacing: 2px;
width: 560px;

}

#delivery_nationmap td {
text-align: center;
}


.dhtmlgoodies_contentBox{ /*配送に関するサービスのご案内*/
clear: both;
visibility: hidden;
position: absolute;
overflow: hidden;
padding: 0 10px 0 20px;
border: 2px solid #e9e0d1;
background-color: #FFF;
width: 420px;
height: 0px;
}

.dhtmlgoodies_content{
position:relative;
width:100%;
}

div.dhtmlgoodies_content h3 {
margin: 0 0 10px 0;
padding-bottom: 3px;
border-bottom: 2px dotted #e9e0d1;
color: #003300;
width: 380px;
}


#haisou{ /*エリア別配送説明ページで使用*/
font-size: 90%;
float: none;
width: 400px;
margin-left: 10px;
margin-right: auto;
}



/*------------------------------------------
よくあるご質問
--------------------------------------------*/


.question{ /*FAQ -question-*/
margin: 10px 0 10px 20px;
padding: 0 0 10px 30px;
font-weight: bold;
color: #1C3FE8;
cursor: pointer;
background:#fff url("../img/guide_faq_question.gif") no-repeat ;
}


.question:hover{
margin: 10px 0 10px 20px;
padding: 0 0 10px 30px;
font-weight: bold;
text-decoration: underline;
color: #5773FF;
cursor: pointer;
}


.answer{ /*FAQ -answer- */
border: 2px solid #a1afea;
padding: 3px;
width: 510px;
background-color: #ffffff;
display: none; /* Don't Touch */
margin: 5px 0 5px 15px;

}


/*------------------------------------------
入会申込み
--------------------------------------------*/

.nyukai_annotations { /*注釈*/
font-size: 70%;
}


#nyukai h5 {
padding-left: 50px;
padding-bottom: 8px;
color: #fff;
background: url("../img/h5titleback_nyukai.gif") no-repeat 0 0 ;
}

/*------------------------------------------
会社案内
--------------------------------------------*/

#company_Table {
margin: 0 20px;
border: 1px solid #bbb;
border-collapse: collapse;
width: 400px;
}

#company_Table th {
margin: 1px;
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
background-color: #eade54;
font-weight: bold;
}

#company_Table td {
padding: 4px;
border: 1px solid #bbb;
vertical-align: middle;
}




/*------------------------------------------
サイトマップ
--------------------------------------------*/

.tree ul {
padding:0;
margin:0;
background-position: -9px 15px;
background-image: url('../img/ul.gif');
background-repeat: repeat-y
}
.tree li {
font-weight:bold;
margin: 0px;
padding: 3px 0 3px 24px;
list-style-type: none;
}


}
.tree ul ul {
background-position: -1px 15px;
background-image: url('../img/ul.gif');
background-repeat: repeat-y;
}
.tree ul li {
background-position: 0px 7px;
background-image: url('../img/li.gif');
background-repeat: no-repeat;
}

}
.tree ul ul li {
background-position: 8px 7px;
background-image: url('../img/li.gif');
background-repeat: no-repeat;
}



/*------------------------------------------
#whatsの使われているページ：service-top.html
--------------------------------------------*/

#whats .block {
width: 280px;
height: 160px;
}


#whats li.title {
border: 1px dashed;
border-color: #ffffff #ffffff #444444 #ffffff;
padding: 1px;
}


#whats li.comment {
height: 50px;
margin: 5px 0px 0px 0px;
}



/*------------------------------------------
？
--------------------------------------------*/

div.roundedbox_up {
clear: both;
background: transparent url(../img/bg_information_up.gif) 0 0px no-repeat;
width: 550px;
height: 32px;
margin: 0 0 0 10px;
}

div.roundedbox_middle {
background: transparent url(../img/bg_information_middle.gif) repeat-y;
width: 550px;
height: auto;
margin: 0 0 0 10px;
padding-left: 20px;
}


div.roundedbox_middle li {
line-height: 16pt;
}

div.roundedbox_bottom {
background: transparent url(../img/bg_information_bottom.gif) no-repeat;
width: 550px;
height: 29px;
margin: 0 0 0 10px;
}


.blockspan {
float: left;
display: block;
font-size: 10pt;
font-weight: normal;
width: 175px;
height: 200px;
padding: 0px 10px 0px 5px;
margin: 5px 0px 5px 0px;
}


.orchid_title {
margin:10px 3px 3px 5px ;
padding:2px 0px 2px 0px ;
border:1px groove #cccccc;
width:560px;
background: #eeeeee;
font-size: 10.5pt;
font-weight: bold;
}

li li {
margin: 0px 0px 0px 20px;
}


.inner_faq {
clear: both;
float: none;
width: 530px;
background: #fff;
border: 3px double #f592b6;
margin: 5px 0px 0px 10px;
padding: 5px 10px 5px 0;
line-height: 140%;
}


.inner_faq a {
font-weight: bolder;
}

.inner_faq img {
border: 1px solid #f592b6;
}

.inner_faq hr {
float: none;
clear: both;
width: 520px;
margin-left: 10px;
border: 1px dotted #f592b6;
}


.inner_faq span {
font-size: 10.5pt;
}


.faq_nav_main {
width: 530px;
margin: 10px 0px 10px 5px;
padding: 5px 0px 0px 0px;
}


.drop_closelink {
text-align: right;
padding: 10px 10px 0 0;
}

#troubletop {
background-image: url("../img/troubletop.gif");
background-repeat: no-repeat;
background-position: bottom;
margin: 0 auto;
padding: 0px;
width: 540px;
height: 20px;
}


#troublemiddle {
background-image: url("../img/troublemiddle.gif");
background-repeat: repeat-y;
margin: 0 auto;
padding: 0px;
width: 540px;
}

#troublebottom {
background-image: url("../img/troublebottom.gif");
background-repeat: no-repeat;
margin: 0 auto;
padding: 0px;
width: 540px;
height: 23px;
}


#kiyaku ol {
margin-left: 40px;
font-size: 12px;
}

#kiyaku p {
font-size: 12px;
}



.next_previous_link {
margin-top: 15px;
text-align: center;
font-size:13px;
}




/*------------------------------------------
フッダー定義
--------------------------------------------*/

#footer {
clear:both;
display: block;
margin: 0 auto;
padding-top: 30px;
width:810px;
color: #ccc ;
}


#footer ul {
text-align:center;
}

#footer li {
display: inline;
}


#footer_bottom{
margin: 0 ;
padding: 0 ;
background: #fff url('../img/backimage_bottom.gif') no-repeat 0 0;
width:870px;
height: 41px;
}




/*---( Hacks and Such )---------------------------------*/

/*hyde
---------------------------------*/
.hyde {
position: absolute;
left: -9999px;
}

/*cleaner
---------------------------------*/
.cleaner {
clear: both;
margin: 0;
padding: 0;


/*alt
---------------------------------*/

.alt {
display: none;
}