﻿body { font-size: 12px;	margin: 0; background-image:url(../../subnav_bg.png); }

h1 { font-size:14px; }
h2 { font-size:14px; }
h3 { font-size:14px; }

#top { max-width: 100%; height: auto;	width /***/: auto;}
.box img { max-width: 100%; height: auto;	width /***/: auto;}

.imgright { display:block; float:right; margin-bottom:1em;margin-left: 1em;}
.imgleft { max-width: 50%; display:block; float:left; margin-bottom:1em;margin-right: 1em;}
.imgleft1 { max-width: 50%; display:block; float:left; margin-bottom:1em;margin-right: 1em;}
.imgleft2 { max-width: 100%; display:block;margin-top:5em; margin-bottom:1em;}
.imgleftbo { display:block; float:left; margin-bottom:1em;margin-right: 1em; border:solid #333 1px;}

.boximg { border:0px; height: auto; width:auto;}

#container{ width: 100%; margin:0 0 0 5; padding: 0px; overflow: auto; /* clearing floats */ }

a:link { color: #9C0; }
a:visited { color: #9C0; }
a:hover { color: #CF9; }
a:active { color: #CF9; }

.box p { margin:0px;letter-spacing: 0.2em;line-height: 1.1em; }
.box2 p { margin:0px;letter-spacing: 0.2em;line-height: 1.1em; }

#map_canvas { width:auto; height:200px; }
/* kiji */
#kiji { letter-spacing: 0.3em;line-height: 1.5em; }
#kiji h2 {}
#kiji p {}
#kiji2 { letter-spacing: 0.3em;line-height: 1.5em; }
#kiji2 h2 {}
#kiji2 p {}
#kiji3 {}
#kiji3 h2 { padding-left:5px;}
#kiji3 p { padding-left:5px;}
#kijiw1 { }
#kijiw2 { background:#FFF; text-align:center; margin:10px; padding:5px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border:1px #999 solid;
}
#kijiw2 p {}
#kijiw2 ul { list-style:none; text-align:left; margin:0px 0px 0px -25px; }
#kijiw3 {background:#FFF; text-align:center; margin:10px; padding:5px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border:1px #999 solid;}
#kijiw3 p {}
#kijiw3 ul { list-style:none; text-align:left; margin:0px 0px 0px -25px;}
#kijiw4 {background:#FFF; text-align:center; margin:10px; padding:5px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border:1px #999 solid;}
#kijiw4 p {}
#kijiw4 ul { list-style:none; text-align:left; margin:0px 0px 0px -25px;}

/* photo right waku */
#kijiw21 {}
#kijiw21 h2 { padding-left:5px;}
#kijiw21 p { padding-left:5px;}

/* kiji */

.imgright { display:block; float:right; margin-bottom:1em;margin-left: 1em;}
.imgleft { display:block; float:left; margin-bottom:1em;margin-right: 1em;}

.imgleftbo { display:block; float:left; margin-bottom:1em;margin-right: 1em; border:solid #333 1px;}

div.clear { clear: both;}
div.clear2 { }
div.clear3 { clear: both;}
p.clear { clear: both; }

/* img caption */
.cap {position: relative;}
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
.cap p {
   position: absolute;
   left: 0;
   bottom: 0px; /* txt haba */
   color: #333;
   padding: 5px;
   background: #fff;
   filter: Alpha(opacity=70);
   opacity:0.7;
   width:auto;
   font-size:12px;
}

.box p { margin:0px;letter-spacing: 0.2em;line-height: 1.1em; }

#header { width: 100%; height: 20px;}
#line_hr { width: 100%; height: 20px; background-color:#fff;}

.cite { float:right; font-size:10px; }

table.tname tr th { font-style:normal;background:#CF6; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
table.tname tr td { background:#FFF; font-size:12px; color:#333; border: 1px #999 solid; text-align:left; }
table.kasan tr th { font-style:normal;background:#FFC; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
table.kasan tr td { background:#FFF; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }

table.service tr th { font-style:normal;background:#CF6; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
table.service tr td { background:#FFF; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }


/* menu */
#menu ul{ position:relative; margin:2px; padding: 0; list-style: none;letter-spacing: 0.3em;line-height: 1.2em;}
#menu li{ display: inline; padding: 0; margin: 0; float: left;position:relative;}
#menu a{
display: block; 
border: 1px solid #333;
background: #fff;
padding: 3px;
text-decoration: none;
font-size:12px;
color: #333;
width: 100px; 
margin: 1px;
border-left:5px solid #CC6600;
text-align: center;}
#menu a:hover{background:#CF6;}
/* menu */

.text_box2 {
	width: 96%;
	height:auto;
	min-height:100px;
	margin: 3px;
	padding: 3px;
	float: left;
	display: inline;  /* IE6 fix */
	font-size:13px;
	text-align:left;
	background: #FFF;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	border:1px #CCC solid;
}

.conte {
	width: 93%;
	height:auto;
	min-height:100px;
	margin: 3px;
	padding: 10px;
	float: left;
	/*background: #99C;*/
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	font-size:14px;
}

.iconte {
	width: 93%;
	height:auto;
	margin: 3px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:#FCF;
	letter-spacing: 0.1em;
	border:1px #333solid;
}

.line {
	width: 96%;
	height:auto;
	margin: 5px 3px 10px 3px;
	padding: 6px;
	float: left;
	background: #333;
	color: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1.3em;
}

.line2 {
	width: 70%;
	height:auto;
	margin: 3px;
	padding: 6px 6px 6px 16px;
	float: left;
	background: #fff;
	color: #333;
	display: inline;  /* IE6 fix */
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border:1px #999 solid;
}

.line_white {
	width: 89%;
	height:auto;
	margin: 3px 3px 13px 10px;
	padding: 6px 6px 6px 6px;
	float: left;
	font-size:14px;
	font-weight:bold;
	/*background: #CF9;*/
	display: inline;  /* IE6 fix */
	letter-spacing: 0.3em;
	line-height: 1.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.icarenets {
	width: auto;
	height:auto;
	margin: 0px;
	float: right;
	color: #FFF;
	display: inline;  /* IE6 fix */
	font-size: 11px;
	letter-spacing: 0.3em;
	text-decoration:none;
}
.icarenet {position:fixed; top: -505px;}

.box {
	width: 90%;
	height:auto;
	margin: 0;
	padding: 1px;
	float: left;
	color: #000;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 16px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:１px #333 solid;
}

.text {
	width: 90%;
	height:auto;
	margin: 3px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	font-size:14px;
	text-align:left;
	background: #FFF;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	border:1px #CCC solid;
}

.halfbox {
	width: 97%;
	height:auto;
	margin: 2px;
	padding: 5px;
	float: left;
	display: inline;  /* IE6 fix */
}

.halfbox2 {
	width: 97%;
	height:auto;
	margin: 2px;
	padding: 5px;
	float: right;
	display: inline;  /* IE6 fix */
}
.appeal {
	width: 90%;
	height:100px;
	margin: 7px;
	padding: 5px;
	float: left;
	display: inline;  /* IE6 fix */
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	background: #FFF;
	border:1px #999 solid;
}
.appeal_top {
	width: 90%;
	height:auto;
	margin: 7px;
	padding: 5px;
	float: left;
	display: inline;  /* IE6 fix */
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	background: #FFF;
	border:1px #999 solid;
}

#combox {
	width: 90%;
	height:auto;
	margin: 5px;
	padding: 5px;
	float: left;
	background: #FFF;
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.compahome li {	list-style-type:none; }
.compahome h2 { margin:5px 0px 10px 0px; }
.comservice li{	list-style-type:none; }
.comservice h2 { margin:5px 0px 10px 0px; }

.copy {
	width: 96%;
	height:auto;
	margin: 3px;
	padding: 4px;
	float: left;
	background: #6C3;
	color: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	font-size: 12px;
	letter-spacing: 0.0em;
	line-height: 1.3em;
	text-align:center;
}

.pcbox { display:none;}
.small { display:none;}

/* ul */
.conte ol { 
	color: #333;
	width:85%;
	height:auto;
	font-size:12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	background: #FFF;
}


/* footer */
.footer{ position:fixed; z-index:100; width:100%; bottom:0px; border-top:#222 solid 1px;}
.footer .button{ position:fixed; right:0px; bottom:0px; width:20px; text-align:center; padding:10px; background:#333; color:#eee; font-weight:bold; cursor:pointer;}
.footer .button:hover{ background:#eee; color:#666;}
.footer .content{ text-align:left; background:#666; padding:10px;}
.footer .content a{ color:#FFF; margin:0 5px 0 5px;}
/* footer */

.update { width:97%; height:100px; overflow:auto; border:1px #999 solid; }