/*-- パンくず --*/
.pan-list {
    width: 593px;
    height: 36px;
    background: url("../images/contents-top.gif") no-repeat;
    color: #FFFFFF;
    font-size: 10px;
}

.pan-list ul {
    margin: 0px;
    padding: 15px 0px 0px 10px;
    list-style-type: none;
}

.pan-list li {
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

.pan-list a {
    color: #FFFFFF;
    margin: 0px 10px 0px 0px;
}


/*--コンテンツの背景　コンテンツ共通--*/

.contents {
    margin-left: 15px;
}

.contents-body {
    clear: both;
    background: url("../images/contents-bg.gif") repeat-y;
    padding: 10px;
}

.contents-botton {
    clear: both;
    width: 485px;
    margin: 60px auto 0px;
    padding-bottom: 40px;
}

.contents-app {
    float: left;
    width: 243px;
    height: 49px;
    background: url("../images/contents-app.gif") no-repeat;
	text-indent:-9877em;
	text-decoration:none;
    display: table;
}

.contents-app a {
    width: 239px;
    height: 49px;
    display: block;
}

.contents-app a:hover {
    background: url("../images/contents-app_over.gif") no-repeat;
}

.contents-est {
    width: 239px;
    height: 49px;
    background: url("../images/contents-est.gif") no-repeat;
	text-indent:-9877em;
	text-decoration:none;
    display: table;
}

.contents-est a {
    width: 239px;
    height: 49px;
    display: block;
}

.contents-est a:hover {
    background: url("../images/contents-est_over.gif") no-repeat;
}

.contents-footer {
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 593px;
    height: 23px;
    background: url("../images/contents-bottom.gif") no-repeat;
	text-indent:-9877em;
	text-decoration:none;
}

.contents-page-top {
    float: right;
    width: 64px;
    height: 13px;
    margin: 30px 0px;
    background: url("../images/contents-page-top.gif") no-repeat;
	text-indent:-9877em;
	text-decoration:none;
}

.contents-page-top a {
    width: 64px;
    height: 13px;
    display: block;
}

.contents-page-top a:hover {
    background: url("../images/contents-page-top_over.gif") no-repeat;
}

/*-- service --*/
.service {
}

.service-title {
    margin: 0px 0px 30px 7px;
}

.service-image {
    float: left;
}

.service-detail {
    float: right;
}

.service-01 {
    margin-left: 7px;
}

.service-body {
    padding: 20px 20px 20px 0px;
    overflow: hidden;
}

.service-body p {
    margin: 0px;
    padding: 0px;
    width: 400px;
    display: table;
    line-height: 1.8em;
}

.service-02 {
    margin-left: 7px;
}

.service-03 {
    margin-left: 7px;
}

.service-04 {
    margin-left: 7px;
    margin-right: 7px;
    padding-bottom: 40px;
    background: url("../images/dotted.gif") repeat-x;
    background-position: bottom;
}

/*-- service-fuction --*/

.function-title {
    margin: 0px 0px 30px 7px;
}

.service-function p {
    padding: 10px 20px;
}

.service-function01 {
    margin: 15px 0px 30px 6px;
}

.service-function02 {
    margin: 15px 0px 30px 6px;
}

.service-function03 {
    margin: 15px 0px 30px 6px;
}

.service-function04 {
    margin: 15px 0px 30px 6px;
}

.service-function05 {
    margin: 15px 0px 30px 6px;
}

.service-function06 {
    margin: 15px 0px 30px 6px;
}

.service-function07 {
    margin: 15px 6px 30px 6px;
    padding-bottom: 50px;
    background: url("../images/dotted.gif") repeat-x;
    background-position: bottom;
}


/*-- service-plan --*/

.plan-title {
    margin: 0px 0px 30px 7px;
}

.service-plan {
}

.service-plan01 {
    margin: 15px 0px 30px 6px;
}

.service-plan02 {
    margin: 15px 0px 30px 6px;
}

.service-plan03 {
    margin: 15px 0px 30px 6px;
}

.service-plan04 {
    margin: 15px 6px 30px 6px;
    padding-bottom: 50px;
    background: url("../images/dotted.gif") repeat-x;
    background-position: bottom;
}

.service-plan table {
    margin: 15px 0px;
    border-collapse: collapse;
    border: 1px solid #cfcfcf;
}
.service-plan th {
    border: 1px solid #cfcfcf;
}
.service-plan td {
    height: 50px;
    text-align: center;
    border: 1px solid #cfcfcf;
}

/*-- service-results --*/


.results-title {
    margin: 0px 0px 30px 7px;
}

.service-results p {
    padding: 10px 20px;
}

.service-results01 {
    margin: 15px 6px 30px 6px;
    background: url("../images/dotted.gif") repeat-x;
    background-position: bottom;
}

.service-results01 table {
    margin: 15px 0px;
    border-collapse: collapse;
    border: 1px solid #cfcfcf;
}
.service-results01 th {
    border: 1px solid #cfcfcf;
}
.service-results01 td {
    height: 50px;
    text-align: center;
    border: 1px solid #cfcfcf;
}

.service-results01 .first {
    font-weight: bold;
    color: #F00;
    font-size: 14px;
}

.service-results01 td img {
    vertical-align: middle;
    margin-right: 5px;
}

/*-- flow --*/

.flow-title {
    margin: 0px 0px 30px 7px;
}

.flow-step {
    padding: 0px 0px 40px 0px;
    background: url("../images/dotted.gif") repeat-x;
    background-position: bottom;
    
}

.flow-step01 {
    padding: 15px 20px 0px 20px;
    background: #f4f6fb;
    border-top: #ededee 1px solid;
    border-bottom: #dcdde2 1px solid;
}

.flow-arrow {
    margin: 25px auto;
    width: 83px;
    height: 20px;
}

.flow-step02 {
    padding: 15px 20px 0px 20px;
    background: #f4f6fb;
    border-top: #ededee 1px solid;
    border-bottom: #dcdde2 1px solid;
}

.flow-step03 {
    padding: 15px 20px 0px 20px;
    background: #f4f6fb;
    border-top: #ededee 1px solid;
    border-bottom: #dcdde2 1px solid;
}

.flow-step04 {
    padding: 15px 20px 0px 20px;
    background: #f4f6fb;
    border-top: #ededee 1px solid;
    border-bottom: #dcdde2 1px solid;
}

.flow-step05 {
    padding: 15px 20px 0px 20px;
    background: #f4f6fb;
    border-top: #ededee 1px solid;
    border-bottom: #dcdde2 1px solid;
}

.flow-body {
    border-bottom: #FFF solid 1px;
}

/*-- company --*/
.company-title {
    margin: 0px 0px 30px 7px;
}

.company-menu {
    width: 553px;
    margin: 0px auto;
    background: url("../company/images/dotted.gif") repeat-x;
    background-position: top;
    padding: 2px 0px 0px 0px;
}

.company-menu img {
    vertical-align: middle;
    margin-right: 5px;
}

.company-menu-detail {
    height: 37px;
    background: url("../company/images/company_bg.gif") repeat-x;
}

.company-menu-detail a {
    height: 27px;
    padding: 10px 0px 0px 10px;
    display: block;
}

.company-menu-detail a:hover {
    background: url("../company/images/company_bg_over.gif") repeat-x;
}

.company-detail {
    width: 553px;
    margin: 30px auto 0px;
}

#company-detail01 table {
    margin: 10px 0px 0px 0px;
    border-collapse: collapse;
    border: 1px solid #cfcfcf;
    width: 555px;
}

#company-detail01 th {
    border: 1px solid #cfcfcf;
    width: 180px;
}

#company-detail01 .title01 {
    width: 165px;
    height: 27px;
    padding: 15px 0px 0px 15px;
    text-align: left;
    color: #4f6e99;
    background: url("../images/table_bg01.gif") no-repeat;
}

#company-detail01 .title02 {
    width: 165px;
    height: 39px;
    padding: 25px 0px 0px 15px;
    text-align: left;
    color: #4f6e99;
    background: url("../images/table_bg02.gif") no-repeat;
}

#company-detail01 td {
    border: 1px solid #cfcfcf;
    padding: 0px 0px 0px 10px;
    text-align: middle;
}

.sub {
    margin: 10px 0px;
}

.company-privacy {
    margin: 0px 10px 20px 20px;
    line-height: 1.6em;
}

.company-privacy-title {
    font-weight: bold;
}

.company-use {
    margin: 0px 10px 20px 20px;
    line-height: 1.6em;
}

.company-use-title {
    font-weight: bold;
}

/*-- basic --*/

.basic-title {
    margin: 0px 0px 30px 7px;
}

.basic {
    width: 573px;
}

.basic-01 {
    margin: 0px 8px 30px 7px;
}

.basic-01 .basic-body{
    padding-left: 15px;
    line-height: 1.8em;
    height: 143px;
    background: url("../basic/images/basic-01_bg.gif") no-repeat;
    background-position: right;
}

.basic-02 {
    margin: 0px 8px 30px 7px;
}

.basic-02 .basic-body{
    padding-left: 15px;
    height: 128px;
    background: url("../basic/images/basic-02_bg.gif") no-repeat;
    background-position: right;
}

.basic-02-body {
    height: 530px;
    width: 557px;
    padding: 5px 0px 0px 7px;
    background: url("../basic/images/basic-02back.gif") no-repeat;
}

.basic-02-body img {
    margin: 0px 0px 5px 0px;
}

.basic-body p {
    line-height: 1.8em;
}

.basic-03 {
    margin: 0px 8px 30px 7px;
}

.basic-04 {
    height: 250px;
    margin: 0px 8px 30px 7px;
    background: url("../images/dotted.gif") repeat-x;
    background-position: bottom;
}

.basic-detail {
    width: 519px;
    height: 71px;
    padding: 20px 20px 0px 20px;
    background: url("../basic/images/basic-03_bg.gif") no-repeat;
}

.detail-title {
    color: #33657f;
    font-size: 16px;
}

.text-bold {
    font-weight: bold;
}

/*-- faq --*/

.faq-title {
    margin: 0px 0px 20px 0px;
}

.faq {
    margin: 0px 7px;
    padding-bottom: 60px;
    background: url("../images/dotted.gif") repeat-x;
    background-position: bottom;
}

.faq-text {
    width: 527px;
    margin: 0px auto;
    padding: 0px 15px 0px;
}

.faq-menu {
    width: 553px;
    margin: 0px auto;
    background: url("../faq/images/dotted.gif") repeat-x;
    background-position: top;
    padding: 2px 0px 0px 0px;
}

.faq-menu img {
    vertical-align: middle;
    margin-right: 5px;
}

.faq-menu-detail {
    height: 37px;
    background: url("../faq/images/faq_bg.gif") repeat-x;
}

.faq-menu-detail a {
    width: 543px;
    height: 27px;
    padding: 10px 0px 0px 10px;
    display: block;
}

.faq-menu-detail a:hover {
    background: url("../faq/images/faq_bg_over.gif") repeat-x;
}

.faq-detail {
    width: 553px;
    margin: 40px auto 0px;
}

.faq-detail p {
    margin: 0px;
    padding: 0px;
    line-height: 1.6em;
    width: 450px;
    display: table;
}

.faq-q {
    background: url("../faq/images/dotted.gif") repeat-x;
    background-position: bottom;
    padding: 10px 0px 5px 0px;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
}

.faq-q h2 {
    font-size; 14px;
    font-weight: bold;
}

.faq-q h3 {
    font-size; 14px;
    font-weight: bold;
}

.faq-q h4 {
    font-size; 14px;
    font-weight: bold;
}

.faq-q img {
    float: left;
    width: 22px;
    height: 19px;
    margin-right: 5px;
}

.faq-a {
    margin-bottom: 20px;
    padding: 10px 20px 5px 35px;
    overflow: hidden;
}

.faq-a img {
    float: left;
    width: 22px;
    margin-right: 5px;
}

#faq-detail01 {
    clear: both;
}

#faq-detail02 {
    clear: both;
}

#faq-detail03 {
    clear: both;
}

#faq-detail04 {
    clear: both;
}

#faq-detail05 {
    clear: both;
}


/*-- estimate --*/
.estimate-title {
    margin: 0px 0px 20px 7px;
}

.estimate-step {
    margin: 0px;
    padding: 0px;
}

.estimate-step ul {
    width: 400px;
    margin: 0px auto 10px;
    padding: 0px;
    overflow: hidden;
}

.estimate-step li {
    float: left;
    list-style-type: none;
    text-align: center;
    margin-right: 5px;
}

.estimate-text {
    background: url("../faq/images/dotted.gif") repeat-x;
    background-position: top;
    width: 527px;
    margin: 0px auto;
    padding: 10px 15px 0px;
}

.estimate-error {
    color: #f00;
    width: 527px;
    margin: 0px auto;
    padding: 10px 15px 0px;
}

.estimate-detail {
    width: 557px;
    margin: 30px auto 0px;
}

.estimate-detail01 {
    margin: 30px auto 0px;
}

.estimate-detail02 {
    margin: 30px auto 0px;
}

.estimate-detail03 {
    margin: 30px auto 0px;
}

.estimate-detail table {
    margin: 10px 0px 0px 0px;
    border-collapse: collapse;
    border: 1px solid #cfcfcf;
    width: 555px;
}

.estimate-detail table p {
    margin: 0px 0px 6px 0px;
    padding: 0px;
    line-height: 1.4em;
}

.estimate-detail .table-atten {
    color: #F00;
    font-size: 10px;
    margin-left: 5px;
}

.estimate-detail th {
    border: 1px solid #cfcfcf;
    width: 180px;
    vertical-align: top;
    height: auto;
}

.estimate-detail .title01 {
    width: 165px;
    height: 27px;
    padding: 15px 0px 0px 15px;
    text-align: left;
    color: #4f6e99;
    background: url("../images/table_bg01.gif") no-repeat;
}

.estimate-detail .title02 {
    width: 165px;
    height: 39px;
    padding: 25px 0px 0px 15px;
    text-align: left;
    color: #4f6e99;
    background: url("../images/table_bg02.gif") no-repeat;
}

.estimate-detail .title03 {
    width: 165px;
    height: 78px;
    padding: 15px 0px 0px 15px;
    text-align: left;
    color: #4f6e99;
    background: url("../images/table_bg03.gif") no-repeat;
}

.estimate-detail .title05 {
    width: 165px;
    height: 137px;
    padding: 15px 0px 0px 15px;
    text-align: left;
    color: #4f6e99;
    background: url("../images/table_bg05.gif") no-repeat;
}

.estimate-detail .title06 {
    width: 165px;
    height: 170px;
    padding: 15px 0px 0px 15px;
    text-align: left;
    color: #4f6e99;
    background: url("../images/table_bg06.gif") no-repeat;
}

.estimate-detail td {
    border: 1px solid #cfcfcf;
    padding: 0px 0px 0px 10px;
    text-align: middle;
}

.estimate-botton_bg {
    margin: 15px auto;
    width:554px;
    height: 71px;
    padding: 25px 0px 0px 0px;
    background: url("../estimate/images/botton_bg.gif") no-repeat;
}

.estimate-botton {
    background: url("../estimate/images/botton.gif") no-repeat;
    width: 263px;
    height: 43px;
    margin: auto;
	text-indent:-9877em;
	text-decoration:none;
}

.estimate-botton a {
    width: 263px;
    height: 43px;
    display: block;
}

.estimate-botton a:hover {
    background: url("../estimate/images/botton_over.gif") no-repeat;
}

.estimate-back {
    background: url("../estimate/images/back_botton.gif") no-repeat;
    width: 263px;
    height: 43px;
    margin: auto;
	text-indent:-9877em;
	text-decoration:none;
}
.estimate-back a {
    width: 263px;
    height: 43px;
    display: block;
}

.estimate-back a:hover {
    background: url("../estimate/images/back_botton_over.gif") no-repeat;
}

.estimate-back02 {
    background: url("../estimate/images/back_botton.gif") no-repeat;
    width: 263px;
    height: 43px;
	text-indent:-9877em;
	text-decoration:none;
    float: left;
    display: table;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}

.estimate-back02 a {
    width: 263px;
    height: 43px;
    display: block;
}

.estimate-back02 a:hover {
    background: url("../estimate/images/back_botton_over.gif") no-repeat;
}

.estimate-submit {
    background: url("../estimate/images/botton_submit.gif") no-repeat;
    width: 263px;
    height: 43px;
	text-indent:-9877em;
	text-decoration:none;
    display: table;
}

.estimate-submit a {
    width: 263px;
    height: 43px;
    display: block;
}

.estimate-submit a:hover {
    background: url("../estimate/images/botton_submit_over.gif") no-repeat;
}

.estimate-comment01 {
    width: 527px;
    margin: 0px auto;
    padding: 10px 15px 0px;
}

.estimate-comment01 ul {
    margin: 5px 0px 0px 30px;
    padding: 0px;
}

.estimate-comment01 li {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    line-height: 1.6em;
    list-style-image: url("../images/list-style04.gif");
}

.estimate-comment02 {
    width: 527px;
    margin: 0px auto;
    padding: 10px 15px 0px;
}

.estimate-comment02 p {
    padding: 10px 0px 0px 30px;
}

.comment-title {
    color: #4f6e99;
    font-size: 14px;
    font-weight: bold;
}

.comment-title img {
    margin-right: 10px;
}

/*-- sitemap --*/

.sitemap-title {
    margin: 0px 0px 20px 7px;
}

.sitemap-linktitle {
    margin: 20px 10px 0px 7px;
    height: 35px;
    background: url("../sitemap/images/line.gif") repeat-x;
    background-position: bottom;
    font-weight: bold;
}

.sitemap-linktitle h2 {
    font-weight: bold;
}

.sitemap-linktitle h3 {
    font-weight: bold;
}

.sitemap-linktitle h4 {
    font-weight: bold;
}

.sitemap-linktitle a {
    font-size: 16px;
    text-decoration: none;
    margin: 0px 5px 0px 5px;
    height: 35px;
    width: 543px;
    display: block;
}

.linktitle-sub {
    margin-left: 5px;
    font-size: 10px;
    text-decoration: none;
    color: #000;
}

.sitemap-list ul {
    margin-top: 0px;
    margin-left: 50px;
}

.sitemap-list li {
    margin: 0px;
    padding: 0px;
    list-style-image: url("../sitemap/images/list-style-type.gif");
}

.sitemap-list li a {
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
}