@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: 140%;
}
	
h1 { width:800px; height:22px; font-size:100%; padding-top:3px;} /* Header内で設定 */
h2 {}
h3 { height:50px; }
h4 { height:30px; }

a { color: #0455B7; }
a:hover,
a:active { color: #0455B7; text-decoration: none; }
a:visited {
}

ul {
}
#content li {
	background: url(../images/li_bg.jpg) 0 9px no-repeat;
	padding-left:10px;
}

#content .box_r ul li {
	background: none;
	padding-left:0;
}

dl {
}
dt {
}
dd {
}

table {
	margin-left:10px;
}

th,
td {
	padding:5px;
	border: 1px solid #999;
}
th {
	background:#7ECFE2;
	color:#0455B7;
}
th.title {
	background:#F0F0F0;
}
td {
	background:#FFF;
}

p { margin: 0 0 1em; }

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_c {
	text-align: center;
	margin-top: 0;
	margin: 0px 20px;
}

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

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

#catch {
	width: 910px;
	height: 201px;
}

.box {
	padding: 0;
	margin: 10px 0 20px 0;
}

.font_b { 
	font-weight: bold;
	color:#0455B7;
}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) 0 115px repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 910px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 910px top no-repeat;
}
#main {
	width: 910px;
	margin: 20px auto 30px auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#content {
	width: 650px;
	text-align: left;
  float: right;
  line-height:1.8;
  border:1px solid #DADADA;
}


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

#header {
	width: 910px;
	height: 110px;
	margin: 10px auto 0 auto;
	text-align: left;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
}
#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 { float: left; }

#header #header02 {
	float: right;
	padding-top: 10px;
}
#header .image_l {margin-top: 5px;}

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

#footer {
	clear: both;
	text-align: center;
  background:#EAEAEA;
  padding: 10px 0 0 0 ;
}
#footer address {
	float: right;
  padding: 30px 0 0 0 ;
}
#footer .section {
	width:910px;
	margin: 0 auto;
}

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

#gnavi {
	height: 60px;
}
#gnavi ul {
	margin: 0;
	float:right;
}
#gnavi ul li {
	float: left;
	list-style: none;
}

#gnavi .image_l{
	margin: 20px 0 0 30px;
}
*html #gnavi .image_l{
	margin: 20px 0 0 15px;
}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 230px;
	text-align: center;
}

#navi dl,
#navi ul {
	margin: 0 0 10px;
	text-align: left;
}

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

#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/
body#index {
  background: url(../images/body_bg_i.jpg) 0 115px repeat-x;
	color: #333;
	text-align: center;
}

#index #content {
  border:none;
  padding:0;
}

#index h3 {height: 45px;}
#index h4 {height: 35px;}

#index p.toph4 {height: 35px; line-height: 1.0; margin: 0; padding: 0; }

#index #catch {
	background: url(../images/index01.jpg) right top no-repeat;
	height: 351px;
}
#index #catch .box_l {
	float: left;
	width: 530px;
	margin: 0 10px;
}

#index #catch .box_l .center{
	margin:30px 0;
}
#index #catch .box_l p {
	margin: 10px 0 0 0;
	padding: 0;
}
#index #catch .box_l .box_b {
	float: right;
}

#index #content .box_l {
	float: left;
	width: 420px;
	margin: 0;
}
#index #content .box01 {
	background: #E3F1F4;
	padding: 8px;
	margin-top: 20px;
}
#index #content .box01 p {padding: 0 10px;}

#index #content .box_r {
	width: 210px;
	float: right;
}
#index #content .box02 {
	width: 190px;
	height:230px;
	padding: 9px;
	border: 1px solid #DADADA;
	margin-bottom: 15px;
	margin-left: 0;
}

*html #index #content .box02 {
	width: 210px;
}

#index #content .box02 ul {
	margin: 5px;
}
#index #content .box_r p { font-size: 95%; }


/* dr
------------------------------------------------------------------------*/
#dr .box01 {
	background: url(../images/dr01.jpg) right bottom no-repeat;
	padding-right:200px;
}
#dr .box02 {
	background: url(../images/dr02.jpg) right top no-repeat;
}
#dr .box02 dl{margin-bottom:20px; }
#dr .box02 dt {
	width: 6em;
	float:left;
}
#dr .box02 dd {
	margin-left:6.5em;
}
#dr .box02 .box_l {
	width:250px;
	float:left;
}
#dr .box02 .box_r {
	width:280px;
	float:left;
}
.ml10{
	margin-left:10px;
}

/* access
------------------------------------------------------------------------*/
#access table { margin-top:20px; }
#access th { width:150px; }
#access td { width:400px; }

#access #map { margin: 0 0 0 10px; }

/* cost
------------------------------------------------------------------------*/
#cost #content .box01 {
	background: #E3F1F4;
	padding: 8px;
	margin-top: 20px;
}
#cost #content .box01 li {
	float:right;
	clear:both;
}
#cost table { margin-top:20px; }
#cost th.title { width:280px; }
#cost th { width: auto; }
#cost td {
	width:270px;
}


/* adult
------------------------------------------------------------------------*/
#adult #content .box01 {
	background: #E3F1F4;
	padding: 8px;
	margin-top: 20px;
}

/* know
------------------------------------------------------------------------*/
#know #content .box01 {
	background: #E6F7F9;
	padding: 8px;
	margin: 15px 0;
}
#know #content .box02 {
	padding: 9px;
	border: 1px solid #DADADA;
	margin-top: 10px;
}
#know table { margin-top:20px; }
#know th { width:230px; }
#know td { width:350px; }
#know #content dt {
	border-left: #EEE 2px solid;
	padding-left:5px;
	color:#1F6EAF;
	font-weight:bold;
	margin-bottom:10px;
}

/* maintenance
------------------------------------------------------------------------*/
#maintenance #content .box01 {
	background: #E3F1F4;
	padding: 8px;
	margin-top: 20px;
	height:140px;
}


/* ortho20
------------------------------------------------------------------------*/
#ortho20 #content .box01 {
	background: #E6F7F9;
	padding: 8px;
	margin: 15px 0;
}

#ortho20 h4#title01 { height:45px; }
#ortho20 #content h5 { height:30px; }

/* ortho30
------------------------------------------------------------------------*/
#ortho30 #content .box01 {
	background: #E6F7F9;
	padding: 8px;
	margin: 15px 0;
}

#ortho30 h4#title01 { height:45px; }
#ortho30 #content h5 { height:30px; }

/* ortho40
------------------------------------------------------------------------*/
#ortho40 #content .box01 {
	background: #E6F7F9;
	padding: 8px;
	margin: 15px 0;
}
#ortho40 #content h5 { height:30px; }

/* invisible
------------------------------------------------------------------------*/
#invisible th,
#invisible td {
	width:290px;
	vertical-align:top;
}

#invisible #content dl{
	margin: 20px;
	width:580px;
	padding:0;
	}
#invisible #content dt{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
	background: #B1D7E0 url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 8px 5px 8px 40px ;
	margin: 0;
	font-weight: bold;
	color: #0455B7;
	}
#invisible #content dd{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background:url(../images/faq_a.jpg) 5px 5px no-repeat;
	padding: 8px 5px 8px 40px ;
	margin: 0 0 20px 0;
	}
	
#invisible #content .box01 {
	background: #E3F1F4;
	padding: 8px;
	margin-top: 20px;
}


/* newest
------------------------------------------------------------------------*/
#newest th,
#newest td {
	width:190px;
	vertical-align:top;
}


/* bridal
------------------------------------------------------------------------*/
#bridal .box01 {
	background: url(../images/bridal_bg.jpg) 0 0 no-repeat;
	border: 1px solid #DADADA;
	margin-bottom:10px;
}


/* faq
------------------------------------------------------------------------*/
#faq #content dl{
	margin: 0 20px 20px 20px;
	padding:0;
	border: 1px solid #CCC;
}
#faq #content dt{
	border-bottom: 1px solid #CCC;
	background: url(../images/faq_q.jpg) 0 5px no-repeat;
	padding: 8px 5px 5px 40px ;
	margin: 0 30px 0 10px;
	font-weight: bold;
	color:#666;
	}
#faq #content dd{
	border-bottom: 1px dotted #CCC;
	background:url(../images/faq_a02.jpg) 0 5px no-repeat;
	padding: 8px 5px 5px 40px ;
	margin: 0 10px 20px 30px;
	}
	
#faq #content .box01 {
	background: #E3F1F4;
	padding: 8px;
	margin-top: 20px;
}


/* contact
------------------------------------------------------------------------*/
#contact #content table { margin-bottom: 20px; }