/*-- main class ------------------------*/

body {
	text-align:center;
	background-color:  #ffffff;
	background-image: url(images/bg_hd.gif);
	margin:0px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	color: #666666;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 18px;
}

A:link{
	color: #6666CC;
	text-decoration: none;
}

A:visited{
	color: #666699;
	text-decoration: none;
}

A:hover{
	color: #CC0000;
	text-decoration: none;
}
 
#outline {
	width:900px;
	text-align:left;
	margin:0 auto;
 }

 
 /*font
------------------------*/

h2{
	text-indent: -9000px;
}

h3{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.read{
	font-size: 16px;
	line-height: 26px;
	}
	
.inst{
	font-size: 12px;
	line-height: 16px;
}	

.f28{
	font-size: 28px;
	line-height: 34px;
}	

.f22{
	font-size: 22px;
	line-height: 30px;
}	
	
.f20{
	font-size: 20px;
	line-height: 30px;
	color: #CC0000;
}	

.f18{
	font-size: 18px;
	line-height: 30px;
	color: #CC0000;
}

.name{
	color: #CC0000;
	font-weight: bold;
}

hr{
	background-image: url(images/line_a.gif);
	height: 20px;
	width: 663px;
	border-width: 0px;
	clear: both;
}

br{
	clear: both;
}

 /*ヘッダ フッタ
------------------------*/

.head{
	width:900px;
	height: 25px;
	padding: 3px 0px 0px 0px;
}

.head h1{
	font-size: 12px;
	text-align:left;
	line-height: 12px;
}

#header {
	width: 900px;
	height: 136px;
	background-image: url(images/title.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	display: block;
}

#header a{
	width: 900px;
	height: 136px;
	display: block;
}


#footer {
	width:auto;
	height: 149px;
	background-image: url(images/bg_ft.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
 }
 
.ft_mail {
	width:900px;
	height: 75px;
	background-image: url(images/ft.gif);
	text-align:left;
	font-size: 15px;
	font-style: italic;
	line-height: 100px;
	background-repeat: no-repeat;
 }

.ft_txt {
	float:left; 
	width:600px;
	height: 25px;
	color: #666666;
	font-size: 12px;
	text-align:right;
	font-style: italic;
 }
 
 .ft_link {
 	float:left; 
	width:300px;
	height: 25px;
	color: #666666;
	font-size: 14px;
	text-align:left;
 }

/*Top page
------------------------*/
.main {
	width:900px;
	height: auto;
	clear: both;
}

#flash {
	float: left;
	width: 663px;
	height: 390px;
	background-image: url(images/photo1.jpg);
	background-repeat: no-repeat;
}

.news {
	float: left;
	width:900px;
	height: 86px;
	border: thin dashed #CC0000;
	clear: both;
	margin-bottom: 5px;
}

.news_ti {
	float: left;
	width:105px;
	height: 86px;
	background-image: url(images/news_bg.gif);
}

.news_txt {
	float: left;
	width:550px;
	height:75px;
	overflow: auto;
	padding: 5px;
}

.news_blog a{
	float: right;
	width: 222px;
	height:80px;
	background-image:url(images/blog_off.gif);
	text-indent:-9999px;
	margin: 2px;
}

.news_blog a:hover {
    background-image:url(images/blog_on.gif) ;
}


.flbox {
	width: 900px;
	height: 260px;
	clear: both;
	margin-top: 20px;
}

.floor_txt {
	float: left;
	width:900px;
	height:60px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

.floor1 a {
	float: left;
	width:170px;
	height: 220px;
	background-image: url(images/p1f_off.jpg);
	padding-right: 12px;
	background-repeat: no-repeat;
	text-indent:-9999px;
}

.floor1 a:hover {
	background-image: url(images/p1f_on.jpg);
}

.floor2 a {
	float: left;
	width:170px;
	height: 220px;
	background-image: url(images/p2f_off.jpg);
	padding-right: 12px;
	background-repeat: no-repeat;
	text-indent:-9999px;
}

.floor2 a:hover {
	background-image: url(images/p2f_on.jpg);
}

.floor3 a {
	float: left;
	width:170px;
	height: 220px;
	background-image: url(images/p3f_off.jpg);
	padding-right: 12px;
	background-repeat: no-repeat;
	text-indent:-9999px;
}

.floor3 a:hover {
	background-image: url(images/p3f_on.jpg);
}

.floor4 a {
	float: left;
	width:170px;
	height: 220px;
	background-image: url(images/p4f_off.jpg);
	padding-right: 12px;
	background-repeat: no-repeat;
	text-indent:-9999px;
}

.floor4 a:hover {
	background-image: url(images/p4f_on.jpg);
}

.floor5 a {
	float: left;
	width:170px;
	height: 220px;
	background-image: url(images/p5f_off.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
}

.floor5 a:hover {
	background-image: url(images/p5f_on.jpg);
}


/*右メニュー
------------------------*/
.SideCopy {
	float: right;
	width: 222px;
	height: 110px;
	font-size: 13px;
	line-height: 20px;
}

ul.menu {
	margin:0;
	padding:0;
}

ul.menu li {
	float: right;
	width: 222px;
   text-indent:-9999px;
   overflow:hidden;
   list-style:none;
}

ul.menu li a {
   display:block;
   width:222px;
   height:49px;
}

li {
	list-style-type: disc;
	list-style-position: inside;
}

li.menu1 a {
   background-image:url(images/menu1_off.gif);
}

li.menu1 a:hover {
   background-image:url(images/menu1_on.gif);
}

li.menu1_here{
   background-image:url(images/menu1_on.gif);
}

li.menu2 a {
   background-image:url(images/menu2_off.gif);
}

li.menu2 a:hover {
   background-image:url(images/menu2_on.gif);
}

li.menu2_here{
   background-image:url(images/menu2_on.gif);
}

li.menu3 a {
   background-image:url(images/menu3_off.gif);
}

li.menu3 a:hover {
    background-image:url(images/menu3_on.gif) ;
}

li.menu3_here{
   background-image:url(images/menu3_on.gif);
}

li.menu4 a {
   background-image:url(images/menu4_off.gif);
}

li.menu4 a:hover {
    background-image:url(images/menu4_on.gif) ;
}

li.menu4_here{
   background-image:url(images/menu4_on.gif);
}

li.menu5 a {
   background-image:url(images/menu5_off.gif);
}

li.menu5 a:hover {
    background-image:url(images/menu5_on.gif) ;
}

li.menu5_here{
   background-image:url(images/menu5_on.gif);
}

li.menu6 a {
   background-image:url(images/menu6_off.gif);
}

li.menu6 a:hover {
    background-image:url(images/menu6_on.gif) ;
}

li.menu6 a {
   background-image:url(images/menu6_off.gif);
}

li.menu6_here{
   background-image:url(images/menu6_on.gif);
}

li.menu7 a:hover {
    background-image:url(images/menu7_on.gif) ;
	background-repeat: no-repeat;
}

li.menu7 a {
   background-image:url(images/menu7_off.gif);
   background-repeat: no-repeat;
}

li.menu7_here{
   background-image:url(images/menu7_on.gif);
   background-repeat: no-repeat;
}

li.menu1f a:hover {
    background-image:url(images/menu_1f_on.gif) ;
}

li.menu1f a {
   background-image:url(images/menu_1f_off.gif);
}

li.menu1f_here{
   background-image:url(images/menu_1f_on.gif);
}

li.menu2f a:hover {
    background-image:url(images/menu_2f_on.gif) ;
}

li.menu2f a {
   background-image:url(images/menu_2f_off.gif);
}

li.menu2f_here{
   background-image:url(images/menu_2f_on.gif);
}


li.menu3f a:hover {
    background-image:url(images/menu_3f_on.gif) ;
}

li.menu3f a {
   background-image:url(images/menu_3f_off.gif);
}

li.menu3f_here{
   background-image:url(images/menu_3f_on.gif);
}

li.menu4f a:hover {
    background-image:url(images/menu_4f_on.gif) ;
}

li.menu4f a {
   background-image:url(images/menu_4f_off.gif);
}

li.menu4f_here{
   background-image:url(images/menu_4f_on.gif);
}

li.menulo a:hover {
    background-image:url(images/menu_lo_on.gif) ;
}

li.menulo a {
   background-image:url(images/menu_lo_off.gif);
}

li.menulo_here{
   background-image:url(images/menu_lo_on.gif);
}

.blog a{
	float: right;
	width: 222px;
	height:80px;
	background-image:url(images/blog_off.gif);
	text-indent:-9999px;
	overflow:hidden;
	list-style:none;
	margin-top: 20px;
}

.blog a:hover {
    background-image:url(images/blog_on.gif) ;
}



/*other
------------------------*/

div.banners{
	float: right;
}

.box {
	width: 900px;
}

.box663 {
	width: 663px;
}

.clear { clear:both; }  
.clear hr { display:none; }  

/*In page
------------------------*/
.inmain {
	float: left;
	width:663px;
}

.rightmenu {
	float: right;
	width:222px;
}


/*about
------------------------*/
#stabout {
	float: left;
	width: 663px;
	height: 67px;
	background-image: url(images/st_about.gif);
	background-repeat: no-repeat;
}


#aboutimg {
	float: left;
	width: 643px;
	height: 340px;
	background-image: url(images/about_img.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 23px;
	padding: 10px;
	clear: both;
	text-align: left;
}

/*about
------------------------*/
#stinst {
	float: left;
	width: 663px;
	height: 67px;
	background-image: url(images/st_inst.gif);
	background-repeat: no-repeat;
}


#nomalimg {
	float: left;
	width: 663px;
	background-image: url(images/nomal_img.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 23px;
	clear: both;
	text-align: left;
	background-position: top;
}

#no_img {
	float: left;
	width: 663px;
	font-size: 14px;
	line-height: 23px;
	clear: both;
	text-align: left;
	background-position: top;
}


/*price
------------------------*/
#stprice {
	float: left;
	width: 663px;
	height: 67px;
	background-image: url(images/st_price.gif);
	background-repeat: no-repeat;
}

/*access
------------------------*/
#staccess {
	float: left;
	width: 663px;
	height: 67px;
	background-image: url(images/st_access.gif);
	background-repeat: no-repeat;
}

/*access
------------------------*/
#stfloor {
	float: left;
	width: 663px;
	height: 67px;
	background-image: url(images/st_floor.gif);
	background-repeat: no-repeat;
}

#map1{
	float: left;
	height: 144px;
	width: 340px;
}

#map2{
	float: left;
	height: 477px;
	width: 663px;
}

#access{
	height: 144px;
	width: 322px;
	float: left;
	text-align: left;
}

/*rental
------------------------*/
#strental {
	float: left;
	width: 663px;
	height: 67px;
	background-image: url(images/st_rental.gif);
	background-repeat: no-repeat;
}

.size_box{
	float: left;
	width: 159px;
	height: 200px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 11px;
	line-height: 14px;
	margin-right: 9px;
	}
	
.size_boxr{
	float: left;
	width: 159px;
	height: 200px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 11px;
	line-height: 14px;
	}
/*index
------------------------*/

div.sale{
	font-size: 1.4em;
	border: 1px solid #99C;
	padding: 5px;
	width: 260px;
	margin-bottom: 10px;
}