@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}
h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}
a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {}
p { margin: 0 0 1em; }
dt img,dd img,li img { vertical-align: bottom; }
.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }
.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }
.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }
.details{ 
	margin-left:20px;
	width:530px;
}
.mar_top5{ margin:5px 0 0 0;}
.mar_top10{ margin:10px 0 0 0;}
.mar_top20{ margin:20px 0 0 0;}
.mar_left50{ margin-left:50px;}
.mar_none{ margin:0 0 0 0;}
.font_bold{ font-weight:bold;}
.text_left{ text-align:left;}
.text_right{ text-align:right;}
span.font_red{ color:#CC3300;}
.text_9{font-size: 9px;}
.attention{
font-size: 14px;
font-weight:bold;
color:#CC3300;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {background: none;}
body { background:url(../images/bg_backtop.jpg) top center repeat-x #EFD978; text-align:center;}
#wrapper {
	width: 802px;
	margin:0 auto;
	background:url(../images/bg_wrapper.jpg) top repeat-y;
}
*html #wrapper {
	width: 810px;
	margin:0 auto;
	background:url(../images/bg_wrapper.jpg) top repeat-y;
}

#main {
	width: 800px;
	margin: 0 1px;
	padding: 0;
	text-align: left;
}


#main_info{	
	background: url(../images/header_info_02.jpg) top left no-repeat;
	height:250px; 
	width:230px;
	float:left;
}
#index #main_info{	
	background:url(../images/header_info.jpg) top left no-repeat;
	height:300px; 
}
#main_info img{ margin:125px auto 0 15px;}
#index #content {
	background:url(../images/bg_contents.jpg) top repeat-x;
	padding-top: 20px;
}

#content #info{
	width:570px;
	float:right;
	text-align:left;
}

.main_img{ float:right; width:570px; margin: 0 0 20px 0; padding:0;}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 800px;
	height:78px;
	margin:0 1px 0 1px;
	background:url(../images/bg_header.jpg) top center repeat-x;
}
*html #header {
	width: 790px;
	height:78px;
	background:url(../images/bg_header.jpg) top center repeat-x;
}

#top{ margin: 5px auto 0 10px;}
#header h1 { float: left; }
#header_navi{
	float:right;
	height: 20px;
	margin:45px 10px 5px 0;
}
#header_navi img { margin:0 3px 0 0;}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	margin-top:20px;
	background: url(../images/footer_bg.jpg) 0 repeat-x;
}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	width: 230px;
	float: right;
	margin: 0;
	padding: 0;
	}

#navi_detail{
	margin:0 5px 0 5px;
	background:#ECECEC;
	width:220px;
	padding-bottom:10px;
}
#navi ul { margin: 5px 5px 0 4px;}
#navi ul li { margin-bottom:3px;}
#navi .bunner{ margin:10px 5px 0 5px;}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.contact_bn {
	margin: 20px 0;
	padding: 0;
	}

/* index
------------------------------------------------------------------------*/

#index .details{ 
	margin-left:20px;
	width:530px;
	background:url(../images/index_contents_bg.jpg) top repeat-y;
}
#index .details_bottom{ 
	background:url(../images/index_contents_bottom.jpg) bottom no-repeat;
	padding:0 0 20px 0;
}
#index .details_bottom02{ 
	background:url(../images/index_contents_bottom02.jpg) bottom no-repeat;
	padding:0 0 20px 0;
}
#index .details_bottom p{ margin:0 0 0;}
#index #content .details ul{ margin:0 20px 0 20px; width:490px;}
#index #content .details li{ 
	background:url(../images/index_li_bottom.jpg) bottom repeat-x;
	width:490px;
	margin:0 auto;
	padding:10px 0 10px 0;
	line-height:2em;
}
#index #content .day{
	font-weight:bold;
	color:#330066;
	float:left;
}
#index #content .b{
	margin:0 0 0 5px;
	float:right;
	text-align:left;
	width:370px;
}
#index .greeting_img{ padding:10px 0 10px 0;}
#index .greeting{
	margin:10px 20px 0 20px;
	line-height:1.6em;
}

.index_main {
	width: 800px;
	margin: 0;
	padding: 0;
	height: 300px;
	}

.index_main p{ margin: 0; padding:0; float:right; width:570px; height: 300px; }
p#heder_navi {margin: 0; padding:0; float:left; width: 230px; height: 300px; }

/* list
------------------------------------------------------------------------*/

#list table{ width:530px;}
#list tr{ height:45px;}
#list td{ 
	font-size:11px;
	text-align:center;
}
#list td.topcolor{ background-color:#80538A; color:#FFFFFF;}
#list td.count{ background-color:#F0D4FC; width:10px;}
#list td.address{ text-align:left;}
#list td.clinicname{ text-align:left; width:140px;}


/* reporting
------------------------------------------------------------------------*/

#reporting .photo_position{ text-align:center;}

.pres dt{
margin : 5px 0 0 0;
font-weight:bold;
}



/* schedule
------------------------------------------------------------------------*/

#schedule .schedule_detail{
	text-align:left;
	margin-left:20px;
}
#schedule table{ 
	width:500px;
	text-align:center;
}
#schedule tr{ height:35px;}
#schedule td.colum{ width:125px; background-color:#F0D4FC;}
#schedule .table_padd{ padding:5px 0 5px 30px;}
#schedule .list li{
	list-style: none;
	background: url(../images/icon.jpg) left 3px no-repeat;
	padding: 0 0 0 17px;
}

/* entry
------------------------------------------------------------------------*/

#entry table{ 
	width:530px;
	text-align:center;
}
#entry tr{ height:35px;}
#entry td.colum{ width:175px; background-color:#F0D4FC;}
#entry .list li{
	list-style: none;
	background: url(../images/icon.jpg) left 3px no-repeat;
	padding: 0 0 0 17px;
	margin-top:10px;
}
#entry .inside li{
	list-style:circle;
	padding: 0 0 0 17px;
	margin-top:10px;
}

/* detail
------------------------------------------------------------------------*/

#detail table{ 
	width:520px;
	text-align:center;
}
#detail tr{ height:35px;}
#detail td.colum{ width:175px; background-color:#F0D4FC;}
#detail td.info_left{ width:100px; background-color:#F0D4FC;}
#detail td.info_right{ text-align:left;}
#detail .list li{
	list-style: none;
	background: url(../images/icon.jpg) left 3px no-repeat;
	padding: 0 0 0 17px;
	margin:10px 0 0 20px;
	text-align:left;
}

/* sitemap
------------------------------------------------------------------------*/
#sitemap .list li{
	list-style: none;
	background: url(../images/icon.jpg) left 3px no-repeat;
	padding: 0 0 0 17px;
	margin:10px 0 0 20px;
	text-align:left;
}

/* contact
------------------------------------------------------------------------*/
#contact table th { padding: 5px; }