@charset "UTF-8";
/* CSS Document */
body{
	text-align:center;
}




.Container{
	width:750px; margin-left:auto; margin-right:auto;
}

#index{
}

#top {
    position: relative;
    width: 750px;
    height:500px;
    margin: 0 auto;
}

#photo1,#photo2,#photo3,#photo4 {
    position: absolute;
    float: left;
    width: 750px;
    left:750px;
    -moz-animation: imgtrans 16s infinite;
    -webkit-animation: imgtrans 16s infinite;
    animation: imgtrans 16s infinite;
}
#photo1 {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 {
    -moz-animation-delay: 4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
#photo3 {
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}
#photo4 {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#frame {
    width: 750px;
    height:500px;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes imgtrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}
@-moz-keyframes imgtrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}
@keyframes imgtrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}


.top{
	 width:750px; margin:20px;
}

#main1{
	font:15px;  font-family:serif ; letter-spacing: 1px; line-height: 1.5;
	margin-top:40px;
}

	
.post{
	width:750px;
	margin-bottom:40px;
	clear:both; 
	overflow:hidden;
}

img.post4{
	width:350px; float:left; 
}

.post1{
	width:380px; float:right;
	text-align:justify;  line-break: normal;
	font:15px;  font-family:serif ; letter-spacing: 0.5px;
	margin: 0;  padding: 0;
}

p.post1,.post2{
	margin-top:-1.5px; line-height: 1.5;
}

.post2{
	width:380px; float:left;
	text-align:justify; line-break: normal;
	font:15px;  font-family:serif ; letter-spacing: 0.5px;
}

img.post3{
	width:350px; float:right;
}


.box1{
	width:240px; float:left;
}

.box2{
	width:240px; float:center;
}

.box3{
	width:240px; float:right;
}

.clearfix:after {
	visibility:hidden;
	display: block;
	clear: both;
	content: "";
}

.clearfix{
	display: inline-block;
}

.clearfix{
display: block;
}

.item{
	font:14px; font-family:serif ; letter-spacing: 1px; line-height: 1.5;
	text-align:left;  margin-bottom:60px;
}




/* navi ===============================================*/

ul#index {
	margin:0;
	padding:0;
}

ul#index li{
	display: inline;
	list-style-type:none;
	margin: 0;
	padding:50px;
	fontsize:80%;
}

ul#index a{
	font-weight:0 bold;
	color: #333333;
	text-decoration: none;
}

ul#index a:hover,active{
	border-bottom: 1px solid #6699CC;
	color: #6699CC;
}

/* ===============================================*/


.access{
	background-color:#DCDCDC;
}

.access img{
	margin-top:30px;
}


.access p{
	width:731px; margin-left:auto; margin-right:auto; letter-spacing: 1px; line-height: 1.5;
	text-align:left;  font-family:serif ; letter-spacing: 1px;
}