﻿body {
	font-size: 12px;
	margin: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	background-image:url(../../subnav_bg.png); 
}

h1 { font-size:20px; margin: 1.5em; text-align:center;}
h2 { font-size:13px; }
h3 { font-size:14px; }

#top { max-width: 100%; height: auto;	width /***/: auto;}
.box img { max-width: 100%; height: auto;	width /***/: auto;}

#container{ width: 720px; 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; }

a:hover img { opacity: 0.3;filter: alpha(opacity=30);}
div.clear { clear: both; color:#333; font-size:10px; text-align:center;}
div.clear2 { clear: both; }
div.clear3 { }
p.clear { clear: both; }

.imgright { display:block; float:right; margin-bottom:1em;margin-left: 1em;}
.imgleft { display:block; float:left; margin-bottom:1em;margin-right: 1em;}
.imgleft1 { display:block; float:left; margin-top:1em;margin-left:1.5em; margin-bottom:1em;margin-right: 1.5em;}
.imgleft2 { display:block; float:left; margin-top:5em;margin-left:3em; margin-bottom:1em;margin-right: 3em;}
.imgleftbo { display:block; float:left; margin-bottom:1em;margin-right: 1em; border:solid #333 1px;}

/* hr */
hr.h1botm { width:45%; border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background: #ccc;/* for IE6 and IE7 and IE8 and IE9*/
width: 45%;/* for IE6 and IE7 and IE8 and IE9*/}

/* img caption */
.cap {position: relative;}
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
.cap p {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #fff;
   padding: 5px;
   background: #000;
   filter: Alpha(opacity=70);
   opacity:0.7;
   width:210px;
}

.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:307px; height:300px; }

/* kiji */
#kiji { width:680px; letter-spacing: 0.3em;line-height: 1.5em; }
#kiji h2 { padding-left:235px;}
#kiji p { padding-left:235px;}
#kiji2 { width:680px; letter-spacing: 0.3em;line-height: 1.5em; }
#kiji2 h2 { padding-left:5px;}
#kiji2 p { padding-left:5px;}
#kiji3 { width:650px; letter-spacing: 0.3em;line-height: 1.5em; }
#kiji3 h2 { padding-left:5px;}
#kiji3 p { padding-left:5px;}
#kiji4 { width:450px; letter-spacing: 0.3em;line-height: 1.5em; }
#kiji5 { width:220px; letter-spacing: 0.3em;line-height: 1.5em; }
#kijiw1 { widthｆ:450px; float:left;}

#kijiw2 { width:250px; min-height:330px;float:left; background:#FFF; text-align:center; margin:10px; padding:5px;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border:1px #999 solid;
}
#kijiw2 p { font-size:12px; margin:5px 0px 15px 0px;}
#kijiw2 ul { list-style:none; text-align:left; margin:0px 0px 0px -30px; font-size:11px;}

#kijiw3 { width:300px; min-height:230px; float:left; background:#FFF; text-align:center; margin:10px; padding:5px;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border:1px #999 solid;
}
#kijiw3 p { font-size:12px; margin:0px 0px 10px 0px;}
#kijiw3 ul { list-style:none; text-align:left; margin:0px 0px 0px -25px; font-size:11px;}
#kijiw4 { width:650px; min-height:230px; float:right; background:#FFF; text-align:center; margin:10px; padding:5px;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border:1px #999 solid;
}
#kijiw4 p { font-size:12px; margin:0px 0px 10px 0px;}
#kijiw4 ul { list-style:none; text-align:left; margin:0px 0px 0px -25px; font-size:11px;}

.kijiright { display:block; float:right; margin:2em;}
.kijileft { display:block; float:left; margin:2em;}

/* photo right waku */
#kijiw21 { width:200px; height:320px; position:absolute; top:900px; left:490px; background:#FFF; text-align:left; margin:10px; padding:5px;
	display: inline;  /* IE6 fix */
	border:0px #999 solid;
}
#kijiw21 p { font-size:12px; margin:0px 0px 10px 0px;}
#kijiw21 ul { list-style:none; text-align:left; margin:0px 0px 0px -25px; font-size:11px;}

/* kiji */

#header { width: 100%; height: 20px;}
#line_hr { width: 100%; height: 20px; background-color:#fff;}

table.tname tr th { font-style:normal;background:#CF6; font-size:11px; color:#333; border: 1px #999 solid; text-align:center; }
table.tname tr td { background:#FFF; font-size:11px; color:#333; border: 1px #999 solid; text-align:left; }
table.kasan tr th { font-style:normal;background:#FFC; font-size:11px; color:#333; border: 1px #999 solid; text-align:center; }
table.kasan tr td { background:#FFF; font-size:11px; color:#333; border: 1px #999 solid; text-align:center; }

table.service tr th { font-style:normal; font-size:11px; color:#333; border: 1px #999 solid; text-align:center; }
table.service tr td { background:#FFF; font-size:11px; color:#333; border: 1px #999 solid; text-align:center; }

.point { background:#CF6; }
.point2 { background:#FC6; }

.conte {
	width: 95%;
	max-width:680px;
	height:auto;
	min-height:100px;
	margin: 3px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size:14px;
	text-align:left;
	letter-spacing: 0.3em;
	line-height: 1.5em;
}

.iconte {
	width: 95%;
	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: 97%;
	max-width:700px;
	height:auto;
	margin: 7px 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;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
}

.line2 {
	width: 50%;
	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 3px 10px;
	padding: 6px 6px 6px 16px;
	float: left;
	/*background: #CF9;*/
	color: #333;
	display: inline;  /* IE6 fix */
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.icarenet {
	width: auto;
	height:auto;
	margin: 0px;
	float: right;
	color: #FFF;
	display: inline;  /* IE6 fix */
	font-size: 11px;
	letter-spacing: 0.3em;
	text-decoration:none;
}
.icarenets {position:fixed; top: -505px;}

.smabox { position:fixed; top: -505px;}

.box {
	width: 220px;
	height:125px;
	margin: 3px;
	padding: 0px;
	float: left;
	background: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:0px #CCC solid;
}
.box2 {
	width: 205px;
	height:auto;
	margin: 2px;
	margin-right:20px;
	padding: 5px;
	float: right;
	background: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.halfbox {
	width: 47%;
	height:auto;
	margin: 2px;
	padding: 5px;
	float: left;
	display: inline;  /* IE6 fix */
}

.halfbox2 {
	width: 47%;
	height:auto;
	margin: 2px;
	padding: 5px;
	float: right;
	display: inline;  /* IE6 fix */
}

.appeal {
	width: 95%;
	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: 60%;
	height:120px;
	margin: 7px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	background: #FFF;
	border:1px #CCC solid;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
}

#combox {
	width: 45%;
	height:auto;
	margin: 5px;
	padding: 5px;
	float: left;
	background: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	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: 97%;
	max-width:700px;
	height:auto;
	margin: 3px;
	padding: 6px;
	float: left;
	background: #fff;
	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.3em;
	line-height: 1.3em;
	text-align:center;
}


/* ul */
.imgtwin li { float:left; list-style-type:none; margin:5px; }

.conte ol { 
	color: #333;
	width:70%;
	height:auto;
	font-size:12px;
	letter-spacing: 0.3em;
	line-height: 1.7em;
	background: #FFF;
}

.box ul {
	list-style-type: none;
	display: inline;
	letter-spacing: 0.5em;
	line-height: 22px;
}

.clip {	background-image:url(img/clip.png);
	background-repeat:no-repeat;		
	list-style-type: none;
	color: #333;
	font-size:12px;
	background-color:#FFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

blockquote {
	color: #333;
	font-size:12px;
	background-color:#FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* footer */
.footer{ position:fixed; top: -505px;}
/* footer */

.update { width:97%; height:100px; overflow:auto; border:1px #999 solid; }