@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 130%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3{margin:20px 0 10px 0;}
h4{margin:20px 0 10px 0;}

.blue{
	font-size:170%;
	font-weight:bold;
	color:#3378BD;
}
.blue02{
	font-weight:normal;
	color:#3378BD;
}

.firstchild{margin:0 0 10px 0;}

a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
	border: solid 1px #3378BD;
	width:340px;
	margin-bottom:20px;
}

th,
td {
}
th {
	width:80px;
	padding:10px 10px;
	border: solid 1px #3378BD;
	background:#E2EBFB;
	text-align: center;
	font-size:13px;
	color:#3378BD;
	vertical-align:top;
	line-height: 1;
}
td {
	padding: 10px 10px;
	border: solid 1px #3378BD;
	text-align: left;
	font-size:13px;
	line-height: 1;
	color:#666;
}

p { margin: 0; }

dt img,dd img,li img { vertical-align: bottom; }


.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.image_l02 { float: left; margin: 0 0 8px 0; }
.image_r02 { float: right; margin: 0 0 8px 0; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}

.mb10{
	margin-bottom:10px;
}

.banner{
	margin:10px 0 40px 0;
}
.mt10{margin-top:10px;}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	background:url(../images/footer_bg.jpg) repeat-x bottom;
	color: #666;
	text-align: center;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 950px top no-repeat;
}
#main {
	width: 950px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#content {
	width: 710px;
	text-align: left;
	float: left;
	margin:10px 0 0 0;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 950px;
	height: 120px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
}
#header #logo{
	position:absolute;
	top:30px;
	left:10px;
}
#header #ban01{
	position:absolute;
	top:0px;
	right:170px;
}
#header #ban02{
	position:absolute;
	top:0px;
	right:9px;
}
#header #header_contact{
	position:absolute;
	top:75px;
	right:9px;
}
#header #header_tel{
	position:absolute;
	top:32px;
	right:9px;
}
#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 {
	position:absolute;
	top:5px;
	padding-top:5px;
	left:10px;
	float: left;
	font-size:12px;
}

#header #header02 {
	float: right;
	padding-top: 10px;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	margin-top:30px;
	height:100px;
	clear: both;
	text-align: center;
	background:#3378BD;
	position:relative;
}
#footer #logo{
	position:absolute;
	left:10px;
	top:10px;
}
#footer #tel{
	position:absolute;
	right:10px;
	top:10px;
}
#footer address {
	position:absolute;
	bottom:5px;
	left:300px;
	color:#fff;
}


/*==========================================================================*/
/*                             gnavi                                  */
/*==========================================================================*/

#gnavi {
	height: 60px;
	margin-bottom:10px;
}
#gnavi ul {
	margin: 0;
}
#gnavi ul li {
	float: left;
	list-style: none;
}
/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: right;
	width: 220px;
	text-align: left;
	margin:10px 0 0 0;
}

#navi dl,
#navi ul {
	margin: 0 0 10px;
	text-align: left;
}
#navi ul li {
	list-style: none;
	margin: 0;
	vertical-align: top;
}

#navi dl dt {  }

#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}

#navi #new{
	height:170px;
	background:#e2ebfb;
	overflow:auto;
	margin-bottom:10px;
}
#navi #new dl {
	overflow: hidden;
	height: 100%;
	margin: 10px 10px 5px 10px;
}
#navi #new dl dt {
	float: left;
	width:40px;
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
}
#navi #new dl dd {
	font-size:100%;
	margin-left: 60px;
	width:120px;
	margin-bottom:10px;
}
#navi .text{
	margin:10px;
}
#navi #timetable{
	background:#e2ebfb;
	margin-bottom:10px;
	padding-bottom:1px;
}
	

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/
#index .pick01{
	position:relative;
	width:340px;
	height:200px;
	float:left;
	margin:10px 0 0 10px;
	background:url(../images/pick_bg01.jpg) no-repeat top;
}
#index .pick02{
	position:relative;
	width:340px;
	height:200px;
	float:left;
	margin:10px 0 0 10px;
	background:url(../images/pick_bg02.jpg) no-repeat top;
}
#index .pick03{
	position:relative;
	width:340px;
	height:200px;
	float:left;
	margin:10px 0 0 10px;
	background:url(../images/pick_bg03.jpg) no-repeat top;
}
#index .pick04{
	position:relative;
	width:340px;
	height:200px;
	float:left;
	margin:10px 0 0 10px;
	background:url(../images/pick_bg04.jpg) no-repeat top;
}
#index .pick01 .click,
#index .pick02 .click,
#index .pick03 .click,
#index .pick04 .click{
	position:absolute;
	right:10px;
	bottom:10px;
}
.pick_text{
	margin:10px 10px 10px 120px;
}

/* dr
------------------------------------------------------------------------*/
#dr .box_r{
	float:right;
	width:340px;
	margin-bottom:10px;
	background:#E2EBFB;
}

#dr .box_r p.text{
	padding:10px;
}

/* tour
------------------------------------------------------------------------*/
#tour .box_r{
	float:right;
	width:490px;
	margin-bottom:10px;
	background:#E2EBFB;
}

#tour .box_r p.text{
	padding:10px;
}

/* clinic
------------------------------------------------------------------------*/
#clinic .box{
	background:#E2EBFB;
	padding:15px;
	margin:10px 50px 30px 50px;
}
#clinic .box_r{
	float:right;
	width:340px;
	margin-bottom:10px;
	background:#E2EBFB;
}
#clinic .box_l{
	float:left;
	width:340px;
	margin-bottom:10px;
	background:#E2EBFB;
}

#clinic .box_r p.text,
#clinic .box_l p.text{
	padding:10px;
}

/* denture
------------------------------------------------------------------------*/
#denture .box{
	background:#E2EBFB;
	padding:15px;
	margin:30px 50px;
}
#denture .box .large{
	font-size:13px;
	font-weight:bold;
	color:#3378BD;
}
#denture .box02{
	padding:10px 10px 50px 10px;
	margin:15px 50px 0 50px;
	background:url(../images/box_bg.jpg) bottom no-repeat #E2EBFB;
}	
#denture .box03{
	background:#E2EBFB;
	padding:10px;
	margin:15px 50px 0 50px;
}

#denture table{
	width:600px;
	margin:10px 50px;
}
#denture table th {
	background:#3378BD;
	color:#fff;
	width: 250px;
	}
	
#denture ul {
	margin: 0;
	}
	
#denture .answ {
	background: #E2EBFB;
	font-size: 116%;
	font-weight: bold;
	color: #E02C12;
	text-align: center;
	}
#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 0px no-repeat;
	padding-left: 20px;
	height:18px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}
.flow { 
	background: url(../images/arrow_b.png) 50% 90% no-repeat;
	padding-bottom: 35px;
		}
		
#content .bordered { 
	border: 1px solid #E2EBFB;
	padding:5px 5px 10px 5px;
	}
	
.flow_title {
  font: 108%;
	font-weight: bold;
	padding-left: 5px;
	background: #E2EBFB;
	color: #3378BD;
	}
#back_top{
	margin:20px 0;
	float:right;
}

/* medical
------------------------------------------------------------------------*/
.bg_blue{
	background:#E2EBFB;
	margin:20px 100px 20px 100px;
	padding:10px 20px;
}
.bg_blue02{
	background:#E2EBFB;
	margin:20px 100px;
	padding:10px 42px;
}

/* contact
------------------------------------------------------------------------*/
#contact table {
	border: solid 1px #3378BD;
	width:690px;
	margin-bottom:20px;
}
#contact table th{
	width:150px;
	vertical-align:middle;
}

/* sitemap
------------------------------------------------------------------------*/
#sitemap dl{
	margin-left:20px;
	font-size:13px;
}
#sitemap dl dt{
	background:url(../images/sitemap_bg.jpg) no-repeat left;
	padding:5px 0 5px 20px;
}
#sitemap dl dd{
	padding:5px 0 5px 30px;
}