@charset"shift_jis";
@import url("common.css");


#page_index { 	
	width: 850px;
	margin: 0px auto;
	}
#header {
	height: 7px;
	border-top: solid #79CEC4 6px;

/* ---------------------------------------------------------
	 background: url(../img/top_title.jpg) no-repeat top left;
	text-align: right;
--------------------------------------------------------- */
}
.qr {
	float: right;
	vertical-align: bottom;
	}
.qr_tx {
	height: 21px;
	float: right;
	padding-top: 48px;
	}
/* ---------------------------------------------------------

--------------------------------------------------------- */
.ph_top {
	width: 850px;
	height: 160px;
	background: url(../ph_index/ph_top.jpg) no-repeat; */
	}

.ph_txt {
	color: #FFFFFF;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5em;
	padding: 15px 15px 15px 15px;
	}
* html .iepngfix { behavior: url(iepngfix.htc) }
/* ---------------------------------------------------------

--------------------------------------------------------- */
#contents {
	border-width: 1px;
	margin-top: 0px;
	}

#contents:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#cont_r {
	width: 536px;
	float: right;
	border: solid #79CEC4 1px;
	background: url(../img/topics.gif) no-repeat top left;
	margin-top: 9px;
	}
.topics_tit {
	height: 26px;
	}
#news {
	margin: 10px 20px 20px 20px;
	
	line-height: 130%;
	}
hr.tp {
	margin: 0px 10px 0px 10px;
	border-top: dotted #8080FF 5px;

}	
#topics {
	margin: 0px 0px 0px 0px;
	}

#his {
	font-size: 93%;
	margin: 10px 6px 5px 6px;
	}
#topic {

	padding: 4px 6px 4px 5px;
	}
#topic:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}

/*\*/
* html #topic {
    height: 1em;
	}

#topic {
    display: block;
	}
/**/
.date {
	color: #008000;
	float: left;
	width: 48px;
	line-height: 1.3em;
	text-align: right;
	padding-left: 8px;
	padding-right: 5px;

	}
.topic_tx {
	background: url(../img/rect_ore.gif) no-repeat top left;
	float: left;
	width: 428px;
	padding-left: 20px;
	line-height: 1.3em;
	}

/* ---------------------------------------------------------
メニューボタン
--------------------------------------------------------- */

#navi {
	height: 47px;
	background: #FFFFFF url(../img/navi_index.gif) no-repeat top left;
	text-align: left;

	margin-top: 7px;

}
#navi ul{
	list-style-type:none;
	}
#navi li,#navi a {
	width: 121px;
	height: 47px;
	text-indent: -9999em;
	float: left;
	}
#navi a:hover{
	text-decoration:none;
	}
#navi .civic{
	background: url(../img/navi_index.gif) 0px top;
	}
/*#navi a.civic:hover{
	background: url(../img/navi_index01.gif) 0px bottom;
	}	*/
#navi a.civic:hover{
	background: url(../img/navi_index.gif) 0px bottom;
	}	
	
#navi .omc{
	background: url(../img/navi_index.gif) -121px top;
	}
#navi a.omc:hover{
	background: url(../img/navi_index.gif) -121px bottom;
	}
#navi .school{
	background: url(../img/navi_index.gif) -242px top;
	}
#navi a.school:hover{
	background: url(../img/navi_index.gif) -242px bottom;
	}
#navi .sda{
	background: url(../img/navi_index.gif) -363px top;
	}
#navi a.sda:hover{
	background: url(../img/navi_index.gif) -363px bottom;
	}
	
#navi .link{
	background: url(../img/navi_index.gif) -484px top;
	}
#navi a.link:hover{
	background: url(../img/navi_index.gif) -484px bottom;
	}
#navi .opi{
	background: url(../img/navi_index.gif) -605px top;
	}
#navi a.opi:hover{
	background: url(../img/navi_index.gif) -605px bottom;
	}
#navi .member{
	width: 124px;
	background: url(../img/navi_index.gif) right top;
	}
#navi a.member:hover{
	background: url(../img/navi_index.gif) -726px bottom;
	}

/* ---------------------------------------------------------
バナー
--------------------------------------------------------- */
#cont_l {
	float: left;
	width: 301px;
	}
#cont_l ul {
	list-style-type: none;
	padding-top: 10px;

}
#cont_l li {
	margin-top: 0px;
	margin-bottom: 6px;
	}
#cont_l li,#cont_l a {
	text-indent: -9999em;
	float: left;
	}
#cont_l li.new {
	text-indent: 0em;
	float: left;
	margin-bottom: -5px;
	}
#cont_l .omc2 {
	background: url(../img/banner_index.gif) 0px top;
	width: 301px;
	height: 84px;
	}
#cont_l a.omc2:hover{
	background: url(../img/banner_index.gif) -310px top;
	}
#cont_l .dentist {
	background: url(../img/banner_index.gif) 0px -93px;
		width: 301px;
	height: 54px;

	}
#cont_l a.dentist:hover{
	background: url(../img/banner_index.gif) -310px -93px;
	}
#cont_l .cafe {
	background: url(../img/banner_index.gif) 0px -156px;
		width: 301px;
	height: 104px;
	}
#cont_l a.cafe:hover{
	background: url(../img/banner_index.gif) -310px -156px;
	}
#cont_l .sds {
	background: url(../img/banner_index.gif) 0px -270px;
		width: 301px;
	height: 76px;
}
#cont_l a.sds:hover{
	background: url(../img/banner_index.gif) -310px -270px;
	}
#cont_l .news {
	background: url(../img/banner_index.gif) 0px -356px;
		width: 301px;
	height: 54px;
	margin-top: 0px;
	padding-top: 0px;

}
#cont_l a.news:hover{
	background: url(../img/banner_index.gif) -310px -356px;
	}
	
#cont_l .news2 {
	background: url(../img/banner_index.gif) 0px -413px;
		width: 301px;
	height: 63px;
	margin-top: 0px;
	padding-top: 0px;

}
#cont_l a.news2:hover{
	background: url(../img/banner_index.gif) -310px -413px;
	}	
	
#cont_l .news3 {
	background: url(../img/banner_index.gif) 0px -506px;
		width: 301px;
	height: 54px;


}
#cont_l a.news3:hover{
	background: url(../img/banner_index.gif) -310px -506px;
	}

#cont_l .sassy {
	background: url(../img/banner_index.gif) 0px -573px;
		width: 301px;
	height: 126px;
}

#cont_l a.sassy:hover{
	background: url(../img/banner_index.gif) -310px -573px;
	}


#cont_l .edu {
	background: 0px url(../img/education.gif);
		width: 256px;
	height: 93px;
}

#cont_l a.edu:hover{
	background: url(../img/education.gif) ;
	}


#spec {
width: 416px;
	height: 230px;
	float: right;
	vertical-align: bottom;
	border-width: 1px;
	}
#spec ul {
	list-style-type: none;
	margin-top: 80px;
	}
#spec li,#spec a {
	width: 200px;
	height: 150px;
	text-indent: -9999em;
	float: left;
	}
#spec a:hover{
	text-decoration:none;
	}

#spec a.ct_ban {
	background: url(../img/bann_bt.gif)  left top;
	}
#spec a.ct_ban:hover{
	background: url(../img/bann_bt.gif)   left 150px;
	}
#spec a.implant_ban {
	background: url(../img/bann_bt.gif) -212px top;	margin-left: 12px;
	}
#spec a.implant_ban:hover{
	background: url(../img/bann_bt.gif)  -212px bottom;
	}
#footer {
	border-top: solid #999999 1px;
	padding-top: 10px;
	}
#footer:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
.counter {
	float: right;
	}
.counter img {
	border-top: solid #666666 1px;
	border-right: solid #EEEEEE 1px;
	border-bottom: solid #EEEEEE 1px;
	border-left: solid #666666 1px;
	}
.upd {
	float: right;
	font-size: 93%;
	vertical-align: text-bottom;
	padding: 7px 3px 0px 10px;
	}
.to_map {
	float: right;
	}
.add {
	float: right;
	}
a.rolov01 {
	display: block;
	width: 129px;
	height: 28px;
	background: url(../img/to_map.gif) 0px 0px;
	text-indent: -9999px;
}
a:hover.rolov01 {
	background: url(../img/to_map.gif) bottom;
	width: 129px;
	height: 28px;

}
.end {
	border-top: solid #79CEC4 6px;
	margin-top: 10px;
	}

a.here {
	color: #999999;
	}
a.here:hover {
	color: #999999;
	border: solid #FFFFFF 1px;
	}
.cp {
	float: right;
	color: #C0C0C0;
	font-size: 93%;
	padding: 4px 0px 10px 0px;
	}