﻿/*--------------------------------------------------------
共通
--------------------------------------------------------*/
/*body*/
body.bg01 {margin:0;background: #FFF url(/images/bg.gif) repeat-y left top;}

body.center{ margin: 0; background-color: #FFF;text-align: center;}

/*見出し*/
h1,h2,h3 { margin: 0; }

/*フォーム*/
form {margin:0;}
input{font: 80%/125% "ＭＳ Ｐゴシック";color: #333;margin-right: 2px;}
select{font: 80%/125% "ＭＳ Ｐゴシック";color: #333;margin-right: 4px;}
label{font: 80%/125% "ＭＳ Ｐゴシック";color: #333;padding: 0;}

/*余白*/
.mb4 { margin: 0px 0px 4px 0px; }
.mb8 { margin: 0px 0px 8px 0px; }
.mb16 { margin: 0px 0px 16px 0px; }
.mb24 { margin: 0px 0px 24px 0px; }
.mb32 { margin: 0px 0px 32px 0px; }
.ml32 { margin: 0px 0px 0px 32px; }

/*基本フォント*/
.base-ss {font: 70%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-ss-b {font: bold 70%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-m {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-l-b {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #333;}

.mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #194CB8;}
.mds-02 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #F90;}
.mds-err {font: bold 140%/125% "ＭＳ Ｐゴシック"; color: #F30;}

.sub-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}

/*注釈*/
.notes-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}
.notes-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}

/*パンくず*/
.breadcrumbs{font: 11px "ＭＳ Ｐゴシック";color: #000;margin:0 0 10px 0;}

/*ライン*/
.frow-b{border-top: 2px solid #238EE0; border-bottom: 2px solid #238EE0;}
.topFlow {
	padding:5px 0;
	border-top:2px solid #238EE0;
	border-bottom:2px solid #238EE0;
	height:120px;
	max-height:106px;/* for Firefox */
	text-align:center;
}

/* 回り込み解除 */
.clear {
	margin:0;
	padding:0;
	font-size:0;
	clear:both;
}

.center { 
	text-align:center; 
}

.right { 
	text-align:right;
}

.left { 
	text-align:left;
}

/*--------------------------------------------------------
動的パーツ　.dynamicParts 
--------------------------------------------------------*/
.headerRegist,
.headerAccount {
	display:none;
}

#pageTop h1 {
	font-weight:normal;
}


#pageTop .headerAccount {
	display:block;
}

#pageTop .headerAccount {
	margin:-36px 0 0 230px;
	min-height:25px;
	height:auto !important;
	height:25px;
	width:180px;
	font: 80%/125% "ＭＳ Ｐゴシック";
	color:#FFF;
	background-color:#5DA2E8;
}

#pageTop .headerAccount a {
	color:#FC0;
}

#pageTop .nickName {
	margin:5px;
	color:#F00;
	font-weight:bold;
}

/*--------------------------------------------------------
レイアウト01（ex: info, contents）
--------------------------------------------------------*/
/*----------------------------
#header01
----------------------------*/
#header01 .headline {padding: 0px 0px 0px 5px; font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF; text-align: left;}
#header01 .headerBackground {background: url(/images/hdr_bg.gif) repeat-x top;}

/*----------------------------
#nav
----------------------------*/
#nav h3 {margin: 0px 0px 5px;}
#nav .goBlock {margin: 28px 0px 18px;} 
#nav .goBackground { background-image: url(/images/nav_tbl_bg.gif);} 
#nav .menuBlock {margin: 0px 0px 16px;} 
#nav .menu {font: 12px/125% "ＭＳ Ｐゴシック"; padding: 3px 0px 3px 5px;} 
#nav .linkBlock {margin: 0px 0px 16px;} 
#nav .link {font: 12px/125% "ＭＳ Ｐゴシック"; padding: 3px 0px 3px 5px;}

#nav .navBackground { background-image: url(/images/nav_bg.gif);}  

#nav .bookmark {text-align:center;}
#nav .bookmark input{font-size:12px; width: 10em; margin: 6px 0 12px 0;}

#nav .subcontents {font: 12px/125% "ＭＳ Ｐゴシック"; color: #333; padding: 0 0 0 2px;}

#nav .qr{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:5px 5px 10px;
	text-align:center;
	font: 12px/125% "ＭＳ Ｐゴシック";
}
#nav .qr img{
	margin-top:2px;
}


/*----------------------------
#footer01
----------------------------*/
#footer01 .copyright {font: 11px/125% "ＭＳ Ｐゴシック"; color: #333; text-align: center;}

/*----------------------------
#footer nav
----------------------------*/
#foot-nav {margin-bottom:16px;}
#foot-nav .ftr-text {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;
text-align:center;background:#666;padding:4px;}
#foot-nav a:link {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#foot-nav a:visited {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#foot-nav a:hover {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#foot-nav a:active {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;}

/*----------------------------
#foot-link
----------------------------*/
#foot-link .logo{margin-right:8px;vertical-align:text-bottom;}
#foot-link table{border-top:solid 1px #000; border-bottom:solid 1px #000;}
#foot-link .title{font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #000;padding-top:10px; padding-bottom:6px;}
#foot-link .houjin{border-top:solid 1px #999;padding-top:4px;padding-bottom:10px;margin-top:4px;}
#foot-link .text{font: 11px/140% "ＭＳ Ｐゴシック"; color: #000;}
#foot-link .text span {font-weight: bold;}
#foot-link .linehidden {position:relative; top:-15px; width:595px; height:15px; background-color: #FFF;}

/*----------------------------
#secure
----------------------------*/
#secure .secureBlock {margin: 0px 0px 16px 0px;}


/*--------------------------------------------------------
レイアウト02（ex: error）
--------------------------------------------------------*/
/*----------------------------
#footer02
----------------------------*/
#footer02 .copyright {font: 11px/125% "ＭＳ Ｐゴシック"; color: #333;}


/*--------------------------------------------------------
Top用
--------------------------------------------------------*/
/*----------------------------
#top-form
.formArea
----------------------------*/
#top-form {
	margin-bottom:8px;
	background:url(/images/top_photo.jpg) no-repeat right top;
}

#top-form .background,
.formArea .background {
	background: url(/images/form_bk.gif) repeat-y;;
}
.formArea .background {
	margin-top:5px;
}
#top-form .necessary,
.formArea .necessary {
	font:11px/1.5em "ＭＳ Ｐゴシック";
	color:#333;
	background-color:#FF9;
	white-space:nowrap; 
	padding:2px;
	border:1px solid #333;
	vertical-align:baseline;
}

/*----------------------------
#top
----------------------------*/
#top .catchBlock {margin: 0px 0px 19px;}
#top .catchBackground {background-image: url(/images/top_image03.gif);} 
#top .catch {font: 12px/125% "ＭＳ Ｐゴシック"; color: #333; margin: 0px;}
#top .label{font: 80%/125% "ＭＳ Ｐゴシック"; color: #F60;}

/*----------------------------
#topContents
----------------------------*/
#topContents {margin: 0px 0px 8px;}
#topContents h3 {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333; margin: 0px 0px 3px;}
#topContents .lineBlock {margin: 10px 0px;}
#topContents .contentsBlock {margin: 0px 0px 15px;}
#topContents .contentsBackground {background-image: url(/images/top_contents_bg.gif);} 
#topContents .clinicList {
	margin-bottom:25px;
	font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;
} 
#topContents .clinicList a {
	zoom:1;
} 

/*----------------------------
#toppromo
----------------------------*/
#toppromo .titleBackground {background:#6CF url(/images/top_logo_top.gif) no-repeat left top; height:29px; font: bold 80%/125% "ＭＳ Ｐゴシック";  color: #333; padding-left:10px; vertical-align:middle;} 
#toppromo .contentsBackground {background-image: url(/images/top_logo_line.gif);} 
#toppromo .sokyu {font: bold 80%/110% "ＭＳ Ｐゴシック"; color: #FF3300;}
#toppromo .catch {font: 80%/110% "ＭＳ Ｐゴシック"; color: #36F;}

/*----------------------------
#topNews
----------------------------*/
#topNews {margin: 0px 0px 24px;}
#topNews h2 {margin: 0px 0px 8px; font: bold 80%/125% "ＭＳ Ｐゴシック"; color:#FFF; background:#3B86D1; padding:3px 5px;}
#topNews dl {margin: 0px 0px 4px; font: 80%/125% "ＭＳ Ｐゴシック";}
#topNews dt {background: url(/images/marker.gif) no-repeat; background-position:top left; padding: 0 0 0 1em;}
#topNews dd {padding: 0 0 4px 1em; margin:0;} 
#topNews .update {margin: 0px 0px 16px; font: 80%/125% "ＭＳ Ｐゴシック";}


/*--------------------------------------------------------
#Contents・Info用
--------------------------------------------------------*/
/*----------------------------
#contents
----------------------------*/
#contents h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #FFF; margin: 0px;}
#contents h2 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #333; margin: 0px 0px 10px;}
#contents h3 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #194CB8; margin: 0px;}
#contents h4 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #194CB8; margin: 0px;}
#contents .titleBlock { margin: 28px 0px 21px;}
#contents .titleBackground {background-color: #5DA2E8;}
#contents .titleBackground td/* .report で使用 */{
	color:#fff;
	font-size:90%;
}
#contents .titleBackground h1/* .report で使用 */{
	margin-bottom:1px;
	color:#fff;
	font-size:130%;
}

#contents .title-bullet {background-color: #F90;}
#contents .catch-bullet {background-color: #F90;}
#contents .border {background-color: #A7D3FF;}
#contents .dot-border {background-image: url(/images/line_dot.gif);}
#contents .lead {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
#contents .caution {font: 80%/140% "ＭＳ Ｐゴシック"; color: #5DA2E8;}
#contents .nav {font: 11px/140% "ＭＳ Ｐゴシック"; color: #333;}
#contents p {margin:0 0 10px;font: 80%/140% "ＭＳ Ｐゴシック"; color: #333;}
#contents .nav-voice { width:560px;background:url(/voice/images/navi_bg.gif) repeat-y left top;}
#contents .nav-voice img{ margin:1px 0 0 5px;}
#contents .voice-subtitle {font: 80%/140% "ＭＳ Ｐゴシック"; color: #FFF;}
#contents .voice{font:80%/140% "ＭＳ Ｐゴシック";color: #333; margin: 0px 0px 16px;}
#contents .voice-qa {font: bold; color: #194CB8;}
#contents .voice-image { margin: 4px 0px 4px 4px;}
#contents .voice-caption { margin:5 0 10px 0; padding-bottom:5px; border-bottom:#194CB8 solid 1px; width:390px; color:#194CB8;font: bold 90%/125% "ＭＳ Ｐゴシック";}
#contents .voice-surgery { margin:0;font: 80%/125% "ＭＳ Ｐゴシック";}
#contents .voice-profile { margin-bottom:25px; border:#333333 solid 1px;}
#contents .voice-profile p{ margin:5px 10px;}
#contents .voice-photo-right { margin: 0 0 2px 6px;}
#contents .voice-photo-left { margin: 0 10px 20px 0;}

#contents .homeLink {
	margin:8px 0;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:right;
}

#contents img.left {
	margin-right:8px;
	float:left;
}

/*----------------------------
#contents .report
----------------------------*/
#contents .report{
	width:560px;
}
#contents .report h3{
	margin:20px 0 15px;
	padding:5px 0;
	border-top:1px solid #a7d3ff;
	border-bottom:1px solid #a7d3ff;
	clear:both;
	color:#194cb8;
}
#contents .report h4{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #666;
	color:#666;
}
#contents .report img{
	border:0;
}
#contents .report p{
	margin-bottom:10px;
}

#contents .report .interview{
	margin:0 0 20px 10px;
	float:right;
	width:375px;
}

#contents .report .photo img{
	margin-bottom:5px;
}
#contents .report .photo strong{
	color:194cb8;
}

#contents .report .clinic{
	margin:5px 0 20px;
	padding:5px;
	border:2px solid #ccc;
	float:left;
}
#contents .report .clinic img{
	margin-right:10px;
	float:left;
	width:190px;
}
#contents .report .clinic .address{
	margin-bottom:10px;
	border-bottom:1px solid #999;
}
#contents .report .clinic strong{
	color:194cb8;
}

#contents .report .processLeft{
	margin-bottom:10px;
	float:left;
	clear:left;
	width:250px;
}
#contents .report .processRight{
	margin-bottom:10px;
	float:right;
	clear:right;
	width:250px;
}
#contents .report .postscript{
	margin:20px 0;
	padding:10px 0;
	border-top:2px solid #999;
	clear:both;
}
#contents .report .doctorInterview{
	margin-bottom:20px;
}
#contents .report .doctorInterview .right{
	margin-left:10px;
	float:right;
	font-size:70%;
}
#contents .report .doctorInterview .left{
	margin-right:10px;
	float:left;
}

/* .indecatorBox 表示切替*/
#contents .report .indicatorBox{
	padding:0 6px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	float:left;
	clear:left;
	width:100%;
	max-width:547px;
	font-size:0;
}
#contents .report .indicatorBox a,
#contents .report .indicatorBox img{
	float:left;
}
#contents .report .indicatorBox img{
	margin:15px 3px;
}
#contents .report .indicatorBox a.indicator0{
	display:block;
	width:90px;
	height:55px;
	overflow:hidden;
	background:url(/report/images/indicator_0.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents .report .report00 .indicatorBox .indicator0,
#contents .report .indicatorBox a.indicator0:hover {
	background:url(/report/images/indicator_0.gif) no-repeat 0 -55px;
}
#contents .report .indicatorBox a.indicator1{
	display:block;
	width:90px;
	height:55px;
	overflow:hidden;
	background:url(/report/images/indicator_1.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents .report .report01 .indicatorBox .indicator1,
#contents .report .indicatorBox a.indicator1:hover {
	background:url(/report/images/indicator_1.gif) no-repeat 0 -55px;
}
#contents .report .indicatorBox a.indicator2{
	display:block;
	width:90px;
	height:55px;
	overflow:hidden;
	background:url(/report/images/indicator_2.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents .report .report02 .indicatorBox .indicator2,
#contents .report .indicatorBox a.indicator2:hover {
	background:url(/report/images/indicator_2.gif) no-repeat 0 -55px;
}
#contents .report .indicatorBox a.indicator3{
	display:block;
	width:90px;
	height:55px;
	overflow:hidden;
	background:url(/report/images/indicator_3.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents .report .report03 .indicatorBox .indicator3,
#contents .report .indicatorBox a.indicator3:hover {
	background:url(/report/images/indicator_3.gif) no-repeat 0 -55px;
}
#contents .report .indicatorBox a.indicator4{
	display:block;
	width:90px;
	height:55px;
	overflow:hidden;
	background:url(/report/images/indicator_4.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents .report .report04 .indicatorBox .indicator4,
#contents .report .indicatorBox a.indicator4:hover {
	background:url(/report/images/indicator_4.gif) no-repeat 0 -55px;
}

/* .form */
#contents .report .form{
	margin:0 0 20px;
	padding:0;
	clear:both;
	text-align:center;
}

#contents .report .form .formContents {
	margin:0 0 5px;
	padding:0 0 5px;
	border:2px solid #1d4fb9;
	float:left;
}

#contents .report .form .formContentsLeft {
	margin:0 0 0 15px;
	float:left;
}

#contents .report .form div .formContentsRight {
	margin:5px auto 0 15px;
	border:none;
	float:left;
	width:296px;
	text-align:left;
}

#contents .report .form div .formContentsRight img {
	margin-bottom:22px;
}

#contents .report .form div .formContentsRight p {
	margin:0;
	padding:5px 20px;
	border:1px solid #666;
	text-align:center;
}

#contents .report .form div .formContentsRight p img {
	margin-bottom:0;
}

/* .pageLink */
#contents .report .pageLink{
	padding:5px 0;
	border-top:1px solid #a7d3ff;
	border-bottom:1px solid #a7d3ff;
	float:right;
	clear:both;
	width:560px;
}
#contents .report .pageLink a:link,
#contents .report .pageLink a:visited,
#contents .report .pageLink a:hover,
#contents .report .pageLink a:active{
	font-size:92%;
	font-weight:bold;
	text-decoration:none;
	color:#194cb8;
}
#contents .report .pageLink .right{
	margin-bottom:0;
	float:right;
}
#contents .report .pageLink .left{
	margin-bottom:0;
	float:left;
}

/*----------------------------
#contents #voice
----------------------------*/
#contents #voice{ width:520px; margin:6px 0 32px 40px;font: 80%/125% "ＭＳ Ｐゴシック";}
#contents #voice ul{margin:0 3px; padding:0; list-style-type:none;}
#contents #voice li{padding:10px 0 7px 24px;border-bottom:1px dotted #09F;background: url(/voice/images/icon01.gif) no-repeat 0.5em 1em ;}
#contents #voice .title{ margin:0;}

/*----------------------------
レーシック体験談
----------------------------*/
#contents .voiceBeforeAfter {
	border-collapse:collapse;
}
#contents .voiceBeforeAfter th,
#contents .voiceBeforeAfter td {
	font: 80%/125% "ＭＳ Ｐゴシック";
}
#contents .voiceBeforeAfter th {
	padding:0;
	font-weight:normal;
}
#contents .voiceBeforeAfter td {
	padding:0 10px 0 0;
}

#contents .voicePoint {
	margin:0 0 10px;
	padding:0;
	list-style:none;
	font: 80%/140% "ＭＳ Ｐゴシック";
	color: #333;
}
#contents .voicePoint li {
	padding-left:0.5em;
	text-indent:-0.5em;
}


/*----------------------------
.operation
----------------------------*/
#contents .operation {
	margin-bottom:40px;	
}

#contents .operation h3 {
	margin:16px 0 12px;
	padding:2px 0 2px 32px;
	border-width:1px 0;
	border-style:solid;
	border-color:#A7D3FF;
	background:url(/operation/images/icon_mike.gif) no-repeat left center;
	min-height:27x;
	height:auto !important;
	height:27px;
	font:bold 115%/125% "ＭＳ Ｐゴシック";
}

#contents .operation table {
	margin-bottom:12px;
	border:1px solid #5DA2E8;
}

#contents .operation th {
	background:#E8F4FF url(/operation/images/aft_year_bg.gif) no-repeat left bottom;
}

#contents .operation td {
	padding:8px 12px;
	border-left:1px solid #BFDFFF;
}

#contents .operation td.aft5 {
	background:url(/operation/images/operation_pic_01.jpg) no-repeat 98% 50%;
}

#contents .operation td.aft2 {
	background:url(/operation/images/operation_pic_02.jpg) no-repeat 98% 50%;
}

#contents .operation ul {
	margin:0;
	padding:0;
	list-style:none;
	width:390px;
}

#contents .operation li {
	margin-bottom:3px;
	font:80%/125% "ＭＳ Ｐゴシック";
	color:#333;
}

#contents .operation li strong {
	color:#194CB8;
	font:bold 115%/125% "ＭＳ Ｐゴシック";
}

#contents .operation p {
	margin-bottom:16px;
	width:470px;
}

#contents .operation em {
	margin-right:8px;
	color:#194CB8;
	font-style:normal;
}


/*----------------------------
#info
----------------------------*/
#info h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #194CB8; margin: 0px;}
#info h2 {font: bold 100%/125% "ＭＳ Ｐゴシック"; margin: 0px; padding: 3px;}
#info h3 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #194CB8; margin: 0px;}
#info .titleBlock { margin: 28px 0px 21px 0px;}
#info .titleBackground {background-image: url(/images/ttl_tbl_bg.gif);}
#info .nav {font: 11px/140% "ＭＳ Ｐゴシック"; color: #333;}

/*--------------------------------------------------------
#link用
--------------------------------------------------------*/
#link .titleBlock { margin: 28px 0px 21px;}

#link h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; margin: 0px;}
#link h2{font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #000; background-color: #CCC; border:solid 1px #999; margin-bottom:8px; padding:3px; text-align:left; width: 560px;}
#link .category{width: 560px;}
#link .category td{padding: 5px;}
#link .list{border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin-bottom:16px; width: 560px;}
#link .list th{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:30%;}
#link .list td{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:70%;}

/*--------------------------------------------------------
#area用
--------------------------------------------------------*/
#area {width:560px; text-align:left; margin-bottom:16px;}
#area h1 {font: bold 160%/125% "ＭＳ Ｐゴシック"; color: #FFF; display:inline;}
#area h2 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF; display:inline;}
#area h3 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #333; background: #FFF url(/images/menu_arrow.gif) no-repeat left center; padding-left:1em;}
#area ul {font: 80%/125% "ＭＳ Ｐゴシック"; margin:2px 0 16px; padding-left:1em; list-style-type:none;}
#area .title { margin: 24px 0px 12px 0px;padding:2px 2px 2px 8px;width:560px;background:#3B86D1;}
#area .notes {font: 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#area .line { border-bottom:1px solid #BBB;}
#area .catchBlock {margin: 0px 0px 24px 0px;}
#area .catch {font: 12px/125% "ＭＳ Ｐゴシック"; color: #333;}
#area .label {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
#area .lead {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #F60; padding:0.5em 0 0.2em;}
#area .list td {width:50%; vertical-align:top;}

#area .area-list {
	margin-bottom:16px;
}

#area .area-list ul {
	margin:0;
	width:560px;
}

#area .area-list li {
	margin:0;
	padding: 0 10px 3px 0;
	float:left;
	width:176px;
	list-style: none;
}

#area .facility-list {
  margin:0 0 16px 5px;
  border-collapse:collapse;
  width:550px;
  font: 80%/125% "ＭＳ Ｐゴシック";
}

#area .facility-list td {
	padding-left:3px;
	border:1px solid #999;
}


#area .areaTitle {
	margin-bottom:8px;
	background:url(/images/area_photo.jpg) no-repeat right top;
}

#area .areaTitle td {
	vertical-align:top;
}

#area .areaTitle p {
	margin-top:8px;
	line-height:1.4;
}

#area .areaTitle .background {
	background: url(/images/form_bk.gif) repeat-y;
}

#area form .necessary {
	font:11px/1.5em "ＭＳ Ｐゴシック";
	color:#333;
	background-color:#FF9;
	white-space:nowrap; 
	padding:2px;
	border:1px solid #333;
	vertical-align:baseline;
}

#area .areaForm {
	margin-bottom:8px;	
}

#area .areaForm strong {
	color: #333;
	font: bold 100%/125% "ＭＳ Ｐゴシック";
}

#area .areaForm em {
	color:#F00;
	font-style:normal;
}

#area .comment {
  margin:0 0 16px 5px;
  border-collapse:collapse;
}

#area .comment h3 {
  margin:0;
  padding:0;
  font: bold 90%/125% "ＭＳ Ｐゴシック";
  color: #333;
  background: #FFF;
}

#area .comment p {
  margin:0 0 10px 10px;
  padding:0 5px;
  font: 80%/125% "ＭＳ Ｐゴシック";
  color: #333;
  background: #FFF;
}



/*----------------------------
#coupon #contents
----------------------------*/

#coupon {
	margin:0 auto;
	text-align:center;
}


#coupon #contents {
	margin:0 auto;
	width:632px;
	text-align:left;
}

#coupon #contents .close {
	display:none;
}

#coupon #contents h1 {
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/coupon/images/ttl_coupon.gif) no-repeat left top;
	width:595px;
	height:35px;
}

#coupon #contents h2 {
	margin:0;
	padding:0;
	font: bold 120%/125% "ＭＳ Ｐゴシック";
	color:#039;
}

#coupon #contents h3.coupon10off,
#coupon #contents h3.coupon20off,
#coupon #contents h3.coupon30off,
#coupon #contents h3.coupon05off {
	margin:0 0 6px;
	padding:0;
	border:none;
	overflow:hidden;
	text-indent:-9999px;	
	width:432px;
	height:45px;
}

#coupon #contents h3.coupon10off {
	background:url(/coupon/images/ttl_10off.gif) no-repeat left top;
}

#coupon #contents h3.coupon20off {
	background:url(/coupon/images/ttl_20off.gif) no-repeat left top;
}

#coupon #contents h3.coupon30off {
	background:url(/coupon/images/ttl_30off.gif) no-repeat left top;
}

#coupon #contents h3.coupon05off {
	background:url(/coupon/images/ttl_05off.gif) no-repeat left top;
}

#coupon #contents .summary,
#coupon #contents .summaryClinic {
	margin:8px 0;
	width:628px;
	text-align:left;
}
#coupon #contents .summary {
	font: 90%/125% "ＭＳ Ｐゴシック";	
}
#coupon #contents .summaryClinic {
	font: 80%/125% "ＭＳ Ｐゴシック";	
}

#coupon #contents .summary strong {
	color:#F00;	
}

#coupon .asking {
	padding:8px 0;
	text-align:right;
	border-top:1px solid #3159AD;
}

#coupon #contents .couponBox {
	margin-bottom:16px;
	border:2px solid #003199;
	width:628px;
	text-align:left;
}

#coupon #contents .couponBox .clinicTitle {
	padding-left:10px;
	background-color:#D0E7FF;
	width:628px;
	vertical-align:middle;
}

#coupon #contents .couponBox .clinicArea {
	text-align:right;
}

#coupon #contents .couponBox .clinicTitle img {
	margin:1px 10px 1px 0;
}

#coupon #contents .couponBox img.clinicInterior {
	margin:12px 0 0 5px;
}

#coupon #contents .couponBox .clinicInfo {
	margin:-128px 0 0 190px;
}

#coupon #contents .couponBox .clinicInfo .message {
	margin:0 3px 6px 1px;
	padding-left:7px;
	border-left:3px solid #F90;
}


#coupon #contents .couponBox .clinicInfo table {
	margin-bottom:8px;
	width:432px;
}

#coupon #contents .couponBox .clinicInfo td {
	width:144px;
}

#coupon #contents .couponBox .clinicInfo a.couponGetNomal,
#coupon #contents .couponBox .clinicInfo a.couponGetTokyo,
#coupon #contents .couponBox .clinicInfo a.couponGetNagoya,
#coupon #contents .couponBox .clinicInfo a.couponGetOsaka {
	display:block;
	border:none;
	overflow:hidden;
	text-indent:-9999px;	
	width:144px;
	height:46px;
}

#coupon #contents .couponBox .clinicInfo a.couponGetNomal {
	background:url(/coupon/images/coupon_nomal.gif) no-repeat left top;
}

#coupon #contents .couponBox .clinicInfo a.couponGetTokyo {
	background:url(/coupon/images/coupon_tokyo.gif) no-repeat left top;
}

#coupon #contents .couponBox .clinicInfo a.couponGetNagoya {
	background:url(/coupon/images/coupon_nagoya.gif) no-repeat left top;
}

#coupon #contents .couponBox .clinicInfo a.couponGetOsaka {
	background:url(/coupon/images/coupon_osaka.gif) no-repeat left top;
}

#coupon #contents .couponBox .clinicInfo a.couponGetNomal:hover,
#coupon #contents .couponBox .clinicInfo a.couponGetNomal:focus {
	background:url(/coupon/images/coupon_nomal.gif) no-repeat left bottom;
}

#coupon #contents .couponBox .clinicInfo a.couponGetTokyo:hover,
#coupon #contents .couponBox .clinicInfo a.couponGetTokyo:focus {
	background:url(/coupon/images/coupon_tokyo.gif) no-repeat left bottom;
}

#coupon #contents .couponBox .clinicInfo a.couponGetNagoya:hover,
#coupon #contents .couponBox .clinicInfo a.couponGetNagoya:focus {
	background:url(/coupon/images/coupon_nagoya.gif) no-repeat left bottom;
}

#coupon #contents .couponBox .clinicInfo a.couponGetOsaka:hover,
#coupon #contents .couponBox .clinicInfo a.couponGetOsaka:focus {
	background:url(/coupon/images/coupon_osaka.gif) no-repeat left bottom;
}

#coupon #contents .buttonStepBox01 {
	margin:10px 0 15px;
	text-align:right;
}

#coupon #contents .buttonStepBox02 {
	margin-bottom:40px;
	text-align:center;
}
#coupon #contents .buttonStepBox02 .textStep {
	margin:9px 0 0px;
}

/*----------------------------
#print #contents
----------------------------*/
@media print {
	.printNone,#map,.homeLink { display:none;}
	.printMap { display:block !important; }
}

#print {
	margin:0 auto;
	width:600px;
	text-align:center;
}

#print #contents {
	margin:0 auto;
	width:530px;
}

#print #contents h1 {
	margin:4px 0;
}

#print #contents em {
	color:#F00;
	font-style:normal;
	font-weight:bold;
}

#print #contents .close {
	margin:-20px 0 0 350px;
	text-align:right;
}

#print #contents .close a {
	font:80%/125% "ＭＳ Ｐゴシック";
}

#print #contents .couponTicket {
	margin:0 auto 4px;
	width:450px;
	text-align:left;
}

#print #contents .eke {
	margin-bottom:8px;
	font:70%/125% "ＭＳ Ｐゴシック";
	text-align:left;
}

#print #contents .message {
	padding-left:13px;
	background:url(/coupon/images/icon_square.gif) no-repeat left center;
	font-weight:bold;
	text-align:left;	
	min-height:10px;
	height:auto !important;
	height:10px;
}

#print #contents table.clinicDetail {
	border-collapse:collapse;
	width:530px;
	font: 70%/125% "ＭＳ Ｐゴシック";
}

#print #contents table.clinicDetail th,
#print #contents table.clinicDetail td {
	padding:3px;
	border:1px solid #003199;
}

#print #contents table.clinicDetail th{
	font-weight:normal;
	background-color:#D0E7FF;
	vertical-align:top;
}

#print #contents .consultationHours {
	width:440px;
}

#print #contents table.consultationHours {
	font:90%/125% "ＭＳ Ｐゴシック";
}

#print #contents table.consultationHours td {
	border:none;
}

#print #contents table.consultationHours .clinicInterior {
	text-align:right;
	vertical-align:top;
}

#print #contents table.consultationHours .add {
	padding-top:3px;
	border-top:1px solid #003199;
}

#print #contents #map {
	margin:8px 0;
	width:530px;
	height:400px;
}

#print #contents .printMap{
	margin-bottom:8px;
	display:none;
	page-break-before:always;
}

/*---------------------------------------
 auto-complete
----------------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	text-align:left;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.ac_scroll {
	overflow: auto;
	max-height:180px;
	height:auto !important;
	height:180px;
}

.results_num {
	text-align:left;
	font-size:13px;
}
