@charset "utf-8";
/* CSS Document */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background-image:url(../images/bg2.jpg);*/
}

#container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
	background-color:#FFF;
}


/*ヘッダー*/

h1{
	padding-top:10px;
	padding-right:10px;
	float:left;
}

.sentence{
	float:left;
	margin-top:65px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.next-event{
	position:absolute;
	float:left;
	margin:10px 0 0 0px;
	border:#0F0 7px dotted;
	padding:5px;
	right:70px;
}
.next{
	font-size:20px;
	font-weight:bold;
}

#headernavi ul{
	clear:both;
	width:100%;
	margin-top:0px;
	padding:0;
	margin-left:40px;
}

#headernavi ul li{
	 float: left;
	 margin-top:0px;
	 padding: 0 60px 0px 30px; 
	 list-style:none;
}

.underline{
	height:5px;
	width:100%;
	padding-top:10px;
	background-image:url(../images/top_21.png);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
}



.navi1{
	display:block;
	width:44px;
	height:25px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
}

.navi2{
	margin-top:3px;
	display:block;
	width:60px;
	height:25px;
	background-image:url(../images/info.png);
	background-repeat:no-repeat;
}
.navi3{
	display:block;
	width:75px;
	height:25px;
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
}

.navi4{
	display:block;
	width:120px;
	height:25px;
	background-image:url(../images/ploducts.png);
	background-repeat:no-repeat;
}

.navi5{
	display:block;
	width:105px;
	height:25px;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
}

.navi1:hover{
	display:block;
	width:44px;
	height:25px;
	background-image:url(../images/top_on.png);
	background-repeat:no-repeat;
}

.navi2:hover{
	margin-top:3px;
	display:block;
	width:60px;
	height:25px;
	background-image:url(../images/info_on.png);
	background-repeat:no-repeat;
}

.navi3:hover{
	display:block;
	width:75px;
	height:25px;
	background-image:url(../images/about_on.png);
	background-repeat:no-repeat;
}

.navi4:hover{
	display:block;
	width:120px;
	height:25px;
	background-image:url(../images/ploducts_on.png);
	background-repeat:no-repeat;
}

.navi5:hover{
	display:block;
	width:105px;
	height:25px;
	background-image:url(../images/contact_on.png);
	background-repeat:no-repeat;
}

/*メインコンテンツ*/
h2.news{
	margin-top:10px;
	width:400px;
}

div#left{
	float:left;
	margin-left:-20px;
}



.shousai{
	width:291px;
	height:52px;
	padding-top:175px;
	padding-left:550px;
}

div#right{
	float:left;
	margin-left:50px;
	margin-top:0px;
}

h2.update{
	padding-top:20px;
	margin-left:20px;
	clear:both;
}

div#update{
	margin-top:0px;
	margin-left:20px;
	margin-bottom:150px;
	padding:10px;
	width:385px;
	height:100px;
	border:double #CCCCCC;
	overflow:auto;
}

#update p{
	border-bottom:dashed #CCC 1px;
}


div#news{
	position:relative;
	width:890px;
	height:250px;
	margin-bottom:30px;	
}

div#news ul li{
	position:absolute;
	top:0;
	left:0px;
	right:0;
	margin:0px;
	padding:0;
	width:890px;
	height:250px;
}




/*フッター*/

.underline2{
	clear:both;
	height:5px;
	width:100%;
	margin-top:50px;
	background-image:url(../images/top_21.png);
	background-repeat:no-repeat;
	background-position:center;
}

footer{
	margin-top:0px;
	margin-left:250px;
}

footer ul{
	margin-left:0px;
}

footer ul li{
	float:left;
	margin:0px 30px 10px 0px;
}

footer ul li a{
	text-decoration:none;
}

#copyright{
	clear:both;
	text-align:center;
}

/*準備中*/

p.junbi{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	margin:30px;
}

/*twitter*/
.twitter-timeline{
	width:200px;
	height:250px;
}

/*ルビ*/
.rubi{
	margin-top:3000px;
}

/*コンタクト*/
.contact{
	text-align:center;
	font-size:30px;
}

/*いんふぉ*/

#infomation-contents{
	text-align:center;
}

.border{
	border:solid #848282;
	font-weight:bold;
	padding:5px;
}