@charset "utf-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,span,blockquote,img{
margin:0;padding:0;}
fieldset,img{border:0; margin:0; vertical-align:top;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}

body{
	background-image:url(bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6;
	color:#333;
	margin:0;
	padding:0;
}

.top{text-indent:-9999px; font-size:9px; color:#FFF; margin-top:-15px; font-size:15px; line-height:1;}

#wrapper { width:846px; margin:0 auto; padding:0px 0px 0px 30px; text-align:left;}

div:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}

.clear { clear:both; margin:0; padding:0; width:0; height:0; line-height:0;}

.left { float:left; }
.right { float:right;}

.marginL5 { margin:0px 0px 0px 5px;}
.marginT5 { margin:10px 0px 0px 0px;}
.marginU20 { margin:0px 0px 20px 0px;}
.marginU2 { margin:0px 0px 2px 0px;}

.orange { color:#F4BB59;}
.green { color:#53B65B;}

strong { font-weight:bold;}

a:hover img {
filter: Alpha(opacity=70);
opacity: 0.7; /*firefox safari*/
}

a:link{ color:#FF9700; text-decoration:underline;}
a:link{ color:#FF9700; text-decoration:underline;}
a:hover{ color:#FF9700; text-decoration:none;}




/*--------------------------wrapper------------------------------*/

#contentsWrapper { width:846px;}
#contentsWrapper #menu { background-color:#FFF; width:200px; float:left;}
#contentsWrapper #main { width:592px; padding:0px 30px 0px 0px; float:right;}
#main #mainWrapper .topics .box { float:right;}
#main #mainTitle{ width:590px; margin:0px; padding:0px 1px;}
#main #contentsWrapper .kouji { width:369px; margin:0 auto; padding:150px 0;}
#main #contentsWrapper { width:584px; padding:45px 4px 45px 4px; background:url(contentsShadow.png) repeat-y;}



/*--------------------------head------------------------------*/

#headreTop { width:810px; margin:0; padding:0px 3px; background:url(topImgShadow.png) repeat-y;} 
#headreTop #Img { width:810px; height:333px;  background:url(topImg.jpg) no-repeat;}

#headresecond { width:810px; margin:0; padding:0px 3px; background:url(topImgShadow.png) repeat-y;} 
#headresecond #Img { width:810px; height:130px;  background:url(secondImg.jpg) no-repeat;} 

#headreTopUnder{ width:816px; height:13px; margin:-1px 0px 28px 0px; padding:0;} 
#headreTopUnder2{ width:816px; height:13px; margin:-2px 0px 28px 0px; padding:0;} 
.logoBox { width:810px;  margin:0 auto;}
#headreTop #Img h2 { margin:25px auto 25px 30px; }
#headreTop #Img p { margin:0px 0px 0px 35px;}
.logo { width:225px; float:left; }
.logoInfo { width:585px; float:right; }
h1.seo { height:13px; font-size:10px; padding:2px 0px 0px 0px; color:#666666; line-height:1.0em; text-align:right;}



/*--------------------------head------------------------------*/

#headre #headerImg { width:810px; height:128px; margin:0px 0px 28px 0px; }
h1.seoIn { height:15px; font-size:10px; padding:2px 0px 0px 0px; color:#666666; line-height:1.0em; text-align:right; background:url(headerInSeo.jpg);}



/*--------------------------side------------------------------*/

#menu ul { width:200px; margin:0 0 10px 0; padding:38px 0px 0px 0px; background:url(menu_title.jpg) top no-repeat; float:left;}
#menu li { width:200px; height:45px; float:left; margin:0; padding:0;}
#menu .map { width:200px; margin:0; padding:38px 0px 0px 0px; background:url(accessmap.jpg) top no-repeat;}
#menu .map .box { padding:0; margin-bottom:0; border:2px solid #CCC;}
#menu .map .box h3 { margin:5px 0px 5px 2px; font-weight:bold;}
#menu .map p { width:178px; padding:10px; border:#C0DAB1 1px solid;}




/*--------------------------main------------------------------*/

#main #mainHeader { width:590px; margin:0px 0px 0px 1px; padding:0px;}
#main #mainWrapper { width:584px; padding:0px 4px 45px 4px; background:url(contentsShadow.png) repeat-y;}

#main #mainWrapper2 { padding:20px;}
#main #mainWrapper2 p{font-size:14px;line-height:1.6; margin-bottom:1em;}

h3{
	width:538px;
	border-left:4px solid #F90;
	border-bottom:1px solid #F90;
	background-color:#F7F7F7;
	line-height:34px;
	font-size:15px;
	font-weight:bold;
	margin:30px 0 15px 0;
	padding:0 0 0 12px;
}

h4{
	border-left:5px solid #F90;
	line-height:28px;
	font-size:14px;
	font-weight:bold;
	margin:20px 0 15px 0;
	padding:0 0 0 12px;
	color:#FD9016;
}


#totop { height:87; margin:-132px 2px 0px 0px; text-align:right; z-index:999; float:right; }
#pankuzu{
	font-size:10px;
	margin:0 0 5px 1em;
}
table.count{
	width:;
	margin: 10px 0;
	border-collapse: collapse;
}

table.count th {
	background-color: #EDEDED;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	border: 1px solid #CCCCCC;
	padding:7px;
}

table.count td {
	text-align: ;
	font-size: 13px;
	line-height: 1.5;
	border: 1px solid #CCCCCC;
	padding:7px;
}

/*--------------------------foot------------------------------*/

#footer {
width:100%;

background-color:#FF9F00;
margin:0 auto;
}
#footerWrapper { width:846px;background-image:url(footer_bg.jpg);
background-repeat:no-repeat;margin:0px auto; padding:0;
height:166px;
width:816px;
}
#footerWrapper #under { width:584px; padding:0px 4px 0px 4px; background:url(contentsShadow.png) repeat-y; float:right;}
#footerWrapper #under .box { width:582px; height:39px; background:url(contentsBg.jpg) repeat-x;}
#footerWrapper #under .box p { font-size:13px;color:#F90; padding:15px 0px 10px 0px; text-align:center;}
#footerWrapper #under .box a {color:#F90;text-decoration:none;}
#footerWrapper #under .box a:hover {text-decoration:underline;}
#footerWrapper .end { width:590px; padding:0px 1px 0px 0px; float:right;}
#footerWrapper #info { width:816px; margin:20px 0px 0px 30px;}
#footerWrapper #info .box { width:810px;}
#footerWrapper #info .box .left {}
#footerWrapper #info .box .right {}
#footerWrapper #info .add { margin:10px 0px 5px 0px; padding:10px 0px; border-bottom:#FFFFFF 1px dotted; border-top:#FFFFFF 1px dotted; }
#footerWrapper #info .copy { margin:0px 0px 10px 0px; font-size:10px; text-align:right; color:#FFFFFF; }




/*--------------------------トップページ------------------------------*/

#main #mainWrapper .point { width:538px; height:153px; margin:0px auto 15px auto; padding:0px; background: url(onePointBg.jpg) no-repeat;}
#main #mainWrapper .point h3 { margin:0px 15px 15px 15px; padding:15px 0px 0px 0px;}
#main #mainWrapper .point p  { margin:0px 15px 0px 15px; padding:55px 10px 10px 10px; line-height:1.6em; font-size:14px;}
.wn dl{
	width:500px;
	font-size:13px;
	margin:5px 40px; 
	padding:0;
}
.wn dt{
	width: 90px;
	float:left;
	margin:0 1em 0 0;
	padding:0;
	color:#F90;
	font-weight:bold;
	line-height:2;
}
.wn dd{
	margin:0;
	padding:0;
	padding-left: 105px;
	line-height:2;
	border-bottom:1px dotted #999;
}

/*--------------------------セラミック------------------------------*/
.strong { font-weight:bold;}

div.sInfoBox	{
}
div.sInfoBox ul	{
	height:140px;
	margin-top:5px;
}
div.sInfoBox ul li	{
	font-size:16px;
	list-style-type:disc;
	margin-left:2em;
}

h5	{
	width:220px;
	height:34px;
	font-size:13px;
	font-weight:bold;
	padding-left:10px;
	color:#FFFFFF;
}

h5.before	{
	background: url(../img/s_before.jpg) no-repeat;
}
h5.after	{
	background: url(../img/s_after.jpg) no-repeat;
}

.ceramicTeeth	{
	float:right;
}
.largeTxt	{
	font-size:18px;
	color:#111;
}


.center {
	text-align: center;
}

.w400 {
	width: 400px;
	margin: 5px auto; 	
}

.w500 {
	width: 500px;
	margin: 5px auto; 	
}

.w500 .left {
	width: 243px;
}

.w500 .right {
	width: 250px;
}
.w500 .pict {
	text-align: right;	
}

.bg,
.w500 p {
	margin: 5px 0;
	padding: 0 5px;
	background-color: #DFEFF7;	
}

p.blue {
	text-align: left;
	color: #0468AD;
}

span.blue {
	color: #0468AD;
}