/* container */

*{
  margin:0;
  padding:0;
}
/*
html,body {
  height:100%;
}
*/

body {
  font-size:1em;
  font-family:"Meiryo","ヒラギノ丸ゴ Pro W4","EE EゴシチE","osaka","sans-serif";
  text-align:center;
  line-height:1.6;
  background:#b3dbae;
  min-height:100vh;
}

#content {
  margin:0 auto;
  width:1200px;
  text-align:left;
  background:#fff;
}

#header {
  width:1200px;
  height:195px;
  margin-bottom:10px;
  background:url("../base_img/header.jpg") no-repeat top left;
}
#header h1 a{
  display:block;
  width:930px;
  height:195px;
}
#header span{
  display:none;
}

#navi {
  clear:left;
  width:1170px;
  height:335px;
  padding-left:15px;
}
#navi span{
  display:none;
}
#navi li{
  float:left;
  width:376px;
  height:159px;
  list-style:none;
  margin-right:10px;
  margin-bottom:10px;
}


#content .top_pan {
  clear:both;
  margin:15px 0 10px;
}
#content .top_pan ul{
  padding-left:15px;
}

#content .top_pan li {
  list-style:none;
  display:inline;
  margin-right:10px;
  color:#59a058;
}
#content .top_pan a:link,
#content .top_pan a:active,
#content .top_pan a:hover,
#content .top_pan a:visited {
  color:#59a058;
  text-decoration:none;
}

/* main-page */
#main {
  float:left;
  width:750px;
  padding-left:10px;
  min-height:100vh;
}
/*
*html #main {
  height:100%;
}
body > #main {
  height:auto;
}
*/

#main {
  margin-bottom:100px;
}


/* right-side */
div#side {
  float:right;
  width:390px;
  min-height:100vh;

}

#side ul {
  text-decoration:none;
}

#side .side_banner li {
  margin-bottom:5px;
  list-style:none;
}


/* fooder */

#fooder {
  position:relative;
  clear:both;
  width:1200px;
  height:195px;
  margin-bottom:30px;
  color:#000;
  background:#b3dbae;
  background : url("../base_img/fooder.png") no-repeat left top;
}

#fooder .infomation{
  clear:left;
  position:absolute;
  top:51px;
  font-size:1em;
  left:295px;
  color:#3eb134;
}

#fooder .map{
  position:absolute;
  top:111px;
  left:549px;
  line-height:1.4;
  font-size:0.9em;
}
#fooder .map a{
  text-decoration:none;
  color:#3eb134;
}

#fooder .copyright{
  position:absolute;
  top:150px;
  left:445px;
  font-size:1em;
  color:#fff;
}

/* container */

#main .youtube {
  width:560px;
  margin:0 auto;
}

.title_bar {
  width:735px;
  height:55px;
  padding-left:25px;
  padding-top:15px;
  margin-bottom:20px;
  background:url("../base_img/title_bar.gif") no-repeat 0px 0px;
  color:#59a058;
  letter-spacing:3px;
  font-size:18px;
}

div#container {
  position:relative;
  clear:both;
  padding:0 10px;
  height:100%;
}
div#container:after {
  font-size:1px;
  content:".";
  display:block;
  height:0px;
  clear:both;
}
div#container {
  zoom:1;
}



#container .topics .comment_img {
  width:140px;
  border-bottom:1px dashed #666;
  vertical-align:top;
  padding-top:20px;
  padding-bottom:20px;
}

#container .topics  .comment_img_top {
  width:140px;
  border-bottom:1px dashed #666;
  vertical-align:top;
  padding-bottom:20px;
}

#container .topics .comment {
  width:550px;
  border-bottom:1px dashed #666;
  padding-bottom:25px;
  padding-top:20px;
  vertical-align:top;
}

#container .topics .comment_top {
  width:550px;
  border-bottom:1px dashed #666;
  padding-bottom:25px;
  vertical-align:top;
}


#container .topics .comment a:link,
#container .topics .comment a:visited {
  color:#499b32;
  text-decoration:none;
}

#container .topics table {
  margin-bottom:20px;

}


#container .topics .comment_top {
  border-top:none;
}





/*  main内 */
#main h3 {
  margin-bottom:20px;
}

#main .introduce,
#main .educational,
#main .access,
#main .area,
#main .contact,
#main .suketto {
  margin:10px 0px 0 10px;
  padding-bottom:25px;
}

#main .introduce p {
  margin-bottom:20px;
}

#main .access .div_list li {
  float:left;
  width:340px;
  padding-right:20px;
  list-style:none;
  text-align:center;
  padding-bottom:15px;
}

#main .access .googlemap {
  clear:left;
  width:600px;
  margin:20px auto;
}

#main .educational .div_list li {
  float:left;
  width:350px;
  height:580px;
  list-style:none;
  text-align:center;
}

#main .kakushudantai .div_list li{
  float:left;
  width:350px;
  padding-bottom:30px;
  list-style:none;
  text-align:center;
}



#main .kakushudantai .list {
  clear:left;
  margin-left:40px;
}


#main .area_dt {
  margin-top:20px;
}
#main .area .tikujigyou {
  margin-top:20px;
}

/* 東安居地区紹介 */
#container .introduce table{
  width:98%;
  border-collapse:collapse;
  border:2px solid #333;
}

#container .introduce td{
  padding:3px 4px;
  border-collapse:collapse;
  border:1px solid #333;
}

#main .comment {
  margin:0 0 30px 30px;
}


/*  お問い合わせ  */


#container .contact table{
  width:98%;
  margin-bottom:20px;
  border-collapse:collapse;
  border:2px solid #333;
}
#container .contact th{
  padding:3px 15px;
  background:#fffcd3;
}

#container .contact td{
  padding:3px 15px;
  border-collapse:collapse;
  border:1px solid #333;
  text-align:right;
}

#container .contact .komoku{
  background-color:#fdede4;
  font-weight:bold;
  text-align:left;
}

#container .contact .text_left {
  text-align:left;
  font-weight:normal;
  background:#fff;
}

/* すけっとさん */

#main .shinbun {
  width:500px;
  margin:20px auto;
}

#main .aka_title{
  margin:20px 0;
  color:#e83817;
}

#container h4 {
}


#to-top {
  position: fixed;
	bottom: 20px;
	right: 20px;
	background: url("../base_img/go-top.png");	
}
#to-top a{
	display: block;
	width: 103px;
	height: 103px;
	/*text-indent: -9999px;*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#main h4 {
  margin:15px 0;
}

#main .main_list{
  list-style:none;
  margin-left:30px;
  margin-bottom:30px;
}

#main .main_list li{
  list-style:none;
  padding-bottom:8px;
}

#main .list {
  margin-left:30px;
}
#main .list li{
  padding-bottom:8px;
}

#main .box {
  margin:0 25px;
}
#main .contact ol {
  margin-left:30px;
}
#main .contact ol li {
  margin-bottom:10px;
}
#main .contact .ul_box {
  margin-left:20px;
}
#main .contact .ul_box ul ul {
  margin-left:10px;
}


#main .kominkan_tel {
  width:550px;
  padding:10px;
  margin:10px;
  border:1px solid #333;
}

#main .contact .inline {
  display:inline-block;
  text-align:center;
}

/* マージン */



/*  色  */
.red {
  color:#ff0000;
}

.blue {
  color:#0000ff;
}

.orenge {
  color:#ff6600;
}

.sorairo {
  color:#00a0e9;
}

.green {
  color:#00a73c;
}

.aka {
  color:#e83817;
}

.red {
  color:#f00;
}

.margin20 {
  margin:20px 0;
}

/*  カーソルオンオフ  */

a.overwhite{
  background-color:#ffffff;
  display:block;
}

a.overwhite:hover img{
  cursor:pointer;
  filter: alpha(opacity=60);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;              /* Safari 1.x */
  opacity:0.6;
  zoom:1;
}


.both {
  clear:both;

}