@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:#333333;
	text-align: center;
	position: relative;
}

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 {
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}

/* リンク */

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

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

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

/* 見出し */

h3{
	background:url(../images/common/h3-bg.jpg) no-repeat;
	width:650px;
	height:30px;
	font-size:14px;
	color:#FFFFFF;
	line-height:30px;
	text-indent:30px;
	margin-bottom:10px;
}

h4{
	border-left:5px solid #432700;
	border-bottom:1px dotted #432700;
	text-indent:15px;
	line-height:30px;
	font-size:14px;
	margin-bottom:10px;
}

h5{
	line-height:20px;
	font-size:14px;
	text-align:left;
	margin-bottom:10px;
	color:#432700;
	background:url(../images/common/h5-bg.gif) no-repeat 0px 4px;
	text-indent:20px;
}

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:10px;
	text-align:left;
	line-height:20px;
}

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

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

/* 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);
}

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

#header #header-inner h1{
	color:#432700;
	font-size:10px;
	line-height:18px;
	font-weight:normal;
	display:inline;
}

#header #header-inner #header-logo{
	width:402px;
	height:84px;
	display:inline;
	position:absolute;
	top:30px;
	left:0px;
}

#header #header-inner #header-content{
	width:274px;
	position:absolute;
	top:23px;
	right:0px;
}

#header #header-inner #header-content p{
	text-align:right;
	color:#432700;
	margin-bottom:0;
	font-weight:bold;
}


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

/*　メイン部　*/

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

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

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

#left-Area{
	width:238px;
	float:left;
	display:inline;
	text-align:center;
	padding-top:20px;
}

#left-Area-inner{
	width:238px;
	margin:0 auto;
	text-align:left;
}

/*　left-navi　*/

#left-Area #left-navi{
	width:238px;
	background:url(../images/common/left-navi-bg.jpg) no-repeat;
	padding-top:45px;
	text-align:center;
}

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

#left-Area #left-navi-footer{
	width:238px;
	height:13px;
	background:url(../images/common/left-navi-footer-bg.jpg) no-repeat;
}

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

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

#left-Area #left-navi #left-navi-inner li.home a{
	width:218px;
	height:44px;
	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:218px;
	height:44px;
	background:url(../images/common/left-navi-home-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.treatment a{
	width:218px;
	height:44px;
	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:218px;
	height:44px;
	background:url(../images/common/left-navi-treatment-on.jpg) no-repeat;
	display:block;
}

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

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

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

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

#left-Area #left-navi #left-navi-inner li.aesthetic a{
	width:218px;
	height:44px;
	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:218px;
	height:44px;
	background:url(../images/common/left-navi-aesthetic-on.jpg) no-repeat;
	display:block;
}

#left-Area #left-navi #left-navi-inner li.implant a{
	width:218px;
	height:44px;
	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:218px;
	height:44px;
	background:url(../images/common/left-navi-implant-on.jpg) no-repeat;
	display:block;
}

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

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

#left-Area #left-navi #left-navi-inner li.access a{
	width:218px;
	height:44px;
	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:218px;
	height:44px;
	background:url(../images/common/left-navi-access-on.jpg) no-repeat;
	display:block;
}

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

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

#left-Area #left-navi #left-navi-inner li.clinic a{
	width:218px;
	height:44px;
	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:218px;
	height:44px;
	background:url(../images/common/left-navi-clinic-on.jpg) no-repeat;
	display:block;
}

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

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

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

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


/* バナーエリア */

#left-Area #left-banner{
	width:238px;
	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.iwasaki a{
	width:235px;
	height:69px;
	background:url(../images/common/left-banner-iwasaki.jpg) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

#left-Area #left-banner li.oam p{
	margin-bottom:5px;
}

#left-Area #left-banner li.recruit{
	width:235px;
	height:200px;
	background:url(../images/common/left-banner-recruit.jpg) no-repeat;
	text-decoration:none;
}

#left-Area #left-banner li.recruit strong{
	font-size:14px;
	color:#CC0000;
}

#left-Area #left-banner li.recruit p{
	padding:70px 30px 10px 20px;
	font-size:12px;
}

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

#main-Area{
	float:left;
	display:inline;
	width:662px;
	text-align:center;
	padding-top:20px;
}

#main-Area-inner {
	width:650px;
	margin-left:12px;
	text-align:left;
}

/* #bottom-navi ----------------------------------------------------------------- */

#bottom-navi{
	font-size:12px;
	line-height:20px;
	color:#666666;
	background:#FFFFFF;
	padding:10px;
	clear:both;
}

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

#bottom-navi a:hover{
	color:#ff5353;
}

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

#footer{
	text-align:center;
	width:100%;
	clear:both;
	position:relative;
	color:#666666;
	font-size:12px;
	line-height:18px;
	background:url(../images/common/footer-bg.jpg);
}

/*　情報　*/

#footer #footer-line{
	width:100%;
	text-align:center;
	background:#432800;
}

#footer #footer-line #footer-line-inner{
	width:900px;
	height:6px;
	margin:0 auto;
	background:#432800 url(../images/common/footer-line-bg.jpg) no-repeat;
}

/*　コピーライト　*/

#footer #copyright{
	width:900px;
	font-size:12px;
	color:#FFFFFF;
	line-height:20px;
	text-align:right;
	margin:0 auto;
}

#footer #copyright p{
	margin-bottom:0px;
	padding-top:5px;
}

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

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

/* テキストサイズ */

.bold {font-weight:bold;}

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

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

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

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

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

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

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

.color-red{color:#FF0000;}

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

.color-pink{color:#ff5353;}

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

.color-green{color:#005024;}

.color-orange{color:#ff7800;}

.color-yellow{color:#CC9933;}

/* テキスト配置 */

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

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


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

.emphasis{
	font-weight:bold;
	color:#432700;
	font-size:14px;
}

.price{
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

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

/* padding */

.padding0{padding:0px;}

.padding10{padding:10px;}

.padding-top0{padding-top:0px;}

.padding-top10{padding-top:10px;}

.padding-top20{padding-top:20px;}

.padding-bottom10{padding-bottom:10px;}

.padding-bottom20{padding-bottom:20px;}

.padding-right0{padding-right:0px;}

.padding-right10{padding-right:10px;}

.padding-right20{padding-right:20px;}

.padding-left0{padding-left:0px;}

.padding-left10{padding-left:10px;}

.padding-left20{padding-left:20px;}

/* margin */

.margin10{margin:10px;}

.margin-top0{margin-top:0px;}

.margin-top10{margin-top:10px;}

.margin-top20{margin-top:20px;}

.margin-bottom0{margin-bottom:0px;}

.margin-bottom10{margin-bottom:10px;}

.margin-bottom20{margin-bottom:20px;}

/* 画像横のテキストを上下中央ぞろえにする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; 
}