﻿@charset "utf-8";

/* Reset ----------------------------------------------- */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/* gloval ----------------------------------------------- */

*{
 margin:0;
 padding:0;
}

img {
 border:0;
}

em {
 font-style:normal;
 font-weight:bold;
 color:#c00;
}

input {
 padding:2px;
}

.clear {
 font-size:0px;
 clear:left;
}

.totop {
 text-align:right;
}

.breadcrumb {
 margin:10px 0px;
}

.pagenavi {
 margin:10px 0px;
}

.price,
.attention,
.error {
 color:#c00;
}

.must {
 color:#c00;
 font-weight:bold;
}

.images {
 margin:0px 20px 20px 0px;
 float:left;
}

.reimages {
 margin:0px 0px 20px 20px;
 float:right;
}

ul.alpha,
ol alpha {
 list-style:lower-alpha;
}

.arrow {
 display:block;
 height:16px;
 padding-left:18px;
 background:url("/images/arrow.jpg") no-repeat;
 background-position:left 4px;
}

.btn {
 text-align:center;
 margin:10px 0px;
}

.even {
 background:#E3F6FD;
}

p.return {
 margin: 0 30px;
 padding: 0.7em 0;
 text-align: right;
 clear:both;
}

.breadcrumb {
 padding:10px 10px 0px 10px;
  font-size:small;
}

/* Clearfix ----*/

.clearfix:after {/*for modern browser*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	zoom:normal;/*for IE 5.5-7*/
}


/* layout ----------------------------------------------- */

body {
 text-align:center;
 background:url("/images/bg.jpg") repeat-x;
}

/* ================ container ================== */

div#container {
 width:940px;
 margin:0 auto;
 clear:left;
 text-align:left;
}

/* ================ header ================== */

div#header {
 width:940px;
 height:160px;
 background:url("/images/h_bg.jpg") no-repeat;
}

div#header h1 {
 width:470px;
 font-size:12px;
 font-weight:normal;
 margin-top:5px;
 margin-left:10px;
}

div#header h2 {
 text-indent:-9999px;
 margin-left:10px;
}

div#header h2 a {
 display:block;
 width:270px;
 height:70px;
 background:url("/images/h_logo.jpg") no-repeat;
}

div#header div.logo,
div#header p.h_links,
div#header p.h_contact {
 float:left;
}

div#header p.h_links {
 margin-top:40px;
margin-right:10px;
}

div#header p.mainvisual {
 clear:left;
}

/*----GNavigation-------------------------------------*/

div#topnavi {
 clear:left;
}

ul#h_navi li {
 float:left;
 list-style:none;
 text-indent:-9999px;
}

ul#h_navi li a {
 display:block;
 width:156px;
 height:50px;
}

ul#h_navi li a#h_home {
 width:160px;
 background:url("/images/h_home.jpg") no-repeat;
}

ul#h_navi li a#h_service {
 background:url("/images/h_service.jpg") no-repeat;
}

ul#h_navi li a#h_fee {
 background:url("/images/h_fee.jpg") no-repeat;
}

ul#h_navi li a#h_voice {
 background:url("/images/h_voice.jpg") no-repeat;
}

ul#h_navi li a#h_faq {
 background:url("/images/h_faq.jpg") no-repeat;
}

ul#h_navi li a#h_office {
 background:url("/images/h_office.jpg") no-repeat;
}

/* ================ wapper ================== */

div#wrapper{
 float:left;
 width:940px;
 margin-bottom:20px;
}

/* ================ content ================== */

div#content {
 width:720px;
 margin-left:220px;
 font-size:medium;
 line-height:160%;
 background:#fff;
}

div#content h3,
div#content h4 {
 font-size:12px;
}

div#content h5,
div#content h6 {
 font-size:medium;
 margin-top:10px;
 font-weight:bold;
}

div#content h3,
div#content h4,
div#content p,
div#content ul,
div#content ol,
div#content dl,
div#content table {
 padding-bottom:20px;
 color:#222;
}

div#content p,
div#content ul,
div#content ol,
div#content dl,
div#content table {
 margin:0px 30px;
}

div#content ul.check li {
 padding-left:30px;
 background:url("/images/arrow_check.jpg") no-repeat;
 color:#c00;
 font-weight:bold;
 list-style:none;
}

div#content li {
 margin-bottom:10px;
}

div#content table {
 width:660px;
}

div#content th {
 white-space:nowrap;
 color:#030;
}

div#content th,
div#content td {
 padding:10px;
 border:1px solid #fff;
}

div#content .detaillink {
 text-align:right;
}

/* ================ navigation ================== */

div#navigation {
 float:left;
 margin-left:-940px;
 margin-bottom:20px;
 width:200px;
 font-size:small;
}

div#navigation h3 {
 text-indent:-9999px;
 font-size:12px;
}

div#navigation h3,
div#navigation h3 a {
 display:block;
 width:198px;
 height:29px;
}

div#navigation .leftnavi{
 border:1px solid #666;
 margin-bottom:20px;
}

div#navigation h3 a#n_service {
 background:url("/images/n_service.jpg") no-repeat;
}

div#navigation h3#n_area {
 background:url("/images/n_area.jpg") no-repeat;
}

div#navigation h3#n_komon {
 background:url("/images/n_komon.jpg") no-repeat;
}

div#navigation p {
 margin-bottom:10px;
 color:#222;
}


div#navigation li {
 list-style:none;
 padding-left:15px;
 background:url("/images/arrow.jpg") no-repeat;
 background-position:left 4px;
 margin:10px;
}

/* ================ footer ================== */

div#footer {
 clear:left;
 width:940px;
 margin:auto;
 background:#eee;
}

div#footer h5 {
 font-weight:normal;
 font-size:12px;
 padding:10px;
}

div#footer div.f_leftblock,
div#footer div.f_rightblock {
 float:left;
 padding-bottom:10px;
}

div#footer div.f_leftblock {
 width:580px;
}

div#footer p.logo {
 margin-left:10px;
 font-size:12px;
}

div#footer p.logo a {
 width:265px;
 height:30px;
 display:block;
 background:url("/images/f_logo.jpg") no-repeat;
 padding-top:35px;
 color:#333;
 text-decoration:none;
}

div#footer p.f_links {
 margin-top:10px;
}

div#footer div.f_navi {
 clear:left;
 background:url("/images/f_bg.jpg") repeat-x;
 height:330px;
 font-size:12px;
 color:#fff;
}

div#footer div.f_navi a {
 color:#fff;
 font-size:12px;
}

div#footer div.f_linkbox {
 background:ur("/images/arrow2.jpg");
 float:left;
 width:235px;
 color:#fff;
 font-size:12px;
}

div#footer div.f_linkbox h6 {
 text-indent:-9999px;
 margin:10px 0px;
}

div#footer div.f_linkbox h6 a {
 display:block;
 width:235px;
 height:15px;
}

div#footer div.f_linkbox h6 a#f_service {
 background:url("/images/f_service.jpg") no-repeat;
}

div#footer div.f_linkbox h6 a#f_fee {
 background:url("/images/f_fee.jpg") no-repeat;
}

div#footer div.f_linkbox h6 a#f_faq {
 background:url("/images/f_faq.jpg") no-repeat;
}

div#footer div.f_linkbox h6 a#f_office {
 background:url("/images/f_office.jpg") no-repeat;
}

div#footer div.f_linkbox li {
 list-style:none;
 padding-left:15px;
 background:url("/images/arrow2.jpg") no-repeat;
 background-position:left 4px;
 margin:10px;
}

div#footer p.link {
 clear:left;
 margin:10px 0 0 15px;
}

div#footer p.copy {
 background-color:#00006E;
 clear:left;
 font-weight:bold;
 padding:10px 0 20px;
 text-align:center;
}

/* ================ index-page ================== */

body#index div#header {
 height:420px;
}

body#index div#header p.mainvisual {
 text-indent:-9999px;
 width:940px;
 height:225px;
 background:url("/images/mainvisual.jpg") no-repeat;
}

body#index div#header {
 height:385px;
}

body#index div#content p {
 margin:0px;
}

body#index div#content div#c_clinic_bnr,
body#index div#content div#c_business_bnr,
body#index div#content div#c_voice_bnr,
body#index div#content div#c_fee_bnr {
 float:left;
 margin-bottom:20px;
}

body#index div#content p#c_clinic_text,
body#index div#content p#c_business_text {
 width:320px;
 margin-top:-125px;
 margin-left:20px;
}

body#index div#content div#c_clinic_bnr,
body#index div#content div#c_fee_bnr {
 margin-right:20px;
}

body#index div#content div#c_immovable_bnr {
 clear:left;
 margin-bottom:30px;
}

body#index div#content p#c_immovable_text,
body#index div#content p#c_faq_text {
 margin-left:170px;
 margin-top:-95px;
}

body#index div#content p#c_voice_text,
body#index div#content p#c_fee_text {
 width:170px;
 margin-left:170px;
 margin-top:-90px;
}

body#index div#content p {
 margin-bottom:10px;
 margin-left:0px;
 font-size:12px;
 line-height:120%;
}

body#index div#content p a {
 color:#333;
 text-decoration:none;
}

body#index div#content h3#whatsnew {
 clear:left;
 margin-bottom:0px;
}

body#index div#content li {
 padding:10px;
 border-bottom:1px dashed #666;
 list-style:none;
}

body#index div#content li span {
 margin-right:10px;
}

/* ================ office ================== */
div#content ul.rinen {
 font-weight:bold;
 margin-left:50px;
}

div#content table dl {
 margin-left:0px;
}

div#content table dt {
 font-weight:bold;
}

div#content table dd {
 margin-left:20px;
 margin-bottom:20px;
}

div#content h5 {
 padding:5px;
 background:#DEF3DE;
 margin-bottom:10px;
}

/* ================ clinic ================== */

div#content div.contact_btn {
 margin:30px 0px;
 text-align:center;
}

div#content div.contact_btn img {
 margin-right:20px;
}

div#content div.bnr {
 margin-bottom:20px;
}

/* ================ fee ================== */

div#content table.fee table,
div#content table.fee th,
div#content table.fee td {
 border-collapse:collapse;
 border-spacing:0;
 border:1px solid #006;
}

div#content table.fee th,
div#content table.fee td {
 padding:5px;
}

div#content table.fee th {
 color:#333;
 font-weight: bold;
}

div#content table.fee td {
 text-align:right;
}

/* ================ faq ================== */
div#content #q1,
div#content #q2,
div#content #q3,
div#content #q4,
div#content #q5 {
 background:#FFD9D9;
 color:#b00;
}

div#content dl.faq dt {
 font-weight:bold;
}

div#content dl.faq dd {
 margin-left:1em;
 margin-bottom:20px;
}


div#content ol.faq_kaigyou_title {
 font-weight:bold;
}

div#content ol.faq_kaigyou_title ul,
div#content ol.faq_kaigyou_title p {
 font-weight:normal;
}

div#content table.kaigyo,
div#content table.kaigyo th,
div#content table.kaigyo td {
 border-collapse:collapse;
 border-spacing:0;
 border:1px solid #006;
}

div#content table.kaigyo th {
 text-align:center;
}

div#content table.kaigyo th,
div#content table.kaigyo td {
 padding:3px;
}

/* ================ contact ================== */

div#contact {
 width:720px;
 margin-left:110px;
 background:#fff;
 font-size:medium;
 line-height:140%;
}

div#contact p,
div#contact table {
 margin:20px;
}

div#contact ul {
 margin:0px 20px 20px 40px;
}

div#contact table {
 width:680px;
}

div#contact th,
div#contact td {
 padding:10px;
}

/* ================ blog ================== */
div#content h3.blogtitle{
 width:700px;
 height:32px;
 background:url("/images/blog_title_bar.jpg") no-repeat;
 padding:8px 0px 0px 20px;
}

div#content div.meta {
 margin:10px;
 text-align:right;
 font-size:small;
 color:#666;
}

div#content div.feedback,
div#content div.blognavi {
 margin:10px;
}

div#content form#commentform {
 margin-top:20px;
}
#wrapper_lp {
	float: none;
	width: 940px;
	margin-bottom: 20px;
}


/* ================ LP ================== */

div#header_lp {
	width: 940px;
	background: url("images/h_bg_lp.jpg") repeat-x;
	height: 90px;
}

div#header_lp h1 {
	font-size:12px;
	height: 9px;
	padding: 5px;
	font-weight:normal;
}

div#header_lp #logo  {
	float: left;
	margin-right: 400px;
	width: 240px;
	margin-left:5px;
}
div#header_lp #h_contact {
	float: left;
	width: 290px;
}

div#header_lp h2 {
	margin: 0px;
}

div#content_lp {
	background-color: #FFFFFF;
}

div#content_lp h3{
	margin-top: 20px;
}

div#content_lp #ranking {
	background-color: #d1eafd;
	width: 940px;
}
div#ranking_content   {
	background-color: #FFF;
	width: 860px;
	margin-left: 41px;
	padding-bottom: 30px;
}
.ranking_box {
	width: 820px;
	background-color: #FFF;
	padding-top: 20px;
	margin-left: 40px;
}

.ranking_left {
	float: left;
	width: 108px;
	background-color: #FFF;
}
.ranking_right {
	float: right;
	width: 700px;
	background-color: #FFF;
	padding-right: 12px;
}
.ranking_right p {
	line-height: 150%;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 20px;
}
div#ranking #other_distress {
	margin-left: 20px;
	padding-bottom: 20px;
}
div#other_distress p {
	margin-top: 20px;
}

div#reason {
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #2b63a2;
	border-bottom-color: #2b63a2;
	border-left-color: #2b63a2;
	width: 930px;
	margin-bottom: 20px;
}
div#reason ul {
	margin-left: 40px;
	padding-top: 20px;
}
div#reason ul li {
	list-style-type: none;
	margin-bottom: 20px;
}
div#fees {
	width: 920px;
	padding-left: 18px;
	margin-bottom: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #2b63a2;
	border-bottom-color: #2b63a2;
	border-left-color: #2b63a2;
	padding-bottom: 10px;
}
div#fees #consulting {
	padding-top: 20px;
	padding-bottom: 10px;
	width: 410px;
	float: left;
}

div#fees #bookkeeping {
	padding-top: 20px;
	padding-bottom: 10px;
	float: left;
	width: 490px;
}
div#fees #bookkeeping #btn {
	margin-top: 12px;
	margin-left: 257px;
}
div#fees #explanation {
	clear: both;
}


div#customervoice {
	width: 890px;
	padding-right: 25px;
	padding-left: 25px;
	background-color: #D1EAFD;
	padding-bottom: 20px;
}
div#cusomer_box_l  {
	width: 414px;
	border: 3px solid #CCC;
	padding: 8px;
	float: left;
	margin-right: 18px;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	min-height:500px;
	height: auto !important;
	height: 500px;
}
div#customer_box_r {
	padding: 8px;
	float: right;
	width: 414px;
	border: 3px solid #CCC;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	min-height:500px;
	height: auto !important;
	height: 500px;
}
div#customervoice p{
	line-height: 160%;
}
div#map {
	width: 314px;
	float: left;
	padding-left: 50px;
	padding-top: 60px;
	background-image: url(images/bg_map.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 371px;
}
div#office p {
	float: left;
}
div#contactform {
	background-image: url(images/bg_contactform.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

div#contactform p {
	width: 695px;
	margin-left: 210px;
	line-height: 160%;
	margin-top: 20px;
}

div#contactform #adress {
	float: left;
}

div#contactform #adress img {
	margin-bottom:5px;
}

div#contactform #privacy {
	float: right;
	width: 180px;
}

div#contactform #privacy p{
	background-image: url(images/icon_blue_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 15px;
	margin-top: 22px;
	margin-left: 0px;
}

div#contactform li{
	list-style-type: none;
}

div#footer_lp {
	background-color: #F8F8F8;
	padding-top:30px;
	text-align:center;
	clear:both;
}


div#footer_lp p.copy {
    background-color: #F8F8F8;
    padding: 10px 0 20px;
    text-align: center;
    margin:0px;
}

/* ================ Thanks ================== */

div#content_lp #thanks{
	line-height: 150%;
    margin: 0 auto;
    padding: 30px 0 60px 50px;
    width: 600px;
}

div#content_lp #thanks h2{
	background-color: #D0F0FF;
    margin-bottom: 20px;
    padding: 10px;
}


div#content_lp #thanks p {
	margin-left:1em;
}

/* =========== IE用印刷設定CSS =========== */

@media print{

#container{
	width:100%;
}

body {
	_zoom: 70%; /*WinIE only */
}

}

