@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,table,pre,address,ul,ol,dl {
	font-size: 140%; line-height:1.57em;
}
table.mailform select, table.mailform textarea, table.mailform input { font-size:12px; color:#3F3F3F; }

	
h1 { 
	font-size:120%;
	line-height:1.5em;
	color:#0C0B3D;
	position:absolute;
	padding:14px 0 0 153px;
	margin:0 0 0 0;} /* Header内で設定 */
h2 {
	display:block;
	margin: 0 0 32px 34px;}
#index h2{ margin:0; }
h3 {
	clear: both;
	height: 40px;
	text-indent: -9999px;
	margin: 0 -10px 20px -10px;}
h4 {
	height: 22px;
	text-indent: -9999px;
	margin: 0 -10px 12px -10px;}
	
#content .icon{ 
	background:url(../images/icon_02.jpg) 0 0px no-repeat;
	padding-left:25px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#666;
	}
	
a { color: #004ab5; }
a:hover,
a:active { color: #004ab5; text-decoration: none; }
a:visited {
}

ul {
}
li {
}
	
dl {
}
dt {
}
dd {
}

table {
	width: 100%;
	margin-bottom: 20px;
	}

table th,
table td {
	padding: 5px 10px;
	border: 1px solid #c2d0e1;
	}

p { margin: 0 0 1em; }
img{ display:block; }

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


.section { padding: 0 35px 15px; }
.section .section { padding: 0 10px 15px; clear:both; }

.image_c { margin:0 auto; text-align:center; }
.image01{ margin:5px 0; }

.image_l { 
	float: left; 
	margin: 4px 20px 10px 0;
	}
* html body .image_l{ margin: 4px 17px 10px 0; }/* for IE6 only */

.image_l01 { 
	float: left; 
	margin: 4px 20px 1em 0;
	}
*:first-child+html .image_l01{ margin: 4px 20px 0 0; }/* for IE7 only */
* html body .image_l01{ margin: 4px 17px 0 0; }/* for IE6 only */


.image_r { 
	float: right; 
	margin: 4px 0 10px 20px; 
	}
*:first-child+html .image_r{ margin: 4px 0 10px 20px; }/* for IE7 only */
* html body .image_r{ margin: 4px 0 10px 17px; }/* for IE6 only */

.image_r01 { 
	float: right; 
	margin: 4px 0 1em 20px; 
	}
*:first-child+html .image_r01{ margin: 4px 0 0 20px; }/* for IE7 only */
* html body .image_r01{ margin: 4px 0 0 17px; }/* for IE6 only */


.case {
	margin: 0 50px 10px;
	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: 0 50px 10px; }

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


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

html {
	background: none;
}

body {
  background: url(../images/body_bg_04.jpg) top repeat-x;
	color: #3F3F3F;
	text-align: center;
	font-family:"ＭＳ ゴシック";
}
body#index{ background: url(../images/body_bg_01.jpg) top repeat-x;}

#body01{ background:url(../images/body_bg_02.jpg) bottom repeat-x; }
#body02{ background:url(../images/body_bg_05.jpg) center 118px no-repeat; }
#index #body02{ background:url(../images/body_bg_03.jpg) center 118px no-repeat; }

#wrapper {
	width: 960px;
	margin: 0 auto;
}
#main {
	width: 960px;
	margin: 0;
	text-align: left;
  background: url(../images/main_bg.jpg) center repeat-y;
}

#content {
	width: 700px;
	float: right;
	padding: 0;
	margin:0;
	background:url(../images/content_bg.jpg) right top no-repeat;
	}


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

#header {
	width: 950px;
	height: auto;
	margin: 0 auto;
	text-align: left;
  background: url(../images/header_bg.jpg) top repeat-x;
}
#header01{ 
	height:118px;
	margin:0;
	padding:0 0 0 10px;
	}
#header .site_title {
	float:left;
	margin:0;
	padding:0;
}
#header01_01{ 
	width:209px;
	float:right;
	margin:27px 0 0 0;
	padding:0;
	}
.header_img01{
	float:left;
	margin:0 4px 0 3px;
	display:inline;
	}
.header_img02{
	float:left;
	margin:0;
	}
.header_img03{
	float:right;
	margin:0;
	}

#header #header02 {
	width:950px;
	height:206px;
	margin:0 auto;
	padding:0;
	background:url(../images/header_bg_02.jpg) center top no-repeat;
}

.main_img{ padding:27px 0 0 0; }

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

#footer {
	clear: both;
	height:116px;
	padding:0 22px 0 0;
	text-align: center;
  background: url(../images/footer_bg.jpg) bottom repeat-x;
}
#footer .footer_tel{
	float:left;
	margin:14px 0 0 16px;
	padding:0;
	display:inline;
	}
#footer address {
	float:right;
	margin: 22px 0 0 0;
	font-size:130%;
	color:#003677;
	font-family:"ＭＳ Ｐゴシック";
	letter-spacing:1px;
}
*:first-child+html #footer address { margin: 21px 0 0 0; }/* for IE7 only */

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

#navi {
	float: left;
	width: 220px;
	text-align:left;
	padding:16px 0 0 0;
	margin:0 0 0 15px;
	display:inline;
}
.nav_bg01{ background:url(../images/nav_bg_01.jpg) 0 repeat-y; margin:0 0 8px; }
.nav_bg01_top{ background:url(../images/nav_bg_01_top.jpg) top no-repeat; }
.nav_bg01_bottop{ background:url(../images/nav_bg_01_bottom.jpg) bottom no-repeat; padding:11px 12px 15px 12px; }

.nav_bg02{ background:url(../images/nav_bg_01.jpg) 0 repeat-y; margin:0 0 12px; }
.nav_bg02_top{ background:url(../images/nav_bg_01_top.jpg) top no-repeat; }
.nav_bg02_bottop{ background:url(../images/nav_bg_02_bottom.jpg) bottom no-repeat; padding:16px 12px 5px 14px; }
.nav_bg05_bottop{ background:url(../images/nav_bg_05_bottom.jpg) bottom no-repeat; padding:16px 12px 14px 14px; }

.nav_bg_03{ background:#f0f4f7; margin:0 0 22px; padding:0 10px 16px; }
.nav_bg_04{ background:#fff; margin:0; padding:11px 9px; }

#navi ul {
	margin: 0;
	padding:0;
	text-align: left;
}

#navi ul li {
	list-style: none;
	margin: 0 0 15px;
	padding:0;
	font-size:1%;
	line-height: 1%;
}
#navi ul li.li01{ margin:0; }

#navi dl { width:194px; margin:0; padding:0; font-size:120%; line-height:1.25em; }
#navi dl dt{ margin:0 0 6px; padding:0; }
#navi dl dd{ background:url(../images/icon_01.jpg) 7px 5px no-repeat; margin:0; padding:0 0 15px 22px; } 

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

.nav_img01{ margin:0 -3px; }
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.alpha { float: left; }
.beta { float: right; }
.caption { text-align: center; color:#0049b3; margin: 0; }
.margin_0 { margin:0; }
.margin_b03 { margin-bottom:3px; }
.margin_b05 { margin-bottom:5px; }
.margin_b08 { margin-bottom:8px; }
.margin_b10 { margin-bottom:10px; }
.margin_b15 { margin-bottom:15px; }
.margin_b18 { margin-bottom:18px; }
.margin_b20 { margin-bottom:20px; }
.margin_b25 { margin-bottom:25px; }
.margin_b30 { margin-bottom:30px; }

.margin_b32 { margin-bottom:32px; }
.margin_b54 { margin-bottom:54px; }

.w80{ width:80px; }
.w120{ width:120px; }
.w188{ width:188px; }
.w200{ width:200px; }
.w15p{ width:15%; }
.w20p{ width:20%; }
.w_25p { width: 25%; }
.w_50p { width: 50%; }

.bg01{ background:#f0f4f7; }
.bg02{ background:#f0f0f0; }

.td01{ background:#f0f4f7; color:#003676; font-weight:bold; }
.top{ vertical-align:top; }

.text01{ font-size:120%; line-height:1.5em; }
.text02{ font-size:120%; line-height:1.5em; color:#004AB5; padding:0 0 0 12px; margin:0; text-indent:-12px; }
.text03{ color:#d1a10b; font-weight:bold; margin-bottom:5px; }

#top_nav{ height:46px; margin:0 5px 39px 6px; }
#index #top_nav{ height:44px; margin:0 5px 33px 6px; }
#top_nav ul{ margin:0; padding:0; }
#top_nav ul li{ margin:0; padding:0; float:left; }

/* index
------------------------------------------------------------------------*/

.index01{ margin:0 21px 33px 21px; background:#f0f4f7; }
.index_bg01_top{ background:url(../images/index_bg_01_top.jpg) right top no-repeat; }
.index_bg01_bottom{ background:url(../images/index_bg_01_bottom.jpg) left bottom no-repeat; padding:13px 4px 20px 6px; }

.index_img01{ margin:0 0 0 7px; }

#index .alpha01{ width:215px; float:left; margin:0 1px 0 0; }
#index .beta01{ width:215px; float:left; margin:0; }
#index .gamma01{ width:215px; float:right; margin:0; }

#index .pickup01_off {
	background:url(../images/index_bg_02_off.jpg) 0 0 no-repeat;
	width:215px;
	height:200px;
	cursor:pointer;
	color:#3F3F3F;
	}
#index .pickup01_off a { text-decoration:none;color:#3F3F3F;}	
#index .pickup01_on{
	background:url(../images/index_bg_02_on.jpg) 0 0 no-repeat;
	width:215px;
	height:200px;
	cursor:pointer;
	color:#3F3F3F;
	}
#index .pickup01_on a { text-decoration:none; color:#3F3F3F;}	

.index02{ padding:13px 13px 32px 11px; font-size:86%; line-height:2em; }
.index03{ padding:0 7px; margin:0; }

#index .alpha02{ width:160px; float:left; margin:0 2px 0 0; }
#index .beta02{ width:160px; float:left; margin:0 2px 0 0; }
#index .gamma02{ width:160px; float:left; margin:0; }
#index .delta02{ width:160px; float:right; margin:0; }


#index .pickup02_off {
	background:url(../images/index_bg_03_off.jpg) 0 0 no-repeat;
	width:160px;
	height:209px;
	cursor:pointer;
	color:#3F3F3F;
	}
#index .pickup02_off a { text-decoration:none;color:#3F3F3F;}	
#index .pickup02_on{
	background:url(../images/index_bg_03_on.jpg) 0 0 no-repeat;
	width:160px;
	height:209px;
	cursor:pointer;
	color:#3F3F3F;
	}
#index .pickup02_on a { text-decoration:none; color:#3F3F3F;}	

.index04{ padding:14px 17px 32px 13px; font-size:86%; line-height:2em; }


.index05{ margin:0 21px 43px 21px; clear:both; }
.index06{ margin:0 21px 58px 21px; clear:both; }

.index_bg02{ background:#f5fbff; padding:10px 14px 14px 15px; }

.bn_shikatown{ margin:0 0 34px 21px; }


/* doctor
------------------------------------------------------------------------*/
#doctor h3#title02{ background:url(../images/doctor_h3-01.jpg) 0 0 no-repeat; }
#doctor h4#title03{ background:url(../images/doctor_h4-01.jpg) 0 0 no-repeat; }
#doctor h4#title04{ background:url(../images/doctor_h4-02.jpg) 0 0 no-repeat; }

/* access
------------------------------------------------------------------------*/
#access h3#title02{ background:url(../images/access_h3-01.jpg) 0 0 no-repeat; }
#access h3#title03{ background:url(../images/access_h3-02.jpg) 0 0 no-repeat; }
#access h4#title04{ background:url(../images/access_h4-01.jpg) 0 0 no-repeat; }
#access h4#title05{ background:url(../images/access_h4-02.jpg) 0 0 no-repeat; }
#access h4#title06{ background:url(../images/access_h4-03.jpg) 0 0 no-repeat; }
#access h4#title07{ background:url(../images/access_h4-04.jpg) 0 0 no-repeat; }
#access h4#title08{ background:url(../images/access_h4-05.jpg) 0 0 no-repeat; }
#access h4#title09{ background:url(../images/access_h4-06.jpg) 0 0 no-repeat; }
#access h4#title10{ background:url(../images/access_h4-07.jpg) 0 0 no-repeat; }

#access #map{ width:500px; height:400px; margin:5px 0; border: 1px solid #ccc; }

/* child
------------------------------------------------------------------------*/
#child h3#title02{ background:url(../images/child_h3-01.jpg) 0 0 no-repeat; }
#child h4#title03{ background:url(../images/child_h4-01.jpg) 0 0 no-repeat; }
#child h4#title04{ background:url(../images/child_h4-02.jpg) 0 0 no-repeat; }
#child h4#title05{ background:url(../images/child_h4-03.jpg) 0 0 no-repeat; }

/* concept
------------------------------------------------------------------------*/
#concept h3#title02{ background:url(../images/concept_h3-01.jpg) 0 0 no-repeat; }
#concept h3#title03{ background:url(../images/concept_h3-02.jpg) 0 0 no-repeat; }

.concept_bg01{ background:url(../images/concept_bg_01.jpg) 0 repeat-y; width:188px; }
.concept_bg01_top{ background:url(../images/concept_bg_01_top.jpg) 0 top no-repeat; }
.concept_bg01_bottom{ background:url(../images/concept_bg_01_bottom.jpg) 0 bottom no-repeat; padding:14px; }
.concept_bg02{ background:url(../images/concept_bg_01.jpg) 0 repeat-y; width:188px; margin-left:33px; }

#concept .alpha01{ float:left; width:221px; background:url(../images/arrow_h_01.jpg) right center no-repeat; }
#concept .beta01{ float:left; width:221px; background:url(../images/arrow_h_01.jpg) right center no-repeat; }
#concept .gamma01{ float:right; width:188px; background:url(../images/arrow_v.jpg) center bottom no-repeat; padding-bottom:36px; }

#concept .alpha02{ float:left; width:188px; background:url(../images/arrow_v.jpg) center bottom no-repeat; padding-bottom:36px; }
#concept .beta02{ float:left; width:221px; background:url(../images/arrow_h_02.jpg) left center no-repeat; }
#concept .gamma02{ float:right; width:221px; background:url(../images/arrow_h_02.jpg) left center no-repeat; }

#concept .alpha03{ width:188px; background:url(../images/arrow_v.jpg) center bottom no-repeat; }

/* general
------------------------------------------------------------------------*/
#general h3#title02{ background:url(../images/general_h3-01.jpg) 0 0 no-repeat; }
#general h4#title03{ background:url(../images/general_h4-01.jpg) 0 0 no-repeat; }
#general h4#title04{ background:url(../images/general_h4-02.jpg) 0 0 no-repeat; }
#general h3#title05{ background:url(../images/general_h3-02.jpg) 0 0 no-repeat; }
#general h4#title06{ background:url(../images/general_h4-03.jpg) 0 0 no-repeat; }
#general h3#title07{ background:url(../images/general_h3-03.jpg) 0 0 no-repeat; }
#general h4#title08{ background:url(../images/general_h4-04.jpg) 0 0 no-repeat; }
#general h4#title09{ background:url(../images/general_h4-05.jpg) 0 0 no-repeat; }

/* implant
------------------------------------------------------------------------*/
#implant h3#title02{ background:url(../images/implant_h3-01.jpg) 0 0 no-repeat; }
#implant h4#title03{ background:url(../images/implant_h4-01.jpg) 0 0 no-repeat; }
#implant h4#title04{ background:url(../images/implant_h4-02.jpg) 0 0 no-repeat; }
#implant h4#title05{ background:url(../images/implant_h4-03.jpg) 0 0 no-repeat; }
#implant h4#title06{ background:url(../images/implant_h4-04.jpg) 0 0 no-repeat; }
#implant h4#title07{ background:url(../images/implant_h4-05.jpg) 0 0 no-repeat; }


.bg_01 { background:#0049b2; text-align: center; font-weight: bold; color:#fff; }
.bg_02 { background:#f0f4f7; text-align: center; font-weight: bold; color:#0049b2; }
.mar_01 { margin: 0 80px ;}
/* prevent
------------------------------------------------------------------------*/
#prevent h3#title02{ background:url(../images/prevent_h3-01.jpg) 0 0 no-repeat; }
#prevent h4#title03{ background:url(../images/prevent_h4-01.jpg) 0 0 no-repeat; }
#prevent h3#title04{ background:url(../images/prevent_h3-02.jpg) 0 0 no-repeat; }
#prevent h4#title05{ background:url(../images/prevent_h4-02.jpg) 0 0 no-repeat; }
#prevent h4#title06{ background:url(../images/prevent_h4-03.jpg) 0 0 no-repeat; }
#prevent h4#title07{ background:url(../images/prevent_h4-04.jpg) 0 0 no-repeat; }
#prevent h3#title04{ background:url(../images/prevent_h3-02.jpg) 0 0 no-repeat; }
#prevent h4#title08{ background:url(../images/prevent_h4-05.jpg) 0 0 no-repeat; }
#prevent h3#title09{ background:url(../images/prevent_h3-03.jpg) 0 0 no-repeat; }
#prevent h4#title10{ background:url(../images/prevent_h4-06.jpg) 0 0 no-repeat; }
#prevent h3#title11{ background:url(../images/prevent_h3-04.jpg) 0 0 no-repeat; }
#prevent h4#title12{ background:url(../images/prevent_h4-07.jpg) 0 0 no-repeat; }
#prevent h4#title13{ background:url(../images/prevent_h4-08.jpg) 0 0 no-repeat; }
#prevent h4#title14{ background:url(../images/prevent_h4-09.jpg) 0 0 no-repeat; }

ul.ul01 { margin: 0; padding: 0; list-style: none; }
ul.ul01 li { background:url(../images/icon_01.jpg) 0 6px no-repeat; text-indent: 12px; margin: 0; padding: 0; }

/* visit
------------------------------------------------------------------------*/
#visit h3#title02{ background:url(../images/visit_h3-01.jpg) 0 0 no-repeat; }
#visit h4#title03{ background:url(../images/visit_h4-01.jpg) 0 0 no-repeat; }
#visit h4#title04{ background:url(../images/visit_h4-02.jpg) 0 0 no-repeat; }
#visit h4#title05{ background:url(../images/visit_h4-03.jpg) 0 0 no-repeat; }

.box01 { border: 2px solid #003677; background:#fff; padding: 1px; }
.box01_01 { border: 1px solid #447ac9; background:#f0f4f7; padding: 7px 10px; }

/* esthe
------------------------------------------------------------------------*/
#esthe h3#title02{ background:url(../images/esthe_h3-01.jpg) 0 0 no-repeat; }
#esthe h4#title03{ background:url(../images/esthe_h4-01.jpg) 0 0 no-repeat; }
#esthe h4#title04{ background:url(../images/esthe_h4-02.jpg) 0 0 no-repeat; }
#esthe h4#title05{ background:url(../images/esthe_h4-03.jpg) 0 0 no-repeat; }

#esthe h3#title06{ background:url(../images/esthe_h3-02.jpg) 0 0 no-repeat; }
#esthe h4#title07{ background:url(../images/esthe_h4-04.jpg) 0 0 no-repeat; }
#esthe h3#title08{ background:url(../images/esthe_h3-03.jpg) 0 0 no-repeat; }
#esthe h4#title09{ background:url(../images/esthe_h4-05.jpg) 0 0 no-repeat; }