/* CSS Document */


body{
width:800px;
padding:0px;
margin:0px auto 0px auto;
font-size:78%;
background-image:url(../img/top/index-1.jpg);
background-repeat:no-repeat;
background-position:center top;
}

h1,h2,h3,h4,h5,h6,p,img{
padding:0px;
margin:0px;
}

br{
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/*----ビジュアル---*/

.top-0{
clear:both;
padding:0px;
margin:0px 0px 6px 0px;
}


h1{
float:left;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
}

.top-p{
margin:0px 0px 0px 655px;
padding:0px;
font-size:78%;
}

.p-1{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 150px;
}
/*	---------------メニュー類---------------  */
.m-bar{
	height:12px;
	width: 350px;
	margin:10px 105px 0px 0px;
	padding:0px 0px 0px 0px;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	float:right;
}

* html .m-bar {
text-align:justify;
margin:10px 55px 0px 0px;
}

.m-bar img {
	visibility: hidden;
}

.imgoff {
	visibility: visible;
}

.m-bar a,
.m-bar a:link,
.m-bar a:visited {
	float:left;
	margin:0px 2px 0px 2px;
}

.m-bar .bt01 a {
	background-image:url(../img/top/index-3.gif)
}
.m-bar .bt01 a:focus,
.m-bar .bt01 a:hover,
.m-bar .bt01 a:active {
	background-image:url(../img/top/index-3-b.gif)
}

.m-bar .bt02 a {
	background-image:url(../img/top/index-4.gif)
}
.m-bar .bt02 a:focus,
.m-bar .bt02 a:hover,
.m-bar .bt02 a:active {
	background-image:url(../img/top/index-4-b.gif)
}

.m-bar .bt03 a {
	background-image:url(../img/top/index-5.gif)
}
.m-bar .bt03 a:focus,
.m-bar .bt03 a:hover,
.m-bar .bt03 a:active {
	background-image:url(../img/top/index-5-b.gif)
}

.m-bar .bt04 a {
	background-image:url(../img/top/index-6.gif)
}
.m-bar .bt04 a:focus,
.m-bar .bt04 a:hover,
.m-bar .bt04 a:active {
	background-image:url(../img/top/index-6-b.gif)
}

/*-------*/


/*	---------------メニュー類---------------  */
.m-bar-2{
	height:200px;
	width: 217px;
	margin:0px;
	right:0px;
	left:0px;
	float:right;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	

}

.m-bar-2 img {
	visibility: hidden;
}

.imgoff {
	visibility: visible;
}

.m-bar-2 a,
.m-bar-2 a:link,
.m-bar-2 a:visited {
	float:left;
	margin-right: 0px;
	margin-left: 0px;
}

.m-bar-2 .bt01-2 a {
background-image:url(../img/top/index-8.gif)
}
.m-bar-2 .bt01-2 a:focus,
.m-bar-2 .bt01-2 a:hover,
.m-bar-2 .bt01-2 a:active {
	background-image:url(../img/top/index-8-b.gif)
}

.m-bar-2 .bt02-2 a {
margin:10px 0px 0px 0px;
	background-image:url(../img/top/index-9-1.gif)
}
.m-bar-2 .bt02-2 a:focus,
.m-bar-2 .bt02-2 a:hover,
.m-bar-2 .bt02-2 a:active {
	background-image:url(../img/top/index-9-1-b.gif)
}

.m-bar-2 .bt03-2 a {
	background-image:url(../img/top/index-9-2.gif)
}
.m-bar-2 .bt03-2 a:focus,
.m-bar-2 .bt03-2 a:hover,
.m-bar-2 .bt03-2 a:active {
	background-image:url(../img/top/index-9-2-b.gif)
}

.m-bar-2 .bt04-2 a {
	background-image:url(../img/top/index-9-3.gif)
}
.m-bar-2 .bt04-2 a:focus,
.m-bar-2 .bt04-2 a:hover,
.m-bar-2 .bt04-2 a:active {
	background-image:url(../img/top/index-9-3-b.gif)
}

.m-bar-2 .bt05-2 a {
	background-image:url(../img/top/index-9-4.gif)
}
.m-bar-2 .bt05-2 a:focus,
.m-bar-2 .bt05-2 a:hover,
.m-bar-2 .bt05-2 a:active {
	background-image:url(../img/top/index-9-4-b.gif)
}

.m-bar-2 .bt111-2 a {
	background-image:url(../img/top/index-1111.gif)
}
.m-bar-2 .bt111-2 a:focus,
.m-bar-2 .bt111-2 a:hover,
.m-bar-2 .bt111-2 a:active {
	background-image:url(../img/top/index-1111-b.gif)
}


.m-bar-2 .bt0816-2 a {
	background-image:url(../img/top/suito2011_logo.gif)
}
.m-bar-2 .bt0816-2 a:focus,
.m-bar-2 .bt0816-2 a:hover,
.m-bar-2 .bt0816 a:active {
	background-image:url(../img/top/suito2011_logo.gif)
}

.m-bar-2 .btinfo a {
	background-image:url(../img/top2/index-info.gif)
}
.m-bar-2 .btinfo a:focus,
.m-bar-2 .btinfo a:hover,
.m-bar-2 .btinfo a:active {
	background-image:url(../img/top2/index-info-b.gif)
}

/*-------*/


/*	---------------内容---------------  */

/*	---------------2010年8月4日追加---------------  */
.news{
	width:282px;
	height:250px;
	float:left;
	background-image:url(../img/top/index-13.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-top: 110px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*	---------------2010年8月4日追加---------------  */

.news div{
	overflow:auto;
	width:269px;
	height:245px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
}



/*	---------------2010年8月4日追加---------------  */
.event{
	width:282px;
	height:250px;
	float:left;
	background-image:url(../img/top/index-14.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-top: 110px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*	---------------2010年8月4日追加---------------  */



.event div{
	overflow:auto;
	width:269px;
	height:245px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
}

.banner{
	float:right;
	width:217px;
	height:auto;
	padding:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 110px;
}

.banner .banner-1{

padding:0px 0px 0px 0px;
margin:7px 0px 0px 0px;
}

.banner-2{
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.banner-2 img{
margin:0px 2px 0px 2px;
}

.banner-2 .ba{
margin:0px 0px 0px 6px;
}

.p-2{
text-align:center;
}
/*	---------------　　---------------  */


/*---リンク---*/
a:link{color:#2C43AD;}
a:visited{color:#2C43AD;}
a{text-decoration:underline;}
a:focus,
a:hover,
a:active{color:#848EBD;
text-decoration:none;}




/*	---------------2010年8月4日追加---------------  */
.newstopi {
	font-size: 0.85em;
	margin-left: 150px;
	height: auto;
	width: auto;
	margin-bottom: 0px;
}
.evecale {
	font-size: 0.85em;
	margin-left: 140px;
	height: auto;
	width: auto;
	margin-bottom: 10px;
}

.evecale02 {
	font-size: 0.85em;
	margin-left: 140px;
	height: auto;
	width: auto;
	margin-bottom: 5px;
	margin-top: 50px;
}

/*	---------------2012年1月24日追加---------------  */
.banner-202 {
	clear:both;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.banner-202 img{
margin:0px 2px 0px 2px;
}

.banner-202 .ba{
margin:0px 0px 0px 6px;
}

/*	---------------2012年1月24日追加---------------  */
.banner-0124 {
	clear:both;
	padding:0px;
	margin-top: -23px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	width: 161px;
	float: right;
}
.banner-0124 img {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.banner-0124 .ba {

margin:0px 0px 0px 6px;
}