@import "../../common/css/base.css";
@import "k_header.css";
@import "k_fs.css";
@import "k_popup.css";

/*基本設定*/

body#login{
background:#fff url(../img/body_bg_login.jpg) no-repeat center top;
}

th, td{
border: 1px #B8CA54 solid;
}

th{
background-color:#F3FBD6;
color:#3F6F02;
}

th.error{
background-color:#FFCCCB;
}

table table th,table table td{
background:#FFF;
}

table tr.detail th{
background-color:#FFF;
color:#3F6F02;
}

table tr.total th{
background-color:#FFF;
}

table td strong{
color:#3F6F02;
}

.error,
td .error{
color:#FF0200;
}

#error{
color:#FF0200;
}

#error_margin2{
color:#FF0200;
}


.caption{
color:#944502;
}

.compulsory{
background-color:#FF0200;
color:#FFF;
}

.compulsory2{
background-color:#FF0200;
color:#FFF;
}

.free{
background-color:#00A651;
color:#FFF;
}

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

.review_item{
color:#000;
}

.change th,.change td{
background-color:#FFF799;
}

.label{
color:#416F02;
}

.review{
background-color:#0066CC;
color:#FFF;
}

/*--------------- 会員情報 -------------------*/

#profile dt{
color:#666;
}

#profile dd{
display:inline;
margin:0;
padding:0;
}

#profile dd .title{
color:#666;
padding-left:5px;
}

/*--------------- 進度 -------------------*/

#degree{
border-top:#999 1px dashed;
border-bottom:#999 1px dashed;
}

#degree table td{
background-color:#ECFBF6;
color:#999999;
}

#degree table td.already{
background-color:#A9D7CA;
color:#3D5E53;
}

#degree table td.already a{
color:#3D5E55;
}

#degree table td.now{
background-color:#49AA89;
color:#FFF;
}

#degree table td.arrow{
background:#FFF;
}

/*--------------- タブ -------------------*/

.table_tab a.here{
color:#FFF;
}

/*--------------- メイン情報 -------------------*/

/*タイトル*/

#ttl_container{
background:#F77807 url(../img/bg_h1.jpg) no-repeat top;
}

h1{
color:#FFF;
}

#ttl{
background:url(../img/bg_h1_bottom.jpg) no-repeat bottom;
}

h2{
color:#FFF;
background:url(../img/ico_h2.jpg) no-repeat bottom left;
}

.ttl_h2,
.ttl_h2_top{
background:#578C06;
border-bottom:solid 3px #B8CA54;
}

.ttl_h2 .form{
color:#FFF;
}

h3{
border-bottom:solid 3px #B8CA54;
color:#416F00;
}

.table_ttl_top{
background:#578C06;
}

.table_ttl .ttl{
background:#568C06;
}

.table_ttl{
border-top:2px dashed #B8CA54;
}

.table_ttl_top .ttl,.table_ttl .ttl{
color:#FFF;
}

.textex{
color:#416F00;
border-bottom:solid 3px #B8CA54;
}

.textex .ttl_textex{
background:url(../img/ico_textex.jpg) no-repeat bottom left;
}


/*コンテンツ*/

#status{
color:#000;
background:#CAEDE2;
border:2px solid #89C2B1;
}

#today{
color:#000;
background:#CAEDE2;
border:2px solid #89C2B1;
}

#select_address{
background:#FFF;
border:2px solid #89C2B1;
}

div.contact{
border:2px solid #C9EDE1;
}

div.contact .tel{
color:#3D5D52;
background:url(../../common/img/ico_tel.gif) left center no-repeat;
}

div.contact .tel2{
color:#3D5D52;
background:url(../../common/img/ico_tel2.gif) left center no-repeat;
}

#navi_img, #navi_output{
background:#FFEC95;
}

#navi_img .caption{
color:#000;
}


/*個別スタイル*/

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

.text_review dt{
color:#FF0000;
}

td .message_ttl .celebrate{
color:#DC4990;
}
td .message_ttl .sympathy{
border-top:dashed 1px #999;
color:#714495;
}

td .message_ttl .general{
border-top:dashed 1px #999;
color:#47B403;
}

td .purpose label{
color:#DC4990;
}

td .card dt{
color:#416F02;
}

td .card dt label{
color:#000;
}

td .zip{
border-bottom:dashed 1px #999;
}

td .flower{
border-bottom:dashed 1px #999;
}

div.campaign table{
border:solid 1px #B8CA54;
}

div.layout img{
border:1px solid #CCC;
}

table.fee{
border:solid 3px #B8CA54;
}

td p.payment{
color:#FF3300;
}

td .payment p.ttl{
color:#FF3300;
}

div.payment_area{
border-top:2px dashed #B8CA54;
}

td .payment dd p{
color:#FF3300;
}

td .payment input.address{
width:410px;
}

td div.payment dd th{
width:80px;
font-weight:normal;
vertical-align:top;
color:#000;
}

td div.payment dd td{
vertical-align:top;
}

td .resist_payment th{
background:#F3FBD6;
border: 1px #B8CA52 solid;
}

td .resist_payment td{
border: 1px #B8CA52 solid;
}

td .resist_payment .tel_payment{
border-bottom:dashed 1px #999;
}

td .resist_payment .tel_payment p,
td .resist_payment .card_payment p,
td .resist_payment .card_payment_confirm p{
color:#416F02;
}

td .resist_payment .card_payment{
border-bottom:dashed 1px #999;
}

td .resist_payment .group_top{
border-bottom:dashed 1px #999;
}

td .resist_payment .group_top{
border-bottom:dashed 1px #999;
}

td .confirm_payment th{
background:#EEE;
border: 1px #999999 solid;
}

td .confirm_payment td{
border: 1px #999999 solid;
}

td .resist_payment .group_top{
border-bottom:dashed 1px #999;
}

td .resist_pass .group_top,
td .resist_mail .group_top{
border-bottom:dashed 1px #999;
}

td .resist_pass p,
td .resist_mail p{
color:#406F05;
}

table.duplicate .detail th,table.duplicate .total th{
background:#FFF;
}

div.search,
div.dl_pdf{
border:solid 1px #B7C951;
border-top:none;
}

div.search_caption{
color:#000;
}

div.address_select .item{
background:#F3FBD6;
border:solid 1px #B8CA54;
color:#3F6F02;
}

div.address_select .list{
border:solid 1px #B8CA54;
border-top:none;
}

div.address_select .list .group_top{
border-bottom:dashed 1px #999;
}

td .quickmenu_flower table td{
border: 1px #B8CA54 solid;
}

td .quickmenu_flower .table_ttl{
background:#578C06;
}

div.legend,div.legend_west{
border-top:1px #B8CA54 solid;
border-left:1px #B8CA54 solid;
border-right:1px #B8CA54 solid;
}

div.legend li.ico_price{
background:url(../../common/img/ico_price.gif) no-repeat top left;
}

div.legend_west li.ico_price{
background:url(../../common/img/ico_price.gif) no-repeat center left;
}

div.select_sheet_area .ttl_h2 .caption,
div.select_sheet_area .table_ttl_top .caption{
color:#FFF;
}

div.select_sheet_area .legend, div.select_sheet_area .legend_west{
background-color:#F5F9E6;
}

div.tab_cotents_area{
background:#F5F9E6;
border:solid 1px #B8CA54;
}

div.celebrate .ttl_h2{
background:#D6518F;
border-bottom:solid 3px #E1ADC5;
}

div.celebrate .tab_cotents_area{
background:#FFF0F5;
border:solid 1px #E1ADC5;
}

div.celebrate .table_ttl_top,
div.celebrate .table_ttl .ttl{
background:#E17BB1;
}

div.celebrate .table_ttl{
border-top:#E17BB1;
}

div.celebrate table th,
div.celebrate table td{
border:solid 1px #E1ADC3;
}

div.celebrate table th{
background:#FBDBEA;
color:#CA337A;
}

div.celebrate .legend, div.celebrate .legend_west{
background:#FFF0F5;
border:solid 1px #E1ADC5;
border-bottom:none;
}

div.celebrate .tab_contents .item td{
background:#F5DCE6;
}

div.celebrate td .item_area .photo a img{
border:2px solid #F5DCE6;
}

div.celebrate td .item_area .photo a:hover img{
border:2px solid #FF7800;
}

div.sympathy .ttl_h2{
background:#6E508B;
border-bottom:solid 3px #B09BC3;
}

div.sympathy .tab_cotents_area{
background:#F4EDF9;
border:solid 1px #B09BC3;
}

div.sympathy .text_example_area{
border:solid 1px #B09BC3;
}

div.sympathy .table_ttl_top,
div.sympathy .table_ttl .ttl{
background:#8C6FAA;
}

div.sympathy .table_ttl{
border-top:#B09BC3;
}

div.sympathy table th,
div.sympathy table td{
border:solid 1px #B09BC3;
}

div.sympathy table th{
background:#E5D5F6;
color:#532F77;
}

div.sympathy .legend, div.sympathy .legend_west{
background:#F4EDF9;
border:solid 1px #B09BC3;
border-bottom:none;
}

div.sympathy .tab_contents .item td{
background:#E7DBEF;
}

div.sympathy td .item_area .photo a img{
border:2px solid #E7DBEF;
}

div.sympathy td .item_area .photo a:hover img{
border:2px solid #FF7800;
}

div.general .tab_cotents_area{
background:#F5F9E6;
border:solid 1px #B8CA54;
}

div.general .item td{
background:#EAF2C1;
}

div.general td .item_area .photo a img{
border:2px solid #E7E2CC;
}

div.general td .item_area .photo a:hover img{
border:2px solid #FF7800;
}

div.general .table_ttl_top,
div.general .table_ttl{
background:#88B248;
}

div.tab_cotents_area table.item,
div.tab_cotents_area table.select_table{
background:#FFF;
}

div.tab_cotents_area .legend,
div.tab_cotents_area .legend_west{
background:#FFF;
}

td .item_area .price{
background:url(../../common/img/ico_price.gif) no-repeat top left;
}

td .item_area .photo a img{
border:2px solid;
}

div.text_example_area{
background:#FFF;
border:solid 1px #E1ADC5;
}

td .catch{
color:#F85E00;
background:#FCF3CA url(../img/bg_catch.gif) bottom left no-repeat;
}

.flower_menu .celeb_area{
border-left:solid 1px #BFB99A;
border-right:solid 1px #BFB99A;
background-color:#FFF0F5;
}

.flower_menu .sympa_area{
border:solid 1px #BFB99A;
border-bottom:none;
background-color:#F4EDF9;
}

.flower_menu .celeb_area .ttl{
border-bottom:2px solid #E07CB2;
color:#CB347B;
}

.flower_menu .sympa_area .ttl{
border-bottom:2px solid #8C6EAA;
color:#513077;
}

.flower_menu .price_select_area{
border:solid 1px #BFB99A;
border-top:none;
background-color:#F4F1E0;
}

.flower_menu input{
color:#000D50;
background-image:url(../../common/img/btn_bg.gif);
border:outset 1px #CCCCCC;
}

.flower_menu .celeb_area input{
color:#000D50;
background-image:url(../../common/img/btn_bg.gif);
border:outset 1px #CCCCCC;
}

.flower_menu .celeb_area input:hover,
.flower_menu .celeb_area input.here{
background-image:url(../../common/img/btn_celeb_bg.gif);
color:#FFF;
}


.flower_menu .sympa_area input{
color:#000D50;
background-image:url(../../common/img/btn_bg.gif);
border:outset 1px #CCCCCC;
}

.flower_menu .sympa_area input:hover,
.flower_menu .sympa_area input.here{
background-image:url(../../common/img/btn_sympa_bg.gif);
color:#FFF;
}

/*ボタン*/
#main_contents input.button[disabled]{
color:#999;
}

#main_contents input.button:hover[disabled]{
background-image:url(../../common/img/btn_bg.gif);
}

input.button,
.ttl_h2 input.celeb,
.ttl_h2 input.sympa,
.ttl_h2 input.genel,
.select_form input.celeb,
.select_form input.sympa,
.select_form input.genel{
color:#000D50;
background-image:url(../../common/img/btn_bg.gif);
border:outset 1px #CCCCCC;
}

input.button:hover{
background-image:url(../../common/img/btn_bg_on.gif);
}

.form input.here,
.select_form input.here{
color:#FFF;
background-image:url(../img/btn_per_bg.gif);
border:outset 1px #CCCCCC;
}

.celebrate input.here{
color:#FFF;
background-image:url(../../common/img/btn_celeb_bg.gif);
border:outset 1px #CCCCCC;
}

.celebrate input.here:hover{
color:#FFF;
background-image:url(../../common/img/btn_celeb_bg.gif);
border:outset 1px #CCCCCC;
}

.sympathy input.here{
color:#FFF;
background-image:url(../../common/img/btn_sympa_bg.gif);
border:outset 1px #CCCCCC;
}

.sympathy input.here:hover{
color:#FFF;
background-image:url(../../common/img/btn_sympa_bg.gif);
border:outset 1px #CCCCCC;
}

.form input:hover,
.select_form input:hover{
color:#FFF;
background-image:url(../img/btn_per_bg.gif);
border:outset 1px #CCCCCC;
}

.celebrate .ttl_h2 input.here{
color:#FFF;
background-image:url(../../common/img/btn_celeb_bg.gif);
border:outset 1px #CCCCCC;
}

.celebrate .ttl_h2 input:hover{
color:#FFF;
background-image:url(../../common/img/btn_celeb_bg.gif);
border:outset 1px #CCCCCC;
}

.sympathy .ttl_h2 input.here{
color:#FFF;
background-image:url(../../common/img/btn_sympa_bg.gif);
border:outset 1px #CCCCCC;
}

.sympathy .ttl_h2 input:hover{
color:#FFF;
background-image:url(../../common/img/btn_sympa_bg.gif);
border:outset 1px #CCCCCC;
}

.select_form input.celeb:hover,
.ttl_h2 input.celeb:hover{
color:#FFF;
background-image:url(../../common/img/btn_celeb_bg.gif);
border:outset 1px #CCCCCC;
}

.select_form input.sympa:hover,
.ttl_h2 input.sympa:hover{
color:#FFF;
background-image:url(../../common/img/btn_sympa_bg.gif);
border:outset 1px #CCCCCC;
}

.select_form input.genel:hover,
.ttl_h2 input.genel:hover{
color:#FFF;
background-image:url(../img/btn_per_bg.gif);
border:outset 1px #CCCCCC;
}

.celebrate .textex .form input.here,
.sympathy .textex .form input.here{
color:#FFF;
background-image:url(../img/btn_per_bg.gif);
border:outset 1px #CCCCCC;
 }
 
div.main_area table th{
width:auto;
}

div.main_area table.delivery th,
div.main_area table tr.detail th{
width:180px;
}

div.main_area table.number th{
width:180px;
}

input.example{
color:#FFF;
background-image:url(../img/btn_bg_example.gif);
border:outset 1px #CCCCCC;
}

input.example:hover{
background-image:url(../../common/img/btn_bg_example_on.gif);
}

#navi_continue input.continue,
#navi_continue input.new{
color:#000D50;
background:url(../../common/img/btn_bg_continue.gif) no-repeat;
}

#navi_continue input.continue:hover,
#navi_continue input.new:hover{
background:url(../../common/img/btn_bg_continue_on.gif) no-repeat;
}

#navi_continue table{
border:solid 4px #B8CA54;
}

.image_area img{
border:1px solid #CCC;
}

input.detail{
color:#000D50;
background-image:url(../../common/img/btn_bg.gif);
border:outset 1px #CCCCCC;
}

input.detail:hover{
color:#000D50;
background-image:url(../../common/img/btn_bg_on.gif);
}

/*--------------- ナビゲーション -------------------*/

.item td span.next_button{
border:#99B438 solid 5px;
}

#navi{
background:#FFCD62;
}

#navi span.next{
background-color:#99B438;
border:#99B438 solid 5px;
}

span.next_button{
background-color:#99B438;
border:#99B438 solid 5px;
}

#navi span.back{
background-color:#FFF2B5;
border:#FFF2B5 solid 5px;
}

#navi span.decision{
background-color:#FF7200;
border:#FF7200 solid 5px;
}

#navi span.clear{
background-color:#FFF;
border:#FFF solid 5px;
}

#navi span.accounting{
background-color:#E61A1B;
border:#E61A1B solid 5px;
}

#navi span.logout{
background-color:#FFF2B5;
border:#FFF2B5 solid 5px;
}

.next_button input,
#navi .next input,
#navi .back input,
#navi .decision input,
#navi .clear input,
#navi .accounting input,
#navi .logout input{
color:#000D50;
background-image:url(../../common/img/btn_bg.gif);
border:outset 1px #CCCCCC;
}

.next_button input:hover,
#navi .next input:hover,
#navi .back input:hover,
#navi .decision input:hover,
#navi .clear input:hover,
#navi .accounting input:hover,
#navi .logout input:hover{
background-image:url(../../common/img/btn_bg_on.gif);
}

/*--------------- 説明ページ用 -------------------*/

.main_texts .caption li,
.step_area .caption li,
.img_area .caption li{
color:#FF0200;
}

.step_area p{
color:#416F00;
}

.main_texts dt{
color:#416F00;
}

.main_texts p.ttl{
color:#416F00;
}

.main_texts .contact .caption li{
color:#944502;
}

.step_text ul{
background:#F3EFDC;
}

.step_area #step01,
.step_area #step02,
.step_area #step03,
.step_area #step04,
.step_area #step05{
color:#665F45;
}

.step_area .img_area{
border-bottom:dashed 2px #BFB99A;
}

.flow_area .caption li{
color:#000;
}

.att_area{
border-top:dashed 2px #BFB99A;
}

div.pagelink_area li a{
background:url(../../common/img/ico_pagelink.gif) no-repeat top left;
}

div.dl_area .pdf_list_howto .ttl_h2 h2{
background-image:url(../img/ico_pdf_howto.gif);
}

div.dl_area .pdf_list_mass .ttl_h2 h2{
background-image:url(../img/ico_pdf_mass.gif);
}

div.dl_area .pdf_list_item .ttl_h2 h2{
background-image:url(../img/ico_pdf_item.gif);
}

div.dl_area .pdf_list_text .ttl_h2 h2{
background-image:url(../img/ico_pdf_text.gif);
}

div.dl_area .pdf_list_chara .ttl_h2 h2{
background-image:url(../img/ico_pdf_chara.gif);
}

div.dl_area .unit{
border-top:dashed 2px #BFB99A;
}

div.dl_area .pdf_area{
border:2px solid #C9EDE1;
}
div.dl_area .pdf_area .label{
border-bottom:solid 2px #B8CA54;
}

div.dl_area dt{
color:#416F02;
}

div.dl_area ul.caption{
color:#FF0200;
}

/*メニューページ*/

#main_menu_contents{
width:760px;
}

.main_menu_area{
width:531px;
float:left;
background:url(../img/tab_sendarea_bg_top.gif) 0 0 no-repeat;
padding:3px 0px 0px 0px;
}

.main_menu_area table{
margin:15px 15px 0 15px;
width:500px;
}

.main_menu_area ul.caption{
margin:5px 0 0 0;
}

.main_menu_area .caption{
color:#FF0100;
}

.main_menu_area .method_area{
padding-bottom:10px;
}

.main_menu_area .method_area a{
background:none;
padding:0;
margin:0;
}

.main_menu_area .method{
padding:10px 5px;
background:#EEE;
margin:5px 0 0 0;
text-align:center;
}

#main_menu_contents .bn_area{
clear:both;
text-align:center;
margin:0;
padding:15px 0;
}

#main_menu_contents .bn_area a{
background-image:none;
padding:0;
border:none;
}

#main_menu_contents .bn_area img{
margin:0px 10px;
}

#main_menu_contents .bn_area a img{
border:1px solid #CCC;
}

#main_menu_contents .bn_area a:hover img{
border:1px solid #FF7800;
}

#news td a{
background:none;
margin:0;
padding:0;
}

#news{
    border:#CCCCCC solid 1px;
    margin:0px 0px 0px 0px; padding:1px;
}

#news h2{
    height:21px;
    font-weight:normal;
    background:#ffffff url(../img/bg_menu_news.gif) repeat-x top left;
    margin:0; padding:0;
}

#news h2 img{
    float:left;
}

#news h2 a{
    float:right;
    text-align:right;
    vertical-align:bottom;
	padding:2px 10px 0px 16px;
	background:url(../../common/img/ico_link_big.gif) no-repeat left center;
}

#news h2 a:hover{
color:#FF7800;
}

#news .news{
    height:80px;
    border:#7F9DB9 solid 1px;
    overflow:auto;
    margin:1px 0px 0px 0px;
    padding:0;
}
#news .news table{
    width:720px;
    margin:2px 5px 5px 5px; padding:0px;
}
#news .news table th,
#news .news table td{
    border:#ffffff solid 5px;
}
#news .news table th{
    width:61px;
    margin:0; padding:0;
    font-weight:normal;
    border:#ffffff solid 5px;
}
#news .news table td{
    border:#ffffff solid 5px;
    vertical-align:top;
    margin:0; padding:0;
}
#news th.mente{
    text-align:center;
    vertical-align:baseline;
    background:#ffffff url(../../common/img/ico_mente.gif) no-repeat top left;
}
#news th.infomation{
    text-align:center;
    vertical-align:baseline;
    background:#ffffff url(../../common/img/ico_info.gif) no-repeat top left;
}
#news th.important{
    color:#ffffff;
    text-align:center;
    vertical-align:baseline;
    background:#ffffff url(../../common/img/ico_important.gif) no-repeat top left;
}
#news th.delivery{
    color:#ffffff;
    text-align:center;
    vertical-align:baseline;
    background:#ffffff url(../../common/img/ico_delivery.gif) no-repeat top left;
}



.select_sendmenu_area{
padding:0 0 15px 0;
background:url(../img/tab_sendarea_bg_bottom.gif) no-repeat bottom left;
}

div.select_sendmenu_area table th,
div.select_sendmenu_area table td{
border:none;
border-bottom:2px solid #FFF;
padding:10px 8px;
}

div.select_sendmenu_area table tr.celeb th,
div.select_sendmenu_area table tr.celeb td{
background:#FFECF2;
color:#DD096F;
}

div.select_sendmenu_area table tr.sympa th,
div.select_sendmenu_area table tr.sympa td{
background:#E7DFF6;
color:#5A228F;
}

div.select_sendmenu_area table tr.genel th,
div.select_sendmenu_area table tr.genel td{
background:#EBF7DF;
color:#447816;
}

div.select_sendmenu_area table th a{
background:none;
margin:0;
padding:0;
}

.select_sendmenu_area td a{
padding-bottom:3px;
}

div.select_sendmenu_area ul.caption{
margin-top:5px;
}

.side_menu_area{
width:214px;
float:right;
}

.side_menu_area a{
background:none;
padding:0;
margin:0;
}

.side_menu_area a img{
border:4px solid #B06B98;
}

.side_menu_area a:hover img{
border:4px solid #963F76;
}

.side_menu_area input.button{
width:206px;
padding:2px 5px 2px 10px;
text-align:left;
margin:0 1px;
}

.side_menu_area .useful_area,
.side_menu_area .member_area{
padding:1px;
border:solid 1px #CCC;
}

.side_menu_area .useful_area{
color:#22775A;
}

.side_menu_area .member_area{
color:#517801;
}

.side_menu_area .useful_area input{
background:#ffffff url(../img/btn_bg_sidemenu_useful.gif) no-repeat center left;
color:#FFF;
padding:5px 3px 5px 15px;
}

.side_menu_area .useful_area input:hover{
background:#ffffff url(../img/btn_bg_sidemenu_useful_on.gif) no-repeat center left;
}

.side_menu_area .useful_area input[disabled]{
background:#ffffff url(../img/btn_bg_sidemenu_useful_no.gif) no-repeat center left;
padding:5px 3px 5px 15px;
}

.side_menu_area .member_area input{
background:#ffffff url(../img/btn_bg_sidemenu_member.gif) no-repeat center left;
color:#FFF;
padding:5px 3px 5px 15px;
}

.side_menu_area .member_area input:hover{
background:#ffffff url(../img/btn_bg_sidemenu_member_on.gif) no-repeat center left;
}

.side_menu_area .group{
padding-top:5px;
margin-top:5px;
border-top:1px dashed #CCC;
}

.side_menu_area .member_area{
margin-top:2px;
}

.side_menu_area .text{
margin:3px 3px 0 3px;
}

.side_menu_area .ttl{
margin-bottom:3px;
}

#startkey_area{
margin-bottom:15px;
}

#startkey_area dt{
background-color:#FE0000;
padding:5px 6px;
color:#FFF;
font-weight:bold;
line-height:1.0;
vertical-align:middle;
}

#startkey_area dd{
border:#FE0000 solid 2px;
border-top:none;
padding:6px;
}

#startkey_area dd #navi{
background-color:#FFCD62;
padding:20px 6px;
text-align:center;
margin:5px 0;
}