/* マンスリーマンションサンシティ  CSS Document */


body {
margin: 0px auto;
padding: 0px;
background: url("../img/common/body_bg.jpg") repeat-x 0% 0% #FFFFFF;
font-family:"ＭＳ Ｐゴシック","メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
text-align: center;
}
	

a {overflow:hidden;}
a:link {color:#FF6600; text-decoration:none;}
a:visited {color:#FF6600; text-decoration:none;}
a:hover {color:#FF9933; text-decoration:underline;}


/* フォント 設定  */

b { font-weight:bold; line-height: 160%;}
i { font-style:oblique;}
big { font-size: 13px;}
small{font-size: 10px;}
strong {color: #CC0000; font-weight: bold; font-size: 12px; line-height: 160%;}

img {
 border-style: none;
 border-width: 0px;
 text-decoration: none;
}
a img {
 border-style: none;
 border-width: 0px;
 text-decoration: none;
}




#wrap{
margin: 0px auto;
padding: 0px;
width: 950px;
text-align: center;
}


#wrap2{
margin: 0px auto;
padding: 0px;
width: 950px;
background-color:#FFFFFF;
}

/*ヘッダー部分*/
#header{
margin: 0px auto;
padding: 0px;
width:950px;
height: 108px;
color: #000066;
background: url("../img/common/header_bg.jpg") no-repeat 0px 0px;
text-align: left;
float: left;
}


#header h1{
margin: 0px;
padding: 0px;
width:490px;
height: 103px;
float: left;
font-size: 0px;
text-indent: -9999px;
background: url("../img/common/header_logo_off.jpg") no-repeat 0px 0px;
}

#header h1 a{
width:490px;
height: 103px;
font-size: 0px;
text-indent: -9999px;
background: url("../img/common/header_logo_off.jpg") no-repeat 0px 0px;
display: block;
}

#header h1 a:hover{
width:490px;
height: 103px;
font-size: -1px;
text-indent: -9999px;
background: url("../img/common/header_logo_on.jpg") no-repeat 0px 0px;
display: block;

}


/*　ヘッダ部分ナビメニュー　*/
#header #tab {
margin: 74px 0px 0px 0px;
padding: 0px; 
width: 420px; 
height: 30px;
float: right; 
text-align: left; 
background: url("../img/common/header_tab.jpg") no-repeat 0% 0%;
WHITE-SPACE: nowrap;
}

#header #tab UL {
font-size: 0px; 
text-indent: -9999px; 
list-style-type: none;
width: 420px; 
height: 30px;
display: inline;
WHITE-SPACE: nowrap;
}

#header #tab LI {
text-align: left;
list-style-type: none; 
display: inline;
float: left;

}

#tab #tab1 A {DISPLAY: block; WIDTH: 210px; HEIGHT: 30px;}
#tab #tab2 A {DISPLAY: block; WIDTH: 210px; HEIGHT: 30px;}

#tab #tab1 A:hover {BACKGROUND: url("../img/common/header_tab.jpg") no-repeat 0px -30px;}
#tab #tab2 A:hover {BACKGROUND: url("../img/common/header_tab.jpg") no-repeat -210px -30px;}




#topnavi {
margin: 0px auto 0px auto;
padding: 8px 0px 2px 0px;
width: 950px;
height: 20px;
text-align: right;
clear:both;
font-size: 10px;
color: #333333;
}




#topnavi a{overflow:hidden; font-size: 10px;}
#topnavi a:link{color:#333333; text-decoration:none; font-size: 10px;}
#topnavi a:visited{color:#333333; text-decoration:none; font-size: 10px;}
#topnavi a:hover{color:#CC9900; text-decoration:none; font-size: 10px;}


#topimg_index{
margin: 0px;
padding: 0px;
width: 950px;
height: 270px;
text-align: center;
background: #FFFFFF;
}


#topimg_sub{
margin: 0px 0px 15px 0px;
padding: 0px;
width: 950px;
height: 180px;
text-align: center;
background: #FFFFFF;
}




/*マーキースクリプト*/
#index-marquee {
PADDING: 5px 10px 2px 10px;
FONT-SIZE: 11px;
BACKGROUND: url("../img/common/marqee_bg.jpg") no-repeat 0% 50%;
MARGIN: 10px auto 10px auto; 
WIDTH: 930px; 
COLOR: #333333;
LINE-HEIGHT: 1.2; 
text-align: left;
clear:both;
}


/* --------------コンテンツメイン部分大枠--------------*/

#main{
margin: 5px 0px 15px 0px;
padding: 0px;
width: 950px;
background: url("../img/common/main_bg.jpg") repeat-y center top #FFFFFF;
float: left;
}

#main_end{
margin:0px;
padding:0px;
clear:both;
}


/* --------------左カラム部分--------------*/

#main #left{
margin: 0px 0px 0px 0px;
padding: 0px;
width: 205px;
float: left;
text-align: left;
font-size: 12px;
color: #333333;
}



#main #left h3 {
margin: 0px 0px 10px 0px;
padding: 0px;
clear:both;}


#main #left p{
margin: 0px 0px 10px 0px;
padding: 0px;
line-height:140%;
font-size:11px;
text-align: center;
}


#main #left #menu {
margin: 0px 0px 20px 0px;
padding: 0px;
width: 205px;
height: 233px;
font-size: 0px; 
text-indent: -9999px; 
background:url("../img/left/menu.gif") 0% 0% no-repeat;
}

#main #left #menu ul{
margin: 0px;
padding: 0px;
list-style-type:none;

}

#main #left #menu li{
text-align: left;
list-style-type: none; 
display: inline;
float: left;
}

#main #left #menu #menu1 A {DISPLAY: block; WIDTH: 205px; HEIGHT: 33px;}
#main #left #menu #menu2 A {DISPLAY: block; WIDTH: 205px; HEIGHT: 33px;}
#main #left #menu #menu3 A {DISPLAY: block; WIDTH: 205px; HEIGHT: 33px;}
#main #left #menu #menu4 A {DISPLAY: block; WIDTH: 205px; HEIGHT: 33px;}
#main #left #menu #menu5 A {DISPLAY: block; WIDTH: 205px; HEIGHT: 33px;}
#main #left #menu #menu6 A {DISPLAY: block; WIDTH: 205px; HEIGHT: 33px;}
#main #left #menu #menu7 A {DISPLAY: block; WIDTH: 205px; HEIGHT: 33px;}

#main #left #menu #menu1 A:hover {BACKGROUND: url("../img/left/menu.gif") no-repeat -205px 0px;}
#main #left #menu #menu2 A:hover {BACKGROUND: url("../img/left/menu.gif") no-repeat -205px -33px;}
#main #left #menu #menu3 A:hover {BACKGROUND: url("../img/left/menu.gif") no-repeat -205px -66px;}
#main #left #menu #menu4 A:hover {BACKGROUND: url("../img/left/menu.gif") no-repeat -205px -99px;}
#main #left #menu #menu5 A:hover {BACKGROUND: url("../img/left/menu.gif") no-repeat -205px -132px;}
#main #left #menu #menu6 A:hover {BACKGROUND: url("../img/left/menu.gif") no-repeat -205px -165px;}
#main #left #menu #menu7 A:hover {BACKGROUND: url("../img/left/menu.gif") no-repeat -205px -198px;}



.menu li a:hover{
margin: 0px;
padding: 0px 0px 0px 23px;
background:url("../img/left/li_mark_on.jpg") 0% 50% no-repeat;
color: #0099FF;
text-decoration:none;
}


#main #left hr{
height: 1px;
border-bottom: #DFDFDF 1px solid;
}


/* --------------右カラム --------------*/

#main #right{
margin: 0px;
padding: 0px 0px 0px 25px;
width: 715px;
float: right;
text-align:left;
font-size:12px;
}


#main #right p{
margin: 0px 0px 10px 0px;
padding: 0px;
line-height:160%;
font-size:12px;
text-align:left;
}


/* --------------右カラムの見出し--------------*/

#main #right h2{
padding: 0px;
clear:both;
font-size: -1px;
text-indent: -9999px;
}

#main #right h3{
padding: 0px;
clear:both;
font-size: -1px;
text-indent: -9999px;
}


/*===============================*/
/*//グループリンク//*/
/*===============================*/

#grouplink_wrap{
padding: 25px 0px 15px 0px;
color: #333333;
clear: both;
background: url("../img/common/grouplink_bg.jpg")0% repeat-x;
text-align:center;
}

#grouplink_wrap p{
margin:5px 0px 0px 15px;
font-size:13px;
line-height:140%;
text-align:center;
color: #333333;
}






/* --------------各ページの見出し設定--------------*/

/* -----index.html--------*/

h2#index_01{
background: url("../img/index/tit_h2_1.jpg") left top no-repeat; width:715px; height:46px;
margin: 15px 0px 10px 0px;
}

h2#index_02{
background: url("../img/index/tit_h2_2.jpg") left top no-repeat; width:715px; height:46px;
margin: 15px 0px 10px 0px;
}

h3#index_01{
background: url("../img/index/tit_h3_1.jpg") left top no-repeat; width:715px; height:42px;
margin: 10px 0px 10px 0px;
}

h3#index_02{
background: url("../img/index/tit_h3_2.jpg") left top no-repeat; width:715px; height:42px;
margin: 10px 0px 10px 0px;
}

h3#index_03{
background: url("../img/index/tit_h3_3.jpg") left top no-repeat; width:715px; height:42px;
margin-bottom: 5px;
}


h3#index_04{
background: url("../img/index/tit_h3_4.jpg") left top no-repeat; width:715px; height:42px;
margin: 20px 0px 10px 0px;
}



/* -----price.html--------*/

h2#price_01{
background: url("../img/price/pagetitle.jpg") left top no-repeat; width:715px; height:60px;
margin: 0px 0px 15px 0px;
}


h3#price_01{
background: url("../img/price/h3_01.jpg") left top no-repeat; width:715px; height:35px;
margin: 20px 0px 10px 0px;
}

h3#price_02{
background: url("../img/price/h3_02.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 10px 0px;
}

h3#price_03{
background: url("../img/price/h3_03.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 10px 0px;
}

h3#price_04{
background: url("../img/price/h3_04.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 10px 0px;
}

h3#price_05{
background: url("../img/price/h3_05.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 10px 0px;
}

h3#price_06{
background: url("../img/price/h3_06.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 0px 0px;
}



/* -----room.html--------*/

h2#room_01{
background: url("../img/room/pagetitle.jpg") left top no-repeat; width:715px; height:55px;
margin-bottom: 5px;
}


h3#room_01{
background: url("../img/room/h3_01.jpg") left top no-repeat; width:715px; height:35px;
margin: 30px 0px 10px 0px;
}



h3#room_02{
background: url("../img/room/h3_02.jpg") left top no-repeat; width:715px; height:35px;
margin: 30px 0px 5px 0px;
}

h3#room_03{
background: url("../img/room/h3_03.jpg") left top no-repeat; width:715px; height:35px;
margin: 10px 0px 5px 0px;
}

h3#room_04{
background: url("../img/room/h3_04.jpg") left top no-repeat; width:715px; height:35px;
margin: 20px 0px 5px 0px;
}


h3#room_05{
background: url("../img/room/h3_05.jpg") left top no-repeat; width:715px; height:35px;
margin: 20px 0px 5px 0px;
}


/* -----facilities.html--------*/

h2#facilities_01{
background: url("../img/facilities/pagetitle.jpg") left top no-repeat; width:715px; height:60px;
margin-bottom: 0px;
}

h2#facilities_02{
background: url("../img/facilities/pagetitle2.jpg") left top no-repeat; width:715px; height:60px;
margin: 60px 0px 10px 0px;
}

h2#facilities_03{
background: url("../img/facilities/pagetitle3.jpg") left top no-repeat; width:715px; height:60px;
margin: 60px 0px 10px 0px;
}




h3#facilities_00{
background: url("../img/facilities/h3_00.jpg") left top no-repeat; width:715px; height:35px;
margin: 30px 0px 10px 0px;
}


h3#facilities_01{
background: url("../img/facilities/h3_01.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 10px 0px;
}


h3#facilities_02{
background: url("../img/facilities/h3_02.jpg") left top no-repeat; width:715px; height:35px;
margin: 10px 0px 10px 0px;
}


h3#facilities_03{
background: url("../img/facilities/h3_03.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 10px 0px;
}


h3#facilities_04{
background: url("../img/facilities/h3_04.jpg") left top no-repeat; width:715px; height:35px;
margin-bottom: 10px;
}

h3#facilities_05{
background: url("../img/facilities/h3_05.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 10px 0px;
}


h3#facilities_06{
background: url("../img/facilities/h3_06.jpg") left top no-repeat; width:715px; height:35px;
margin-bottom: 10px;
}


/* -----access.html--------*/
h2#access_01{
background: url("../img/access/pagetitle.jpg") left top no-repeat; width:715px; height:55px;
margin-bottom: 5px;
}





/* -----contact.html--------*/

h2#contact_01{
background: url("../img/contact/pagetitle.jpg") left top no-repeat; width:715px; height:55px;
margin-bottom: 10px;
}

/* -----company.html--------*/

h2#company_01{
background: url("../img/company/pagetitle.jpg") left top no-repeat; width:715px; height:55px;
margin-bottom: 15px;
}

h3#company_01{
background: url("../img/company/h3_01.jpg") left top no-repeat; width:715px; height:35px;
margin: 40px 0px 5px 0px;
}




 /*-------------フッター--------------*/ 

#foot {
margin: 0px auto;
padding: 20px 0px;
background-color: #6C4824;
color: #FFFFFF;
text-align: center;
}
div#foot p{
	margin:15px 0px 5px 0px;
	padding: 7px 0px;
	font-size:12px;}
	
div#foot ul{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size:11px;}

div#foot li{
	padding: 5px 0px;
	list-style: none;
	display: inline;
	font-size:11px;}
	
div#foot li a{
	padding: 5px 0px;
	list-style: none;
	display: inline;
	font-size:11px;}	
	
div#foot a{color: #FFFFFF;text-decoration: none;}
div#foot a:hover{color: #FFFFFF;text-decoration: underline;}
div#foot address{ margin-top: 20px; font-size:12px; font-style:normal;line-height:170%;}






/*------------------------ボタン設定------------------------*/

/*---このページのTOPへ---*/	
a.pagetop{
margin: 0px;
background: url("../img/common/btn_pagetop.jpg") bottom;
width: 105px;
height: 17px;
display: block;
text-indent: -9999px;
font-size: -1px;
text-align: left;
float:right;
}

a.pagetop:hover{
background: url("../img/common/btn_pagetop_on.jpg") bottom;}



/*---さらに詳しく---*/	
a.more{
margin: 0px 0px 10px 0px;
background: url("../img/common/btn_moreinfo.jpg") bottom;
width: 95px;
height: 26px;
display: block;
text-indent: -9999px;
font-size: -1px;
text-align: left;
}

a.more:hover{
background: url("../img/common/btn_moreinfo_on.jpg") bottom;}



/*---サンシティホテルHPへのリンクボタン---*/	
a.link_hotel{
margin: 0px;
background: url("../img/common/linkbtn_hotel_off.jpg") bottom;
width: 357px;
height: 105px;
display: block;
text-indent: -9999px;
font-size: -1px;
text-align: left;
}

a.link_hotel:hover{
background: url("../img/common/linkbtn_hotel_on.jpg") bottom;}



/*---レンタル会議室へのリンクボタン---*/	
a.link_rentalspace{
margin: 0px;
background: url("../img/common/linkbtn_rentalspace_off.jpg") bottom;
width: 357px;
height: 105px;
display: block;
text-indent: -9999px;
font-size: -1px;
text-align: left;
}

a.link_rentalspace:hover{
background: url("../img/common/linkbtn_rentalspace_on.jpg") bottom;}




/*------------------------ボックス設定------------------------*/

/*---ボックス1　index---*/ 
.box1{
margin: 5px 0px;
padding: 13px;
width: 689px;
text-align:left;
background: url("../img/common/box1_bg.jpg") left top no-repeat;
color: #333333;
font-size: 11px;
}

.box1 p{
margin: 0px 0px 0px 0px;
padding: 0px;
line-height:140%;
font-size: 11px;
text-align:left;
}



/*---ボックス2　facilities---*/ 
.box2{
margin: 0px 0px;
padding: 0px;
width: 715px;
height:300px;
text-align:left;
background: url("../img/facilities/box2_bg.jpg") right bottom no-repeat;
}


/*---ボックス2　price---*/ 
.box3{
margin: 0px 0px;
padding: 10px 0px 30px 0px;
width: 715px;
height:235px;
text-align:left;
background: url("../img/price/box3_bg.jpg") right top no-repeat;
}

/*---ボックス3　特別価格---*/ 
.box4{
margin: 0px 0px;
padding: 0px;
width: 430px;
height:50px;
background: url("../img/price/img_tokubetu.jpg") 0% 50% no-repeat;
}



/*---ボックス5　index左サイド---*/ 
.box5{
margin: 10px 0px;
padding: 15px;
width:175px;
text-align:left;
background: url("../img/common/box5_bg.gif") 0% 0% repeat-y;
}


/*------------------------テーブル設定--------------------------*/
.table1 {
	WIDTH: 715px;
}
.table1 CAPTION {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 10px
}

.table1 TH {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #ddd; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; TEXT-ALIGN: center
}

.table1 TD {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #ddd 1px solid
}




.table2 {

}
.table2 CAPTION {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 10px
}

.table2 TH {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #ddd; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; TEXT-ALIGN: center
}

.table2 TD {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #ddd 1px solid
}





.table3 {

}
.table3 CAPTION {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 7px
}

.table3 TH {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: #ddd; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center
}

.table3 TD {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #CCC 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #ddd 1px solid
}