@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	text-align: center;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka";
	line-height: 135%;
	font-size: 14px;
}

/***********************************
** layout
************************************/

#container {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#header {
}

#contents {
	display: inline-block; 
}

#contents #left {
	width: 228px;
	float: left;
}

#contents #left_inner {
}

#contents #right {
	width: 568px;
	float: right;
}

#contents #right_inner {
}

/* clear fix */
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#footer {
	border-top: 1px solid #CCCCCC;
	background-color: #E0FED0;
	font-size: 12px;
	line-height: 145%;
	padding: 3px 5px;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer h2 {
	border: none;
	font-size: 12px;
	margin: 0;
	padding: 5px 0;
}

.foot_link {
	display: none;
}

/***********************************
** common tag
************************************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

h1 {
	font-size: 10px;
	color: #666666;
	margin: 0 3px;
}

h2 {
	border-left: 12px solid #83C363;
	background-color: #E0FED0;
	font-size: 18px;
	margin: 10px 10px 3px 5px;
	padding: 10px 0 4px 3px;
	line-height: 100%;
}

h2.title {
	border-left: none;
	background-color: #ffffff;
	padding: 10px 0 5px 0;
	margin: 0;
}

h3 {
	margin-top: 5px;
}

img {
	border: 0;
}

.margin5 {
	margin: 5px;
}

a:hover {
	background-color: #FFFF66;
}

.f10p {
	font-size: 10px;
}

.f12p {
	font-size: 12px;
}

.f_red {
	color: #FF0000;
}

/***********************************
** left navigation
************************************/
#contents #left_inner .menu {
	width: 230px;
	font-size: 14px;
}

#contents #left_inner .menu_top {
	background-image:url(images/left_menu_top.jpg);
	background-repeat: no-repeat;
	height: 9px;
	background-position: bottom left;
	font-size: 9px;
}

#contents #left_inner .menu_center {
	background-image:url(images/left_menu_center.jpg);
	background-repeat: repeat-y;
	padding: 0 12px;
}

#contents #left_inner .menu_center ul {
	margin-left: 20px;
	line-height: 180%;
	font-weight: bold;
}

#contents #left_inner .menu_center ul li a {
	color: #0000FF;
	text-decoration: none;
}

#contents #left_inner .menu_center ul li a:hover {
	background-color: #FFD02A;
}

#contents #left_inner .menu_bottom {
	background-image:url(images/left_menu_bottom.jpg);
	background-repeat: no-repeat;
	height: 9px;
}

#contents #left_inner .new {
	width: 230px;
	font-size: 14px;
}

#contents #left_inner .new_top {
	background-image:url(images/left_new_top.jpg);
	background-repeat: no-repeat;
	height: 9px;
	background-position: bottom left;
	font-size: 9px;
}

#contents #left_inner .new_center {
	background-image:url(images/left_new_center.jpg);
	background-repeat: repeat-y;
	padding: 0 12px;
}

#contents #left_inner .new_center ul {
	margin: 0 0 0 20px;
	padding-bottom: 5px;
}

#contents #left_inner .new_center ul li {
	padding-bottom: 5px;
	line-height: 130%;
}

#contents #left_inner .new_center ul li a {
	color: #0000FF;
	text-decoration: none;
}

#contents #left_inner .new_bottom {
	background-image:url(images/left_new_bottom.jpg);
	background-repeat: no-repeat;
	height: 9px;
}


/***********************************
** right navigation
************************************/

#contents #right_inner .right_top {
	background-image:url(images/right_top.jpg);
	background-repeat: no-repeat;
	height: 9px;
	background-position: bottom left;
	font-size: 9px;
}

#contents #right_inner .right_center {
	background-image:url(images/right_center.jpg);
	background-repeat: repeat-y;
	padding: 0 6px;
}

#contents #right_inner .right_center .right_title {
	margin: 5px 0;
}

#contents #right_inner .right_center p {
	margin: 0 10px 0 7px;
	padding: 5px 0;
}

#contents #right_inner .right_bottom {
	background-image:url(images/right_bottom.jpg);
	background-repeat: no-repeat;
	height: 9px;
	font-size: 9px;
}


/***********************************
** pages
************************************/

/****************************
** トップページ
*****************************/
#top .right_center .dental_info {
	width: 554px;
	display: inline-block; 
}

/* clear fix */
#top .right_center .dental_info:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#top .right_center .dental_info h2 {
	border-left: 10px solid #83C363;
	background-color: #FFF;
	font-size: 20px;
	margin: 10px 0 3px 0;
	padding: 5px 0 3px 3px;
	line-height: 100%;
}

#top .right_center .dental_info .link_button {
	width: 210px;
	background-color: #83C363;
	text-align: center;
	padding: 3px 0;
	margin-left: 30px;
	font-size: 14px;
	border: 4px outset #83C363;
}

#top .right_center .dental_info .link_button a {
	text-decoration: none;
	color: #FFF;
}

#top .right_center .dental_info .link_button a:hover {
	color: #0000FF;
	background-color: transparent;
}

#top .right_center .blog_title {
	text-align: center;
	margin: 20px 0 2px 0;
}

#top .right_center .blog_list {
	width: 539px;
	border: 3px double #AAAAAA;
	margin-left: 5px;
}

#top .right_center .blog_list ul {
	margin: 0 10px;
	padding: 10px 0;
}

#top .right_center .blog_list li {
	line-height: 110%;
	margin: 8px 0;
	padding-bottom: 3px;
/*	padding-left: 75px;*/
	list-style-position:inside;
}

#top .right_center .blog_list li a {
	text-decoration: none;
	padding-left: 5px;
}

#top .right_center .blog_list li.director {
	list-style-image:url(images/icon/001.jpg);
}

#top .right_center .blog_list li.kitou {
	list-style-image:url(images/icon/002.jpg);
}

#top .right_center .blog_list li.lala {
	list-style-image:url(images/icon/003.jpg);
}

#top .right_center .blog_list li.white {
	list-style-image:url(images/icon/004.jpg);
}

#top .right_center .dental_info_left {
	float: left;
	width: 272px;
	margin-left: 3px;
}

#top .right_center .dental_info_right {
	float: right;
	width: 272px;
	margin-right: 3px;
}


/****************************
** SmilePartyとは
*****************************/
#about .right_center .director {
	line-height: 125%;
	float: left;
	font-size: 14px;
	text-align: center;
	margin: 5px 10px 5px 5px;
	background-color: #F9F0A5;
}

#about .right_center .director_inner {
	margin: 5px 7px;
}

#about .right_center .director img {
	padding: 3px;
}


/****************************
** きとう歯科医院／ララデンタルクリニック
*****************************/
#dental .right_center p.info {
	line-height: 125%;
}

#dental .right_center .dental_info {
	display: inline-block; 
}

/* clear fix */
#dental .right_center .dental_info:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#dental .right_center .dental_info_left {
	float: left;
	width: 238px;
}

#dental .right_center .dental_info_left_inner {
	margin: 3px 3px 20px 3px;
}

#dental .right_center .dental_info_right {
	float: right;
	width: 318px;
}

#dental .right_center dl {
	margin: 3px 10px 3px 2px;
}

#dental .right_center dt {
	background-color: #CBD8FF;
	padding: 5px 3px 3px 3px;
	font-weight: bold;
}

#dental .right_center dd {
	margin: 3px;
}

#dental .right_center .link_button {
	width: 270px;
	background-color: #83C363;
	text-align: center;
	padding: 3px 0;
	margin: 0 0 15px 270px;
	font-size: 14px;
	border: 4px outset #83C363;
}

#dental .right_center .link_button a {
	text-decoration: none;
	color: #FFF;
}

#dental .right_center .link_button a:hover {
	color: #0000FF;
	background-color: transparent;
}


/****************************
** 採用情報
*****************************/
#recruit .right_center .link_button {
	width: 270px;
	background-color: #83C363;
	text-align: center;
	padding: 3px 0;
	margin: 0 0 15px 270px;
	font-size: 14px;
	border: 4px outset #83C363;
}

#recruit .right_center .link_button a {
	text-decoration: none;
	color: #FFF;
}

#recruit .right_center .link_button a:hover {
	color: #0000FF;
	background-color: transparent;
}

#recruit .right_center ul {
	margin: 0 0 10px 25px;
}


/****************************
** ブログ
*****************************/
#blog .right_center ul {
	margin: 0 0 20px 25px;
}

#blog .right_center ul li {
	margin-bottom: 5px;
}


/****************************
** お問い合わせ
*****************************/
#inquiry .right_center .link_button {
	width: 400px;
	background-color: #83C363;
	text-align: center;
	padding: 3px 0;
	margin: 0 auto;
	font-size: 14px;
	border: 4px outset #83C363;
}

#inquiry .right_center .link_button a {
	text-decoration: none;
	color: #FFF;
}

#inquiry .right_center .link_button a:hover {
	color: #0000FF;
	background-color: transparent;
}


/****************************
** ホワイトニング
*****************************/
#whitening .right_center dl {
	margin: 3px 8px 10px 10px;
}

#whitening .right_center dt {
	color: #FF9900;
	font-weight: bold;
}

#whitening .right_center img.w_image {
	margin: 0 7px 5px 3px;
}

/****************************
** インプラント
*****************************/
#implant .right_center dl {
	margin: 10px 8px 15px 10px;
}

#implant .right_center dt {
	color: #FF9900;
	font-weight: bold;
}

#implant .right_center img.w_image {
	margin: 0 7px 5px 3px;
}

#implant .right_center ol {
	margin: 0 10px 0 30px;
}