@charset "utf-8";


/* reset
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	/*font-family:"ＭＳ Ｐゴシック";*/
	/*text-justify:inter-ideograph;
	text-align:justify;*/
}
html {overflow-y:scroll;} /* Fire Fox, Opera */
body {
  font-size: 80%;
  line-height: 160%;
  text-align:center;
  background-color:#f2eded;
}

img {border:none;}

div{zoom:1;}
div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

p{zoom:1;}
p:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#wrapper {
  width: 780px;
  color: #666;
  text-align:left;
  margin:0px auto;
  background: url(../images/bg1.gif) repeat-y top #fff;
}

#pagein {
  width: 760px;
  color: #666;
  text-align:left;
  margin:0px auto;
}



/* link
---------------------------------------------------- */
a:link {
  color: #CC6600;
  background: transparent;
}
a:visited {
  color: #CC6600;
  background: transparent;
}
a:hover, a:active {
  color: #CC6600;
  background: transparent;
}



/* header
---------------------------------------------------- */
#header {
	text-align:left;
	background: url(../images/header.jpg) no-repeat;
}

#header h1{height:20px; overflow:hidden; line-height:20px; font-size:x-small; text-align:right; padding-right:10px; font-weight:normal;}

#subnavi {
	height:30px;
	overflow:hidden;
	margin-top:3px;
	margin-bottom:10px;
}

#subnavi ul{list-style:none;}
#subnavi ul li{float:left; width:152px;}

#subnavi ul li a:link,#subnavi ul li a:active,#subnavi ul li a:visited{
	text-decoration: none;
	color:#666;
}



/* basic layout
---------------------------------------------------- */
#pagebody {
	width:760px;
	margin:0px auto;
	height:1%;
}

#article{
	width:740px;
	margin:0px auto;
	margin-top:20px;
}



/* footer
---------------------------------------------------- */
#footer #textlink{
	width:590px;
	height:35px;
	line-height:35px;
	float:left;
	overflow:hidden;
	font-size:x-small;
	text-indent:10px;
}
#footer #rtptop{
	width:152px;
	height:35px;
	float:right;
}

#footer #copyright{
	clear:both;
	background-color:#ff0f0f;
	font-size:xx-small;
	line-height:25px;
	text-align:center;	
	color:#fff;
	font-weight:bold;
}

/* index.html
---------------------------------------------------- */
#mainimage {
	width:760px;
	height:200px;
}
#copy {width:446px; height:1%; flota:left; overflow:hidden;}
#copy p{padding:10px;}
#ssc {width:284px; float:right;}
h2{clear:both;}
#info1 h2{margin-top:10px; margin-bottom:10px;}
#info1 table{border-collapse:collapse; border:1px solid #631515; margin-bottom:10px;}
#info1 th, #info1 td{padding:4px; border:1px solid #631515; line-height:normal;}
#info1 th{background-color:#ff0f0f; color:#fff; text-align:left;}
#info1 td a, #info1 td a:link, #info1 td a:active, #info1 td a:visited, #info1 td a:hover {
	background:url(../images/link-head1.gif) no-repeat left;
	padding-left:18px;
	display:block;
	text-decoration:none;
}
#info1 p{margin-bottom:10px;}
#wn h2{margin-bottom:10px;}
#wn table{border-collapse:collapse; border:1px solid #ccc; margin-bottom:10px;}
#wn th, #wn td{padding:7px; line-height:normal;}
#wn th{text-align:left; font-weight:normal; width:12%;}
#wn td{text-align:left; font-weight:normal; width:88%;}

/* CL04/index.html
---------------------------------------------------- */
.rec-box1 {
	border:1px solid #ccc;
	background-color:#eee;
	padding:10px;
	margin-bottom:10px;
	width:718px;
}
.rec-box1-1 {
	width:250px;
	float:left;
}
.page {
	margin-bottom:10px;
	text-align:right;
}
.page img{
	vertical-align:middle;
}
.rec-box2 {
	width:204px;
	padding:10px;
	float:left;
	margin:0 10px 10px 10px;
	display:inline;
	border:1px solid #ccc;
}
.rec-box2 .link img{
	vertical-align:middle;
}
.rec-box2 .img img{
	border:1px solid #ddd;
	padding:3px;
	background-color:#fff;
}
.rec-box2 h3{
	font-size:1em;
	background:url(../images/bg01.gif);
	padding:2px 5px;
	border-left:3px solid #999;
	color:#fff;
	margin-bottom:10px;
}
.rec-table1 {
	width:204px;
	margin:10px 0;
	border-collapse:collapse;
	border:1px solid #ccc;
}
.rec-table1 th,
.rec-table1 td{
	padding-top:4px;
}
.rec-table1 th{
	width:20%;
	border-bottom:1px dotted #999;
	background-color:#ddd;
	text-align:center;
}
.rec-table1 td{
	width:80%;
	border-bottom:1px dotted #999;
	padding-left:3px;
}

/* CL04/detail.html
---------------------------------------------------- */
.rec-box3 {
	width:698px;
	padding:10px 20px;
	border:1px solid #ccc;
	margin-bottom:20px;
}
.rec-box3 h3{
	font-size:1em;
	background:url(../images/bg01.gif);
	padding:2px 5px;
	border-left:3px solid #999;
	color:#fff;
	margin-bottom:5px;
}
.rec-box3-1 {
	width:518px;
	float:left;
}
#rec-table2 {
	width:560px;
	border-top:1px solid #ccc;
	margin-bottom:20px;
	float:left;
}
#rec-table2 th,
#rec-table2 td {
	padding:5px 10px;
	vertical-align:top;
}
#rec-table2 th{
	width:20%;
	background-color:#eee;
	border-left:6px solid #999;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
#rec-table2 td{
	width:80%;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	border-right:1px solid #ccc;
}
#rec-box4 {
	float:right;
	width:160px;
}
#rec-box4 img{
	margin-bottom:20px;
}

/* company.html
---------------------------------------------------- */
#com-box1 p {
	width:560px;
	float:right;
}
#com-table1 {
	width:740px;
	border-top:1px solid #ccc;
	margin-bottom:20px;
}
#com-table1 th,
#com-table1 td {
	padding:5px 10px;
	vertical-align:top;
}
#com-table1 th{
	width:20%;
	background-color:#eee;
	border-left:6px solid #999;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
#com-table1 td{
	width:80%;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	border-right:1px solid #ccc;
}

/* contact.html
---------------------------------------------------- */
#con-table1 {
	width:740px;
	border-top:1px solid #ccc;
	margin-bottom:20px;
}
#con-table1 th,
#con-table1 td {
	padding:5px 10px;
	vertical-align:top;
}
#con-table1 th{
	width:20%;
	background-color:#eee;
	border-left:6px solid #999;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
#con-table1 td{
	width:80%;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	border-right:1px solid #ccc;
}

/* extended
---------------------------------------------------- */
.clear{clear: both;}
.tac{text-align:center;}
.tar{text-align:right;}
.vam{vertical-align:middle;}
.pb20 {padding-bottom:20px;}
.pt10 {padding-top:10px;}
.pr20 {padding-right:20px;}
.pl20 {padding-left:20px;}
.mb20 {margin-bottom:20px;}
.left {float:left;}
.right {float:right;}
.bold {font-weight:bold;}
.border1 {
	border:1px solid #ddd;
	padding:3px;
	background-color:#fff;
}
.red {color:#f00;}
.blue {color:#00f;}
input,
textarea {
	font-size:1em;
	padding:0px 5px;
}
.form15 {width:75px;}
.form20 {width:100px;}
.form30 {width:150px;}
.form50 {width:250px;}
.form70 {width:350px;}
.form90 {width:450px;}
.midashi2 {
	font-weight:bold;
	border-bottom:1px dotted #f00;
	margin-bottom:10px;
}
/**
 * ページング用
 */
.between_space {
	margin:0px 10px 0px 10px;
}