@charset "utf-8";
body {
    margin: 0px;
    padding: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
    color: #2e3905;
    font-size: 80%;
    line-height: 1.3em;
    text-align: center;
    background-color: #fefe87;
    background-image: url(img/back.jpg);
    background-repeat: repeat-x;
}



#container {
    width: 900px;
    margin: 0px auto;
    padding: 0px;
    background-color: #ffffff;
    text-align: center;
}

#contents {
    width: 900px;
    margin: 10px 0px;
    padding: 0px;
}

h1,h2,h3,h4,h5 {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

.person_or_inc {
    font-size: 150%;
    margin-top: 50px;
    border-bottom: 1px solid #728431;
    border-left: 4px solid #728431;
    padding: 5px;
}

/*
.person_or_inc:first-letter {
    font-size: 250%;
    padding: 5px;
}
*/

a { color: #253406; }
a:hover { color: #de1778; }

img { border: 0px; }

/* ヘッダー */

#header {
    width: 900px;
    height: 111px;
    margin: 0px;
    padding: 0px;
}

h2#read {
    height: 25px;
    margin: 0px;
    padding: 0px 15px;
    color: #ffffff;
    font-weight: normal;
    line-height: 25px;
    text-align: right;
    background-image: url(img/read-back.gif);
}

h1#title-header {
    margin: 0px;
    padding: 0px;
    float: left;
}

h1#title-header a {
    width: 412px;
    height: 86px;
    margin: 0px;
    padding: 0px;
    background-image: url(img/logo.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}

#top-right {
    width: 488px;
    height: 86px;
    margin: 0px;
    padding: 0px;
    float: right;
}

#top-menu {
    width: 488px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    background-image: url(img/topmenu-back.gif);
    background-repeat: no-repeat;
}

#top-menu ul {
    margin: 0px 11px 0px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
}

#top-menu li {
    margin: 0px;
    padding: 0px;
    float: right;
}

#top-menu li.menu1 {
    width: 163px;
    height: 25px;
}

#top-menu .menu1 a {
    width: 163px;
    height: 25px;
    background-image: url(img/privacy.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}

#top-menu .menu1 a:hover { background-position: 0px -25px;}

#top-menu .menu2 a {
    width: 72px;
    height: 25px;
    background-image: url(img/home.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}

#top-menu .menu2 a:hover { background-position: 0px -25px;}

#tel {
    width: 488px;
    height: 61px;
    margin: 0px;
    padding: 0px;
}

/* フッター */

#footer {
    width: 900px;
    margin: 0px;
    padding: 0px;
    background-color: #728431;
    color: #ffffff;
}

#footer-inner {
    width: 880px;
    margin: 0px auto;
    padding: 10px 0px;
}

#footer a {
    color: #ffffff;
}

/* ナビゲーション */

#navi {
    width: 900px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    background: url(img/navi.gif) no-repeat;
    clear: both;
}

ul#navigation {
    margin: 0px;
    padding: 0px 0px 0px 30px;
    list-style: none;
    clear: both;
}

#navigation li {
    float: left;
    text-indent: -9999px;
}

#navigation a {
    text-decoration: none;
    overflow: hidden;
    background: url(img/navi.gif) no-repeat;
}

#navi1,
#navi1 a,
#navi2,
#navi2 a,
#navi3,
#navi3 a,
#navi4,
#navi4 a,
#navi5,
#navi5 a,
#navi6,
#navi6 a,
#navi7,
#navi7 a {
    display: block;
    width: 120px;
    height: 40px;
    margin: 0px;
    padding: 0px;
}

#navi1 a { background-position: -30px 0px;}
#navi2 a { background-position: -150px 0px;}
#navi3 a { background-position: -270px 0px;}
#navi4 a { background-position: -390px 0px;}
#navi5 a { background-position: -510px 0px;}
#navi6 a { background-position: -630px 0px;}
#navi7 a { background-position: -750px 0px;}
#navi1 a:hover { background-position: -30px -40px;}
#navi2 a:hover { background-position: -150px -40px;}
#navi3 a:hover { background-position: -270px -40px;}
#navi4 a:hover { background-position: -390px -40px;}
#navi5 a:hover { background-position: -510px -40px;}
#navi6 a:hover { background-position: -630px -40px;}
#navi7 a:hover { background-position: -750px -40px;}

/* サイドメニュー */

#side-menu {
    width: 250px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#side-menu #side-inner {
    width: 240px;
    height: 495px;
    float: right;
}

#side-menu h3#personal {
    width: 240px;
    height: 90px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#side-menu h3#personal a {
    width: 240px;
    height: 90px;
    background: url(img/personal.gif) no-repeat;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}

#side-menu h3#personal a:hover { background-position: -240px 0px;}

#side-menu h3#corporation {
    width: 240px;
    height: 105px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#side-menu h3#corporation a {
    width: 240px;
    height: 105px;
    background: url(img/corporation.gif) no-repeat;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}

#side-menu h3#corporation a:hover { background-position: -240px 0px;}


#side-menu h3#dialup_notification {
    width: 240px;
    height: 90px;
    margin: 30px 0px 10px 0px;
    padding: 0px;
}

#side-menu h3#dialup_notification a {
    width: 240px;
    height: 90px;
    background: url(img/dialup_notification3.gif) no-repeat;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}

#side-menu h3#dialup_notification a:hover { background-position: -240px 0px;}


#side-menu #option {
    height: 240px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#side-menu h3#option-h3 {
    width: 240px;
    height: 30px;
    margin: 0px;
    padding: 0px;
}

#side-menu h3#option-h3 a {
    width: 240px;
    height: 30px;
    background: url(img/option.gif) no-repeat;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}

#side-menu h3#option-h3 a:hover { background-position: -240px 0px;}

#option{
  display: none;
}

ul#option-ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    clear: both;
}

#option-ul li {
    float: left;
    text-indent: -9999px;
}

#option-ul a {
    text-decoration: none;
    overflow: hidden;
    background: url(img/option.gif) no-repeat;
}

#side1,
#side1 a,
#side2,
#side2 a,
#side3,
#side3 a,
#side4,
#side4 a,
#side5,
#side5 a {
    display: block;
    width: 240px;
    height: 50px;
    margin: 0px;
    padding: 0px;
}

#side1 a { background-position: 0px -30px;}
#side2 a { background-position: 0px -80px;}
#side3 a { background-position: 0px -130px;}
#side4 a { background-position: 0px -180px;}
#side5 a { background-position: 0px -230px;}
#side1 a:hover { background-position: -240px -30px;}
#side2 a:hover { background-position: -240px -80px;}
#side3 a:hover { background-position: -240px -130px;}
#side4 a:hover { background-position: -240px -180px;}
#side5 a:hover { background-position: -240px -230px;}

/* メイン */

#main {
    width: 640px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    float: right;
}

#main-inner {
    width: 630px;
    margin: 0px;
    padding: 0px;
    float: left;
}

h1#page-title {
    margin: 0px 0px 10px 0px;
    padding: 0px 30px;
    line-height: 30px;
    font-size: 120%;
    color: #ffffff;
    text-align: left;
    background-image: url(img/title-back.gif);
}

h2#s-title {
    margin: 10px 0px;
    margin-top: 20px;
    padding: 0px 20px;
    color: #ffffff;
    line-height: 25px;
    text-align: left;
    background-image: url(img/s-back.gif);
}

#pagebody {
    margin: 0px;
    padding: 0px 10px;
    text-align: left;
}

#text-center {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}

#text-right {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: right;
}

/* トップページ */
#top-img {
    width: 900px;
    height: 180px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#top-img .left {
    width: 250px;
    height: 180px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#top-img .right {
    width: 640px;
    height: 180px;
    margin: 0px;
    padding: 0px;
    float: right;
}

#top-plan {
    width: 630px;
    height: 70px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.flets-plan210 {
    width: 210px;
    height: 70px;
    margin: 0px 0 0 50px;
    padding: 0px;
    border: 0px;
    float: left;
}

.tohk-plan210 {
    width: 210px;
    height: 70px;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    border: 0px;
    float: left;
}

.voip-plan190 {
    width: 190px;
    height: 70px;
    margin: 0px 80px;
    padding: 0px;
    border: 0px;
    float: right;
}

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

#goo-ta {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

#goo-ta .goo-banner {
    width: 10%;
    margin: 0px;
    padding: 5px;
    border-top: 1px solid #2e3905;
    border-left: 1px solid #2e3905;
    border-bottom: 1px solid #2e3905;
    background-color: #e9f19b;
}

#goo-ta .goo-form {
    width: 35%;
    margin: 0px;
    padding: 5px;
    border-top: 1px solid #2e3905;
    border-bottom: 1px solid #2e3905;
    background-color: #e9f19b;
}

#goo-ta .goo-radio {
    margin: 0px;
    padding: 5px;
    border-top: 1px solid #2e3905;
    border-right: 1px solid #2e3905;
    border-bottom: 1px solid #2e3905;
    background-color: #e9f19b;
}

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

#hot #hot-logo {
    width: 630px;
    height: 35px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#hot h3 {
    width: 505px;
    height: 35px;
    background-image: url(img/hot-logo.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    float: left;
}

#hot .hot-more a {
    width: 125px;
    height: 35px;
    background-image: url(img/hot-more.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    float: right;
}

#hot .hot-inner {
    width: 630px;
    margin: 0px;
    padding: 0px;
}

#hot .hot-img {
    width: 200px;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #ffd57c;
}

#hot dl {
    /*
    width: 420px;
     */
    width: 630px;
    margin: 0px;
    padding: 0px;
    /*
    float: right;
     */

}

#hot dt {
    margin: 0px;
    padding: 3px 10px;
    font-weight: bold;
    text-align: left;
}

#hot dd {
    margin: 0px;
    padding: 3px 10px;
    text-align: left;
    background-color: #f9ffc2;
    border-bottom: 1px dotted #2e3905;
}

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

#info #info-logo {
    width: 630px;
    height: 35px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#info h3 {
    width: 505px;
    height: 35px;
    background-image: url(img/info-logo.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    float: left;
}

#info .info-more a {
    width: 125px;
    height: 35px;
    background-image: url(img/info-more.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    float: right;
}

#info .info-inner {
    width: 630px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

#info .info-ta {
    width: 630px;
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
}

#info .info-ta td {
    padding: 3px 10px;
    border-bottom: 1px dotted #2e3905;
}

#info .info-ta td.category {
    width: 15%;
}

#info .info-ta td.date {
    width: 15%;
}

#info .info-ta td.entry {
    width: 70%;
}

/* ほっとニュース */

#comments-open-data #comment-form-name,
#comments-open-data #comment-form-email,
#comments-open-data #comment-form-url,
#comments-open-data #comment-form-remember-me,
#comments-open-text,
#comments-open-footer {
    margin: 0px 0px 5px 0px;
}

#hot-footer {
    margin: 10px 0px 0px 0px;
    padding: 5px 10px;
    text-align: right;
    border-bottom: 1px dotted #2e3905;
    background-color: #e9f19b;
}

table.hot {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
}

table.hot td {
    margin: 0px;
    padding: 3px 10px;
}

table.hot td.date {
    border-top: 1px solid #2e3905;
    border-left: 1px solid #2e3905;
    width: 15%;
}

table.hot td.entry {
    border-top: 1px solid #2e3905;
}

table.hot td.name {
    border-top: 1px solid #2e3905;
    border-right: 1px solid #2e3905;
    width: 40%;
}

table.hot td.body {
    border-top: 1px dotted #2e3905;
    border-right: 1px solid #2e3905;
    border-left: 1px solid #2e3905;
    border-bottom: 1px solid #2e3905;
    background-color: #e9f19b;
}

/* 花ねっとお知らせ */

table.info {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
}

table.info td {
    margin: 0px;
    padding: 3px 10px;
}

table.info td.category {
    border-top: 1px solid #2e3905;
    border-left: 1px solid #2e3905;
    width: 15%;
}

table.info td.date {
    border-top: 1px solid #2e3905;
    width: 15%;
}

table.info td.entry {
    border-top: 1px solid #2e3905;
    border-right: 1px solid #2e3905;
}

table.info td.body {
    border-top: 1px dotted #2e3905;
    border-right: 1px solid #2e3905;
    border-left: 1px solid #2e3905;
    border-bottom: 1px solid #2e3905;
    background-color: #e9f19b;
}

#info-footer {
    margin: 10px 0px 0px 0px;
    padding: 5px 10px;
    text-align: right;
    border-bottom: 1px dotted #2e3905;
    background-color: #e9f19b;
}

/* サービス一覧 */

p.ps {
    margin: 10px 0px 0px 0px;
    font-weight: bold;
}
p.ps:before{
    content: "※";
}

p.ex {
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    border-top: 1px dotted #2e3905;
    border-bottom: 1px solid #2e3905;
}

.process {
    margin: 0px 0px 10px 0px;
}

.c1 {
    color: #92a044;
}

.c2 {
    color: #e9f19b;
}



table.option-price {
    width: 100%;
    border-collapse:collapse;
}

table.option-price td,
table.option-price th {
    border: 1px solid #2e3905;
    padding: 5px 10px;
}

table.option-price th {
    font-weight: normal;
    background-color: #e9f19b;
}

table.option-price td {
    width: 20%;
    text-align: right;
}

table.option-price td.top,
table.option-price th.top {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    background-color: #728431;
}

table.option-price2 {
    width: 100%;
    margin: 0px;
    border-collapse:collapse;
}

table.option-price2 td,
table.option-price2 th {
    border: 1px solid #2e3905;
    padding: 5px 10px;
}

table.option-price2 th {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    background-color: #728431;
}

table.option-price2 td {
    width: 30%;
    text-align: right;
}

table.option-price2 td.top {
    width: 40%;
    text-align: center;
    background-color: #e9f19b;
}

table.option-price3 {
    width: 100%;
    margin: 10px 0px 10px 0px;
    border-collapse:collapse;
}

table.option-price3 td,
table.option-price3 th {
    border: 1px solid #2e3905;
    padding: 5px 10px;
}

table.option-price3 th {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    background-color: #728431;
}

table.option-price3 td {
    /*
    width: 30%;
    text-align: right;
    */
    text-align: center;
}

table.option-price3 td.top,
table.option-price3 tr.top td
{
    width: 40%;
    text-align: center;
    background-color: #e9f19b;
}

table.option-price4 {
    width: 100%;
    margin: 10px 0px 0px 0px;
    border-collapse:collapse;
}

table.option-price4 td,
table.option-price4 th {
    border: 1px solid #2e3905;
    padding: 5px 10px;
}

table.option-price4 th {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    background-color: #728431;
}

table.option-price4 td {
    width: 30%;
    text-align: right;
}

table.option-price4 td.top {
    width: 40%;
    text-align: center;
    background-color: #e9f19b;
}

table.option-price3 td.kinds{
    width: 130px;
    background-color: #728431;
    color: white;
    font-weight: bold;
}

table.option-price3 td.hana-net-cost{
    width: 140px;
    background-color: #728431;
    color: white;
    font-weight: bold;
}

table.option-price3 td.ntt-flets-cost{
    width: 140px;
    background-color: #728431;
    color: white;
    font-weight: bold;
}

table.option-price3 td.modem-cost{
    width: 160px;
    background-color: #728431;
    color: white;
    font-weight: bold;
}

table.option-price3 td.total-cost{
    width: 100px;
    background-color: #728431;
    color: white;
    font-weight: bold;
}

table.option-price3 tr td.kinds-name {
   background-color: #e9f19b;
   width: 170px;
}

#web-plan {
    width: 610px;
    height: 70px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

#web-plan2 {
    width: 610px;
    height: 50px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

.flets-plan200 {
    width: 200px;
    height: 70px;
    margin: 0px auto 0px 50px;
    padding: 0px;
    border: 0px;
    float: left;
}

.tohk-plan200 {
    width: 200px;
    height: 70px;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    border: 0px;
    float: left;
}



/* よくある質問 */

img.faq-img {
    margin: 10px 0px;
    padding: 0px;
}

p.faq-text {
    margin: 0px;
    padding: 0px;
}

p.faq-text2 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#faq-ol li
{
    margin-top: 20px;
}

.faq-listbox ul {
    list-style-type: disc;

}

.faq-listbox ul li{
    margin: 0px;
    padding: 0px;
}

.faq-listbox dt {
    margin-top: 20px;
    font-weight: bold;
}

/* 会員リンク */

table.link {
    width: 100%;
    border-collapse:collapse;
}

table.link td,
table.link th {
    border: 1px solid #2e3905;
    padding: 5px 10px;
}

table.link th {
    width: 30%;
    background-color: #e9f19b;
}

/* 花ねっと定款 */

ol#article {
    margin: 0px;
    padding: 0px;
}

ol#article li.article {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style-type: none;
}

h3.article {
    margin: 0px 0px 5px 0px;
}

h3.article2 {
    margin: 10px 0px 5px 0px;
}

ol#article2 {
    margin: 0px;
    padding: 0px;
}

ol#article2 li.article2-1 {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ol#article2 li.article2-2 {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

ol#article-sub {
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

ol#article-sub li.article-sub {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

/* 表示調整 */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}