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

/* ------------------------------------------------------------

	. トップページ
	
------------------------------------------------------------ */

/* ＿VIEWER	 */

.viewer {
	width: 645px;
	height: 787px;
	overflow: hidden;
	margin-bottom: 4px;
	padding-left: 50px;
}

.viewer ul {
	width: 645px;
	height: 787px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 645px;
	height: 787px;
	display: none;
	position: absolute;
}

#main .contentsImages ol.contentsImages_left{ width: 372px; float: left;}
#main .contentsImages ol li{ text-align: right; line-height: 0; margin-bottom: 4px;}
#main .contentsImages ol li.last{ margin-bottom: 0;}
#main .contentsImages ol.contentsImages_right{ float: right;}
#main .contentsImages .ImageBox01 { 
	width: 695px;
	padding-left: 50px;
}
/* ------------------------------------------------------------

	. メニューアンカー設定
	
------------------------------------------------------------ */
#menu01,
#menu02,
#menu03,
#menu04 {
	
}


/* ------------------------------------------------------------

	. 院長・スタッフ紹介
	
------------------------------------------------------------ */

#main .contents .message{ width: 540px !important; height: 305px; background: url(../img/staff/contentsDoctorImg.jpg) no-repeat right top;}
#main .contents .message dl dd{ line-height: 0; margin-top: 12px;}
#main .contents .profile .box_profile{ clear: both; width: 100%; height: 60px; border-top: #22AC38 1px solid;}
#main .contents .profile .box_profile dl{ display: block; float: left; width: auto; border-right: #22AC38 1px solid; padding: 22px 15px 0 12px;}
#main .contents .profile .box_profile dl.last{ border-right: none !important; padding-right: 0;}
#main .contents .profile .box_profile dl dt{ line-height: 0; margin-bottom: 7px;}



/* ------------------------------------------------------------

	. お問い合わせ
	
------------------------------------------------------------ */

#main .contents .contact table{
    background-color: #FFFFFF;
    border-collapse: collapse;
    border: 1px solid #B8B8B8;
    color: #333333;
    margin: 10px 0 20px 0;
    width: 100%;
}
#main .contents .contact table th{
    background-color: #FEF4E4;
    border: 1px solid #B8B8B8;
	width: 150px;
    padding: 15px 10px 7px 15px;
    text-align: left;
	font-weight: normal;
}
#main .contents .contact table td{
    background-color: #FFFFFF;
    border-bottom: 1px solid #DCDDDD;
    border-left: 1px solid #DCDDDD;
    padding: 10px 0 10px 10px;
    text-align: left;
    vertical-align: middle;
}
#main .contents .contact table td input{
	margin-right: 8px;
	vertical-align:  middle;
}
#main .contents .contact table td img{
	vertical-align:  middle;
}
#main .contents .contact p.ta_c input{
	background-color: #F8B74A;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 26px;
    width: 92px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

/* ------------------------------------------------------------

	. ご予約
	
------------------------------------------------------------ */
.reservetd01 img{
	vertical-align:middle;
}
.reservetd02 img{
	vertical-align:text-top;
}
.reserveinput01 {
	width: 15px;
}

#main .contents .reserve table {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border: 1px solid #B8B8B8;
    color: #333333;
    margin: 10px 0 20px 0;
    width: 100%;
}
#main .contents .reserve table th{
    background-color: #FEF4E4;
    border: 1px solid #B8B8B8;
	width: 150px;
    padding: 15px 10px 7px 15px;
    text-align: left;
	font-weight: normal;
}
#main .contents .reserve table td{
    background-color: #FFFFFF;
    border-bottom: 1px solid #DCDDDD;
    border-left: 1px solid #DCDDDD;
    padding: 10px 0 10px 10px;
    text-align: left;
    vertical-align: middle;
}
#main .contents .reserve table td input{
	margin-right: 5px;
	vertical-align:  middle;
}
#main .contents .reserve .sendbt {
	width: 300px;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}
#main .contents .reserve .sendbt th{
    border: 0;
}
#main .contents .reserve .sendbt td{
    border: 0;
}
#main .contents .reserve .sendok {
	width: 415px;
	margin-left: auto;
	margin-right: auto;
}
#main .contents .reserve p.ta_c {
	text-align: left;
}
#main .contents .reserve p.ta_c input{
	background-color: #F8B74A;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 26px;
    width: 92px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
#main .contents .reserve p.ta_d input{
	background-color: #fac77a;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 26px;
    width: 92px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
/* ------------------------------------------------------------
	. side
------------------------------------------------------------ */

#side #sideWrap .sideMessage{ margin-bottom: 10px;}
#side #sideWrap .sideMessage dl{ line-height: 0;}


#side #sideWrap .sideMenu{ margin-bottom: 19px;}

/* ＿rollover＿メニュー切り替え */

ul,li{ padding:0;margin:0; }
.rollover {
    width:225px;
    margin:10px 0;
}
.rollover p {
    float:left;
    margin:0;
    position:relative;
}
.rollover .rollover_view {
    position:absolute;
    top:0;
    left:0;
}
.rollover ul {
    float:right;
    list-style:none;
}
.rollover li {
	line-height: 0;
}
.rollover a img {
    border:0;
}

#side #sideWrap .sideMenu{ position: relative;}
#side #sideWrap .sideMenu .menuPop{ position: absolute;}

#side #sideWrap .sideAccess{ margin-bottom: 10px;}
#side #sideWrap .sideAccess dl{ line-height: 0; margin-bottom: 7px;}
 
#side #sideWrap .sideInformation2{ line-height: 0; margin-bottom: 15px;}

#side #sideWrap .sideLinks dd{ line-height: 1.7;}
