@charset "utf-8"; 

/* main
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}
html{overflow-y: scroll;}

body {
  font-size: 75%;
  line-height: 150%;
  background-image:url(../imgaes/bg.jpg);
  background-repeat:repeat-x;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  text-align:center;
  }

#wrapper {
	width: 850px;
	color: #333;
  	background-color:#fff;
	margin:0px auto;
	text-align:left;
	padding:0;
	background-image:url(../imgaes/page-bg.jpg);	
}

.clearfix { 
    zoom:1;/*for IE 5.5-7*/
} 
.clearfix:after { 
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
} 
* html .clearfix { 
	height:1%;
} 
*:first-child + html .clearfix { 
	height:1%;
} 

/* link
---------------------------------------------------- */
a {	overflow: hidden;}
a:link {color: #666;}
a:visited {color: #999;}
a:hover, a:active {color: #999; text-decoration:none;}
a:focus{outline:none;}


/* header
---------------------------------------------------- */
h1 {
	font-size:0%;
	line-height:0px;
	color:#999999;
	height:0px;
	overflow:hidden;
}

#header {
	color: #fff;
	background-color:#000;
	text-align:left;
	line-height:12px;
}
.headtext { 
	color: #8b8b8b;
	background-color:#000;
	font-size:80%; 
	line-height:12px; 
	font-weight:normal; 
	padding:3px 0px 0px 5px;
	height:15px;
	overflow: hidden;
}

#header {
	clear:both;
	width: 850px;
	font-size:12px;
	line-height:12px;
	float:left;
	background-image:url(../imgaes/header.jpg);
}

/* pagebody
---------------------------------------------------- */
#pagebody {
	padding-right:10px;	
}

/* contents
---------------------------------------------------- */
#content {
	clear:both;
	padding:0;
}

h2{	clear:both;
	margin-bottom:10px;	}

h3{	clear:both;
	margin-bottom:15px;	
}	

.title{	clear:both;
	margin-bottom:15px;	
	font-size:120%;
	line-height:18px; 
	background-image:url(../imgaes/h3bg.jpg);
	background-repeat:no-repeat;
	padding:8px 5px 7px 25px;
}	

h4{clear:both;
	margin-bottom:15px;	
	font-size:120%;
	line-height:18px; 
	background-image:url(../imgaes/h4bg.jpg);
	background-repeat:no-repeat;
	padding:8px 5px 7px 25px;}
	
/* navi
---------------------------------------------------- */
#navigation{width:250px; float:left; background-color:#202020;padding:0;}
#navigation ul {list-style: none;}
#navigation ul img{ vertical-align:bottom;}

/* info
---------------------------------------------------- */
#information{clear:both;width:250px; color:#969696; font-size:80%;}
#info-table{border:0px; width:230px; margin-left:10px;}
#info-table td{padding:3px 0;}

/* flash
---------------------------------------------------- */
#flash{width:600px; float:right;}

/* top
---------------------------------------------------- */
#right{width:580px; float:right;}
.top-box{width:280px;}
.pb{page-break-after:always;}
.com-table{border:0px; width:280px; font-size:80%;}
.com-table td{padding:1px 0;border-bottom:#999 dashed 1px;}
.td-1{color:#999; font-weight:bold;}

/* footer
---------------------------------------------------- */
#footer{
  font-size: 11px;
  line-height:12px;
  text-align:left;
  width:580px;
  padding-bottom:3px;
  padding-top:30px;
  color:#666;}

#pagetop{text-align:right;}

.bb1{border-bottom:1px solid #ccc;}

.flink-ul{list-style:none; text-align:left; font-size: 11px;line-height:12px;margin-bottom:10px;}
.flink-ul li{
	display:inline;
	border-right:#666 1px solid;
	padding:0px 5px 0px 5px;
	font-size:11px;
}
.flink-ul li.last{border:none;}
.flink-ul a:link {color: #666;} 
.flink-ul a:visited {color: #666;} 
.flink-ul a:hover, .flink-ul a:active {color: #999;}


/* yoso-css
---------------------------------------------------- */
p{margin-bottom:10px;}
img {border: 0px;}
.clear {clear:both;}

.rgt{text-align:right;}
.ctr{text-align:center;}
.lft{text-align:left;}

.aka {color: #dd0000;}
.blue{color:#0e6ec1;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}

.ml10{margin-left:10px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb15{margin-bottom:15px;}
.mb5{margin-bottom:5px;}

.gray-small{font-size:85%; line-height:155%; color:#999;}
.x-small{font-size:85%; line-height:130%;}
.midium{font-size:110%;/*border-left:5px #0e6ec1 solid;*/}

.img-left{margin:0 10px 10px 0; float:left;}

.border{border-bottom:3px dashed #ccc;
	margin-bottom:10px;}

.f-left{float:left;}
.f-right{float:right;}
.v-middle{vertical-align: middle;}
.v-top{vertical-align: top;}

.bold{font-weight:bold;}

.midasi { 
	color: #396;
	border-bottom:2px #396 dashed;
	font-weight:normal; 
	font-size:110%;
	padding:0px 0px 6px 3px;
	font-weight:bold;
	height:20px;
	overflow: hidden;
}

/* common
---------------------------------------------------- */
.common-box{
	border:1px #e1e1e1 solid;
	padding:8px;
	margin-bottom:10px;
	background-color:#fff;}

.common-table{
	width:100%;
	border:1px #ccc solid; 		
	border-collapse:collapse;
	margin-bottom:30px; 
}
.common-table td,
.common-table th{
	padding:3px 3px 3px 8px;
	border-bottom:1px #e1e1e1 solid;
	border-collapse:collapse}
	
.common-table th{
	border-right:1px #ccc solid;
	background-color:#f1f1f1;
	border-bottom:1px #ccc solid;
	border-collapse:collapse;
	text-align:left;
	font-weight:normal;}
.common-th{ width:30%;}

/* table
---------------------------------------------------- */
.table-01 {
    width: 100%;
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:20px;
	margin-bottom:30px;
}

.table-01 th {
    padding: 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background:#76BCA2;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
}
.table-01 td {
    padding: 5px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.colorbox{
	background:#F2F2F2;
	}

.table-01 a{
	color:#06C;
	text-decoration:underline;
	}

/* metalwolking
---------------------------------------------------- */
.img-left{margin:0; float:left;}
.img-right{margin:0; float:right;}

.tt-l,
.tt-r {
	width:280px;
	margin-bottom:20px;
}
.tt-l {
	float:left;
}
.tt-r {
	float:right;
}
.tt-l .text,
.tt-r .text {
	display:block;
	width:280px;
	float:right;
}
.tt-l .text strong,
.tt-r .text strong {

	color:#396;
	width:280px;
}

/* contact.html
---------------------------------------------------- */
.con-ul{margin-bottom:15px;}
.con-ul li{margin-left:30px; margin-bottom:5px; border-bottom:1px solid #ccc; list-style:none;}

@media print{
body {background:#fff;}
#wrapper {background:#fff;}
}