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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Products                    */
/*                 09  Alumina                     */
/*                 10  Zirconia                    */
/*                 11  Ceramic                     */
/*                 12  h-ceramic                   */
/*                 13  Implant                     */
/*                 14  Denture                     */
/*                 15  Company                     */
/*                 16  Features                    */
/*                 17  Flow                        */
/*                 18  Workshop                    */
/*                 19  Groups                      */
/*                 20  Recruit                     */
/*                 21  Fmail                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background: url(../images/body_bg.jpg) top repeat-x #554b4b; font-family:"ＭＳ Ｐゴシック"; }
p img { display:block; }
#content option { margin:0 0 0 10px; padding:0; }
#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat-y;
	width:922px;
	margin:0 auto;
	padding:0;
	text-align: left;
	}

#main {	margin: 0 35px 0 19px; }

#content {
	width: 640px;
	float: right;
	font-size:92.3%; line-height:1.667em;
	color:#333;
	background:#fff;
	}
#index #content {
	color:#000;
	}

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

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height:301px;
	width:922px;
	margin: 0;
	padding: 0;
	}
#index #header { height:451px; }

h1 {
	width: 490px;
	height:100px;
	line-height: 1.0;
	float:left;
	}
h1 a {
	text-indent: -9999px;
	display: block;
	width: 484px;
	height:95px;
	margin-top:5px;
	margin-left:6px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

#header p.tel {
	width:314px;
	margin:17px 0 0 0;
	padding: 0;
	height:70px;
	float:right;
	}
#header p.tel a { display: block; text-indent:-9999px; height:70px; width:300px; background:url(../images/header_tel.jpg) no-repeat 0 0; }
#header p.tel a:hover { background:url(../images/header_tel.jpg) no-repeat 0 -70px; }

#header #main_img { width:900px; clear:both; margin:0 11px; height:201px; background:url(../images/main_img_bg.jpg) no-repeat 0 0;}
#index #header #main_img { height:351px; background:url(../images/header_index_bg.jpg) no-repeat 0 0; }
#main_img .main_img { margin:0; padding:50px 0 41px 33px; clear:both; }
#main_img h2 { margin:81px; padding:81px 0 84px 14px; margin:0; }
#main_img h2 img { display:block; }

#header #header_nav { margin:0 19px; padding:0; list-style:none; height:42px; width:862px;  }

#header #header_nav li {
	height:42px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header #header_nav li a {
	display: block;
	text-indent: -9999px;
	height:42px;
	}

#nav01 { width: 92px; }
#nav02 { width: 130px; }
#nav03 { width: 150px; }
#nav04 { width: 110px; }
#nav05 { width: 158px; }
#nav06 { width: 100px; }
#nav07 { width: 122px; }

#nav01 a { background: url(../images/header_nav.jpg) 0 0 no-repeat;	width:92px; }
#nav01 a:hover { background: url(../images/header_nav.jpg) 0 -42px no-repeat; }
#nav02 a { background: url(../images/header_nav.jpg) -92px 0 no-repeat;	width:130px; }
#nav02 a:hover { background: url(../images/header_nav.jpg) -92px -42px no-repeat; }
#nav03 a { background: url(../images/header_nav.jpg) -222px 0 no-repeat; width:150px; }
#nav03 a:hover { background: url(../images/header_nav.jpg) -222px -42px no-repeat; }
#nav04 a { background: url(../images/header_nav.jpg) -372px 0 no-repeat; width:110px; }
#nav04 a:hover { background: url(../images/header_nav.jpg) -372px -42px no-repeat; }
#nav05 a { background: url(../images/header_nav.jpg) -482px 0 no-repeat; width:158px; }
#nav05 a:hover { background: url(../images/header_nav.jpg) -482px -42px no-repeat; }
#nav06 a { background: url(../images/header_nav.jpg) -640px 0 no-repeat; width:100px; }
#nav06 a:hover { background: url(../images/header_nav.jpg) -640px -42px no-repeat; }
#index #nav07 a { background: url(../images/header_nav.jpg) -740px 0 no-repeat; width:122px; }
#index #nav07 a:hover { background: url(../images/header_nav.jpg) -740px -42px no-repeat; }
#nav07 a { background: url(../images/header_nav01.jpg) 0 0 no-repeat; width:122px; }
#nav07 a:hover { background: url(../images/header_nav01.jpg) 0 -42px no-repeat; }



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

#nav {
	width: 202px;
	float: left;
	padding:10px 0 20px 0;
	}
#nav ul{ margin: 0 0 9px 0;	padding: 0;	list-style: none; background: url(../images/nav.jpg) 0 0 no-repeat; width: 202px; height:290px; }
#nav li { marigin: 0; padding: 0; list-style: none; }

#nav .internal li {	text-indent: -9999px; padding:0; margin: 0; }

#nav .internal li a { display: block; width: 202px; padding:0; margin: 0; }

#nav08 { width:202px; height:44px; margin:0; }
#nav08 a { height:32px; background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -202px 0 no-repeat; }

#nav09 { width:202px; height:33px; margin:0; }
#nav09 a { height:30px; background: url(../images/nav.jpg) 0 -44px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -202px -44px no-repeat; }

#nav10, #nav11 , #nav12, #nav13, #nav14 { width:202px; height:35px; margin:0 0; }
#nav10 a { height:32px; background: url(../images/nav.jpg) 0 -77px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -202px -77px no-repeat; }
#nav11 a { height:32px; background: url(../images/nav.jpg) 0 -112px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -202px -112px no-repeat; }
#nav12 a { height:32px; background: url(../images/nav.jpg) 0 -147px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -202px -147px no-repeat; }
#nav13 a { height:32px; background: url(../images/nav.jpg) 0 -182px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -202px -182px no-repeat; }
#nav14 a { height:32px; background: url(../images/nav.jpg) 0 -217px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -202px -217px no-repeat; }
#nav15 { width:202px; height:32px; margin:0; }
#nav15 a { height:32px; background: url(../images/nav.jpg) 0 -252px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -202px -252px no-repeat; }

#nav .nav_blog { width:202px; margin:0 0 21px 0; height:62px; }
#nav .nav_blog a{ width:202px; height:62px; display:block; text-indent:-9999px; background:url(../images/nav_blog.jpg) no-repeat 0 0; }
#nav .nav_blog a:hover{ background:url(../images/nav_blog.jpg) no-repeat 0 -62px; }

#nav .nav_info { margin:0 1px; background:#999; padding:5px; }
#nav .nav_info_w { margin:0; background:#fff; padding:6px 4px 7px 4px; }
#nav .nav_img01 { margin:0 0 6px 0; }
#nav dl { width:178px; margin:0 0 0 4px; padding:0; font-size:12px; line-height:20px; color:#000; }
#nav dl dt{ width:44px; margin:0; padding:0; float:left; display:inline-block; font-weight:normal; color:#993300; }
#nav dl dt.dt01{ width:79px; margin:0; padding:0; float:left; display:inline-block; }
#nav dl dd{ width:134px; margin:0; padding:0; float:left; display:inline-block; }
#nav dl dd.dd01{ width:134px; margin:0 0 0 44px; padding:0; float:left; display:inline; }
#nav dl dd.dd02{ width:99px; margin:0; padding:0; float:left; display:inline-block; }

#nav p { text-align: center; }


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

#footer01 { clear:both; width:900px; margin:0 11px; background:url(../images/footer_line.jpg) repeat-x 0 0 #fff; height:88px; }
#footer01 .tel { width:300px; height:61px; margin:15px 0 0 10px; float:left; display:inline; }
#footer01 .fmail { width:560px; height:60px; margin:15px 10px 0 0; float:right; display:inline; }
#footer01 .fmail a{ width:560px; height:60px; display:block; text-indent:-9999px; background:url(../images/footer_contact.jpg) no-repeat 0 0; }
#footer01 .fmail a:hover{ background:url(../images/footer_contact.jpg) no-repeat 0 -60px; }

#footer {
	clear: both;
	margin:0 auto;
	background:url(../images/footer_bg.jpg) bottom repeat-x;
	text-align: center;
	height:31px;
}
#footer address { padding:7px 0 0 0; margin:0; }
#footer address img{ display:block; text-align:center; margin:0 auto; }

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

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

.center { text-align: center; }

#content h2 { height: 36px;	margin:30px 0 24px 0; }
#content h2 img{ display:block; line-height:1.0; }
#content h3 {
	clear: both;
	height: 30px;
	text-indent: -9999px;
	margin-left: -10px;
	margin-right:-10px;
	margin-bottom:14px;
	}
#content h4 {
	height: 20px;
	margin-left:-10px;
	margin-bottom:7px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #ad4a00;
	outline: none;
	}
a:hover { color: #ff9f57; }

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

.image_l  {
	float: left;
	margin: 0 15px 6px 0;
	}
.image_l_b  {
	float:left;
	margin: 0px 15px 12px 0px;
	padding-top:5px;
	display:inline;
}
*:first-child+html .image_l_b { margin: 0px 15px 0px 0px; padding-bottom:6px; } /*  for IE7 only */
*html body .image_l_b { margin:0px 12px 0px 0px; padding-bottom:6px; } /*  for IE6 only */
.image_r {
	float: right;
	margin: 0 0 6px 15px;
	}
.image_r_b  {
	float: right;
	padding:5px 0px 6px 15px;
	display:inline;
	margin:0;
}
*:first-child+html .image_r_b { padding: 5px 0px 0px 15px; } /*  for IE7 only */
*html body .image_r_b { padding:5px 0px 0px 12px; } /*  for IE6 only */
.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

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

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {	clear: both; margin:0 10px 0 0 ; height:40px; }

#content ul.totop li {
	list-style: none;
	width: 132px;
	height:20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height:20px;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */



#content table {
	border-collapse:collapse;
	border-spacing: 1px;
	border: 1px solid #e6e6e6;
	font-size: 100%;
	margin:0;
	width:100%;
	line-height:1.667em;
	}

#content table th,
#content table td {
	padding: 5px 10px;
	border: 1px solid #e6e6e6;
	}
#content table td.td_top { vertical-align:top; }

#content table th {
	background: #f9f9f9;
	width: 140px; color:#333;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}

.pad_bthe { padding-top:.5em; padding-bottom:.5em; }
.pad_bthe_lr10 { padding:.5em 10px; }
.mar_be { margin-bottom:1em; }
.mar_b2e { margin-bottom:2em; }
.mar_bhe { margin-bottom:1.5em; }
.mar_beh { margin-bottom:.5em; }
.mar_b0 { margin:6px 0 0 0; }
.mar_0 { margin:0 0 6px 0; }

.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.text_c { text-align:center; }
.text_b { font-weight:bold; }
.bg01 { background:#f9f9f9; }
.w50c { width:50%; }


/*---------- 07  Index --------------*/
.index_news { margin:30px 0 31px 0; padding:0 0 4px 0; background:#ebebeb; }
.img0 { margin:0; }
.index_bg_w { margin:0 4px; background:#fff; padding:3px 21px; }
#content dl.dl01 { width:590px; margin:0; padding:0; line-height:200%; }
#content dl.dl01 dt { width:107px; margin:0; padding:0; float:left; display:inline-block; font-weight:normal; color:#993300; }
#content dl.dl01 dd { width:483px; margin:0; padding:0; float:left; display:inline-block; }

.index_01 { background:#8c6e6e; margin:0 0 28px 0; padding:5px; }
.index_alumina { width:310px; height:150px; float:left; margin:0; padding:0; cursor:pointer; background:url(../images/index_alumina.jpg) no-repeat 0 0;  }
#content .index_alumina a{ color:#666; text-decoration:none; }

.index_alumina_hover { width:310px; height:150px; margin:0; padding:0; cursor:pointer; background:url(../images/index_alumina.jpg) no-repeat 0 -150px; }
#content .index_alumina_hover a{ color:#666; text-decoration:none; }

#content .index_text01 { padding:74px 70px 0 12px; line-height:16px; color:#666; }
.index_text01 a{  color:#666; text-decoration:none; }


.index_workshop { width:310px; height:150px; float:right; margin:0; padding:0; cursor:pointer; background:url(../images/index_workshop.jpg) no-repeat 0 0;  }
#content .index_workshop a{ color:#666; text-decoration:none; }

.index_workshop_hover { width:310px; height:150px; margin:0; padding:0; cursor:pointer; background:url(../images/index_workshop.jpg) no-repeat 0 -150px; }
#content .index_workshop_hover a{ color:#666; text-decoration:none; }

#content .index_text02 { padding:58px 73px 0 12px; line-height:16px; color:#666; }
.index_text02 a{  color:#666; text-decoration:none; }

#index #content h3{ margin:0; text-indent:0; line-height:1.0; height:35px; }
#index #content h3 img{ display:block; }

.index02 { padding:0; margin:0 0 30px 0; }
#index #content h4 { margin:0; height:30px; text-indent:0; padding:0 }
.pad01 { padding:9px 15px 0 15px; }

#tiny table { border: none; margin:0;}
#tiny table td { border: none; vertical-align:top;}

/*---------- 08  Products -----------*/
#products h3#title02 { background:url(../images/products_h3-01.jpg) no-repeat 0 0; }
#products h4#title03 { background:url(../images/products_h4-01.jpg) no-repeat 0 0; }
#products h4#title04 { background:url(../images/products_h4-02.jpg) no-repeat 0 0; }
#products h4#title05 { background:url(../images/products_h4-03.jpg) no-repeat 0 0; }
#products h4#title06 { background:url(../images/products_h4-04.jpg) no-repeat 0 0; }
#products h4#title07 { background:url(../images/products_h4-05.jpg) no-repeat 0 0; }
#products h4#title08 { background:url(../images/products_h4-06.jpg) no-repeat 0 0; }
.link_r { float:right; margin:0 0 7px 0; *margin:0; padding:0; background:url(../images/icon01.jpg) no-repeat 0 6px; }
#content .link_r a{ margin:0; padding:0 0 0 12px; text-decoration:none; }
#content .link_r a:hover{ text-decoration:underline; }
.text_red { color:#eb4b13; }

/*---------- 09  Alumina ------------*/
#alumina h3#title02 { background:url(../images/alumina_h3-01.jpg) no-repeat 0 0; }
#alumina h3#title03 { background:url(../images/alumina_h3-02.jpg) no-repeat 0 0; }
#alumina h4#title04 { background:url(../images/alumina_h4-01.jpg) no-repeat 0 0; }
#alumina h4#title05 { background:url(../images/alumina_h4-02.jpg) no-repeat 0 0; }
.products_link { width:600px; height:100px; margin:0 20px 20px 20px; padding:0; clear:both; }
.products_link a{ height:100px; display:block; text-indent:-9999px; background:url(../images/products_link.jpg) no-repeat 0 0; }
.products_link a:hover{ background:url(../images/products_link.jpg) no-repeat 0 -100px; }

/*---------- 10  Zirconia -----------*/
#zirconia h3#title02 { background:url(../images/zirconia_h3-01.jpg) no-repeat 0 0; }
#zirconia h4#title03 { background:url(../images/zirconia_h4-01.jpg) no-repeat 0 0; }
#zirconia h4#title04 { background:url(../images/zirconia_h4-02.jpg) no-repeat 0 0; }

/*---------- 11  Ceramic ------------*/
#ceramic h3#title02 { background:url(../images/ceramic_h3-01.jpg) no-repeat 0 0; }
#ceramic h3#title03 { background:url(../images/ceramic_h3-02.jpg) no-repeat 0 0; }

/*---------- 12  h-ceramic ----------*/
#h_ceramic h3#title02 { background:url(../images/h_ceramic_h3-01.jpg) no-repeat 0 0; }
#h_ceramic h3#title03 { background:url(../images/h_ceramic_h3-02.jpg) no-repeat 0 0; }
#h_ceramic h4#title04 { background:url(../images/h_ceramic_h4-01.jpg) no-repeat 0 0; }
#content ul.ul01 { margin:0; padding:0; list-style:none; }
#content ul.ul01 li { background:url(../images/icon01.jpg) no-repeat 0 6px; padding:0 0 0 12px; margin:0; list-style:none; }

/*---------- 13  Implant ------------*/
#implant h3#title02 { background:url(../images/implant_h3-01.jpg) no-repeat 0 0; }
#implant h3#title03 { background:url(../images/implant_h3-02.jpg) no-repeat 0 0; }
#implant h4#title04 { background:url(../images/implant_h4-01.jpg) no-repeat 0 0; }
#implant h4#title05 { background:url(../images/implant_h4-02.jpg) no-repeat 0 0; height:27px; }

.img_c { margin:0 auto; text-align:center; }

/*---------- 14  Denture ------------*/
#denture h3#title02 { background:url(../images/denture_h3-01.jpg) no-repeat 0 0; }
#denture h4#title03 { background:url(../images/denture_h4-01.jpg) no-repeat 0 0; }
#denture h4#title04 { background:url(../images/denture_h4-02.jpg) no-repeat 0 0; }

/*---------- 15  Company ------------*/
#company h3#title02 { background:url(../images/company_h3-01.jpg) no-repeat 0 0; }
#company h3#title03 { background:url(../images/company_h3-02.jpg) no-repeat 0 0; }
#company h3#title04 { background:url(../images/company_h3-03.jpg) no-repeat 0 0; }
#map {
	margin:6px 0;
	width:470px;
	height:450px;
	border:1px solid #e6e6e6;
}

/*---------- 16  Feature ------------*/
#features h3#title02 { background:url(../images/features_h3-01.jpg) no-repeat 0 0; }

/*---------- 17  Flow ---------------*/
#flow h3#title02 { background:url(../images/flow_h3-01.jpg) no-repeat 0 0; }

/*---------- 18  Workshop -----------*/
#workshop h3#title02 { background:url(../images/workshop_h3-01.jpg) no-repeat 0 0; }
#workshop h4#title03 { background:url(../images/workshop_h4-01.jpg) no-repeat 0 0; }
#workshop h4#title04 { background:url(../images/workshop_h4-02.jpg) no-repeat 0 0; }
.recruit_link { width:600px; height:100px; margin:0 20px 20px 20px; padding:0; }
.recruit_link a{ height:100px; display:block; text-indent:-9999px; background:url(../images/recruit_link.jpg) no-repeat 0 0; }
.recruit_link a:hover{ background:url(../images/recruit_link.jpg) no-repeat 0 -100px; }

/*---------- 19  Groups -------------*/
#groups h3#title02 { background:url(../images/groups_h3-01.jpg) no-repeat 0 0; }
.products_link01 { width:600px; height:100px; margin:0 20px 20px 20px; padding:0; clear:both; }
.products_link01 a{ height:100px; display:block; text-indent:-9999px; background:url(../images/products_link01.jpg) no-repeat 0 0; }
.products_link01 a:hover{ background:url(../images/products_link01.jpg) no-repeat 0 -100px; }

.features_link { width:600px; height:100px; margin:0 20px 20px 20px; padding:0; clear:both; }
.features_link a{ height:100px; display:block; text-indent:-9999px; background:url(../images/features_link.jpg) no-repeat 0 0; }
.features_link a:hover{ background:url(../images/features_link.jpg) no-repeat 0 -100px; }

/*---------- 20  Recruit --------------*/
#recruit h3#title02 { background:url(../images/recruit_h3-01.jpg) no-repeat 0 0; }
.contact_banner { width:600px; height:100px; margin:0 20px 20px 20px; padding:0; clear:both; }

/*---------- 21  Fmail --------------*/
#fmail h3#title02 { background:url(../images/fmail_h3-01.jpg) no-repeat 0 0; }
/*                                                 */