@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

Layout CSS File

File Name		layout.css
Note			共通レイアウト定義用スタイルシート


New Creation	2010.03.25
Update			2010.03.29


Created By		Yoshiaki Murakami

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

/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

	1.htmlタグ
	2.container
	3.header
		3-1.logo
		3-2.nav
		3-3.gnavi
		3-4.subnavi
	4.content
		4-1.main
		4-2.sub

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

/*----------------------------------------------------------------------
1.htmlタグ
----------------------------------------------------------------------*/
html {
	height:100%;
}

body {
	height:100%;
	background:url(../img/container_bg.gif) center top repeat-x #000;
/*	background:url(../img/container_bg.gif) center 90px repeat-x #000;*/
}

* html body {
	background-attachment:scroll !important;
}

p ,
dl dd {
	font-size:1.2em;
	line-height:1.667em;
	color:#4D4D4D;
}

* html #mail #container #content #main table tbody .clinic td input ,
* html #mail #container #content #main table tbody .history td input {
	border:none;
}

*+html #mail #container #content #main table tbody .clinic td input ,
*+html #mail #container #content #main table tbody .history td input {
	border:none;
}

/*年末年始のお知らせ*/
#yearend {
	position:fixed;
	bottom:0px;
	padding-top:3px;
	width:99.85%;
	border:1px solid #888;
	background:url(../img/yearend_bg.gif) left 3px repeat-x #C40038;
	line-height:1.2em;
	z-index:1000;
}

* html #yearend {
	width:100%;
	height:37px;
	left:0px;
	text-align:left;
}

*+html #yearend {
	left:0px;
	width:99.88%;
}

#yearend p {
	position:absolute;
	top:3px;
	left:527px;
	margin-right:65px;
	padding:5px 0px 0px;
	font-size:1em;
	line-height:1.2em;
	text-indent:-1em;
	color:#59514e;
}

* html #yearend p {
	margin:0px;
	padding-right:65px;
}

#yearend .pic {
	position:absolute;
	top:auto;
	right:0px;
	bottom:0px;
	left:auto;
	margin:0px;
	padding:0px;
	width:auto;
}

* html #yearend .pic {
	right:-1px;
	bottom:-1px;
	text-indent:0px;
}

#smartphone {
	text-align:center;
	background:url(../img/footer_bg.gif) left 60px repeat-x;
	border-bottom:1px solid #606060;
}

#smartphone a {
	display:block;
	padding:30px 0px;
	font-size:3em;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 1px rgba(255,255,255,0.2);
	border-bottom:1px solid #000;
}


/*----------------------------------------------------------------------
2.container
----------------------------------------------------------------------*/
#container {
	position:relative;
	min-height:100%;
	margin:0px auto;
/*	background:url(../img/header_bg.gif) center top no-repeat;*/
}

body > #container {
	height:auto;
}

* html #container {
	height:100%;
	text-align:center;
}

/*----------------------------------------------------------------------
3.header
----------------------------------------------------------------------*/
#container #header {
	position:relative;
	margin:0px auto;
/*	padding:0px 190px 3px;*/
	padding:0px 0px 3px;
	width:820px;
}

* html #container #header {
/*	width:1200px;*/
	text-align:left;
	padding-top:121px;
}

/*
3-1.logo
----------------------------------------------------------------------*/
#container #header #logo {
	position:absolute;
	top:19px;
/*	left:189px;*/
	left:-1px;
}

/*
3-2.nav
----------------------------------------------------------------------*/
#container .nav li {
	float:left;
	display:inline;
}

#container .nav .top {
	background:url(../img/navi_top_h.gif);
}

#container .nav .about {
	background:url(../img/navi_about_h.gif);
}

#container .nav .flow {
	background:url(../img/navi_flow_h.gif);
}

#container .nav .case {
	background:url(../img/navi_case_h.gif);
}

#container .nav .introduction {
	background:url(../img/navi_introduction_h.gif);
}

#container .nav .price {
	background:url(../img/navi_price_h.gif);
}

#container .nav .qa {
	background:url(../img/navi_qa_h.gif);
}

#container .nav li a {
	height:30px
}

#container .nav .top a {
	width:63px
}

#container .nav .about a {
	width:149px;
}

#container .nav .flow a {
	width:136px;
}

#container .nav .case a {
	width:135px;
}

#container .nav .introduction a {
	width:175px;
}

#container .nav .price a {
	width:54px;
}

#container .nav .qa a {
	width:108px;
}

/*
3-3.gnavi
----------------------------------------------------------------------*/
#container #header #gnavi {
	padding-top:121px;
}

* html #container #header #gnavi {
/*	height:151px;
	overflow:hidden;*/
	padding:0px;
	height:30px;
}

/*
3-4.subnavi
----------------------------------------------------------------------*/
#container #header #subnavi {
	position:absolute;
	top:0px;
	right:0px;
	height:105px;
	background:url(../img/subnavi_bg.gif) right bottom no-repeat;
}

#container #header #subnavi .mail {
	background:url(../img/subnavi_mail_h.gif) left top no-repeat;
}

#container #header #subnavi .counseling {
	background:url(../img/subnavi_counseling_h.gif) left top no-repeat;
}

#container #header #subnavi .hidefmonitor {
	position:absolute;
	bottom:0px;
	left:-37px;
	background:url(../img/subnavi_hidefmonitor_h.gif) left top no-repeat;
}

#container #header #subnavi li a {
	height:42px;
}

#container #header #subnavi .mail a {
	width:160px;
}

#container #header #subnavi .counseling a {
	width:113px;
}

#container #header #subnavi .hidefmonitor a {
	width:172px;
	height:45px;
}


/*----------------------------------------------------------------------
4.content
----------------------------------------------------------------------*/
#container #content {
	margin:0px auto;
	padding:0px 0px 49.6em;
/*	padding-bottom:61.4em;*/
/*	padding-bottom:53.4em;*/
	width:820px;
}

* html #container #content {
/*	padding-bottom:60.6em;*/
	height:46.32em;
/*	width:1200px;*/
}

*+html #container #content {
/*	height:48.9em;*/
}

/*年末休業スペース確保
#container #content {
	padding-bottom:53.4em;
}

* html #container #content {
	padding-bottom:60.6em;
}

*+html #container #content {
}
*/
/*
4-1.topicpath
----------------------------------------------------------------------*/
#container #content #topicpath {
	padding:10px 0px;
	color:#999;
}

* html #container #content #topicpath {
	text-align:left;
}

#container #content #topicpath li {
	float:left;
	display:inline;
}

#container #content #topicpath li:before {
	margin-left:0.5em;
	content:" > ";
}

#container #content #topicpath li:first-child:before {
	margin:0px;
	content:"";
}

* html #container #content #topicpath li {
	margin-left:5px;
	padding-left:10px;
	background:url(../img/arrow5.gif) left center no-repeat;
}

*+html #container #content #topicpath li {
	margin-left:5px;
	padding-left:10px;
	background:url(../img/arrow5.gif) left center no-repeat;
}

* html #container #content #topicpath .first {
	margin:0px;
	padding-left:0px;
	background:none;
}

*+html #container #content #topicpath .first {
	margin:0px;
	padding-left:0px;
	background:none;
}

#container #content #topicpath li a {
	text-decoration:underline;
	color:#999;
}

/*
4-2.main
----------------------------------------------------------------------*/
#container #content #main {
	float:right;
	display:inline;
	margin-top:10px;
	width:600px;
	background:#000;
	text-align:left;
}

/*
4-3.sub
----------------------------------------------------------------------*/
#container #content #sub {
	float:left;
	display:inline;
	margin-top:10px;
	width:190px;
}

* html #container #content #sub {
	text-align:left;
}

#container #content #sub #menu {
/*	padding-bottom:60px;
	border-bottom:1px solid #606060;*/
	padding-bottom:16px;
}

#container #content #sub #menu ul {
	padding:0px 2px 1px;
	background:url(../img/sub_menu_bg.gif) left top repeat;
}

#container #content #sub #menu ul li {
	margin-bottom:1px;
}

#container #content #sub #menu ul li a {
	width:186px;
	height:53px;
}

#container #content #sub .case {
	margin:1px 0px 7px;
	padding-bottom:15px;
	border-bottom:1px solid #606060;
	text-align:center;
}

#container #content #sub .info {
	border-bottom:1px solid #606060;
}

#container #content #sub .info .form {
	margin-bottom:14px;
}

#container #content #sub .info .form .first {
	margin-bottom:4px;
}

#container #content #sub .info .form .mail {
	background:url(../img/sub_info_mail_h.gif) left top no-repeat;
}

#container #content #sub .info .form .counseling {
	background:url(../img/sub_info_counseling_h.gif) left top no-repeat;
}

#container #content #sub .info .form li a {
	width:190px;
	height:38px;
}

#container #content #sub .info .tel .first {
	margin-bottom:10px;
}

#container #content #sub .concierge {
	padding-top:15px;
	padding-bottom:18px;
    border-bottom:1px solid #606060;
	background:url(../img/sub_concierge_bg.gif) 114px 14px no-repeat;
}

#container #content #sub .concierge dl dt {
	margin-left:3px;
}

#container #content #sub .concierge dl dt img {
	margin-bottom:8px;
}

#container #content #sub .concierge dl dt span {
	display:block;
	margin-bottom:11px;
	width:108px;
	line-height:1.3;
	color:#999999;
}

#container #content #sub .concierge dl .form {
	margin-bottom:12px;
}

#container #content #sub .concierge .form .inquiry {
	background:url(../img/sub_concierge_inquiry_h.gif) left top no-repeat;
}

#container #content #sub .concierge .form li a {
	width:190px;
	height:38px;
}

#container #content #sub .concierge .tel .first {
	margin-bottom:10px;
}

#container #content #sub div.service {
	margin-bottom:10px;
}

#container #content #sub div.service ul li {
/*	padding:17px 0px 17px 80px;*/
/*	padding:17px 0px 17px 0px;*/
	border-bottom:1px solid #606060;
}

* html #container #content #sub div.service ul li ,
* html #container #content #sub div.service ul li dl {
	height:1%;
}

*+html #container #content #sub div.service ul li ,
*+html #container #content #sub div.service ul li dl {
	height:1%;
}

#container #content #sub div.service ul li dl {
	position:relative;
}

#container #content #sub div.service ul .monitor dl {
	height:109px;
	background:url(../img/sub_service_monitor_bg_h.jpg) left bottom no-repeat;
}

#container #content #sub div.service ul .campaign dl {
	height:107px;
	background:url(../img/sub_service_campaign_bg_h.jpg) left bottom no-repeat;
}

#container #content #sub div.service ul .hidefmonitor dl {
	height:98px;
	background:url(../img/sub_service_hidefmonitor_bg_h.gif) left bottom no-repeat;
}

#container #content #sub div.service ul .transportation dl {
	height:81px;
	background:url(../img/sub_service_transportation_bg_h.jpg) left bottom no-repeat;
}

#container #content #sub div.service ul .oneday dl {
	height:82px;
	background:url(../img/sub_service_oneday_bg_h.jpg) left bottom no-repeat;
}

#container #content #sub div.service ul .guarantee dl {
	height:82px;
	background:url(../img/sub_service_guarantee_bg_h.jpg) left bottom no-repeat;
}

#container #content #sub div.service ul li dl dt ,
#container #content #sub div.service ul li dl dd {
/*	margin-left:80px;*/
}

#container #content #sub div.service ul li dl dt {
/*	padding-top:17px;
	margin-bottom:9px;*/
}

#container #content #sub div.service ul .monitor dl dt a {
	padding:14px 22px 81px 80px;
	width:88px;
	height:14px;
	background:url(../img/sub_service_monitor_bg.gif) left bottom no-repeat;
}

* html #container #content #sub div.service ul .monitor dl dt a {
	height:109px;
}

*+html #container #content #sub div.service ul .monitor dl dt a {
	padding:15px 32px 80px 80px;
}

#container #content #sub div.service ul .campaign dl dt a {
	padding:18px 32px 77px 80px;
	width:78px;
	height:12px;
	background:url(../img/sub_service_campaign_bg.gif) left bottom no-repeat;
}

* html #container #content #sub div.service ul .campaign dl dt a {
	height:107px;
}

*+html #container #content #sub div.service ul .campaign dl dt a {
	padding:15px 32px 80px 80px;
}

#container #content #sub div.service ul .hidefmonitor dl dt a {
	padding:13px 6px 58px 80px;
	width:104px;
	height:27px;
	background:url(../img/sub_service_hidefmonitor_bg.gif) left bottom no-repeat;
}

* html #container #content #sub div.service ul .hidefmonitor dl dt a {
	height:98px;
}

#container #content #sub div.service ul .transportation dl dt a {
	padding:20px 37px 49px 78px;
	width:75px;
	height:12px;
	background:url(../img/sub_service_transportation_bg.gif) left bottom no-repeat;
}

* html #container #content #sub div.service ul .transportation dl dt a {
	height:81px;
}

*+html #container #content #sub div.service ul .transportation dl dt a {
	padding:17px 37px 52px 78px;
}

#container #content #sub div.service ul .oneday dl dt a {
	padding:21px 17px 48px 80px;
	width:93px;
	height:13px;
	background:url(../img/sub_service_oneday_bg.gif) left bottom no-repeat;
}

* html #container #content #sub div.service ul .oneday dl dt a ,
* html #container #content #sub div.service ul .guarantee dl dt a {
	height:82px;
}

*+html #container #content #sub div.service ul .oneday dl dt a {
	padding:19px 17px 50px 80px;
}

#container #content #sub div.service ul .guarantee dl dt a {
	padding:22px 50px 47px 78px;
	width:62px;
	height:13px;
	background:url(../img/sub_service_guarantee_bg.gif) left bottom no-repeat;
}

*+html #container #content #sub div.service ul .guarantee dl dt a {
	padding:20px 50px 49px 78px;
}

#container #content #sub div.service ul li dl dd {
	margin-left:80px;
	font-size:1em;
	line-height:1.3em;
	color:#999;
}

#container #content #sub div.service ul .monitor dl dd {
	margin-top:-67px;
	margin-bottom:8px;
}

#container #content #sub div.service ul .monitor dl .counter {
	margin-top:0px;
}

* html #container #content #sub div.service ul .monitor dl .counter {
	margin-bottom:0px;
}

#container #content #sub div.service ul .monitor dl .counter dl {
	position:static;
	height:auto;
	background:none;
}

#container #content #sub div.service ul .monitor dl .counter dl dt {
	margin-bottom:3px;
	font-size:0.8em;
	color:#fff;
}

#container #content #sub div.service ul .monitor dl .counter dl dd {
	margin:0px;
	font-size:1.2em;
	font-weight:bold;
	color:#e24f5f;
}

#container #content #sub div.service ul .monitor dl .counter dl dd span {
	font-weight:bold;
}

#container #content #sub div.service ul .campaign dl dd {
	margin-top:-69px;
}

#container #content #sub div.service ul .hidefmonitor dl dd {
	margin-top:-48px;
}

#container #content #sub div.service ul .transportation dl dd {
	margin-top:-41px;
}

#container #content #sub div.service ul .oneday dl dd {
	margin-top:-40px;
}

#container #content #sub div.service ul .guarantee dl dd {
	margin-top:-39px;
}

#container #content #sub div.seminarmonitor {
	margin-bottom:20px;
}

#container #content #sub div.seminarmonitor img {
	border:1px solid #555;
}

#container #content #sub div.license {
	margin-bottom:50px;
}

#container #content #sub div.license ul li {
	margin-bottom:5px;
	text-align:center;
}

#container #content #sub div.license ul li img {
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;   
	border:1px solid #555;
}

* html #container #content #sub div.license ul li img {
	padding:1px;
	border:none;
	background:url(../img/sub_license_seal_bg.gif) left top no-repeat;
}

*+html #container #content #sub div.license ul li img {
	padding:1px;
	border:none;
	background:url(../img/sub_license_seal_bg.gif) left top no-repeat;
}

#container #content #sub div.license p {
	text-align:center;
	font-size:1em;
	line-height:1.6em;
	color:#999;
}




/*----------------------------------------------------------------------
5.footer
----------------------------------------------------------------------*/
#container #footer {
	position:absolute;
	bottom:0px;
/*	padding-bottom:117px;*/
/*	padding-bottom:37px;*/
	width:100%;
	height:49.6em;
	background:url(../img/footer_bg.gif) center top repeat-x #323232;
}

* html #container #footer {
	left:0px;
/*	padding-bottom:109px;*/
	height:46.32em;
}

*+html #container #footer {
	left:0px;
	height:48.9em;
}

/*年末休業スペース確保
#container #footer {
	padding-bottom:37px;
}
*/
#container #footer .wrapper {
	position:relative;
	margin:0px auto;
	padding:0px 0px 28px;
	width:820px;
	background:#323232;
}

* html #container #footer .wrapper {
/*	width:1200px;*/
}

#container #footer #fnavi {
	margin:0px auto;
	padding:0px 0px 28px;
	width:820px;
/*	background:url(../img/fnavi_bg.gif) left top no-repeat #323232;*/
}
* html #container #footer #fnavi {
	margin:0px;
/*	width:1200px;*/
}

* html #container #footer .wrapper .clinic {
	text-align:left;
	width:820px;
}

*+html #container #footer .wrapper .clinic ul {
	margin-bottom:11px;
}

#container #footer .wrapper .clinic ul li {
	float:left;
	display:inline;
	margin-bottom:11px;
	width:400px;
	background:url(../img/footer_clinic_bg_footer.gif) left bottom no-repeat #000;
}

* html #container #footer .wrapper .clinic ul li dl {
	height:1%;
}

#container #footer .wrapper .clinic ul .tokyo {
	margin-right:20px;
}

#container #footer .wrapper .clinic ul li dl {
	position:relative;
	background:url(../img/footer_clinic_bg_header.gif) left top no-repeat;
}

#container #footer .wrapper .clinic ul li dl dt {
	margin-left:197px;
	padding:25px 0px 5px;
	background:url("../img/footer_clinic_title_bg.gif") left bottom repeat-x;
}

#container #footer .wrapper .clinic ul li dl dd {
	margin-left:197px;
	font-size:1em;
	line-height:1.4em;
	color:#999;
}

#container #footer .wrapper .clinic ul li dl .pic {
	position:absolute;
	margin-left:0px;
}

#container #footer .wrapper .clinic ul .tokyo dl .pic {
	top:46px;
	left:33px;
}

#container #footer .wrapper .clinic ul .fukuoka dl .pic {
	top:33px;
	left:38px;
}

*+html #container #footer .wrapper .clinic ul .fukuoka dl .pic {
	top:20px;
}

#container #footer .wrapper .clinic ul li dl .tel {
	margin-top:10px;
}

#container #footer .wrapper .clinic ul li dl .tel img {
	margin-bottom:3px;
}

#container #footer .wrapper .clinic ul li dl .address {
	margin-top:8px;
}

#container #footer .wrapper .clinic ul li .link {
	float:right;
	display:inline;
	margin:10px 15px 0px 0px;
	padding:0px 0px 9px 0px;
	background:url(../img/footer_clinic_button_link_h.gif) right top no-repeat;
}

#container #footer .wrapper .clinic ul li .link a {
	width:82px;
	height:20px;
}

#container #footer .wrapper .info {
	margin-bottom:19px;
	width:820px;
	background:url(../img/footer_info_bg_footer.gif) left bottom no-repeat #000;
}

* html #container #footer .wrapper .info {
	text-align:left;
}

#container #footer .wrapper .info dl {
	padding:18px 0px;
	background:url(../img/footer_info_bg_header.gif) left top no-repeat;
}

#container #footer .wrapper .info dl dt {
	float:left;
	display:inline;
	padding:13px 38px 15px 37px;
}

#container #footer .wrapper .info dl dd ul li {
	float:left;
	display:inline;
	margin-right:6px;
}

#container #footer .wrapper .info dl dd ul .mail {
	background:url(../img/footer_info_mail_h.gif) left top no-repeat;
}

#container #footer .wrapper .info dl dd ul .counseling {
	background:url(../img/footer_counseling_mail_h.gif) left top no-repeat;
}

#container #footer .wrapper .info dl dd ul li a {
	height:44px;
}

#container #footer .wrapper .info dl dd ul .mail a {
	width:316px;
}

#container #footer .wrapper .info dl dd ul .counseling a {
	width:286px;
}

#container #footer .wrapper .text {
	width:820px;
	font-size:1em;
	line-height:1.4em;
	color:#999;
}

* html #container #footer .wrapper .text {
	text-align:left;
}

#container #footer .wrapper .text a {
	color:#999;
}

#container #footer .wrapper #pagetop {
	position:absolute;
	right:0px;
	bottom:0px;
	background:url(../img/button_pagetop_h.gif) left top no-repeat;
}

* html #container #footer .wrapper #pagetop {
	bottom:-1px;
}

#container #footer .wrapper #pagetop a {
	width:78px;
	height:19px;
}

#container #footer address {
	background:#000;
	text-align:center;
}

#container #footer address span {
	margin:0px auto;
	display:block;
	width:800px;
	line-height:22px;
	color:#999;
}