@charset 'UTF-8';

hr
{
	display             : none;
}

/*==============================================================================
// font-size
//============================================================================*/
p    {font-size: 1.3em;}
li   {font-size: 1.3em;}
li li{font-size: 1em;}
h1   {font-size: 1em;}
h2   {font-size: 2em;}
h3   {font-size: 2em;}

/*==========================================================
// レイアウト
//========================================================*/
body
{
	background          : url('../img/bg2.gif');
	font-family         : 'ＭＳ Ｐゴシック',Verdana,sans-serif;
}

#wrap
{
	width               : 916px;
	margin              : 0 auto;
	background          : url('../img/bg.gif') repeat-y;
}

#contents
{
	width               : 900px;
	margin              : 0 8px;
}

#footer
{
	height              : 100px;

	width               : 900px;
	padding             : 0 8px;
	margin-right        : auto;
	margin-left         : auto;
	background          : url('../img/footer.gif') repeat-y;
	overflow            : hidden;
	color               : #ffffff;
	text-align          : center;
}

#footer .foot-menu
{
	padding             : 10px 0 5px;
	border-top          : 1px dotted #e1d5c7;
}

#footer a,
#footer a:visited
{
	color               : #ffffff;
}

#main
{
	float               : left;
	width               : 650px;
	padding             : 10px 0 0 0;
}


/*==============================================================================
// header
//============================================================================*/
#header
{
	width               : 880px;
	height              : 75px;
	margin              : 0 8px;
	padding             : 0 10px 0;
	background          : url('../img/header.png') no-repeat;
}

#header-title
{
	float               : left;
	display             : block;
	width               : 460px;
	height              : 75px;
	text-align          : left!important;
}

#header-title a
{
	display             : block;
	width               : 460px;
	height              : 75px;
	text-indent         : -31000px;
	overflow            : hidden;
}

#header-form
{
	float               : right;
	display             : block;
	width               : 380px;
	padding             : 15px 0 0 0;
}

#header h1
{
	display             : none;
}


#header p
{
	text-align          : right;
	margin-bottom       : 5px;
}


/*==============================================================================
// menu
//============================================================================*/
#menu
{
	width               : 900px;
	margin              : 0 8px;
	font-weight         : bold;
}

#menu ul
{
	padding             : 10px 0 10px 10px;
	background          : #504232;
}

#menu li
{
	display              : inline;
	padding              : 0 10px 0 0;
	text-align           : center;
	font-size           : 1.6em;
}

#menu h2,
#menu li ul
{
  display              :none;
}

#menu li li
{
  float                : none;
}

#menu a
{
	color               : #ffffff;
	text-decoration     : none;
}

#menu a:visited
{
	color               : #ffffff;
	text-decoration     : none;
}

#menu a:hover
{
	color               : gold;
	text-decoration     : underline;
}



/*==============================================================================
// topicpath
//============================================================================*/
#topicpath
{
	padding             : 10px;
	overflow            : hidden;
	border-bottom       : 1px dashed #c6c2bb;
}

#topicpath h2
{
	display             : none;
}

/*==============================================================================
// contents_header
//============================================================================*/
#contents_header
{
	width               : 900px;
	height              : 100px;
	padding             : 10px 0 15px;
	overflow            : hidden;
}

#contents_header h2
{
	float               : left;
	width               : 625px;
	height              : 50px;
	padding             : 50px 0 0 25px;
	font-weight         : bold;
}

#contents_header .tel_banner
{
	float               : right;
	width               : 250px;
	height              : 100px;
}


/*==========================================================
// topimage
//========================================================*/
#topimage
{
	width               : 600px;
	height              : 338px;
	margin              : 0 0 2em 25px;
	background          : url('../img/index.jpg') no-repeat 0 bottom;
}

#topimage h2
{
	display             : none;
}


/*==========================================================
// side
//========================================================*/
#side
{
	padding             : 10px 0 0 0;
	clear               : both;
	float               : right;
	width               : 250px;
}

.side-item
{
	clear               : both;
	width               : 225px;
}

.side-item h2
{
	margin              : 0 0 1em;
	padding             : 5px 0;
	border-bottom       : 1px solid #928371;
	font-weight         : bold;
}

.side-item ul
{
	margin              : 0 0 1.6em 2em;
	list-style-type     : disc;
}

.side-item li
{
	line-height         : 1.6em;
}

.side-item li img
{
}

#quicklink h2
{
	display             : none;
}

#quicklink ul
{
	margin              : 0 0 8px 0!important;
	list-style-type     : none!important;
}


.side-area h2
{
	height              : 38px;
	padding             : 5px 0 0 0;
	background          : url('../img/side-area.gif') no-repeat right top;
	border              : 0!important;
}

.side-area table
{
	margin              : 0 0 1.5em 5px;
}

.side-area table td
{
	width               : 110px;
	padding             : 3px 0;
	font-size           : 1.3em;
}

.side-end
{
	margin              : 1.5em 0 1.5em 0;
	text-align          : right;
}

.side-pr
{
	width               : 200px;
	height              : 90px;
	margin              : 3px 0 15px;
	background          : url('../img/PR.png') no-repeat;
}

#side .tel_banner
{
	margin              : 0 0 1.5em 0;
}

/*==============================================================================
// item
//============================================================================*/
.item
{
	margin              : 0 25px 6.5em;
}

.item h3,
.wide-item h3
{
	height              : 50px;
	margin              : 0 0 1em -25px;
	padding             : 25px 25px 0;
	font-weight         : bold;
	background          : url('../img/h.gif') no-repeat 0 bottom;
}

.item h3.sub,
.item p.sub,
.wide-item h3.sub,
.wide-item p.sub
{
	margin              : -30px 0 1em -25px;
	padding             : 0 25px;
	font-weight         : bold;
	font-size           : 2em;
	background          : none;
	border-bottom       : none;
}

.item p,
.wide-item p
{
	margin-bottom       : 1.6em;
	line-height         : 1.6em;
}

.item ul
{
	margin-left         : 2em;
	margin-bottom       : 1.6em;
	line-height         : 1.6em;
	list-style-type     : circle;
}

.item ol
{
	margin-left         : 2em;
	margin-bottom       : 1.6em;
	list-style-type     : decimal;
}

.item ul ul,
.item ol ul,
.item ul ol,
.item ol ol
{
	margin              : 0.5em 0 0.5em 1em!important;
}

.item li
{
	line-height         : 1.6em;
}

.item h4
{
	padding             : 10px 0;
	margin              : 0 0 1.6em 0;
	font-size           : 1.6em;
	font-weight         : bold;
	border-bottom       : 1px solid #000000;
}



/*==============================================================================
// timetable
//============================================================================*/
table.timetable
{
	width               : 600px;
	margin              : 0;
	border-bottom       : 1px solid #000000;
	font-size           : 1.3em;
}

table.timetable tr
{
  border-bottom       : none!important;
}

table.timetable td
{
	background          : url('../img/graph/timebg.gif') repeat-x 0 top;
}

table.timetable .dow
{
	width               : 40px;
	font-weight         : bold;
	background          : none;
}

table.timetable .ontime
{
	width               : 560px;
	height              : 24px!important;
}

table.timetable .timebar
{
	width               : 597px;
	height              : 24px;
	padding             : 0 0 0 3px;
	background          : url('../img/graph/time.gif') no-repeat;
	color               : #ff6666;
	font-weight         : bold;
}

.time_legend
{
	text-align          : right;
}


/*==============================================================================
// status -> clinic_itemへ変更する
//============================================================================*/
table.status
{
	width               : 600px;
	margin              : 0 0 1.6em;
	font-size           : 1.3em;
}

table.status
{
	border-top          : 1px dashed #000000;
}

table.status li
{
	font-size           : 1em!important;
	line-height         : 1.3em!important;
}

table.status tr
{
}

table.status th
{
	width               : 74px;
	padding             : 4px 8px;
	font-weight         : bold;
	font-size           : 13px;
	background          : #e1d5c7;
	vertical-align      : top;
	border-bottom       : 1px dashed #000000;
}

table.status td
{
	width               : 504px;
	padding             : 4px 8px;
	border-bottom       : 1px dashed #000000;
}

table.status td.head2
{
	width               : 164px;
	padding             : 4px 8px;
	border-bottom       : 1px dashed #000000;
}

table.status td.mark
{
	width               : 30px;
	padding             : 4px 0;
	text-align          : right;
	border-bottom       : 1px dashed #000000;
}

table.status td.comment
{
	width               : 294px;
	padding             : 4px 8px;
	border-bottom       : 1px dashed #000000;
}



/*==============================================================================
// imgbox
//============================================================================*/
.imgbox
{
	float               : left;
	margin-right        : 16px;
	margin-bottom       : 1.5em;
	padding             : 4px;
	border              : 1px outset #333333;
}

.imgbox img
{
	display             : block;
	margin-bottom       : 5px;
}

.imgbox span
{
	display             : block;
	text-align          : center;
}



.signature
{
	clear               : both;
	text-align          : right;
}

.gotop
{
	display             : none;
}

.goheader
{
	display             : inline;
	float               : right;
}

.goheader a
{
	display             : block;
	position            : fixed;
	right               : 15px;
	bottom              : 15px;

	z-index             : 5;

	width               : 70px;
	height              : 30px;
	background          : url('../img/goheader.png') no-repeat 0 2px;
	text-indent         : -70000px;
	overflow            : hidden;
}


.navi
{
//	margin              : -1em 0 3px 0!important;
	text-align          : right;
	position            : relative;
}


/*==============================================================================
// ontime, map
//============================================================================*/
#status
{
	float               : left;
	width               : 290px;
	margin              : 0!important;
	list-style-type     : none;
}

#ontime
{
	float               : right;
	width               : 300px!important;
}

#ontime .dow
{
	width               : 2em;
	text-align          : center;
}

#ontime td,
#ontime th
{
	padding             : 5px 0.5em;
	text-align          : center;
}


#map
{
	clear               : both;
	width               : 597px;
	height              : 298px;
	margin              : 0 0 1.5em;
	border              : 1px solid #666666;
}

#map2
{
	clear               : both;
	width               : 597px;
	height              : 498px;
	margin              : 0 0 1.5em;
	border              : 1px solid #666666;
}

#map2 div.balloontxt
{
	font-size           : 1.3em;
}

table.maplist
{
	position            : relative;
	top                 : -280px;
	margin              : 0 0 -150px 25px;
	font-size           : 1.3em;
}

table.maplist td
{
	padding             : 5px 10px;
}

/*==============================================================================
// newsdate
//============================================================================*/
li .newsdate
{
	font-weight         : bold;
}

/*==============================================================================
// head
//============================================================================*/
.head-news  {background : url('../img/news.png') no-repeat 0 0!important;}
.head-link  {background : url('../img/link.png') no-repeat 0 0!important;}
.head-intro {background : url('../img/intro.png') no-repeat 0 0!important;}
.head-about {background : url('../img/about.png') no-repeat 0 0!important;}
.head-clinic{background : url('../img/clinic.png') no-repeat 0 0!important;}



/* search */
input.search
{
	width               : 200px;
	margin              : 0px!important;
	padding             : 1px!important;
	vertical-align      : middle;
	font-size           : 13px;
}

input.submit
{
	font-size           : 13px;
}

select.search
{
	margin              : 0px!important;
	padding             : 0px!important;
	vertical-align      : middle;
}


/*==============================================================================
// news
//============================================================================*/
.news-item
{
	margin-bottom       : 6em!important;
}

.news-item h3
{
	margin-bottom       : 0!important;
}


.news-item .news-date
{
	position            : relative;
	top                 : -20px;
	margin-bottom       : 0!important;
	font-size           : 2em;
	font-weight         : bold;
	text-align          : right;
	padding             : 0 70px 0 0;
}


.status td p
{
	font-size           : 1em;
	line-height         : 1.3em;
}


/*==============================================================================
// clinic
//============================================================================*/
#clinic-index-image
{
	width               : 600px;
	height              : 310px;
	margin              : 0 0 2em!important;
	background          : url('../img/clinic-index.png') no-repeat 0 -310px;
	list-style-type     : none;
}

#clinic-index-image li
{
	float               : left;
	width               : 299px;
	height              : 154px;
}

#clinic-index-image li a
{
	display             : block;
	width               : 299px;
	height              : 154px;
	background-image    : url('../img/clinic-index.png');
	background-repeat   : no-repeat;
	text-indent         : -29900px;
	overflow            : hidden;
}

#clinic-index-image li a:hover
{
	background-image    : none!important;
}

#clinic-index-image li span
{
	display             : none;
}


#clinic-index-image-map,
#clinic-index-image-compare
{
	margin-right        : 2px;
	margin-bottom       : 2px;
}

#clinic-index-image-map a    {background-position : 0 0;}
#clinic-index-image-list a   {background-position : -301px 0;}
#clinic-index-image-compare a{background-position : 0 -156px;}
#clinic-index-image-search a {background-position : -301px -156px;}

/*==============================================================================
// clinic
//============================================================================*/
#search_form li
{
	float               : left;
	width               : 95px;
}

#search_form li label
{
	display             : block;
	width               : 95px;
}

#search_form_town
{
	float               : left;
	width               : 380px;
	margin              : 0 10px 0 0;
	padding             : 5px 0 8px 8px;
	border              : 1px solid #000;
	overflow            : hidden;
}

#search_form_town ul,
#search_form_dow ul
{
	list-style-type     : none;
	margin              : 0;
}



#search_form_dow
{
	float               : left;
	width               : 190px;
	padding             : 5px 0 8px 8px;
	border              : 1px solid #000;
	overflow            : hidden;
}

#search_form_dow table
{
	clear               : both;
	width               : 190px;
}

#search_form_dow p
{
	margin              : 0 8px 0 0;
	line-height         : 1.3em;
	
}



/*==============================================================================
// wide
//============================================================================*/
#wide
{
	clear                : both;
	width                : 850px;
	padding              : 15px 25px 0;
}

#wide h2
{
	height              : 50px;
	margin              : 0 0 2em -25px;
	padding             : 50px 25px 0;
	font-weight         : bold;
}


#wide table#compare
{
	width                 : 850px;
	margin                : 0 0 1.6em;
	border                : 1px solid #999999;
	font-size             : 1.3em;
}

table#compare th a
{
	text-decoration       : none;
	display               : block;
	width                 : 100%;
	height                : 100%;
}

table#compare th a:hover
{
	color                 : red;
}


table#compare td
{
	padding               : 4px;
	border                : 1px solid #999999;
	vertical-align        : top;
}

table#compare th
{
	padding               : 4px;
	border                : 1px solid #999999;
	background            : #e1d5c7;
	font-weight           : bold;
	text-align            : center;
}

table#compare .vertical th
{
	width                 : 1em;
}

table#compare .sortitem
{
	font-weight           : bold;
	background            : #eeeeee;
}

table#compare tr:hover
{
	background            : #e7facc;
}


/*==============================================================================
// clinic_listへ変更する
//============================================================================*/
table#clinic_list
{
	width               : 600px;
	margin              : 0 0 1.6em;
	font-size           : 1.3em;
	border-top          : 1px dashed #000000;
}

table#clinic_list th
{
	font-weight         : bold;
	background          : #e1d5c7;
	padding             : 8px 5px;
	border-bottom       : 1px dashed #000000;
}

table#clinic_list td
{
	padding             : 8px 5px;
	border-bottom       : 1px dashed #000000;
}

table#clinic_list .alpha
{
	width               : 1em;
}

table#clinic_list .name
{
	width               : auto;
}

table#clinic_list .director
{
	width               : 6em;
}

table#clinic_list .address
{
	width               : 17em;
}

table#clinic_list .tel
{
	width               : 7em;
}

table#clinic_list tr:hover
{
	background          : #e7facc;
}


/*==============================================================================
// photo
//============================================================================*/
.photo_right
{
	float               : right;
	border              : 1px solid #000000;
	padding             : 4px;
	background-color    : #ffffff;
	margin-left         : 16px;
	margin-bottom       : 16px;
}

.photo
{
	float               : right;
	border              : 1px solid #000000;
	padding             : 4px;
	background-color    : #ffffff;
	margin-left         : 16px;
	margin-bottom       : 16px;
}