﻿#pagesize { width: 720px; margin:0; padding: 0px; overflow: auto; /* clearing floats */ }
#containe { width: 720px; margin:0; padding: 0px; overflow: auto; /* clearing floats */ 
font-size: 14px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;}

.midashi { font-size:18px; margin: 1.5em; text-align:center;}
h3 { font-size:13px; }
/* WAMNET */
.wamnet_link { display:block; text-align:right;color:#333;}
.wamnet_link a { font-weight:bold;}
/* WAMNET */
#top { max-width: 100%; height: auto;	width /***/: auto;}
.box img { max-width: 100%; height: auto;	width /***/: auto;}
.box0 img { max-width: 100%; height: auto;	width /***/: auto;}

/* google calendar */
#calendar { width: 600px; margin:40px; }
.fc-sat { color: blue; }
.fc-sun { color: red; }

div.clear { clear: both; color:#333; font-size:10px; text-align:center;}
div.clear2 { clear: both; }
div.clear3 { display:none; }
p.clear { clear: both; }

.imgright { display:block; float:right; margin-bottom:1em;margin-left: 1em;}
.imgleft { display:block; float:left; margin-top:1.5em;margin-left:1.5em; margin-bottom:1.5em;margin-right: 1.5em;}

.text_p {font-size:16px;}
.smtext {display:none;}
#smaconte { display:none;}
#smv { display:none;}

#map_canvas { width : auto; height : 300px;}
#map_canvas2 { width : auto; height : 300px;}
#map_canvas3 { width : auto; height : 300px;}
#map_canvas4 { width : auto; height : 300px;}
#map_canvas5 { width : auto; height : 300px;}

/* 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: -20px; /* txt haba */
   color: #fff;
   padding: 5px;
   background: #666;
   filter: Alpha(opacity=70);
   opacity:0.7;
   width:195px;
}

.box p { margin:0px;letter-spacing: 0.2em;line-height: 1.1em; }
.box0 p { margin:0px;letter-spacing: 0.2em;line-height: 1.1em; }
.box2 p { margin:0px;letter-spacing: 0.2em;line-height: 1.1em; }

/* kiji */
#kiji3 { 
	width: 96%;
	height:auto;
	margin: 10px;
	padding: 10px;
	float: left;
	display: inline;  /* IE6 fix */
	font-size:16px;
	text-align:left;
	letter-spacing: 0.3em;
	line-height: 1.5em;
}
#kiji3 h3 { padding-left:5px;}
/* photo right waku */
.boxing { float:left; width:70%;}
#kijiw21 { width:25%; text-align:left; margin:10px; padding:5px; float:right;display: block; 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 */
#pagesize table.tname tr th { font-style:normal;background:#CF6; font-size:11px; color:#333; border: 1px #ccc solid; text-align:center; }
#pagesize table.tname tr td { background:#FFF; font-size:11px; color:#333; border: 1px #ccc solid; text-align:left; }
#pagesize table.kasan tr th { font-style:normal;background:#FFC; font-size:11px; color:#333; border: 1px #ccc solid; text-align:center; }
#pagesize table.kasan tr td { background:#FFF; font-size:11px; color:#333; border: 1px #ccc solid; text-align:center; }

/*#pagesize table.service tr th { font-style:normal; font-size:11px; color:#333; border: 1px #ccc solid; text-align:center; }*/
/*#pagesize table.service tr td { background:#FFF; font-size:11px; color:#333; border: 1px #ccc solid; text-align:center; }*/

.point { background:#CF6; }
.point2 { background:#FC6; }
/* table */
#pagesize table { text-align:center; }
#pagesize table th { line-height:30px;font-size:100%; color:#333; border: 1px #999 solid;}
#pagesize table td { font-size:120%; color:#333; background:#FFF; border: 1px #999 solid;}

.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:url(../img/subnav_bg.png);*/
	background: #f5f5f5;
	letter-spacing: 0.1em;
	border:1px #ccc solid;
}

.line {
	width: 97%;
	max-width:700px;
	height:auto;
	margin: 7px 3px 10px 3px;
	padding: 6px;
	float: left;
	background: #9C6;
	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 {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.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 */
	letter-spacing: 0.3em;
	line-height: 1.3em;
}

.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;
}

.box {
	width: 150px;
	height:100px;
	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;
}

.box0 {
	width: 205px;
	height:auto;
	margin: 2px;
	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;
}

.halfbox {
	width: 97%;
	height:auto;
	margin: 2px;
	padding: 5px;
	float: left;
	display: inline;  /* IE6 fix */
}

.halfbox2 { display:none;} /**/

.appeal {
	width: 96%;
	min-height:80px;
	height:auto;
	margin: 6px;
	padding: 6px;
	float: left;
	display: inline;  /* IE6 fix */
	text-align:left;
	font-size: 110%;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	background: #FFF;
	border:1px #ccc solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.appeal_top {
	width: 60%;
	min-height:100px;
	height:auto;
	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: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#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;
}

ul.compahome {margin: 10px 30px 5px 30px;}
.compahome li {	list-style-type:none;}
.compahome h3 { margin:5px 0px 10px 0px; }

ol.comservice {margin: 10px 30px 5px 30px;}
ul.comservice {margin: 10px 30px 5px 30px;}
.comservice li{	list-style-type:none;}
.comservice h3 { margin:5px 0px 10px 0px; }


/* ul */
.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;
}

/* update cgi */
#update { width:98%; height:250px; overflow:auto; border:6px #9c6 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


#combox
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
#combox:before, #combox:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.8);
    box-shadow:0 0 5px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}