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

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Concept                       */
/*                   Dr                            */
/*                   Implant                       */
/*                   Diary                         */
/*                   Child                         */
/*                   Case                          */
/*                   Fieldwork                     */
/*                   Recruit                       */
/*                   Access                        */
/*                   Sitemap                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Light Pink     #ffcfe4      */
/*        Main Color - Pink           #f663aa      */
/*                                                 */
/*        Sub Color - Light Green     #9ac166      */
/*        Sub Color - Green           #97c761      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- Container -----------*/

body { background: url(../images/body_bg.jpg) top repeat-x; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) top center no-repeat;
	text-align: center;
	}

#page_body {
	width: 820px;
	margin: 0 auto;
	background: url(../images/page_body_bg.jpg) center repeat-y;
	text-align: left;
	}

#main {
	margin: 0;
	padding: 0 10px;
	background: url(../images/main_bg.jpg) 0 0 no-repeat;
	width: 800px;
	height: 100%;
	}
* html body #main { width: 820px; }

#content {
	width: 580px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	padding: 1em 0;
	}


/*---------- Header -----------*/

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 100px;
	width: 820px;
	margin: 0;
	padding: 0 10px;
	}

h1 {
	text-indent: -9999px;
	width: 420px;
	height: 80px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 420px;
	height: 80px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

#header p {
	margin: 0 0 0 14px;
	padding: 6px 0 0 0;
	line-height: 1.0;
	font-size: 10px;
	color:#666666;
	height: 14px;
	}

*:first-child+html #header p { font-size: 9px; }
* html body #header p {
	font-size: 9px;
	height: 20px;
	}

#header ul,
#header li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#header ul {
  display:block;
	width: 360px;
	height:50px;
	float: right;
	padding: 13px 12px 0 0;
	}
#header li {
	width: 170px;
	float: left;
	list-style-type:none;
	}


/*---------- Navigation -----------*/

#global_nav {
	background: url(../images/global_nav_bg.jpg) 0 0 no-repeat;
	height: 60px;
	clear: both;
	}

#global_nav ul {
	margin: 0;
	padding: 0 0 0 26px;
	height: 20px;
	}

#global_nav li {
	height: 20px;
	float: left;
	list-style: none;
	text-indent: -9999px;
	}
#global_nav li a {
	display: block;
	height: 20px;
	}

#nav03 { width: 85px; }
#nav04 { width: 592px; }
#nav05 { width: 93px; }

#nav03 a {
	width: 78px;
	background: url(../images/global_nav.jpg) -26px 0 no-repeat;
	}
#nav04 a {
	width: 78px;
	background: url(../images/global_nav.jpg) -111px 0 no-repeat;
	}
#nav05 a {
	width: 93px;
	background: url(../images/global_nav.jpg) -703px 0 no-repeat;
	}

#global_nav p.tel {
	margin: 6px 10px 0 0;
	padding: 0;
	text-align: right;
	}


#nav {
	width: 210px;
	float: left;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li { text-indent: -9999px; }

#nav li a {
	display: block;
	height: 50px;
	}

#nav06 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -50px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -100px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -150px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -200px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -250px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -300px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -350px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -400px no-repeat; }

#nav06 a:hover { background: url(../images/nav.jpg) -210px 0 no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -210px -50px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -210px -100px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -210px -150px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -210px -200px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -210px -250px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -210px -300px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -210px -350px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -210px -400px no-repeat; }

#nav p.tel {
	margin: 0;
	text-indent: -9999px;
	background: url(../images/nav_tel.jpg) left bottom no-repeat;
	height: 56px;
	}


/*---------- Footer -----------*/

#footer {
	clear: both;
	margin: 0;
	padding: 1.5em 0;
	background: #fff url(../images/footer.jpg) top center no-repeat;
	font-size: 85%;
	color: #aaa;
	}
#footer address.top15{
	margin-top:15px;
	}
*:first-child+html #footer { font-size: 9px; }
* html body #footer { font-size: 9px; }

#footer a {
	text-decoration: none;
	color: #90c400;
	}
#footer a:hover { color: #97c761; }

#footer ul { 
	list-style: none;
	text-align: center;
	margin: 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer address {
	text-align: center;
	margin: 32px 1em 8px 1em;
	}


/*---------- Contents -----------*/


.section { padding: .5em 10px; }
.section2 {
  padding: .5em 10px;
	float: left;
}

p.center { text-align: center; }

#content h2 {
	height: 56px;
	text-indent: -9999px;
	margin: 0 10px;
	}
#content h3 {
	clear: both;
	height: 54px;
	text-indent: -9999px;
	}
#content h4 {
	clear: both;
	height: 31px;
	text-indent: -9999px;
	}

#content h5 {
	text-indent: -9999px;
	height: 26px;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 4px no-repeat;
	padding-left: 1.4em;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a { color: #f45da6; }
a:hover { color: #c973aa; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin: 0 12px 12px 0;
	}

.image_r {
	float: right;
	margin: 0 0 12px 12px;
	}

#content ul.totop li {
	list-style: none;
	width: 146px;
	height: 32px;
	margin: 0;
	padding: 0;
	float: right;
	text-indent: -9999px;
	background-image: none;
	}

#content ul.totop li a {
	display: block;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	height: 32px;
	}

#content p.caution { color: red; }

#main p.home {
	background: url(../images/home_bg.jpg) 0 0 no-repeat;
	padding-left: 22px;
	color: #f45da6;
	text-align: left;
	padding-top: 2px;
	}


/*---------- Index -----------*/

#index #global_nav {
	background: url(../images/index_global_nav_bg.jpg) 0 0 no-repeat;
	height: 60px;
	clear: both;
	}

#index #main { text-align: center; }

#index #main ul,
#index #main li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#index #main ul {
	width: 600px;
	height: 600px;
	margin: 10px 100px;
	}

*:first-child+html #index #main ul { margin: 10px 0; }
* html body#index #main ul { margin: 10px 0; }

#index #main li {
	text-indent: -9999px;
	float: left;
	}
#index #main li a { display: block; }

#index01 {
	width: 200px;
	height: 175px;
	}
#index02 {
	width: 200px;
	height: 175px;
	}
#index03 {
	width: 200px;
	height: 175px;
	}
#index04 {
	width: 180px;
	height: 240px;
	}
#index05 {
	width: 240px;
	height: 240px;
	}
#index06 {
	width: 180px;
	height: 240px;
	}
#index07 {
	width: 200px;
	height: 185px;
	}
#index08 {
	width: 200px;
	height: 185px;
	}
#index09 {
	width: 200px;
	height: 185px;
	}


#index01 a {
	width: 200px;
	height: 175px;
	background: url(../images/index_menu.jpg) 0 0 no-repeat;
	}
#index02 a {
	width: 200px;
	height: 175px;
	background: url(../images/index_menu.jpg) -200px 0 no-repeat;
	}
#index03 a {
	width: 200px;
	height: 175px;
	background: url(../images/index_menu.jpg) -400px 0 no-repeat;
	}
#index04 a {
	width: 180px;
	height: 240px;
	background: url(../images/index_menu.jpg) 0 -175px no-repeat;
	}
#index05 a {
	width: 240px;
	height: 240px;
	background: url(../images/index_menu.jpg) -180px -175px no-repeat;
	}
#index06 a {
	width: 180px;
	height: 240px;
	background: url(../images/index_menu.jpg) -420px -175px no-repeat;
	}
#index07 a {
	width: 200px;
	height: 185px;
	background: url(../images/index_menu.jpg) 0 -415px no-repeat;
	}
#index08 a {
	width: 200px;
	height: 185px;
	background: url(../images/index_menu.jpg) -200px -415px no-repeat;
	}
#index09 a {
	width: 200px;
	height: 185px;
	background: url(../images/index_menu.jpg) -400px -415px no-repeat;
	}




/*---------- Concept -----------*/

#concept h2#title01 { background: url(../images/h2_concept01.jpg) 0 0 no-repeat; }
#concept h3#title02 { background: url(../images/h3_concept02.jpg) 0 0 no-repeat; }
#concept h4#title03 { background: url(../images/h4_concept03.jpg) 0 0 no-repeat; }
#concept h4#title04 { background: url(../images/h4_concept04.jpg) 0 0 no-repeat; }

#concept #content .alpha {
	width: 250px;
	float: left;
	}
#concept #content .beta {
	width: 280px;
	float: right;
	}


/*---------- Dr -----------*/

#dr h2#title01 { background: url(../images/h2_dr01.jpg) 0 0 no-repeat; }
#dr h3#title02 { background: url(../images/h3_dr02.jpg) 0 0 no-repeat; }
#dr h3#title03 { background: url(../images/h3_dr03.jpg) 0 0 no-repeat; }
#dr h4#title04 { background: url(../images/h4_dr04.jpg) 0 0 no-repeat; }
#dr h4#title05 { background: url(../images/h4_dr05.jpg) 0 0 no-repeat; }
#dr h2#title06 { background: url(../images/h2_info.jpg) 0 0 no-repeat; }


/*---------- Implant -----------*/

#implant h2#title01 { background: url(../images/h2_implant01.jpg) 0 0 no-repeat; }
#implant h3#title02 { background: url(../images/h3_implant02.jpg) 0 0 no-repeat; }
#implant h4#title03 { background: url(../images/h4_implant03.jpg) 0 0 no-repeat; }


/*---------- Diary -----------*/

#diary h2#title01 { background: url(../images/h2_diary01.jpg) 0 0 no-repeat; }
#diary h3#title02 {
	background: url(../images/h3_diary02.jpg) 0 0 no-repeat;
	height: 73px;
	}
#diary h4#title03 { background: url(../images/h4_diary03.jpg) 0 0 no-repeat; }
#diary h5#title04 { background: url(../images/h5_diary04.jpg) 0 0 no-repeat; }
#diary h5#title05 { background: url(../images/h5_diary05.jpg) 0 0 no-repeat; }
#diary h5#title06 { background: url(../images/h5_diary06.jpg) 0 0 no-repeat; }
#diary h5#title07 { background: url(../images/h5_diary07.jpg) 0 0 no-repeat; }


/*---------- Child -----------*/

#child h2#title01 { background: url(../images/h2_child01.jpg) 0 0 no-repeat; }
#child h3#title02 { background: url(../images/h3_child02.jpg) 0 0 no-repeat; }
#child h4#title03 { background: url(../images/h4_child03.jpg) 0 0 no-repeat; }
#child h5#title04 { background: url(../images/h5_child04.jpg) 0 0 no-repeat; }
#child h5#title05 { background: url(../images/h5_child05.jpg) 0 0 no-repeat; }


/*---------- Case -----------*/

#case h2#title01 { background: url(../images/h2_case01.jpg) 0 0 no-repeat; }
#case h3#title02 { background: url(../images/h3_case02.jpg) 0 0 no-repeat; }
#case h3#title03 { background: url(../images/h3_case03.jpg) 0 0 no-repeat; }
#case h3#title04 { background: url(../images/h3_case04.jpg) 0 0 no-repeat; }
#case h3#title05 { background: url(../images/h3_case05.jpg) 0 0 no-repeat; }

#case #content li li {
	padding: 0;
	width: 72px;
	float: left;
	background-image: none;
	margin-bottom: 12px;
	}

#case #content li li  img {
	display: block; 
	border: 3px solid #ddd;
	}


/*---------- Fieldwork -----------*/

#fieldwork h2#title01 { background: url(../images/h2_fieldwork01.jpg) 0 0 no-repeat; }
#fieldwork h3#title02 { background: url(../images/h3_fieldwork02.jpg) 0 0 no-repeat; }
#fieldwork h4#title03 { background: url(../images/h4_fieldwork03.jpg) 0 0 no-repeat; }

#fieldwork #content ol { margin: 1em 0; }
#fieldwork #content li {
	margin-left: 0;
	list-style: none;
	}


/*---------- Recruit -----------*/

#recruit h2#title01 { background: url(../images/h2_recruit01.jpg) 0 0 no-repeat; }
#recruit h3#title02 {
	background: url(../images/h3_recruit02.jpg) 0 0 no-repeat;
	height: 73px;
	}
#recruit h4#title03 { background: url(../images/h4_recruit03.jpg) 0 0 no-repeat; }


/*---------- Access -----------*/

#access h2#title01 { background: url(../images/h2_access01.jpg) 0 0 no-repeat; }
#access h3#title02 { background: url(../images/h3_access02.jpg) 0 0 no-repeat; }
#access h4#title03 { background: url(../images/h4_access03.jpg) 0 0 no-repeat; }

#access #content .alpha {
	width: 290px;
	float: left;
	}
#access #content .beta {
	width: 250px;
	float: right;
	}
#access #content .beta dl { margin-left: 0; }
#access #content .beta dl dd { margin-left: 0; }


/*---------- Sitemap -----------*/

#sitemap h2#title01 { background: url(../images/h2_sitemap01.jpg) 0 0 no-repeat; }

.text10{
font-size:10px;
}
/*---------- 追加 -----------*/

div.info{
  margin: 50px 0 0 0;
}
#tiny{
  display:block;
	width:550px;
	height:200px;
	overflow:scroll;	
}
#tiny table { border: none;}
#tiny table td { border: none;}




.box01 {
  clear: both;
	width: 575px;
	margin: 0 auto;
}

.bnr01 a {
  display: block; 
	width: 260px;
	height: 120px;
	background: url(../images/bnr01.jpg) 0 0 no-repeat;
	margin: 0 0 0 20px;
	padding: 0;
	outline: none;
  text-indent: -9999px;
	float: left;
}

.bnr01 a:hover {
	background-position: 0 bottom;
}

.bnr02 a {
	margin: 0;
	padding: 0;
	outline: none;
	float: right;
}

.bnr03 a {
  display: block; 
	width: 420px;
	height: 100px;
	background: url(../images/bnr03.jpg) 0 0 no-repeat;
	margin: 10px 0 0 60px;
	padding: 0;
	outline: none;
  text-indent: -9999px;
}

.bnr03 a:hover {
	background-position: 0 bottom;
}

.tex {
  text-indent: 70px;
}


.bnr04 a {
  display: block; 
	width: 420px;
	height: 100px;
	background: url(../images/bnr03.jpg) 0 0 no-repeat;
	margin: 0 0 0 30px;
	padding: 0;
	outline: none;
  text-indent: -9999px;
}

.bnr04 a:hover {
	background-position: 0 bottom;
}

.tex2 {
  text-indent: 40px;
}


.bnr05 a {
  display: block; 
	width: 200px;
	height: 83px;
	background: url(../images/bnr04.jpg) 0 0 no-repeat;
	margin: 5px 0 0 5px;
	padding: 0;
	outline: none;
  text-indent: -9999px;
}

.bnr05 a:hover {
	background-position: 0 bottom;
}