@charset "utf-8";

h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li {
	margin: 0px;
	padding: 0px;
}
p img {
    padding: 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}
.alignleft {
    float: left;
}
ul {
margin:0;
padding:0;
}
.style.css {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11pt;
	font-style: normal;
	line-height: 20px;
	color: #000000;
}
h3 {
border-bottom:1px solid #ccc;
}
h4 {
text-align:left;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}
.content2 h4 {
text-align:left;
border-bottom:1px solid #ccc;
margin-top:10px;
}
body {
margin: 0;
padding: 0;
text-align:center;
width:100%;
height:100%;
background-image:url(haikei/1.jpg);
background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position:left top;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}
.top {
margin: 0 auto;
text-align:left;
width:840px;
height:200px;
padding-top:10px;
padding-left:10px;
}

img {
border:none;
}
#container{
  text-align: left;
  width: 850px;
  margin: 0 auto;
  padding: 0;
margin-top:10px;
margin-bottom:10px;
border-top: 0px solid #999;
border-left: 0px solid #999;
border-right: 0px solid #999;
border-bottom: 0px solid #999;
padding:15px;
-moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
   border: 0px #fff solid;     /* 枠線の装飾 */
   background-color: #fff;
behavior: url("PIE.htc");
}
#slides {
margin: 0 auto;
}
.topbanner {
width:100%;
height:420px;
margin:0 auto;
border:0px solid #ccc;
background-color:#f5f5f5;
}
.content{
	float:left;
	width:550px;
height:300px;
        font-size:10pt;
margin-top:15px;
        padding-bottom:40px;
	line-height:20px;
	border-top: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
        border-bottom: 0px solid #000;
background-color:#fff;
}
.content2{
margin:0 auto;
text-align:left;
	width:700px;
        font-size:10pt;
        margin-top:15px;
        padding-bottom:40px;
	line-height:20px;
	border-top: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
        border-bottom: 0px solid #000;
background-color:#fff;
background-image:url(images/back.jpg);background-repeat:no-repeat;
background-position:center;   /* 背景色 */
}
.content2 p {
padding-left:15px;
padding-right:15px;
padding-top:7px;
padding-bottom:7px;
}
.content2 li {
margin-left:40px;
list-style-type:none;
}
.content3{
margin:0 auto;
text-align:left;
	width:700px;
        font-size:10pt;
        margin-top:15px;
        padding-bottom:40px;
	line-height:20px;
	border-top: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
        border-bottom: 0px solid #000;
background-image:url(images/kotatihaikei.png);background-repeat:no-repeat;
padding:15px;
}
.content3 p {
padding-left:15px;
padding-right:15px;
padding-top:7px;
padding-bottom:7px;
}
.content3 li {
margin-left:40px;
list-style-type:none;
}
.kaisetu {
margin-top:25px;
width:240px;
text-align:left;
}
.gallary {
width:100%;
margin-top:40px;
}
.gallary td {
width:23%;
border:1px dotted #ccc;
padding:5px;
}
.kaihi th {
text-align:center;
}
.kaihi td{
width:150px;
padding:10px;
border:1px solid #ccc;
text-align:center;
}
.kaihi .title {
background-color:#f5f5f5;
}
.content2 th {
background-color:#f5f5f5;
border:1px solid #ccc;
}
.menubar {
margin:0 auto;
width:900px;
height:25px;
background-color:#fff;
}
.menubar a {
float:left;
padding-top:5px;
padding-bottom:5px;
padding-left:12px;
padding-right:12px;
background-color:#fff;
font-size:10pt;
border-right:1px dotted #ccc;
color:#000;
text-decoration:none;
background-image:url(marker/triangle3.gif);background-repeat:no-repeat;
background-position:5% 50%;
}
.menubar a:hover {
color:#fff;
background-color:#556b2f;
}
.scr {
  overflow: scroll;   /* スクロール表示 */ 
  width: 450px;
  height: 120px;
margin-top:7px;
  background-color: #f5f5f5;
padding:20px;
}
.blogtitle {
width:450px;
padding:20px;
border:1px solid #ccc;
}
.motto {
margin-right:80px;
margin-top:-17px;
padding-bottom:5px;
}
.bosyu {
margin:0 auto;
width:90%;
margin-bottom:100px;
margin-top:100px;
}
.bosyu td {
width:200px;
border:1px solid #ccc;
font-size:13pt;
background-color:#f5f5f5;
padding:20px;
}
.bosyu td a {
display:block;
paddign:20px;
}
.sidebar {
width:390px;
float:right;
height:360px;
margin-top:15px;
margin-bottom:20px;
        padding-bottom:40px;
	line-height:20px;
	border-top: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
        border-bottom: 0px solid #000;
}
.sidebar table {
margin:0 auto;
}
.sidebar table td {
padding-left:5px;
}
.banner {
text-align:center;
padding-top:10px;
}
.banner img {
margin-bottom:10px;
}
.eria {
clear:both;
margin:0 auto;
width:950px;
margin-bottom:20px;
}
.eriatable td{
text-align:left;
padding:10px;
width:300px;
height:30px;
font-size:10pt;
border:1px solid #ccc;
}
.footer {
margin: 0 auto;
clear:both;
width:850px;
height:50px;
font-size:10pt;
line-height:16px;
color:#000;
padding-top:5px;
border-top:1px solid #ccc;
background-color:#fff;
}
.footer a {
color:#000;
text-decoration:none;
padding-left:10px;
padding-right:10px;
border-right:1px solid #ccc;
}
.footer a:hover {
text-decoration:underline;
}
.footer p {
text-align:left;
}
.foot {
margin-right:20px;
margin-top:-15px;
}
#feed li{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
list-style:none;
}
#menu li {
  position: relative;
  float: left;
  margin: 0;
padding-bottom:5px;
  height: 25px;
  border: solid 0px #ccc;
  font-weight:normal;
list-style-type:none;
}
#menu li:hover {
  color: #fff;
  background: #333;
}
#menu li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: -1px;
  padding: 5px;
  width: 150px;
  background: #fff;
  border: solid 0px #ccc;
}
#menu li ul li {
  margin: 0;
  padding: 0;
  width: 200px;
  border: none;
text-align:left;
}
#menu li ul li a {
  display: inline-block;
  width: 200px;
  height: 20px;
background-color:#f5f5f5;
}
#menu li ul li a:hover {
  background: #999;
  color: #fff;
}