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

html {
	overflow: auto;
}

* html { /* for IE6 */
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
}

* html body { /* for IE6 */
	overflow-y: auto;
	height: 100%;
}

body {
	background:url(../images/common/body-bg.jpg);
	font-size:14px;
	color:#666;
	text-align: center;
	position: relative;
	font-size:12px;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,img {
    margin: 0;
    padding: 0;
}

p {
	line-height:20px;
	margin-bottom:10px;
	margin-left:30px;
}

/* リンク */

a img,:link img,:visited img {
    border: none;
}

a{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#e57698;
	text-decoration:underline;
}

/* 見出し */

h3{
	background:url(../images/common/h3.jpg) no-repeat;
	text-indent:30px;
	line-height:30px;
	font-size:16px;
	margin-bottom:10px;
}

h4{
	background:url(../images/common/h4.jpg) 5px 5px no-repeat;
	color:#4391e6;
	text-indent:30px;
	line-height:30px;
	font-size:14px;
	margin-bottom:10px;
}

h5{
	line-height:20px;
	font-size:14px;
	text-align:left;
	margin-bottom:10px;
	color:#e57698;
}

h6{
	line-height:20px;
	font-size:14px;
	text-align:left;
	color:#432700;
}

/* 画像枠 */

img.waku{
	padding:3px;
	border:1px solid #CCCCCC;
}

/* 区切り線 */

.hr-line{
	margin:20px 0px;
	border-top:1px dotted #77001b;
	color:FFFFFF;
}

/* page-navi */

#page-navi{
	margin-bottom:20px;
	text-align:right;
	line-height:20px;
}

#page-navi a{
	padding:0 5px;
	text-decoration:underline;
	color:#4491e5;
}

#page-navi a:hover{
	text-decoration:underline;
	color:#e57698;
}

/* pagetop */

.pagetop{
	text-align:right;
	line-height:17px;
	padding-right:10px;
	padding:10px 0px;
	clear:both;
}

.pagetop a{
	color:#333333;
	text-decoration:underline;
}

.pagetop a:hover{
	color:#ff5353;
	text-decoration:underline;
}

/* body内の設定 ----------------------------------------------------------------- */

#container{
	width:100%;
	text-align:center;
	background:#FFFFFF;
}

#container-inner{
	width:100%;
	line-height:100%;
	margin:0 auto;
	text-align:left;
}


/* ヘッダー領域 ----------------------------------------------------------------- */

#header{
	width:100%;
	text-align:center;
	position:relative;
	background:url(../images/common/header-bg.jpg) repeat-x;
}

#header #header-inner{
	width:900px;
	height:128px;
	margin:0 auto;
	position:relative;
	text-align:left;
	background:url(../images/common/header-inner-bg.jpg) no-repeat;
}

#header #header-inner h1{
	color:#FFFFFF;
	background:#c7def7;
	font-size:10px;
	line-height:18px;
	font-weight:normal;
	text-indent:10px;
	display:inline;
}

#header #header-inner #header-logo{
	width:225px;
	height:60px;
	display:inline;
	position:absolute;
	top:50px;
	left:0px;
	text-indent:-9999px;
}

#header #header-inner #header-logo a{
	width:225px;
	height:60px;
	display:block;
}

#header #header-inner #header-content{
	width:200px;
	position:absolute;
	top:50px;
	right:10px;
	text-align:right;
	font-size:12px;
}

/* #content ----------------------------------------------------------------- */

/*　メイン部　*/

#content{
	clear:both;
	text-align:center;
	width:100%;
}

#content-inner {
	width:900px;
	margin:0 auto;
	background:#FFFFFF;
}

/*　左カラム ----------------------------------------------------------------- */

#left-Area{
	width:199px;
	float:left;
	display:inline;
	text-align:center;
}

#left-Area-inner{
	width:100%;
	margin:0 auto;
	text-align:left;
}

/*　left-navi　*/

#left-Area #left-navi{
	width:100%;
	background:#c7def7 url(../images/common/left-navi-bg.jpg) no-repeat;
	padding-top:38px;
	padding-bottom:10px;
	text-align:center;
}

#left-Area #left-navi #left-navi-inner{
	width:195px;
	margin:0 auto;
}

#left-Area #left-navi #left-navi-inner ul{
	list-style:none;
	margin:0;
}

#left-Area #left-navi #left-navi-inner li{
	margin-bottom:2px;
}

#left-Area #left-navi #left-navi-inner li.home a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-home.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.home a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-home-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.treatment a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-treatment.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.treatment a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-treatment-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.implant a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-implant.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.implant a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-implant-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.aesthetic a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-aesthetic.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.aesthetic a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-aesthetic-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.oralsurgery a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-oralsurgery.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.oralsurgery a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-oralsurgery-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.staff a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-staff.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.staff a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-staff-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.clinic a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-clinic.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.clinic a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-clinic-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.access a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-access.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.access a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-access-on.jpg) no-repeat;
	display:block;
}



#left-Area #left-navi #left-navi-inner li.screening a{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-screening.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-navi #left-navi-inner li.screening a:hover{
	width:195px;
	height:41px;
	background:url(../images/common/left-navi-screening-on.jpg) no-repeat;
	display:block;
}




/* バナーエリア */

#left-Area #left-banner{
	width:199px;
	padding-top:20px;
}

#left-Area #left-banner ul{
	list-style:none;
	margin:0px;
}

#left-Area #left-banner li{
	margin-bottom:10px;
}

#left-Area #left-banner li.mobile a{
	width:199px;
	height:173px;
	background:url(../images/common/left-banner-mobile.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

/* 中カラム ----------------------------------------------------------------- */

#main-Area{
	float:left;
	display:inline;
	width:700px;
	text-align:center;
}

#main-Area-inner {
	width:680px;
	margin-left:20px;
	text-align:left;
}

/* #footer ----------------------------------------------------------------- */

#footer{
	text-align:center;
	width:100%;
	clear:both;
	background:#c3deff url(../images/common/footer-bg.jpg) repeat-x;
}

/* #footer-navi */

#footer-navi{
	font-size:12px;
	line-height:20px;
	color:#666666;
	background:#FFFFFF;
	border-top:1px solid #4491e5;
	border-bottom:3px solid #4491e5;
	padding:10px;
	clear:both;
}

#footer-navi a{
	font-size:12px;
	line-height:20px;
	padding-left:5px;
	padding-right:5px;
	color:#666666;
	text-decoration:none;
}

#footer-navi a:hover{
	color:#e57698;
}

/*　コピーライト　*/

#footer #copyright{
	font-size:12px;
	line-height:14px;
	color:#FFFFFF;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
}

#footer #copyright p{
	margin-bottom:0;
}

#copyright a{
	color:#FFFFFF;
	text-decoration:none;
}

/* テキスト設定 ----------------------------------------------------------------- */

/* テキストサイズ */

.bold {font-weight:bold; !important}

.font-size10{font-size:10px; !important}

.font-size12{font-size:12px; !important}

.font-size14{font-size:14px; !important}

.font-size16{font-size:16px; !important}

.font-size18{font-size:18px; !important}

.font-size20{font-size:20px; !important}

/* テキスト配色設定 */

.color-red{color:#FF0000; !important}

.color-red2{color:#6f232e; !important}

.color-pink{color:#e57698 !important;}

.color-blue{color:#0000FF; !important}

.color-blue2{color:#8cbfff; !important;}

.color-green{color:#8dc56c;; !important}

.color-orange{color:#ff7800; !important}

.color-yellow{color:#CC9933; !important}

.color-gray{color:#f1f1f1; !important}

/* テキスト配置 */

.alignC{text-align:center; !important}
.alignL{text-align:left; !important}
.alignR{text-align:right; !important}

.floatL{float:left; !important}
.floatR{float:right; !important}


/* その他共通 ----------------------------------------------------------------- */

.bg-color-blue{ background:#ecfeff;}
.bg-color-pink{ background:#ffeded;}
.bg-color-white{ background:#fffeee;}

/* padding */

.p0{padding:0; !important}
.p10{padding:10px; !important}

.pT0{padding-top:0; !important}
.pT10{padding-top:10px; !important}
.pT20{padding-top:20px; !important}

.pB10{padding-bottom:10px !important;}
.pB20{padding-bottom:20px; !important}

.pR0{padding-right:0; !important}
.pR10{padding-right:10px; !important}
.pR20{padding-right:20px; !important}

.pL0{padding-left:0; !important}
.pL10{padding-left:10px; !important}
.pL20{padding-left:20px; !important}

/* margin */

.m0{margin:0px; !important}
.m10{margin:10px; !important}

.mT0{margin-top:0; !important}
.mT10{margin-top:10px; !important}
.mT20{margin-top:20px; !important}

.mB0{margin-bottom:0; !important}
.mB10{margin-bottom:10px; !important}
.mB20{margin-bottom:20px; !important}
.mB30{margin-bottom:30px; !important}

.mR0{margin-right:0; !important}
.mR10{margin-right:10px; !important}
.mR20{margin-right:20px; !important}

.mL0{margin-left:0; !important}
.mL10{margin-left:10px; !important}
.mL20{margin-left:20px; !important}
.mL30{margin-left:30px; !important}
.mL40{margin-left:40px; !important}

/* 画像横のテキストを上下中央ぞろえにするCSS */

div.img-valign p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}   
    
/*for IE6 */  
* html .img-valign p {
    display: inline;
    zoom: 1;
}

/*for IE7 */
*:first-child+html .img-valign p {   
    display: inline;
    zoom: 1;
}


/* inline-block */

div.valign {
	padding-right:10px;
	vertical-align:middle;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom: 1;
}

div.valign > div{
	display:block;
}


/* 注意書きの枠CSS */

.caution{
	background:#FFFFFF url(../images/caution-bg.gif);
	border:2px dashed #634a40;
	padding:10px;
	margin-top:10px;
	color:#634a40;
}

.caution span.title{
	background:url(../images/caution-icon.gif) no-repeat;
	text-indent:20px;
	display:block;
	height:14px;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
}



/* CSSハック ----------------------------------------------------------------- */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0px;
   visibility: hidden;
}


/* IE7とMac版IE5用 */
.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

#top-navi-inner:after,#content-inner:after{
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;
    line-height: 0;   
    clear: both;   
}

#top-navi-inner,#content-inner{
	display: inline-block; 
}