@charset "UTF-8";
/* k-sugiyama.css CSS Document */

/* オールリセットスタイル =================================================
===========================================================================*/
*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* フロートクリア
--------------------*/
.float-clear {
	font-size: 0px;
	clear: both;
	margin-bottom: 10px;
}

/* コンテナ ===============================================================
===========================================================================*/
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
/* フェードイン
--------------------*/
#fadein{
	display:none;	/* jqueryのfadeinのために画像を非表示に */
}
/* ブラウザのスクロールバー
--------------------*/
html{
	overflow-y: scroll;	/* 常に表示する（現れた時にコンテンツ等の表示がずれるのを防ぐため） */
}

/* ページのトップへ
--------------------*/
#pagetop p {
	text-align: right;
}

a{
	color: #008b8b;
}

#mainphoto{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* ボディ==================================================================
===========================================================================*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/bk_body2.gif);
	background-repeat: repeat-x;
}

/* ヘッダ==================================================================
===========================================================================*/

/* 左ヘッダ
--------------------*/
#header #header_left {
	float: left;
	width: 269px;
	display: inline;
/*	margin-bottom: 20px;  /* 今回追加 */
}
/* 右ヘッダ
--------------------*/
#header #header_right {
	width: 389px;
	float: right;
	display: inline;
	text-align: right;
}
#header #header_right ul li a {
	font-size: 0px;
	text-indent: -9999px;
}
#header #header_right ul li {
	float: left;
	display: inline;
}

#header #header_right p {
	margin-top: 2px;
	height: 13px;
	font-size: 80%;
	color: #3D6A81;
}
#header #header_right p.space {/*追加*/
	margin-top: 25px;
}

/* ヘッダ内画像調整
--------------------*/
div#login1 .spacer    {
	height: 34px;
	width: 56px;
	display: block;
	background-image: url(../images/btn01.jpg);
	margin-right: 49px;
}

/* ヘッダ内Naviボタン
--------------------*/
li.btn_header01 a{
	height: 34px;
	width: 56px;
	background-image: url(../images/btn01.jpg);
	display: block;
	margin-right: 46px;
}
li.btn_header02 a{
	height: 34px;
	width: 65px;
	background-image: url(../images/btn02.jpg);
	display: block;
	margin-right: 46px;
}
li.btn_header03 a{
	height: 34px;
	width: 53px;
	display: block;
	background-image: url(../images/btn03.jpg);
	margin-right: 45px;
}
li.btn_header04 a{
	height: 34px;
	width: 59px;
	background-image: url(../images/btn04.jpg);
	display: block;
}

/* ヘッダ内Naviボタンドロップダウン
--------------------*/


ul.mainmenu li{
	float:left;
	position:relative;
}
ul.sub{
	position:absolute;
	margin-left: -48px;
	}
ul.sub{
	display:none;
	}
/*cleafix*/
ul.mainmenu:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/* IE7 対策 */
ul.mainmenu{
	zoom:1;
}

/* ドロップダウンメニュー表示設定
--------------------*/

#header #header_right ul.sub a{
	height: 43px;
	width: 167px;
	background-image: url(../images/sub1.png);
	display: block;
	font-size: 80%;
	text-indent: 0px;
	text-align: center;
	line-height: 43px;
	color: #3D6A81;
}





/* メイン==================================================================
===========================================================================*/

#main_photo {
	float: right;
	width: 900px;
}

#main {
	float: right;
	width: 705px;
	display: inline;
	margin-top: 20px;
	margin-bottom: 30px;
}

/*h2
--------------*/
#main h2 {/* オリジナルはmargin-bottomのみであった*/
	color: #3d6c80;
	font-size: 1.2em;
    border-left:40px solid #008b8b; 
	border-bottom: 1px solid #008b8b;
	padding: 10px;
	margin-bottom: 20px;
}
.mainword{  
/*	font-weight: bold;*/
/*    padding: 10px 5px;  */
}  
.subword{  
    display: block;  
    padding-top:7px;  
    font-size:80%;  
    color:#999;  
}  

/*h3
--------------*/
#main h3 {
	margin-bottom: 20px;
	background-color: #EEEDEA;
	color: #3d6c80;
	font-size: 95%;
    border-left:20px solid #008b8b; 
	font-weight: bold;
	padding: 12px;
}

/*h4
--------------*/
#main h4{
	color: #21344a;
    border-left:2px solid #008b8b; 
	border-bottom: 1px solid #008b8b;
/*	border-bottom: 1px dotted #008b8b;*/
	font-size: 90%;
	line-height: 180%;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

/*h5
--------------*/
h5{
	color: #21344a;
    border-left:10px solid #008b8b; 
	padding-left: 10px;
	margin-top: 7px;
}

h5.home{
	cursor:pointer;		/* マウスを乗せた時に指カーソルに */
	font-size: 90%;
	line-height: 90%;
}

h5.qanda{
	margin-left: 10px;
	font-size: 90%;
	line-height: 150%;
	margin-top: 20px;
	margin-bottom: 20px;
}

h5.info{
	margin-left: 10px;
	font-size: 100%;
	line-height: 200%;
	margin-right: 420px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
}





#main .topic {
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
/*#main .topic h4 {
	font-size: 75%;
	color: #666;
	margin-top: 5px;
	line-height: 130%;
}
*/
#main .topic .item {
	width: 161px;
	float: left;
	margin-right: 13px;
}
/*#main .topic .item h4 {
	font-size: 85%;
	color: #3D6A81
	margin-top: 5px;
	line-height: 130%;
}
*/
#main .topic .item .cont1 a {
	display: block;
	height:117px;
	width: 161px;
	background-image: url(../images/photo_top01.jpg);
}
#main .topic .item .cont2 a {
	display: block;
	height:117px;
	width: 161px;
	background-image: url(../images/photo_top02.jpg);
}
#main .topic .item .cont3 a {
	display: block;
	height:117px;
	width: 161px;
	background-image: url(../images/photo_top05.jpg);
}
#main .topic .item_right .cont4 a {
	display: block;
	height:117px;
	width: 161px;
	background-image: url(../images/photo_top04.jpg);
}
#main .topic .item_right {
	width: 161px;
	float: right;
	margin-right: 2px;
}

#main .topic table td{
	color: #333;
	font-size: 85%;
	padding-bottom: 10px;
	padding-right: 10px;
	line-height: 150%;
}

/* コンテンツ==============================================================
===========================================================================*/

/*共通
---------------------*/
#main{
	margin-top: 20px;
}

#main .item_conts {
	background-color: #EEEDEA;
	margin-bottom: 30px;
	padding: 15px;
}

/*#main .item_conts p {
/*	font-size: 85%;*/
/*	line-height: 180%;
/*	color: #21344a;*/
/*	margin-bottom: 10px;
}*/

/*h4.item_gree,h4.acc{
	color: #666;
	line-height: 180%;
}*/

p.item_gree,p.item_ryakureki,p.item_name,p.info{
	line-height: 180%;
	font-size: 90%;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #21344a;
}

/* 院長あいさつコンテンツ
--------------------*/
.dr_pic{
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right:10px;
}
p.item_name{
	font-weight: bold;
	margin-left: 400px;
	margin-bottom: 30px;
}
p.item_ryakureki{
	margin-left: 100px;
}

/* インフォメーションコンテンツ
--------------------*/
p.info{
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 45px;
	margin-bottom: 30px;
}






/* お問合せコンテンツ
--------------------*/
p.conu{
	font-weight: bold;
	font-size: 120%;
	margin-left: 150px;
	margin-bottom: 25px;
	color: #3D6A81;
}

a.conu{
	display: block;
	text-align: right;
	font-size: 90%;
	margin-top: 30px;
	margin-bottom: 30px;

}

/* Ｑ＆Ａコンテンツ
--------------------*/
/*#main .QandA{
	color: #21344a;
	background-color: #EEEDEA;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 85%;
}
*/
/*h2.QandA, div.answ, h3.ques{ /* リセット */
/*	margin: 0;
	padding: 0;
	list-style: none;
}
h2.QandA{
	margin-top:3px;
	padding: 3px
	text-indent:10px;
}
*/

p.qanda{
	font-size: 90%;
	color: #3D6A81;
	margin-top:10px;
	margin-left:30px;

}
div.ques{
	font-size: 90%;
	color: #3D6A81;
	margin-top:10px;
	padding: 10px;
	text-indent:10px;
	background-color: #f0f8ff;
/*	background-color: #B9D2BD;*/
	cursor:pointer;		/* マウスを乗せた時に指カーソルに */
}
div.open{
	font-size: 90%;
	background-color: #164158;
	color:#fff;
	}
div.answ p{
	font-size: 90%;
	text-indent:10px;
	display:block;
	margin:10px;
	padding: 10px;
	color: #164158;
	line-height: 180%;
}

#main .item_conts #form2 label {
	font-size: 12px;
	font-weight: bold;
	color: #063;
	vertical-align: middle;
}
#main .item_conts #form2 label #qty {
	width: 50px;
	height: 23px;
	margin-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
	margin-right: 5px;
}
#main .item_conts #form2 img {
	vertical-align: bottom;
}
#main .item_conts .osusume {
	width: 161px;
	float: left;
	margin-right: 6px;
}


/* アクセスコンテンツ
--------------------*/

p.acc{
	line-height: 180%;
	margin-left: 30px;
	margin-bottom: 15px;
	font-size: 90%;
	color: #3D6A81;
}

p.map{
	float: left;
	display: inline;
	margin-left: 15px;
	margin-right: auto;
	margin-bottom: 30px;
}


/* 左サイドメニュー========================================================
===========================================================================*/

#box_left #navi_main {
	width: 172px;
	background-color: #FFF;
	margin-top: 16px; /* #mainと合わせる事   40  */
	margin-bottom: 30px;
	float: left;
}
#box_left #navi_main ul li {
	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

/* 診療時間案内
--------------------*/
#box_left #navi_main div.conts p.timeTitle{
	color: #a0522d;
	background-color: #ffdead;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#box_left #navi_main .conts table td {
	font-size: 85%;
	color: #333;
	text-align: center;
	border-top: solid 1px #ccc;			/* 周りの罫線のデザイン */
	padding-top: 5px;
	padding-bottom: 5px;
}

#bb-1{
	border-bottom: solid 1px #ccc;
	}

#box_left #navi_main .conts p {
	font-size: 82%;
	line-height: 130%;
	color: #21344a;
	margin-top: 10px;
	margin-bottom: 10px;
}

#mt-1{
	margin-top: 20px;
	margin-bottom: 2px;
	}

#box_left #navi_main div.conts p.infoAm{/* この参照の仕方を参考にH29.1.20 */
	margin-top: 5px;
	margin-bottom: 1px;
}
#box_left #navi_main div.conts p.infoPm,/* この参照の仕方を参考にH29.1.20 */
#box_left #navi_main .conts p.infoRest{/* この参照の仕方を参考にH29.1.20 */
	margin-top: 0px;
	margin-bottom: 1px;
}
#box_left #navi_main div.conts p.infoTime{/* この参照の仕方を参考にH29.1.20 */
	margin-top: 0px;
	margin-bottom: 5px;
}
#box_left #navi_main div.conts p.yoyakujp{/* この参照の仕方を参考にH29.1.20 */
	margin-top: 0px;
	margin-bottom: 5px;
	color: red;
	text-align: center;
}
#box_left #navi_main div.conts p.infoAm,/* この参照の仕方を参考にH29.1.20 */
#box_left #navi_main div.conts p.infoPm,/* この参照の仕方を参考にH29.1.20 */
#box_left #navi_main div.conts p.infoRest,/* この参照の仕方を参考にH29.1.20 */
#box_left #navi_main div.conts p.infoTime{/* この参照の仕方を参考にH29.1.20 */
	padding-left: 7px;
}

/*
カレンダー
------------*/
#box_left #navi_main .conts table th {
	border-top: solid 1px #ccc;			/* 周りの罫線のデザイン */
	border-right: solid 1px #ccc;			/* 周りの罫線のデザイン */
	border-left: solid 1px #ccc;			/* 周りの罫線のデザイン */
	line-height: 200%;
	font-size: 85%;
}

.weekcolor{	/* 曜日の背景色 */
	background-color: #eaf4ff;
	}

.restcolor{	/* 休日の背景色 */
	background-color: #ffd6d6;
	}

#box_left #navi_main .conts table td.caltd_first {
	font-size: 85%;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	color: #333;
	}

#box_left #navi_main .conts table td.caltd {
	font-size: 85%;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	color: #333;
	}

#box_left #navi_main .conts table td.border-no {
	border: none;
	}

.sun_left_border{	/* 日曜日の左罫線 */
	border-left: solid 1px #ccc;
	}

.border_on{
	border: solid 1px #ccc;
	}

.border_top_on{
	border-top: solid 1px #ccc;
	}

/* フッター================================================================
===========================================================================*/

#footer {
	height: 51px;
	background-color: #EEEDEA;
	padding-top: 15px;
}
#footer p {
	text-align: center;
	font-size: 85%;
	color: #666;
	margin-bottom: 10px;
}
#footer address {
	color: #999;
	font-size: 85%;
	font-family: "Lucida Console", Monaco, monospace;
	text-align: center;
}



/*インラインフレーム
------------*/
div#frame{
	border: solid 1px #aaaaaa;			/* 周りの罫線のデザイン */
	padding-left: 10px;					/* フレーム内の左の余白サイズを設定 */
	padding-right: 10px;				/* フレーム内の右の余白サイズを設定 */
	height: 250px;						/* 高さを設定 */
	overflow: scroll;					/* スクロールで表示する設定 */
	}