@charset "euc-jp";

/****（全幅810px・メイン幅780px）****/
body{
	margin: 0;
	padding:0;
	font-size:78%;		/*normal*/
	color:#333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#fff url(../img/bg_pink.gif) repeat-x scroll left top;
}

dl,
dt,
dd {
    margin:0;
    padding:0;
}
abbr {border-bottom:none; margin:0; padding:0;}
strong {font-weight: normal;}
em {font-style: normal;}
img {border:none;vertical-align:middle;}

/*---全体の設定（ヘッダ・フッダ・copyrightsまで含む）------------------------------------*/
div#main {
    width:810px;
	margin:0 auto;
	background: url(../img/bg02.gif) repeat-y center top;   /*左右が白のbg*/
}
div#gradation {
    width:810px;
	min-height:600px;
    padding:0 15px;
    background: url(../img/bg.gif) no-repeat center top;   /*左右がピンクのbg*/
	voice-family:"\"}\"";     /*WinIE5.0、WinIE5.5だけ指定を読ませない*/
	voice-family:inherit;
	width:780px;
}
* html div#gradation { height:600px;} /*あとで外す*/

/*=========================================================================================
 ■□■　ヘッダー　■□■
==========================================================================================*/
div#header {
    width:780px;
	margin:0 0 10px 0;
	padding:0;
	background:#fff url(../img/hedline.gif) repeat-x center top;
}

/**IE6用*********************************/
* html div#header {margin-bottom:10px;}
/**IE7用***********************/
*:first-child+html div#header {margin-bottom:10px;}
/**firefox・他用***********************/
html>body div#header {margin-bottom:50px;}


/*h1の設定****************************/
div#header h1 {
	text-align:left;
	font-size:11px;
	color:#bcbcbc;
	font-weight: normal;
	margin:0;
	padding:10px 0 5px 5px;
}
div#header h1 a { text-decoration:none; color:#555;}

div#header div#logo {width:169px; float:left;}
div#header div#tell {width:185px; float:right;}


/*===========================================================================================
 ■□■　左・右側　カラムの設定 　■□■
============================================================================================*/

/*** ◆左カラム◆ ***************************************************************************/
div#left{
    margin:0;
    padding:0;
	text-align:left;
	width:185px;
	float:left;
	clear:both;
}

/*----リンクボタンの設定-------------------------------------------------------------*/
div#left ul { margin:0; padding:0; list-style-type: none;}
div#left ul li {
	margin:0 0 2px 0;
	padding:0px;
	font-weight:none;
	}

/*----リンクテキストの設定-------------------------------------------------------------*/
div#left_link {
    margin:0 0 2px 0;
	padding:0;
	width:178px;
	border:1px solid #999;
	background-color:#fff6f6;
}
div#left_link ul { margin:0 15px; padding:2px 0 13px 0;}
div#left_link ul li {
	margin:0;
	padding:6px 0 4px 2px;
	list-style-type:none;
  　font-size:12px;
	line-height:19px;
	border-bottom:1px dashed #999;
	}
div#left_link ul a {
    padding-left:16px;
	color:#ff6666;
	text-decoration:none;
	background:url(../img/menubutton/point.gif) no-repeat left center;
}
div#left_link ul a:hover {
	color:#669900;
	padding-left:16px;
	text-decoration:underline;
	background:url(../img/menubutton/point02.gif) no-repeat left center;
	}



/*** ◆右カラム◆ ***********************************************************************************/
div#right{
	margin:0 0 5px 0;
	padding:0;
	float:right;
	width:590px;
}

/*** ◆フラッシュ◆ *******************************************/
div#flash { margin:0; padding:0;}


/*=========================================================================================
 ■□■　右カラム内容の設定　■□■
==========================================================================================*/
/*--内容外枠の設定------------------------------------*/
div#contents_outside{
	margin:15px 0 0 0;
	padding:0;
	width:590px;
}
/*---------------------------------------------------------------------------------
 ◆◇ 内容左側の設定 ◇◆
-----------------------------------------------------------------------------------*/
div#contents_left {
	margin:0;
	padding:0;
	width:390px;
	float:left;
}

div#contents_left h2 {
	margin:0 0 15px 0;
	padding:0;
}

div#contents_left p {
    line-height:1.6em;
	text-align:justify;
	text-justify: distribute;

	margin:0 10px;
	padding:0;
}
div#contents_left a {
    color:#009900;
	margin:0;
	padding:0;
	text-decoration:none;
}
div#contents_left a:hover {
    color:#009900;
	margin:0;
	padding:0;
	text-decoration:underline;
	}


/*--画像の配置設定(写真・詳細はこちらボタン)----------------------*/
.left_img {float:left; margin:0 15px 0 5px; padding-bottom:40px;}
.left_img02 {float:left; margin:0 15px 0 5px; padding-bottom:50px;}
.details_bt {text-align:right; margin:10px; height:25px;}

/*--院長あいさつ----------------------------------------------------*/
div#greetings {
    margin:0;
	padding:10px 0 0 0;
	width:385px;
}
div#greetings h3 {
    margin:0;
    padding:0;
	height:41px;
}


/*--院長あいさつ文章----------------------------------------------------*/
div#greetings_text {
    margin:0;
    padding:0;
    width:383px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
/**firefox・他用***********************/
html>body div#greetings_text {
    padding-top:10px;
} 

div#greetings_text p {
    line-height:1.6em;
	text-align:justify;
	text-justify: distribute;
	margin:0 10px 10px 10px;
	padding-left:5px;
}
/**IE6用*********************************/
* html div#greetings_text p {margin-top:10px;}
/**IE7用********************************/
*:first-child+html div#greetings_text p {margin-top:20px;}
/**firefox・他用***********************/
html>body div#greetings_text p {margin-top:10px;}


div#greetings_text img {
    float:right;
	margin:5px 12px 10px 12px;
}


/*---------------------------------------------------------------------------------
 ◆◇ 内容右側の設定 ◇◆
-----------------------------------------------------------------------------------*/
div#contents_right {
	margin:0;
	padding:0;
	width:195px;
	float:right;
}
/*--◆右端バナー◆-----------------------------*/
div#right_bnr { 
	margin:0 0 5px 0;
	padding:5px 0 10px 0;
	background-color:#fff6f6;
	width:195px;
	text-align:center;
}

/*===◆最新情報◆==========================================================================*/
div#right_info { 
	margin:0;
	padding:10px 0;
	background-color:#fff6f6;
	width:195px;
	text-align:left;
	height:420px;
}
div#right_info h4 {
    margin:0;
    padding:0;
}

div#right_info img { margin-left:10px;}


/*--◇最新情報の中身◇-----------------------------------*/
div#info_list {
    margin:15px 0 0 10px;
	padding:0;
	text-align:left;
	overflow:auto;
	width:175px;
    height:210px;
    scrollbar-face-color: #ffdbd5; 
    scrollbar-highlight-color: #ccc; 
    scrollbar-shadow-color: #ccc; 
    scrollbar-3dlight-color: #ffffff; 
    scrollbar-arrow-color: #fff; 
    scrollbar-track-color: #fff6f6;
    scrollbar-darkshadow-color: #ffffff;
}

/*----中のテキスト部分の設定------------------*/
div#info_list dl {
    font-size:11px;
    text-align:left;
	margin:0 5px 0 10px;
	padding:0;
	line-height:1.6em;
}
div#info_list dt {
	margin:0;
	padding:0;
	font-weight:bold;
}
div#info_list dd {
	margin:0 0 5px 0;
	padding:0;
}
div#info_list a {
    color:#333;
	text-decoration:underline;
}
div#info_list a:hover {
    color:#ff3333;
	text-decoration:underline;
}

/*=========================================================================================
 ■□■　ブログバナーの設定　■□■
==========================================================================================*/
div#blog_bnr { margin:15px 0 0 0; padding:0;}
/*=========================================================================================
 ■□■　住所の設定　■□■
==========================================================================================*/
div#add {
     width:180px;
	 font-style:normal;
	 margin:20px 0;
	 padding:0;
	 text-align:left;
}
div#add address {
     font-style:normal;
	 font-size:11px;
	 margin:0;
	 padding:0;
	 line-height:1.6em;
}
div#add dt { font-weight:bold; font-size:12px;}

/*=========================================================================================
 ■□■　診療時間の設定　■□■
==========================================================================================*/
table.time { margin:0; padding:0; background-color:#ccc; width:180px; font-size:12px;}
table.time caption { text-align:left; font-weight:bold; padding-bottom:5px;}
table.time th {
     text-align:left;
	 color:#5f5f5f;
	 font-weight:normal;
     padding:7px 0 5px 2px;
	 background-color:#f3f3f7;
}
table.time td {
     text-align:left;
	 color:#5f5f5f;
     padding:7px 5px 5px 5px;
	 background-color:#fff;
}

/*=========================================================================================
 ■□■　クレジットカードマークの設定　■□■
==========================================================================================*/
div#card { margin:30px 0 0 0; width:170px;}
div#card p {
     font-size:11px;
	 color:#5f5f5f;
	 margin:0;
	 padding:0 0 0 3px;}

/*=========================================================================================
 ■□■　フッターの設定　■□■
==========================================================================================*/
div#footer { 
     width:780px;
	 margin:20px 0 0 0;
	 padding:10px 0;
	 border-top:1px solid #cc3333;
	 clear:both;
}
div#footer ul { margin:0; padding:0; text-align:center; font-size:11px;}
div#footer ul li {
	margin:0;
	padding:0;
	list-style-type:none;
    display:inline;
	}
div#footer ul li a {
    color:#333;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
div#footer ul li a:hover {
    color:#009900;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:underline;
	}

/*=========================================================================================
 ■□■　コピーライトの設定　■□■
==========================================================================================*/
div#copyright {
     margin:10px 0 5px 0;
	 padding:0;
	 text-align:center;
	 font-size:12px;
}
div#copyright a  {text-decoration:none; color:#333;}
div#copyright a:hover { color:#009900; text-decoration:underline;}