@charset "utf-8";

@import url("common.css"); /* common stylesheet */

/* main
------------------------------------------------------------------------- */
body {
font-size: 0.8em;
background: url(/parts/bg_header.gif) repeat-x 0 0;
}

#page {
width: 740px;
text-align: left;
}

#page #body {
	padding: 0;
	background: url(/parts/bg_sideback.gif) repeat-y 0 0;
	margin: 0 0 0.8em;
}

/* header
------------------------------------------------------------------------- */
#header {
height: 110px;
margin: 0 0 10px 0;
}

#header .toptitle {
margin: 0;
text-align: right;
height: 31px;
}

#header h1 {
font-size: 1em;
display: inline;
margin: 0 10px 0 0;
color: #fff;
}

#header p {
margin: 0;
display: inline;
color: #fff;
}

/* logo
------------------------------------------------------------------------- */
.logo {
margin: 12px 0 0;
padding: 0;
color: #fff;
float: left;
width: 204px;
}
.logo a {
position: relative;
margin:0;
width: 204px;
padding: 50px 0 0 0;
overflow: hidden;
display: block;
background: url(/parts/logo.gif) no-repeat top left;
text-decoration: none;
height: 0px!important;
height /**/:50px;/* for ie5.x */
color: #fff;
font-size: 0.8em;
}
.logo a:hover {
text-decoration: none;
color: #fff;
}

/* header tab
------------------------------------------------------------------------- */
#header .tab {
margin: 0;
padding: 0;
float: right;
}

.tab li {
margin:0;
padding: 0;
}

.tab li a {
margin: 0 0 0 1em!important;
margin /**/:0 0 0 0.4em;/* for ie5.x */
padding: 57px 0 0 0;
overflow: hidden;
display: block;
border: none;
text-decoration: none;
height: 0px!important;
height /**/:57px;/* for ie5.x */
vertical-align: bottom;
font-size: 0.8em;
}

li.top a {
width: 39px;
background: url(/parts/menu_top.gif) no-repeat top left;
}

li.faq a {
width: 100px;
background: url(/parts/menu_faq.gif) no-repeat top left;
}

li.sitemap a {
width: 82px;
background: url(/parts/menu_sitemap.gif) no-repeat top left;
}

.tab li a:hover {
background-position: 0 -57px;
}

/* content
------------------------------------------------------------------------- */
#content {
	width: 520px;
	float: right;
	margin: 0 0 0.8em;
}

.topimage {
margin: 0 0 0.5em;
padding: 0;
height: 180px;
background: url(/parts/image_top.jpg) no-repeat top left;
overflow: hidden;
}

/* block
------------------------------------------------------------------------- */
#content .block {
padding: 0
}

#content .block h2, #content .block h3, #content .blcok h4 {
	padding:0;
	margin: 0 0 0.5em;
}

#content p {
	padding: 0;
	margin: 1.2em 0;
}

/* content block
-------------------------------------------------------------------------------- */
#content dl {
	padding: 0;
	margin-top: 1em;
}

#content dt {
	padding: 0.4em 0.2em 0.4em 0.8em;
	border-bottom: 1px solid #999;
	margin: 0.2em 0 0.2em;
	background: #f0f0f0;
}

#content dd {
	padding: 0.4em 0.8em 0.4em 0.8em;
}

.faq {
	font-size: 1.2em;
	color: #FF9900;
}

#content p.totop a {
	border: 1px solid #ccc;
	padding: 0.4em 0.8em;
	width: 120px;
	text-align: center;
	color: #333;
	text-decoration: none;
}

p.totop a:hover {
  background: #eee;
}

/* General
-------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-size: 1.2em;
color: #333;
}

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
color: #333;
font-family: Meiryo, Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W";
}

ul {
}

p {
font-size: 1em;
font-family: Meiryo, Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W";
color: #333;
}

strong {
font-weight: bold;
}

a {
color: #E4722F;
}

a:hover {
color: #f4843d;
}

.image {
border: 1px solid #ccc;
}

/* title
------------------------------------------------------------------------- */
#content .block .title {
	background: url(/parts/title_back.gif) no-repeat 0 0;
	height: 20px;
	padding: 0.5em 1.4em;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	margin: 0;
}

#content .block .title2 {
	background: url(/parts/title_back2.gif) no-repeat 0 0;
	height: 20px;
	padding: 0.5em 1.4em;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	margin: 0;
}

#content .block .sub {
	border-bottom: 1px dotted #ccc;
	border-left: 5px solid #eee;
	padding: 5px;
	font-size: 1em;
	margin: 5px 0 10px;
	font-weight: bold;
}

/* side
------------------------------------------------------------------------- */
#side {
width: 200px;
float: left;
background: #f0f0f0;
}

.contact a {
margin:0 0 1em;
padding: 30px 0 0 0;
width: 200px;
background: #fff url(/parts/menu_contact.gif) no-repeat top left;
overflow: hidden;
display: block;
border: none;
text-decoration: none;
height: 0px!important;
height /**/:30px;/* for ie5.x */
font-size: 0.8em;
vertical-align: bottom;
}

.contact a:hover {
background-position: -200px 0;
}

/* menu top category - text link
------------------------------------------------------------------------- */
#side .menu {
padding: 0 0 0 10px;
margin: 0 0 1em;
list-style: none;
}

.menu li {
padding: 0;
margin: 0;
list-style: none;
background: none;
}

.menu li a {
margin:0;
padding: 24px 0 0 0;
position: relative;
width: 180px;
overflow: hidden;
display: block;
border: none;
text-decoration: none;
height: 0px!important;
height /**/:24px;/* for ie5.x */
color: #fff;
font-size: 0.8em;
vertical-align: bottom;
}

.menu li.company a {
background: url(/parts/menu_company.gif) no-repeat 0 0;
}

.menu li.dis a {
background: url(/parts/menu_dis.gif) no-repeat 0 0;
}

.menu li.cutter a {
background: url(/parts/menu_cutter.gif) no-repeat 0 0;
}

.menu li.asbestos a {
background: url(/parts/menu_asbestos.gif) no-repeat 0 0;
}

.menu li.new a {
background: url(/parts/menu_new.gif) no-repeat 0 0;
}

.menu li a:hover {
background-position: -180px 0;
color: #fff;
}

/* notification
------------------------------------------------------------------------- */
.notifi {
padding: 0 10px;
margin: 0;
}

.notifi .notifi2 {
padding: 5px;
margin: 0;
background: #fff;
font-size: 0.8em;
}

/* new
------------------------------------------------------------------------- */
.new {
 padding: 0 10px;
 margin: 1em 0;
}

.new ul {
	padding: 0 0 0.8em;
	margin: 0.8em 0;
	list-style: none;
	border-bottom: 1px solid #fff;
}

.new li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 160%;
}

/* feed
------------------------------------------------------------------------- */
.feed {
	padding: 0;
	margin: 0 0 15px;
	background: url(/parts/icon_feed.jpg) no-repeat 0 0.2em;
	text-indent: 1.8em;
}
.feed a {
  line-height: 160%;
}

/* footer
------------------------------------------------------------------------- */
div#footer {
	clear: both;
	margin: 0;
	height: 135px;
	background: url(/parts/bg_footer.gif) repeat-x 0 0;
	text-align: center;
}

#footer .footer-inner {
	padding: 2em 0 0 0;
	width: 740px;
	margin: 0 auto;
	text-align: right;
}

.footer-inner h3 {
	padding: 0;
	display: inline;
	font-size: 0.8em;
	color: #666;
}

.footer-inner a {
 color: #666;
 text-decoration: none;
}

.footer-inner a:hover {
 text-decoration: underline;
}

.footer-inner .left {
	border: none;
	padding: 0;
}

/* table
-------------------------------------------------------------------------------- */
table.asbestos {
	line-height: 160%;
	width: 520px;
	border-collapse: collapse;
	padding: 0;
	margin-bottom: 2.5em;
}  

table.asbestos th, table.asbestos td {
	padding: 0.2em 0 0 0;
	margin: 0;
	text-align: center;
}

table.asbestos th {
	background: #f6eede;
	border-bottom: 2px solid #a48e64;
	padding: 0.6em 1em;
	font-weight: bold;
	border-right: 1px solid #fff;
}

table.asbestos td {
}

table.company {
	line-height: 160%;
	width: 100%;
	border-top: 1px solid #ccc;
	border-collapse: collapse;
}

.company th, .company td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.6em;
}

.company th {
	text-align: center;
	vertical-align: middle;
	background: #e5f7ff;
	font-weight: bold;
	border-left: 3px solid #999;
	color: #035b87;
}

.company td {
 border-right: 1px solid #ccc;
}

/* form
------------------------------------------------------------------------- */
.t2 {
	width: 100%;
	border: none;
	font-size: 1em;
	margin: 0 0 10px 0;
}

#content .block .contact {
	padding: 5px 10px;
	background: #b1aa87;
	color: #fff;
	font-size: 1em;
	border: 1px solid #999;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#contact-form th, #contact-form td {
	border-bottom: 1px solid #ccc;
	padding: 10px ;
	text-align: left;
	font-weight: normal;
}

#contact-form th {
	width: 32%;
	width:32%;
	font-weight:normal;
	border-left: 1px solid #ccc;
}

#contact-form td {
    background: #f1f1f1;
	padding: 10px 17px;
	width: 68%;
}

#contact-form {
    padding: 0;
	margin: 0;
}

#contact-form .submit input {
	padding: 5px;
	border: 3px double #e1d9ca;
	background: #f9f6f1;
}

#contact-form .submit {
	text-align: center;
	margin: 0 0 20px;
}

#reserve th, #reserve td {
	padding: 10px 17px;
	border-bottom: 1px solid #E1D9CA;
	text-align: left;
}

#reserve th {
    width:30%;
	font-weight:normal;
}
	
#reserve td {
    background:#eee;
} 

.redtxt {
	color: #ff0000;
}

.text1 {
	background: #fff;
	font-size: 1em;
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W";
	padding: 3px;
}

#reserve {
	border:none;
	margin: 0 auto;
	text-align: left;
	font-size: 1em;
}

/* weblog
-------------------------------------------------------------------------------- */
.weblog {
  padding: 0;
	margin: 0;
}

.weblog h3, .weblog h4 {
  padding: 3px 10px;
	margin: 0;
	background: url(/parts/bg_weblogtitle.gif) no-repeat 0 0;
}

.weblog ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.weblog li {
	padding: 0 10px 5px;
	margin: 10px 0;
	list-style: none;
	background: url(/parts/bg_dot.gif) no-repeat 50% 100%;
	display: block;
}

.weblog a {
  text-decoration: none;
}

.weblog a:hover {
  text-decoration: underline;
}

#content .block .entry-header {
	padding: 8px 20px;
	font-size: 1.2em;
	background: url(/parts/title_back.gif) no-repeat 0 0;
	height: 20px;
	line-height: 100%;
}

.entry-header a {
  color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.entry-header a:hover {
  color: #fff;
	text-decoration: underline;
}

.entry-body {
  padding: 0;
	margin: 0 0 20px;
}

#content p.entry-more-link {
	paddign: 0;
	background: url(/parts/ic_more.gif) no-repeat 0 50%;
	padding: 0 20px;
}

#content p.entry-footer {
  padding: 0 0 20px;
	background: url(/parts/bg_entryfooter.gif) repeat-x 0 100%;
}

#content .block .anothertitle {
	padding: 8px 20px;
	font-size: 1.2em;
	background: url(/parts/title_back2.gif) no-repeat 0 0;
	height: 20px;
	line-height: 100%;
	color: #fff;
}

#content p.comment-footer {
	background: url(/parts/bg_entryfooter.gif) repeat-x 0 100%;
	padding: 0 0 20px;
}

/* hack clearfix
-------------------------------------------------------------------------------- */
#body:after, .clear:after, .tab:after, #footer:after {
content:  ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#body, .clear, .tab, #footer {
zoom: 1;
} /* ie */

html {
font-size: 100%;
margin: 0;
padding: 0; /* ie */
}

table, input, select, textarea {
	font-size: 100%;
}