@charset "utf-8";

/* RENEW DESIGN Koda Dental Clinic,
Scripted by conceptbox Oct. 2009
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #424242;
	background:#73c5f4 url(../img/common/bg_bluesky.jpg) top center repeat-x ;
}
#wrap {
	position:relative;
	width:880px;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
}
p, ol, ul, blockquote {
	line-height: 1.5;
}
a {
	color: #2359d6;
	text-decoration:underline;
}
a:hover {
	color: #5f9ff5;
	text-decoration: none;
}
img {
	border: none;
}
address {
	font-style:normal;
	font-size: 90%;
}

/* clearfix
---------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* レイアウト
---------------------------------------------*/
#contents {
	width:690px;
	height:auto;
	margin: 25px 0px 15px auto;
	background:;
	
}
	.toppage {}
	.contentspage {}

/* ヘッダー
---------------------------------------------*/
#header {
	position:relative;
	height:100px;
	background:url(../img/common/bg_header.gif) top center no-repeat;
}
#logo-main {
	position:absolute;
	top:10px;
	left:20px;
	margin:0 ;
}
#logo-mini {
	position:absolute;
	top:10px;
	left:20px;
	margin:0 ;
}
#tel {
	position:absolute;
	top:32px;
	right:18px;
}
#topnavi {
	position:absolute;
	top:77px;
	right:18px;
}
	#topnavi ul{
		margin: 0 0 0px 0;
		padding: 0;
		font-size:85%;
		font-weight:bold;
		list-style: none;
		color:#666;
	}
	#topnavi ul li{
		float:left;
		margin:0 0 0 5px;
	}
	#topnavi ul li a{
		text-decoration: none;
		font-weight:normal;
	}
	#topnavi ul li a:hover{
		text-decoration: none;
	}
#search {
	position:absolute;
	top:10px;
	right:20px;
	margin: 0px;
	padding: 0px;
	color: #424242;
	text-align:right;
	font-size:12px;
	letter-spacing:0.0;
	line-height:1.3;
	z-index:120;
}	
/* ページボディ
---------------------------------------------*/
#p-body{
	background:#FFFFFF;
}
#header-img {
	position:relative;
	height:auto;
	margin: 0px ;
	background:#FFFFFF;
}
#title {
	position:absolute;
	top:55px;
	left:15px;
}

/* 本文
---------------------------------------------*/
.section {
	margin:0 20px 25px 20px ;
}
	.section h2 {
		font-size:16px;
		color:#666666;
		padding:9px 0px 9px 17px ;
		margin:10px 10px 10px 0px ;
		background: url(../img/common/bg_h2_section.gif) left center no-repeat;
		font-weight:bold;
	}
	.section h3 {
		background: url(../img/common/bg_h3_section_listmark.gif) left center no-repeat;
		margin: 5px 10px 15px 10px;
		padding: 10px 0 7px 28px;
		color:#666666;
		font-size: 14px;
		font-weight:bold;
		border-bottom:dotted #666 1px;
	}
	.section p {
		margin: 5px 20px 0px 15px;
	}
	.section ul li {
		margin:0 0 0 10px;
		padding:3px 0 3px 20px;
		font-size:13px;
		font-weight:bold;
		list-style:none;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}

			/* 症例写真部分のセクション
			---------------------------------------------*/
			.section-exam {
				margin:0 15px 25px 15px ;
			}
				.section-exam h2 {
					font-size:16px;
					color:#666666;
					padding:9px 0px 9px 17px ;
					margin:10px 10px 10px 0px ;
					background: url(../img/common/bg_h2_section.gif) left center no-repeat;
					font-weight:bold;
				}
				.section-exam h3 {
					background: url(../img/common/bg_h3_section_listmark.gif) left center no-repeat;
					margin: 5px 10px 15px 10px;
					padding: 10px 0 7px 28px;
					color:#666666;
					font-size: 14px;
					font-weight:bold;
					border-bottom:dotted #666 1px;
				}
				.section-exam p {
					margin: 5px 20px 0px 15px;
				}

/* 左サイドメニュー
---------------------------------------------*/
#sidemenu {
	position:absolute;
	top:70px;
	left:0px;
	width:190px;
	background:#FFFFFF url(../img/common/bg_side.gif) center right repeat-y ;
	height:auto;
}
#sidemenu h2 {
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	background: #00a651 url(../img/common/h2_side_bg.gif) center right no-repeat ;
	padding:14px 0 14px 10px ;
}
#sidemenu #top h2{
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	background: #00a651 url(../img/common/h2_side_bg_top.gif) top left no-repeat ;
	padding:14px 0 14px 10px ;
}
#sidemenu #bottom h2{
	height:33px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffffff url(../img/common/h2_side_bg_bottom.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}
#sidemenu ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}
	#sidemenu ul li {
		margin:0 0 0 8px;
		font-size:13px;
	}
	#sidemenu ul li a {
		display: block;
		width: 138px !important;
		width /**/: 168px;
		padding: 10px 5px 10px 20px;
		color: #666666;
		text-decoration: none;
		border-bottom: 1px solid #CCCCCC;
		background: url(../img/common/listmark01.gif) left center no-repeat;
	}
	#sidemenu ul li a:hover {
		color: #EC8602;
		background: none;
		border-bottom: 1px solid #FF6633;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}
			#sidemenu ul li ul{
				margin: 0;
				padding: 0px 0px 0px 15px;
				list-style: none;
			}
			#sidemenu ul li ul li{
				margin: 0;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}
	#sidemenu img {
		margin:10px 0 10px 0;
	}

/* フッター
---------------------------------------------*/
#footer {
	height:80px;
	font-size:90%;
	padding:10px 20px 0 20px;
	background:url(../img/common/bg_footer.gif) top center no-repeat;
	border-top:#666666 1px dotted;
}
#credit {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}

/* テーブル
---------------------------------------------*/
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:15px auto 15px auto;
	border:#666666 1px solid;
}
	.tbl-basic td, .tbl-basic th{
		border:#666666 1px solid;
		padding:3px;
	}
	.tbl-basic th{
		background:#ededed;
	}
.tbl-basic02 {
	border-collapse:collapse;
	text-align:left;
	font-size:80%;
	margin:15px auto 15px auto;
	border:#666666 1px solid;
}
	.tbl-basic02 td, .tbl-basic th{
		border:#666666 1px solid;
		padding:3px;
	}
	.tbl-basic02 th{
	background:#ededed;
	padding: 5px;
	}

/* 透明テーブル
---------------------------------------------*/
.tbl-tras {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:15px auto 15px auto;
}
	.tbl-tras td, .tbl-basic th{
		padding:3px;
	}
	.tbl-tras th{
		background:#ededed;
	}
	
.tbl-tras02 {
	border-collapse:collapse;
	margin:15px auto 15px auto;

}
	.tbl-tras02 td, .tbl-basic th{
	font-size:85%;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	}
	.tbl-tras02 th{
	text-align:left;
	font-size:100%;
	padding-bottom: 5px;
	padding-top: 5px;
		
	}


/* 引用用テーブル　グレー
---------------------------------------------*/
.tbl-quote {
	margin:5px auto 0 auto;
	border: #ddd 1px solid ;
}
	.tbl-quote dl {
		margin:0px 30px 0px 20px ;
	}
	.tbl-quote dl dt{
		margin:3px 0px 2px 0 ;
		padding:3px 0 2px 0 ;
		border-bottom: #666 1px dotted ;
	}
	.tbl-quote dl dd{
		margin:2px 0 10px 20px ;
		padding:2px 0 3px 0 ;
	}
			
/* テキスト＆装飾
---------------------------------------------*/
.address {
	margin:5px 5px 3px 10px;
	padding-bottom:3px;
	line-height:1.2;
	font-size:90%;
	border-bottom: 1px dotted #CCCCCC;
}
.more {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../img/common/link.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.more-h2 {
	padding:2px 47px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 0px ;
	background: url(../img/common/link.gif) right center no-repeat;
	font-weight: bold;
	text-decoration:none;
}
.pdf {
	padding:6px 30px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:2px 5px 0px 5px ;
	background: url(../img/common/pdf02.gif) right bottom no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
#QR {
	float: left;
}
.fc {
	float: none;
	clear: both;
}
#QR_content {
	width: 80%;
	height: 300px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

p .red {
	color: #F00;
}
.arrow {
	background-image: url(../img/common/arrow_g2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.arrow_w {
	background-image: url(../img/common/arrow_g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.arrow_m {
	background-image: url(../img/common/arrow_min.gif);
	background-repeat: no-repeat;
	background-position: left center;
}