@charset utf-8;
@import url(menu.css);

* {
	margin: 0;
	padding: 0;
	border: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a { background-color: transparent; text-decoration: none; }
a:link { color: #727F8D; }
a:visited { color: #727F8D; }
a:hover { color : #E55071; }
a:active { color : #F09EB4; }

body {
	color: #222430;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: center;
	background : #DBE6F1 url(../imgs/bodybak.gif) left top;
}
textarea,select,input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

hr {
	display : none;
}

p {
	margin-bottom : 1.5em;
}

p.last {
	margin-bottom : 0;
}

/* その他 */
#Frame {
	margin : 0px auto;
	width : 780px;
	background : #FFFFFF url(../imgs/framebak.gif) repeat-y left top;
}


#Header {
	width : 740px;
	margin : 0 20px 5px 20px;
	_margin : 0 10px 5px 10px;
	padding-top : 10px;
	text-align : left;
	float : left;
	background : #FFFFFF url(../imgs/headerbak.gif) repeat-x left top;
}

#Header h1 a {
	margin-top : 5px;
	margin-right : 115px;
	width : 200px;
	height : 70px;
	background : #FFFFFF url(../imgs/logo.gif) no-repeat left bottom;
	display : block;
	float : left;
}

#Header h1 span{
	display : none;
}

#PageTop {
	width : 735px;
	float : left;
	margin : 0px 25px 5px 20px;
	_margin : 0px 12px 5px 10px;
	padding-bottom : 2px;
	text-align : right;
	background : url(../imgs/contentsbak.gif) repeat-y left top;
}


#FooterZone {
	width : 740px;
	margin : 0;
	padding : 10px 20px 0px 20px;
	float : left;
	color : #FFFFFF;
	text-align : center;
	background :  url(../imgs/footerbak.gif) no-repeat center bottom;
}
#FooterZone p {
	margin-bottom : 20px;
}
#FooterZone :link { color: #FFFFFF; }
#FooterZone a:visited { color: #FFFFFF; }
#FooterZone a:hover { color : #E55071; }
#FooterZone a:active { color : #F09EB4; }



.clearer {
	visibility : hidden;
	clear : both;
}


/*-------------------------- 
 Top Page
---------------------------*/
#TopContents {
	width : 740px;
	padding : 0px 20px;
	margin-bottom : 20px;
	text-align : left;
	float : left;
}

#TopImgZone {
	width : 740px;
	height : 200px;
	display : block;
	margin : 10px 0 20px 0;
	position:relative;
}
p#TopInfo {
	position : absolute;
	width : 254px;
	height : 64px;
	margin : 0;
	bottom : 10px;
	left : 10px;
	z-index : 20000;
	display  : none;
}
p#TopInfo.active {
	display  : block;
}

#TopImg {
	width : 740px;
	height : 200px;
	display : block;
	text-align : left;
	float : left;
	position:relative;
}


#TopImg IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#TopImg IMG.active {
    z-index:10;
    opacity:1.0;
}

#TopImg IMG.last-active {
    z-index:9;
}

#TopAttention {
	width : 640px;
	marign : 0;
	padding : 20px 50px;
	border : #4E84BB 1px solid;
}

#TopLeft {
	width : 240px;
	margin-right : 30px;
	margin-left : 10px;
	_margin-left : 5px;
	float : left;
}

.TopLeftColumn {
	width : 240px;
	margin-bottom : 20px;
	text-align : center;
}

h2#TopNews {
	width : 240px;
	height : 24px;
	margin : 0 0 10px 0;
	background : url(../imgs/topnewstitle.jpg) no-repeat left top;
}
h2#TopNews span{
	display : none;
}

#TopNewsZone {
	margin-bottom : 40px;
}

ul.TopNews {
	margin : 0 5px 0 5px;
	list-style : none;
}

ul.TopNews li{
	margin : 0 0 6px 0;
	padding : 0 0 6px 0;
	list-style : none;
	background : url(../imgs/line_blue.gif) repeat-x left bottom;
}

#TopRight {
	width : 450px;
	float : left;
}

.TopRightColumn {
	width : 450px;
	margin-bottom : 20px;
	float : left;
}
.TopRIghtImg {
	width : 180px;
	padding-right : 10px;
	float : left;
}
.TopRIghtTxt {
	width : 260px;
	float : left;
}

.TopRIghtTxt h5 {
	color : #E55071;
	margin-bottom : 5px;
	font-family: "ヒラギノ丸ゴ Pro W4", 'Hiragino Maru Gothic Pro', "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
}


/*-------------------------- 
 MainPage
---------------------------*/

/* ぱんくずリスト */
#map {
	margin : 10px 20px 20px 20px;
	_margin : 10px 10px 20px 10px;
	padding : 20px 5px 0;
	height : 30px;
	text-align : right;
	width : 730px;
	float : left;
}



/*コンテンツエリア*/
#Contents {
	width : 740px;
	margin : 0 20px 0 20px;
	_margin : 0 10px 0 10px;
	text-align : left;
	float : left;
	background : url(../imgs/contentsbak.gif) repeat-y left top;
}



#LeftZone {
	width : 200px;
	margin-right : 10px;
	float : left;
}

.LeftColumn {
	width : 180px;
	padding : 5px;
	margin : 2px 5px 40px 5px;
	background : #FFFFFF;
	text-align : left;
}

.LeftColumn p {
	margin-bottom : 1em;
}

.LeftColumn p.moreinfo {
	margin-bottom : 0;
	text-align : right;
}

.LeftBanner {
	width : 190px;
	margin : 10px 5px 20px 5px;
	text-align : center;
}

.LeftBannerLast {
	width : 190px;
	margin : 10px 5px 40px 5px;
	text-align : center;
}

/*サブメニュー*/
#LeftMenu {
	width : 200px;
	margin-bottom : 20px;
}

#LeftMenu h2 {
	width : 200px;
	height : 165px;
	margin-bottom : 20px;
}

#LeftMenu h2 span {
	display : none;
}

#LeftZone h3 {
	width : 200px;
	height : 24px;
	margin-bottom : 2px;
}

#LeftZone h3 span { display : none; }

/* 松川歯科タイトル */
#LeftZone h3#matsukawa { background: url(../imgs/menu/mt0000.gif) no-repeat left top; }

#RightZone {
	width : 530px;
	float : left;
}

#RightZone h3{
	margin-bottom : 20px;
}

#RightTopImg {
	width : 530px;
	margin-bottom : 20px;
}
.RightColumn {
	width : 510px;
	margin : 0 10px 50px 10px;
}

#RightZone h4 span {
	display : none;
}

#RightZone h4 {
	width : 530px;
	height : 28px;
	margin-bottom : 30px;
	display : block;
}

.RightColumn p {
	margin-left : 10px;
	margin-right : 10px;
}

.RightColumn p.more {
	text-align : right;
}

.RightColumn p.recital {
	color : #666666;
}

p.recital2 {
	color : #cd111d;
}
p.recital2 a {
	color : #cd111d;
}
p.recital2 a:hover, .RightColumn p.recital2 a:visited:hover {
	color : #666666;
}

.RightColumn p.bex {
	margin-bottom : 30px;
}

.RightColumn p.RightColumImgR {
	width:180px;
	float : right;
	margin-left : 20px;
	margin-right : 10px;
	text-align : center;
}
.RightColumn p.RightColumImgR img {
	margin : 0 0 5px 0;
}

.RightColumn p.RightColumImgL {
	width:180px;
	float : left;
	margin-left : 10px;
	margin-right : 20px;
	text-align : center;
}
.RightColumn p.RightColumImgL img {
	margin : 0 0 5px 0;
}
.RightMore {
	width : 510px;
	margin : 0 10px 30px 10px;
	_margin : 0 0 30px 0;
	text-align : right;
}

ul.list {
	margin : 0 10px 10px 10px;
	list-style : none;
}

ul.list li{
	margin : 0 0 10px 0;
	padding-left : 10px;
	color : #00224A;
	list-style : none;
	background : url(../imgs/list_blue.gif) no-repeat left 7px;
}

ul.list2 {
	margin : 0 20px 30px 20px;
	list-style : none;
}

ul.list2 li{
	margin : 0 0 10px 0;
	padding-left : 10px;
	color : #00224A;
	list-style : none;
	background : url(../imgs/list_blue.gif) no-repeat left 7px;
}

.RightColumn h5 {
	margin-bottom : 20px;
	color : #00224A;
}

.RightColumn h6 {
	margin : 0 10px 5px 10px;
	color : #E55071;
}


.Extra {
	width : 488px;
	margin : 0 10px;
	padding : 10px 0 0;
	color : #555555;
	border : #CCCCCC 1px solid;
}

.Extra p {
	margin : 0 25px 1.5em 25px;
}

.Extra h6 {
	margin : 10px 12px 20px 12px;
	padding : 0.4em 12px 0.2em ;
	color : #E55071;
	background : url(../imgs/list_pink.gif) repeat-y left top;

}

.Extra h7 {
	margin : 10px 20px 20px;
	color : #E55071;

}

.more {
		margin : 0 30px 1.5em;
}

.Extra h6.more {
	margin : 0 0 4px 0;
	padding : 0;
	color : #E55071;
	background : none;
}

.Extra .ExColumn {
	width : 428px;
	margin-bottom : 1.5em;
	padding : 0 30px;
}

.Extra .ExColumn .left{
	width : 200px;
	padding-left : 10px;
	float : left;
}

.Extra .ExColumn .right{
	width : 200px;
	padding-right : 10px;
	float : right;
}

#MainBnr {  
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 450px; /* important */  
    height:140px; /* important */  
  margin : 0 0 40px 0;
    border: none;
    background-color: #ccc;  
}

#example_3_content {  
    position: absolute;  
    top: 0;  
    margin-left: 20px;  
}

#MainBnr_frame , #MainBnr_frame li {  
    list-style: none;  
    margin: 0;  
    padding: 0;  
}

#MainBnr_frame {
	width : 910px;
}

#container_bd #MainBnr ul li {  
        display: block;  
        float: left;  
        margin: 0;  
        padding: 0;  
 }
 
 #MainBnr ul li img {  
        display: block;  
 
 }


/* アテンション */


/* ぱんくずリスト */
#notice {
	margin : 0 40px 20px 40px;
	_margin : 0 20px 20px 20px;
	padding : 10px 10px 0 10px;
	text-align : left;
	width : 668px;
	color : #e55071;
	border : #e55071 1px solid;
	float : left;
}

#notice p {
	margin : 0 0 10px 0;
}


#TopConsultation {
	width : 260px;
}
#TopConsultation div {
	width : 260px;
	margin : 0 0 5px;
}

#TopConsultation div p.right {
	width : 140px;
	float : left;
	margin : 0;
	padding : 0;
}

#TopConsultation div p.left {
	width : 100px;
	padding : 0 20px 0 0;
	margin : 0;
	text-align : right;
	float : left;
}

#TopGuide {
	width : 430px;
	padding : 50px 10px 0;
	margin : 0 0 20px 0;
	background : url(../imgs/topguidebak.jpg) no-repeat left top;
}

#TopGuide h3 {
	display : none;
}

#TopGuide p {
	width : 275px;
	padding : 0.5em 0 20px 0;
	margin : 0;
}


h2#TopDentalTItle {
	width : 450px;
	height : 30px;
	background : #eee url(../imgs/TopDentalGuideTitle.gif) no-repeat left bottom;
}
h2#TopDentalTItle span {
	font-size : 1px;
	line-height : 1px;
	display : none;
}

#TopDentalGuide {
	margin : 0 0 20px 0;
	padding : 8px 6px 2px 6px;
	background : #eee url(../imgs/topdentalbak.gif) no-repeat left bottom;
}

#TopDentalGuide ul {
	width : 438px;
}

#TopDentalGuide ul li {
	width : 142px;
	height : 50px;
	padding : 0 6px 6px 0;
	float : left;
	list-style : none;
}
#TopDentalGuide ul li.last {
	padding-right : 0;
}

/*以下clearfix*/
.clearfix:after {
  content: "."; 
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/