@charset "utf-8";
/* CSS Document */

/*
--------------------------------------------------	
	Komagome Ezer clicic
	ver: 2009
	comment: base styles
-------------------------------------------------- */
body {
	background:url(../img/common/master_bg.jpg) 0 0 repeat-y;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#282828;
	margin:0;
	padding:0;}

/********* Default styles *********/
h1 {
	font-size:70%;
	line-height:1.5em;
	margin:4px 0 5px 0;
	padding:0;
	font-weight:normal;
	color:#555;}
h2 {
	font-size:100%;
	line-height:1em;
	margin:0;
	padding:0;}
h3 {
	font-size:80%;
	line-height:1em;
	text-indent:-10000px;
	display:block;
	padding:0;
	margin:0 0 10px;}
h4 {
	font-size:80%;
	line-height:1em;
	padding:0;
	margin:0 0 5px;}

p {
	font-size:70%;
	line-height:1.6em;
	color:#333;
	margin:0 0 5px 0;
	padding:0;}
ul, dl {
	font-size:70%;
	margin:0;
	padding:0;
	line-height:1.6em;
	list-style:none;}

a {
	color: #1464aa;
	outline:none;
	text-decoration: none;}
a:hover {
	color: #00a69c;
	text-decoration:none;}
a img {
	border:none;}

/****************** Other styles ******************/
.left {
	float:left;
	margin-right:10px;}
.right {
	float:right;
	margin-left:10px;}
.left_stop { float:left;}
.right_stop { float:right;}	

.clear {
	clear:both;}
.column { margin:0 0 20px;}
.column p { padding:0 5px;}
.attention { color:#27b4af; margin-top:10px;}
strong.import { font-size:110%; color:#27b4af;}
.stronguest { font-size:130%;}

dl.w_list dt{ width:60px; float:left; background:url(../img/common/arrow_02.gif) 0 3px no-repeat; padding-left:12px;}
dl.w_list dd { width:460px; margin:0 0 0 50px;}

ul.list { margin:0 0 10px 10px;}
ul.list li { background:url(../img/common/arrow_02.gif) 0 4px no-repeat; padding-left:12px; margin-bottom:2px;}

/****************** wrap ******************/
#bg {
	width:100%;
	margin:0;
	padding:0;
	background:url(../img/common/top_bg.jpg) 0 0 no-repeat;}
	
html>body #bg,
* html #bg { float:left;}

/****************** container ******************/
#container {
	width:780px;
	margin:0 0 0 220px;
	padding:0 20px;
	position:relative;}

/****************** header ******************/
#header {
	width:780px;
	height:70px;
	margin:0;
	padding:0;}
	
#logo {
	width:372px;
	height:36px;
	display:block;
	text-indent:-10000px;
	background:url(../img/common/logo.jpg) 0 0 no-repeat;}
	
#tell_number {
	width:200px;
	height:42px;}
	
/****************** nav ******************/
#nav {
	width:780px;
	height:50px;
	margin:0 0 10px 0;
	padding:0;}
	
#nav ul {
	width:780px;
	height:50px;
	margin:0;
	padding:0;}
	
#nav ul li {
	height:50px;
	float:left;}
	
#nav ul li a {
	width:156px;
	height:50px;
	display:block;
	text-indent:-10000px;
	margin:0;
	padding:0;}
	
#top_btn { background: url(../img/common/nav.gif) 0 0 no-repeat;}
#aboutUs_btn { background: url(../img/common/nav.gif) -156px 0 no-repeat; }
#greetings_btn { background: url(../img/common/nav.gif) -312px 0 no-repeat;}
#st_btn { background: url(../img/common/nav.gif) -468px 0 no-repeat;}
#qa_btn { background: url(../img/common/nav.gif) -624px 0 no-repeat;}

#top_btn:hover { background: url(../img/common/nav.gif) 0 -50px no-repeat;}
#aboutUs_btn:hover { background: url(../img/common/nav.gif) -156px -50px no-repeat; }
#greetings_btn:hover { background: url(../img/common/nav.gif) -312px -50px no-repeat;}
#st_btn:hover { background: url(../img/common/nav.gif) -468px -50px no-repeat;}
#qa_btn:hover { background: url(../img/common/nav.gif) -624px -50px no-repeat;}

#top #top_btn { background: url(../img/common/nav.gif) 0 -50px no-repeat;}
#au #aboutUs_btn { background: url(../img/common/nav.gif) -156px -50px no-repeat; }
#greeting #greetings_btn { background: url(../img/common/nav.gif) -312px -50px no-repeat;}
#st #st_btn { background: url(../img/common/nav.gif) -468px -50px no-repeat;}
#qa #qa_btn { background: url(../img/common/nav.gif) -624px -50px no-repeat;}

/****************** Top image ******************/
#topimage {width:780px; margin:0 auto 20px; padding:0;}
#topimage img {vertical-align:bottom;}
#top #topimage { height:310px;}

#qa #topimage { height:200px;}

/********* Page structure *********/
.content {
	width:780px;
	padding:0;
	margin:0 auto 20px;}
html>body .content, * html .content { float: left;}
/* c-ms */
#c-ms #subcol {
	width:210px;
	float:left;
	margin:0;
	padding:0;}
#c-ms #maincol {
	width:560px;
	margin:0 0 5px;
	padding:0;
	float:right;}

/****************** Top Page ******************/
h3.title_symptom {
	width:560px;
	height:28px;
	background:url(../img/common/h3_top-symptom.gif) 0 0 no-repeat;}
	
h3.title_info {
	width:560px;
	height:28px;
	background:url(../img/common/h3_top-info.gif) 0 0 no-repeat;}

#symptom_box div { width:180px;}

#symptom_box div p { padding:0 4px;}

#info_area dl {
	margin:0;
	padding:0;}
	
#info_area dl dt {
	width:84px;
	padding:0 0 0 10px;
	height:18px;
	float:left;
	line-height:18px;
	color:#fff;
	background:url(../img/common/date_base.gif) 0 0 no-repeat;
	margin:0 0 10px 0;}
	
#info_area dl dd {
	width:450px;
	line-height:18px;
	margin:0 0 10px 104px;}

#subcol #side-area {
	width:200px;
	border:5px solid #ebeeef;
	padding:0 0 10px 0;
	background:url(../img/common/side-area_bg.jpg) 0 35px no-repeat;}
	
#subcol #side-area h3#clinicGuide {
	width:200px;
	height:36px;
	text-indent:-10000px;
	background:url(../img/common/h3_side-guide.gif) 0 0 no-repeat;
	margin:0 0 5px 0;}
	
#subcol #side-area .side_box {
	width:190px;
	margin:0 5px 5px;
	background:url(../img/common/side_hr.gif) bottom left no-repeat;
	padding:2px 0 4px;}	
	
#subcol #side-area .side_box02 {
	width:188px;
	margin:0 6px;
	padding:5px 0 0;
	background:url(../img/common/side_hr.gif) top left no-repeat;} 
	
#subcol #side-area .side_box h4 {
	height:17px;
	color:#1562b8;
	background:url(../img/common/side_dd-arrow.gif) 0 -1px no-repeat;
	margin:0;
	padding:0 0 0 16px;}
	
#subcol #side-area .side_box p {
	margin:0 0 0 10px;}
	
#subcol #side-area #penguin {
	height:80px;
	background:url(../img/common/penguin_bg.jpg) 0 0 no-repeat;
	position:relative;}
	
#subcol #side-area #penguin a {
	width:128px;
	height:25px;
	display:block;
	text-indent:-10000px;
	position:absolute;
	top:57px;
	left:7px;}
	
#subcol #side-area #penguin a:hover {
	background:url(../img/common/btn_access_r02.gif) 0 0 no-repeat;}
	
/****************** footer ******************/	
#footer {
	width:780px;
	height:110px;
	padding:30px 20px 10px;
	clear:both;
	margin:0 0 0 220px;
	background:url(../img/common/footer_base.jpg) 0 0 no-repeat;
	position:relative;}
	
#footer ul {
	margin:20px 0 10px 0;}
#footer ul li {
	float:left;}
#footer ul li a {
	padding:0 2px 0 6px;
	margin:0 4px;
	text-align:center;
	border-left:1px solid #999;}
#footer address {
	clear:both;
	padding:10px 0 0;
	font-size:70%;
	font-style:normal;
	line-height:1.4em;
	color: #1464aa;
	margin:0 0 0 10px;}
	
#footer .page_top {
	position:absolute;
	width:72px;
	height:46px;
	display:block;
	text-indent:-10000px;
	top:0;
	left:673px;}

#footer .page_top:hover {
	background:url(../img/common/page_top_r02.gif) 0 0 no-repeat;}
	
	

/****************** qa ******************/	
.title_qa-first {
	width:560px;
	height:60px;
	text-indent:-10000px;
	background:url(../img/qa/h3_qa.gif) 0 0 no-repeat;}

.qa_box {
	padding:0 0 5px 0;
	border-bottom:1px dotted #96d5ea;}

h4.title_question {
	height:24px;
	color:#27b4af;
	background:url(../img/qa/icon_q.gif) 0 0 no-repeat;
	padding:5px 0 0 24px;
	margin:0 0 5px 0;
	}
	
p.read_answer {
	padding:5px 0 10px 24px;
	background:url(../img/qa/icon_a.gif) 0 0 no-repeat;
	margin:0 0 0 15px;}
	
/****************** greeting ******************/
h3.title_greeting-first {
	width:560px;
	height:29px;
	text-indent:-10000px;
	background:url(../img/greetings/h3_greeting.gif) 0 0 no-repeat;}
	
#greeting_area {
	background:url(../img/greetings/greeting-area_bg.jpg) 0 40px no-repeat;}
.greetings_read {
	width:342px;
	height:50px;
	text-indent:-10000px;
	background:url(../img/greetings/greeting_read.gif) 0 0 no-repeat;
	margin:10px 0 5px 0;}
	
.greetings_subread {
	width:342px;}
	
.greetings_name{
	margin:10px 0;} 
	
.career_graff {
	width:340px;
	margin:5px;
	font-size:70%;}
	
.career_graff caption {
	text-align:left;
	margin:20px 0 0;
	padding-bottom:4px;}
	
.career_graff th,
.career_graff td {
	text-align:left;
	line-height:1.5em;
	font-weight:normal;
	vertical-align:top;
	margin-bottom:4px;}
.career_graff th {
	width:50px;}
	
/****************** about us ******************/
h3.title_au-room {
	width:560px;
	height:29px;
	background:url(../img/au/h3_au-room.gif) 0 0 no-repeat;
	text-indent:-10000px;}
	
h3.title_au-access {
	width:560px;
	height:29px;
	background:url(../img/au/h3_au-access.gif) 0 0 no-repeat;
	text-indent:-10000px;}
		
.room_box-left ,
.room_box-right {
	width:270px;
	padding:0;}
	
.room_box-left {
	float:left;
	margin:10px 10px 0 2px;}
	
.room_box-right {
	float:right;
	margin:10px 2px 0 0;}
	
iframe.g_map {
	border-right:1px solid #8ab9dc;
	border-top:1px solid #8ab9dc;
	border-left:1px solid #1a75bb;
	border-bottom:1px solid #1a75bb;
	padding:1px;
	margin:0 0 5px 3px;}
	
#access_area { padding:5px 5px 10px; margin:0 0 10px 0;}
.time_schedule { width:300px; border-left:1px solid #26b3af; border-top:1px solid #26b3af;}
.time_schedule th,
.time_schedule td { border-right:1px solid #26b3af; border-bottom:1px solid #26b3af; vertical-align:middle; text-align:center; padding:2px;}
.time_schedule td { background:#fff;}

.time_schedule th {background:#50c2bf; color:#fff;}

/****************** st ******************/
ul#symptom_nav {
	width:560px;
	height:35px;}
	
ul#symptom_nav li {
	width:134px;
	float:left;}
ul#symptom_nav li a {
	width:134px;
	height:35px;
	text-indent:-10000px;	
	display:block;}	
	
#sy_utu { background:url(../img/st/nav_symptom.gif) 0 -35px no-repeat;}
#sy_pnk { background:url(../img/st/nav_symptom.gif) -139px -35px no-repeat;}
#sy_fumin { background:url(../img/st/nav_symptom.gif) -278px -35px no-repeat;}
#sy_shakai { background:url(../img/st/nav_symptom.gif) -417px -35px no-repeat;}

#sy_utu:hover { background:url(../img/st/nav_symptom.gif) 0 0 no-repeat;}
#sy_pnk:hover { background:url(../img/st/nav_symptom.gif) -139px 0 no-repeat;}
#sy_fumin:hover { background:url(../img/st/nav_symptom.gif) -278px 0 no-repeat;}
#sy_shakai:hover { background:url(../img/st/nav_symptom.gif) -417px 0 no-repeat;}

#utu #sy_utu { background:url(../img/st/nav_symptom.gif) 0 0 no-repeat;}
#panic #sy_pnk { background:url(../img/st/nav_symptom.gif) -139px 0 no-repeat;}
#sln #sy_fumin { background:url(../img/st/nav_symptom.gif) -278px 0 no-repeat;}
#spsa #sy_shakai { background:url(../img/st/nav_symptom.gif) -417px 0 no-repeat;}



h3.title_st-main {
	width:560px;
	height:29px;
	background:url(../img/st/h3_st-main.gif) 0 0 no-repeat;
	text-indent:-10000px;}
	
h3.title_st-utsu {
	width:560px;
	height:29px;
	background:url(../img/st/h3_st-utsu.gif) 0 0 no-repeat;
	text-indent:-10000px;}
	
h3.title_st-panic {
	width:560px;
	height:29px;
	background:url(../img/st/h3_st-panic.gif) 0 0 no-repeat;
	text-indent:-10000px;}
	
h3.title_st-sln {
	width:560px;
	height:29px;
	background:url(../img/st/h3_st-fumin.gif) 0 0 no-repeat;
	text-indent:-10000px;}
	
h3.title_st-spsa {
	width:560px;
	height:29px;
	background:url(../img/st/h3_st-shakai.gif) 0 0 no-repeat;
	text-indent:-10000px;}


/****************** clear fix ******************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*Georgia, Times New Roman, Times, serif */
/*Geneva, Arial, Helvetica, san-serif */