@charset "utf-8";
/* CSS Document */

* {
 margin:0;
 padding:0;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:100%;
 }
 
body {
 background-image:url(../img/new_bg.gif);
 background-repeat:repeat;
 }
 
#wrapper {
 width:910px;
 margin:0 auto;
 background-image:url(../img/new_wrapper_bg.gif);
 background-repeat:repeat-y;
 }
 
p {
 margin:10px auto;
 font-size:90%;
 color:#FFF;
 }
 
p a {
 color:#FF9900;
 }
 
p a:hover {
 color:#CCCC99;
 }
 
p a:visited {
 color:#FF9900;
 }  
 

/*-----ヘッドメッセージ-----*/

#head_message {
 font-size:80%;
 color:#FFF;
 width:900px;
 height:20px;
 margin:0 auto;
 padding-left:5px;
 line-height:20px;
 }
 
/*-----ヘッダ-----*/

#header {
 width:900px;
 height:50px;
 margin:30px 0 auto;
 }

/*-----グローバルナビ-----*/
#global_navi {
 width:900px;
 height:50px;
 margin-top:5px;
 }
 
#global_navi ul {
 list-style-type:none;
 }
 
#global_navi li {
 float:left;
 }
 
#global_navi a span {
 display:none;
 }
 
#global_navi a {
 display:block;
 width:150px;
 height:50px;
 }
 
#global_navi li.room a {
 width:150px;
 background:url(../img/new_navi.gif) 0 0;
 }
 
#global_navi li.system a {
 width:150px;
 background:url(../img/new_navi.gif) 750px 0;
 } 
#global_navi li.service a {
 width:150px;
 background:url(../img/new_navi.gif) 600px 0;
 }
 
#global_navi li.event a {
 width:150px;
 background:url(../img/new_navi.gif) 450px 0;
 }
 
#global_navi li.member a {
 width:150px;
 background:url(../img/new_navi.gif) 300px 0;
 }
 
#global_navi li.access a {
 width:150px;
 background:url(../img/new_navi.gif) 150px 0;
 }
 
#global_navi li.room a:hover {
 width:150px;
 background:url(../img/new_navi.gif) 0 50px;
 }
 
#global_navi li.system a:hover {
 width:150px;
 background:url(../img/new_navi.gif) 750px 50px;
 }
 
#global_navi li.service a:hover {
 width:150px;
 background:url(../img/new_navi.gif) 600px 50px;
 }
 
#global_navi li.event a:hover {
 width:150px;
 background:url(../img/new_navi.gif) 450px 50px;
 }
 
#global_navi li.member a:hover {
 width:150px;
 background:url(../img/new_navi.gif) 300px 50px;
 }
 
#global_navi li.access a:hover {
 width:150px;
 background:url(../img/new_navi.gif) 150px 50px;
 }
 

 


/*-----メイン-----*/

#main_content {
 width:900px;
 height:auto;
 margin:0 auto;
 background-image:url(../img/new_main_bg.jpg);
 }

 
#sub_content {
 width:900px;
 height:auto;
 margin:350px 0 auto;
 }

.left {
 width:450px;
 height:auto;
 float:left;
 }
 
.left p {
 margin-left:5px;
 margin-top:20px;
 }
 
.right {
 width:430px;
 height:auto;
 float:right;
 margin-top:5px;
 padding-right:5px;
 } 

 h2 {
 font-size:90%;
 line-height:30px;
 color:#FFFFCC;
 padding-left:45px;
 border-bottom:1px solid #B5B4A4;
 background-image:url(../img/new_midashi.gif);
 background-repeat:no-repeat;
 }
 
.osirase p {
 font-size:80%;
 color:#000;
 padding:10px;
 line-height:20px;
 border:1px solid #FFFFFF;
 margin-bottom:10px;
 background-color:#FAF4FF;
 }
 
.topinfo {
 width:430px;
 height:150px;
 margin:20px auto;
 color:#FFF;
 background-color:#333333;
 filter: alpha(opacity=80);	/* IE6、IE7対応 */
 -moz-opacity: 0.8;
 opacity: 0.8;		/* Firefox1.5以前対応 */
 }
  
.topinfo img {
 float:left;
 margin-right:10px;
 margin-left:5px;
 margin-top:10px;
 margin-bottom:10px;
 }
 
.topinfo p {
 font-size:80%;
 color:#FFF;
 padding:5px;
 line-height:20px;
 }
 
.text1 {
 font-size:90%;
 font-weight:bold;
 }
 
.more a span {
 display:none;
 }
 
.more a {
 display:block;
 width:100px;
 height:20px;
 background-image:url(../img/more1.gif);
 background-repeat:no-repeat;
 }
 
.more a:hover {
 background-image:url(../img/more2.gif);
 background-repeat:no-repeat;
 }
 
 
/*-----新着情報-----*/

.news_content {
 width:430px;
 height:300px;
 margin:5px auto 30px;
 }
 
.news {
  width:400px;
  height:270px;
  margin:20px auto;
  overflow:auto;
  margin-bottom:20px;
  color:#FFF;
  background-color:#333333;
  filter: alpha(opacity=80);	/* IE6、IE7対応 */
  -moz-opacity: 0.8;
  opacity:0.8;		/* Firefox1.5以前対応 */
}
  
 .news dl {
  font-size:80%;
  }
  
 .news dt {
  font-weight:bold;
  padding-left:5px;
  padding-top:5px;
  }
  
 .news dd {
  padding:10px;
  line-height:20px;
  border-bottom:1px dotted #B5B4A4;
  } 
 
 
/*-----フッタ-----*/

#footer {
 clear:both;
 width:900px;
 height:auto;
 margin:10px 0 auto;
 background-color:#3C3029;
 filter: alpha(opacity=70);	/* IE6、IE7対応 */
 -moz-opacity: 0.7;
 opacity: 0.7;		/* Firefox1.5以前対応 */
 }

#footer h4 {
 font-size:90%;
 color:#FFF;
 font-weight:bold;
 text-align:center;
 padding-top:10px;
 }
  
#footer p {
 font-size:80%;
 color:#FFF;
 text-align:center;
 }
 
#footer p a:link {
 color:#FFFF99;
 }
    
#footer p a:hover {
 color:#999966;
 }
  
#footer address {
 text-align:center;
 color:#FFF;
 padding-bottom:10px;
 font-style:normal;
 font-size:80%;
 }
 
#footer p.note {
 font-size:65%;
 }