@charset "utf-8";

/* 松木歯科医院　200808 scripted by Conceptbox
---------------------------------------------*/

/* YUI Reset CSS
---------------------------------------------*/
@import "reset.css" ;

/* YUI Fonts-Reset CSS
---------------------------------------------*/
@import "font.css" ;

/* 共通
---------------------------------------------*/

body {
	margin: 0 0;
	padding: 0;
	font-size: 90%;
	color: #333;
	background:#ffc0cb url(../img/common/bg_body.gif) top repeat-x ;
}

p {
	line-height:1.5;
}

/* レイアウト
---------------------------------------------*/

#wrap {
	position:relative;
	width:975px;
	margin: 0 auto;
	background:#ffc0cb url(../img/common/bg_header.gif) top left repeat-x ;
}

#logo {
	position:absolute;
	top:5px;
	left:10px;
}

#contents {
	position:relative;
	width:620px;
	height:auto;
	margin: 0 auto 15px 175px;
	background:#FFFFFF url(../img/common/footer_contents.gif) bottom center no-repeat;
	
}

#top-comment {
	position:absolute;
	top:5px;
	left:7px;
	font-size:90%;
	color:#333333;
}

#top-adderess {
	position:absolute;
	top:16px;
	right:20px;
	font-size:90%;
	color:#333333;
	text-align:left;
}

.head-copy {
	margin: 0px 0 8px 8px ;
	padding: 8px 0 0 0 ;
	font-size:90%;
}

#topnavi {
	position:absolute;
	top:40px;
	right:-120px;
}

#topnavi ul{
	margin: 0 0 0px 0;
	padding: 0;
	font-size:85%;
	font-weight:bold;
	list-style: none;
	color:#666;
	line-height:1.4;
	letter-spacing:0.15em;
}

#topnavi ul li{

}

#topnavi ul li a{
	text-decoration: none;
}

#topnavi ul li a:hover{
	text-decoration: none;
}

/* レイアウト
---------------------------------------------*/

#header-area {
	padding:0;
	margin:0;
	background:#EFEFEF;
}

#sub-navi {
text-align:center;
	margin: 0 0 0px 0;
	padding: 15px 5px 15px 15px ;
	width:600px;
	height:20px;
	background:#EFEFEF;
	font-size:90%;
}

#sub-navi ul {
	margin: 0 auto 0px auto;
	padding: 0;
}

#sub-navi ul li{
	float: left ;
	padding: 0 5px 0 5px ;
	font-weight: bold ;
	border-right:1px solid #666666 ;
}

#sub-navi ul .left-border{
	border-left:1px solid #666666 ;
}

#sub-navi ul li a{

}

#sub-navi ul li a:hover{
}

h1 {
	margin:5px 0 5px 0 ;
}

/* パンくずリスト
---------------------------------------------*/

#pankuzu {
	width:610px;
	font-size:90%;
	text-align:right;
	margin: 5px 0 0 0 ;
	padding: 0 0 0 0 ;
	font-weight:normal;
}


/* 本文
---------------------------------------------*/

.section {
	margin:10px 10px 25px 10px ;
}

	.section h2 {
		background: url(../img/common/h2_bg_contents.gif) left center no-repeat;
		margin: 20px 0px 10px 0px;
		padding: 10px 0 15px 33px;
		color:#666666;
		font-size: 100%;
		font-weight:bold;
	}
	
	.section h3 {
		font-size:100%;
		color:#666666;
		padding:10px 0px 5px 30px ;
		border-bottom:dotted #444 1px;
		margin:15px 25px 10px 10px ;
		background:url(../img/common/h3_listmark_contents.gif) left center no-repeat;
		font-weight:bold;
	}
	
	.section h4 {
		font-size:100%;
		padding:0px 0px 5px 60px ;
		border-bottom:dotted #bbb 1px;
		margin:15px 40px 0px 20px ;
		background: url(../img/contents/listmark_h4.gif) left top no-repeat;
		font-weight:bold;
	}
	
	.section p {
		margin: 10px 20px 10px 15px;
	}

.mainimg {
	margin:8px 0px 0px 0px ;
	padding:0;
}

dt {
	font-weight:bold;
	color:#0066FF;
	margin: 3px 50px 3px 30px ;
	padding: 3px 0 3px 0 ;
	border-bottom:#0099FF 2px dotted ;
}
dd {
	margin: 3px 50px 3px 30px ;
	padding: 3px 0 3px 0 ;
}

/* リスト
---------------------------------------------*/

#list {}

	#list ul {
		margin:10px 5px 15px 25px ;
		padding:0 0 10px 0 ;
		border-bottom:1px dotted #333333 ;
	}

			#list ul li {
				padding:0px 0px 0px 20px ;
				margin:8px 0 8px 0px ;
				list-style-type:none;
				font-size:100%;
				font-weight:normal;
				letter-spacing:none;
				color: #666666 ;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}

			#list ul li a {
				text-decoration:underline;
			}

			#list ul li a:hover{
				text-decoration:none;
				color:#FF6600;
			}
			
			#list .sub {
				margin-left : 30px;
				background: url(../img/common/listmark01.gif) left center no-repeat;
			}
			
			#list .sub2 {
				margin-left : 50px;
			}
			
/* リクルートページのリスト
---------------------------------------------*/

#recruit {}

	#recruit ul {
		margin:15px 10px 15px 10px ;
		padding:0 0 15px 0 ;
	}

			#recruit ul li {
				padding:5px 0px 5px 20px ;
				margin:8px 30px 8px 10px ;
				list-style-type:none;
				font-size:100%;
				font-weight:normal;
				letter-spacing:none;
				color: #666666 ;
				background: url(../img/common/listmark02.gif) left center no-repeat;
				border-bottom:1px dotted #333333 ;
			}

			#recruit ul li a {
				text-decoration:underline;
			}

			#recruit ul li a:hover{
				text-decoration:none;
				color:#FF6600;
			}
			
			#recruit .sub {
				margin-left : 30px;
			}
			
			#recruit .sub2 {
				margin-left : 50px;
			}
			
/* サイトマップ
---------------------------------------------*/

#sitemap {}

	#sitemap ul {
		margin:15px 60px 15px 25px ;
		padding:0 0 15px 0 ;
		border-bottom:1px dotted #333333 ;
	}

			#sitemap ul li {
				padding:0px 0px 0px 20px ;
				margin:8px 0 8px 0px ;
				list-style-type:none;
				font-size:100%;
				font-weight:normal;
				letter-spacing:none;
				color: #666666 ;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}

			#sitemap ul li a {
				text-decoration:underline;
			}

			#sitemap ul li a:hover{
				text-decoration:none;
				color:#FF6600;
			}
			
			#sitemap .sub {
				margin-left : 30px;
			}
			
			#sitemap .sub2 {
				margin-left : 50px;
			}
			
	#sitemap ul h3 {
		font-size:100%;
		color:#666666;
		border-bottom:dotted #666 0px;
		padding:0px 0px 5px 23px ;
		margin:0px 25px 10px -10px ;
		background:url(../img/common/h3_listmark_contents.gif) left center no-repeat;
		font-weight:bold;
	}
	

/* フッターとクレジット
---------------------------------------------*/
#footer {
	height:40px;
	margin:0 20px 0 20px ;
	border-top:dotted #666 2px;
	font-size:90%;
}

#credit {
	font-size:90%;
	text-align:center;
	height:18px;
	color: #FF3333 ;
}


/* サイドメニュー左の中身
---------------------------------------------*/

#sidemenu-left {
	position:absolute;
	top:115px;
	left:0px;
	width:175px;
	background:#FFFFFF url(../img/common/bg_side.gif) center right repeat-y ;
	height:auto;
}

#sidemenu-left h2 {
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb url(../img/common/h2_side_bg.gif) center right no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-left #top h2{
	height:30px;
	font-size:120%;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background: #FFFFFF url(../img/common/h2_side_bg_top4.gif) top left no-repeat ;
	padding:12px 0px 0 0px ;
}

#sidemenu-left h2 a, #sidemenu-left #top h2 a {
	color:#FFFFFF;
	text-decoration:none ;
}

#sidemenu-left h2 a:hover, #sidemenu-left #top h2 a:hover {
	color: #FFFFCC ;
	text-decoration: underline ;
}

#sidemenu-left #bottom h2{
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb url(../img/common/h2_side_bg_bottom.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-left ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}

	#sidemenu-left ul li {
		margin: 0;
		margin-left:10px;
		width: 163px;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}

	#sidemenu-left ul li a {
		display: block;
		padding: 10px 5px 10px 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		border-bottom: 1px solid #CCCCCC;
	}

	#sidemenu-left ul li a:hover {
		color: #EC8602;
		background: none;
		border-bottom: 1px solid #FF6633;
	}
	
	#sidemenu-left ul .sub {
		margin-left : 20px;
		width: 153px;
		background: url(../img/common/listmark01.gif) left center no-repeat;
	}
	
			#sidemenu-left ul li ul{
				margin: 0;
				padding: 0px 0px 0px 15px;
				list-style: none;
			}

			#sidemenu-left ul li ul li{
				margin: 0;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}
			


	#sidemenu-left img {
		margin: 5px 0 0 0 ;
	}

.reform110 {
	margin:5px 5px 3px 10px;
	padding-bottom:3px;
	line-height:1.2;
	font-size:90%;
	color:#444444;
}

.address {
	margin:5px 5px 3px 10px;
	padding-bottom:3px;
	line-height:1.2;
	font-size:90%;
	border-bottom: 1px dotted #CCCCCC;
	color:#444444;
}

/* サイドメニュー右の中身
---------------------------------------------*/

#sidemenu-right {
	position:absolute;
	top:45px;
	left:795px;
	width:175px;
	background:none;
	height:auto;
}

/* 

#sidemenu-right h2 {
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb url(../img/common/h2_side_bg.gif) center right no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-right #top h2{
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	background: #FFFFFF url(../img/common/h2_side_right_bg_top2.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-right h2 a, #sidemenu-right #top h2 a {
	color:#FFFFFF;
	text-decoration:none ;
}

#sidemenu-right h2 a:hover, #sidemenu-right #top h2 a:hover {
	color: #FFFFCC ;
	text-decoration: underline ;
}

#sidemenu-right #bottom h2{
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb url(../img/common/h2_side_right_bg_bottom.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-right ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}

	#sidemenu-right ul li {
		margin: 0;
		margin-left:10px;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}

	#sidemenu-right ul li a {
		display: block;
		width: 138px !important;
		width : 168px;
		padding: 10px 5px 10px 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		border-bottom: 1px solid #CCCCCC;
		background: url(../img/common/listmark01.gif) left center no-repeat;
	}

	#sidemenu-right ul li a:hover {
		color: #EC8602;
		background: none;
		border-bottom: 1px solid #FF6633;
	}

			#sidemenu-right ul li ul{
				margin: 0;
				padding: 0px 0px 0px 15px;
				list-style: none;
			}

			#sidemenu-right ul li ul li{
				margin: 0;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}
*/

/* サイドメニュー右 ブルーの中身
---------------------------------------------*/

#sidemenu-right-blue {
	width:175px;
	background:#FFFFFF url(../img/common/bg_side_right.gif) center right repeat-y ;
	height:auto;
	margin: 0 0 10px 0 ;
}

#sidemenu-right-blue h2 {
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb  url(../img/common/h2_side_right_blue_middle.gif) center right no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-right-blue #top h2{
	height:30px;
	color:#FFFFFF;
	font-size:120%;
	text-align:center;
	font-weight:bold;
	background: #FFFFFF url(../img/common/h2_side_right_blue_top2.gif) top left no-repeat ;
	padding:12px 15px 0 0px ;
}

#sidemenu-right-blue h2 a, #sidemenu-right-blue #top h2 a {
	color:#FFFFFF;
	text-decoration:none ;
}

#sidemenu-right-blue h2 a:hover, #sidemenu-right-blue #top h2 a:hover {
	color: #FFFFCC ;
	text-decoration: underline ;
}

#sidemenu-right-blue #bottom h2{
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb url(../img/common/h2_side_right_blue_bottom.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-right-blue ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}

	#sidemenu-right-blue ul li {
		margin: 0;
		margin-left:10px;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}

	#sidemenu-right-blue ul li a {
		display: block;
		width: 138px !important;
		width /**/: 168px;
		padding: 10px 5px 10px 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		border-bottom: 1px solid #CCCCCC;
		background: url(../img/common/listmark01.gif) left center no-repeat;
	}

	#sidemenu-right-blue ul li a:hover {
		color: #EC8602;
		background: none;
		border-bottom: 1px solid #FF6633;
	}

			#sidemenu-right-blue ul li ul{
				margin: 0;
				padding: 0px 0px 0px 15px;
				list-style: none;
			}

			#sidemenu-right-blue ul li ul li{
				margin: 0;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}

/* サイドメニュー右 グリーンの中身
---------------------------------------------*/

#sidemenu-right-green {
	width:175px;
	background:#FFFFFF url(../img/common/bg_side_right.gif) center right repeat-y ;
	height:auto;
}

#sidemenu-right-green h2 {
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb url(../img/common/h2_side_green_middle.gif) center right no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-right-green #top h2{
	height:30px;
	color:#FFFFFF;
	font-size:120%;
	text-align:center;
	font-weight:bold;
	background: #FFFFFF url(../img/common/h2_side_right_green_top2.gif) top left no-repeat ;
	padding:12px 15px 0 0px ;
}

#sidemenu-right-green h2 a, #sidemenu-right-green #top h2 a {
	color:#FFFFFF;
	text-decoration:none ;
}

#sidemenu-right-green h2 a:hover, #sidemenu-right-green #top h2 a:hover {
	color: #FFFFCC ;
	text-decoration: underline ;
}

#sidemenu-right-green #bottom h2{
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	background: #ffc0cb url(../img/common/h2_side_right_green_bottom.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu-right-green ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}

	#sidemenu-right-green ul li {
		margin: 0;
		margin-left:10px;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}

	#sidemenu-right-green ul li a {
		display: block;
		width: 138px !important;
		width /**/: 168px;
		padding: 10px 5px 10px 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		border-bottom: 1px solid #CCCCCC;
		background: url(../img/common/listmark01.gif) left center no-repeat;
	}

	#sidemenu-right-green ul li a:hover {
		color: #EC8602;
		background: none;
		border-bottom: 1px solid #FF6633;
	}

			#sidemenu-right-green ul li ul{
				margin: 0;
				padding: 0px 0px 0px 15px;
				list-style: none;
			}

			#sidemenu-right-green ul li ul li{
				margin: 0;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}



/* テーブル
---------------------------------------------*/

.voice {
	margin: 20px auto 20px auto ;
	width:95%;
}

.schedule {
	margin: 20px auto 5px auto ;
}
		.schedule td {
			padding:5px 5px 5px 5px ;
			border:#add8e6 2px solid ;
			text-align:center;
		}
		.schedule th {
			padding:5px;
			border:#add8e6 2px solid ;
			text-align:center;
			font-weight:bold;
		}

.white-table {
	margin: 20px auto 5px auto ;
	border:#add8e6 2px solid ;
}
		.white-table td {
			padding:6px 8px 5px 8px ;;
			text-align:center;
		}
		.white-table th {
			padding:5px;
			border:#add8e6 2px solid ;
			text-align:center;
			font-weight:bold;
		}
		.white-table .arrow {
			padding:0;
			text-align:center;
		}



.note-table {
	text-align:center;
	font-size:90%;
}

.staff {
	width:90%;
	margin: 5px auto 20px 30px ;
}

		.staff td {
			padding:4px;
		}
		
		.staff th {
			padding:4px;
			width:100px;
		}
#massege img{
	margin:0 15px 0 0 ;

}
.inquiry {
	margin: 15px auto 20px auto ;
	border: #eeeeee 0px solid ;
}

		.inquiry td {
			padding:6px;
			border: #ccc 1px solid ;
		}

		.inquiry th {
			padding:6px;
			border: #ccc 1px solid ;
		}

.compare {
	margin: 15px auto 20px auto ;
	border: #6699FF 0px solid ;
}

		.compare td {
			padding:6px;
			border: #6699FF 3px solid ;
		}
		
			.underline {
				padding-top : 4px ;
				padding-bottom : 4px ;
				margin-bottom: 4px ;
				border-bottom:#FF6600 2px dotted ;
			}

		.compare th {
			padding:6px;
			border: #66CCCC 3px solid ;
		}

.tbl-tras {
	border:0;
	margin:10px 40px 10px 20px ;
}
	.tbl-tras td {
		padding:2px;
		vertical-align:top;
	}


/* 段落
---------------------------------------------*/

.p-block-g {
	padding: 0 0 0 25px ;
	border-left:#dbff70 20px solid ;
}

.p-block-b {
	padding: 0 0 0 25px ;
	border-left:#c2ffff 20px solid ;
}

.p-block-y {
	padding: 0 0 0 25px ;
	border-left:#ffff99 20px solid ;
}

.p-block-p {
	padding: 0 0 0 25px ;
	border-left:#ffb6c1 20px solid ;
}

.p-block-dot {
	padding: 0 10px 0 20px ;
	border-left:#3dc1e5 4px dotted ;
}

.fusso-goods {
	margin:5px auto 15px auto ;
	width:95%;
}

		.fusso-goods td{
			padding:0px ;
			vertical-align:top;
		}
		.fusso-goods th{
			padding:5px 0 5px 10px ;
			background-color: #ededed ;
			font-weight:bold;
			font-size:110%;
			color:#3366CC;
		}
		
.C30 {
	color:#CC3300;
}
.tx-orange {
	color: #FF6600;
}
.tx-green {
	color: #009933;
}
.tx-pink {
	color: #FF33CC;
}

.emp01 {
	color:#CC3300;
}

#price {
}
.price {
	margin:12px 0 32px 0 ;
}

.more {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../img/old/home/more.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

.more2 {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../img/old/home/more.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

.font150 {
	font-size:150%;
}
.voice-quote {
	width:80%;
	border:#FF6600 dotted 4px;
	padding:15px;
	margin:auto;
}