@charset "SHIFT_JIS";

/* BODY */
body { font-size: 12px; line-height: 1.2em; color: #CCCCCC; background-color: #000000; margin: 0px; padding: 0px; font-family: "‚l‚r ‚oƒSƒVƒbƒN"; }
body { -webkit-text-size-adjust: 100%; }/*iphone•ถŽšƒTƒCƒY’ฒฎ*/

a { outline: none; }
a:link { text-decoration: none; color: #454545; }
a:visited { text-decoration: none; color: #454545; }
a:hover { text-decoration: none; color: #FF0099; }
a:active { text-decoration: none; }

h1 { width: 980px; font-size: 10px; color: #999999; text-align: left; margin: 0px auto ; padding: 0px; font-weight: 100; }

h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 12px; }

p { margin: 0px; padding: 0px; }

img { border: 0px; vertical-align: bottom; margin: 0px; padding: 0px; }

#layout { min-width: 980px; margin: 0px auto; background-color: #000000; text-align: center; }
#contents_layout { width: 980px; margin: 0px auto; background-color: #000000; text-align: left; }

.text_01 { font-size: 12px; color: #CCCCCC; line-height: 24px; letter-spacing: 2px; text-align: left; padding: 0px 0px 0px 2px; }
.text_02 { font-size: 11px; color: #CCCCCC; line-height: 21px; letter-spacing: 2px; text-align: left; padding: 0px 0px 0px 2px; }
.text_03 { font-size: 10px; color: #CCCCCC; line-height: 20px; letter-spacing: 2px; text-align: left; padding: 0px 0px 0px 2px; }
.text_04 { font-size: 8px; color: #CCCCCC; line-height: 16px; letter-spacing: 1px; text-align: left; padding: 0px 0px 0px 2px; }

.text_01 , .text_02 , .text_03 , .text_04 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "Ÿเ–พ’ฉ" , "Yu Mincho" , "Ÿเ–พ’ฉ‘ฬ" , "YuMincho" , "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–พ’ฉE" , "‚l‚r ‚o–พ’ฉ" , "MS PMincho" , serif; }


/* OFFICIAL BANNER */
.roomlist_banner_link { position: relative; display: block; width: 980px; height: 110px; background-color: #fff; margin: 30px auto 30px auto; padding:0; }
.roomlist_banner_link p { position: absolute; font-size: 12px; color: #fff; bottom: 9px; right: 10px; text-shadow: 1px 1px 1px #000; text-align: right; }
.roomlist_banner_link img:hover { opacity: 0.8; }

.banner_link { display: block; width: 980px; height: 110px; background-color: #fff; margin: 60px auto 40px auto; padding:0; }
.banner_link img:hover { opacity: 0.8; }


/* HEADER */
#header { width: 980px; height: 100px; margin: 0px auto; background-image: url(../../img/header_bg.gif); text-align: left; }
#header_logo { width: 700px; height: 100px; }


/* MENU */
#menu_area { min-width: 980px; height: 40px; background-image: url(../../img/menu_bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #333333; }
#menu { width: 980px; height: 40px; padding-top: 1px; margin: 0px auto; }
#menu ul { margin: 0px; padding: 0px; list-style: none; }
#menu li { margin: 0px; padding: 0px; float: left; }


/* TOP */
#top_01 { width: 980px; height: 450px; margin: 30px auto; position: relative; }
#campaign { width: 300px; height: 160px; position: absolute; bottom: 25px; left: 295px; }


/* INFORMATION */
#information_area { width: 980px; height: 200px; margin: 0px auto 30px auto; }
#information_area_02 { width: 980px; height: 340px; margin: 0px auto 30px auto; } /* ‹๓Žบ–ˆ“๚XV */
  #information_left { width: 590px; float: left; }    
	
	#vacancy { width: 590px; height: 120px; margin: 0px auto 20px auto; background-color: #FFFFFF; }
	#vacancy a:hover { opacity: 0.8; }
	
	#information { width: 588px; border-width: 0px 1px 1px 1px; border-color: #333333; border-style: solid; }
	#information a:link { text-decoration: none; color: #99CC00; }
	#information a:visited { text-decoration: none; color: #99CC00; }
	#information a:hover { text-decoration: none; color: #FF0099; }
	#information a:active { text-decoration: none; }
	
		#information_title { width: 588px; height: 35px; }
		#information_txt { width: 588px; line-height: 1.4em; color: #F5F5F5; }
		#information_txt strong { font-weight: lighter; }
		#information_txt ul { padding: 10px; margin: 0px; list-style: none; }
		#information_txt li { padding-bottom: 2px; margin-bottom: 3px; border-bottom: dotted; border-bottom-width: 1px; border-bottom-color: #333333; }
		
  #information_right { width: 380px; float: right; }	
	.information_menu { width: 380px; height: 95px; }
	.space_style { margin-top: 10px; }


/* CONTACT INFO */
#contact_info { width: 980px; height: 140px; padding-top: 20px; }


/* ARTICLE */
#article_area { width: 980px; height: 120px; margin: 15px auto 20px auto; text-align: center; }
#article_information { width: 960px; height: 15px; text-align: left; margin: 0px auto; font-size: 10px; color: #666666; }
.article { width: 960px; height: 80px; margin: 10px auto 0px auto; }
.article_table { width: 960px; }
.article_td_sp { width: 30px; }


/* PAGETOP */
#pagetop { clear: both; width: 970px; height: 20px; text-align: right; padding: 5px; }


/* FOOTER */
#footer_area { min-width: 980px; height: 120px; background-image: url(../../img/footer_bg.gif); color: #666666; }
#footer { width: 980px; height: 120px; background-image: url(../../img/footer.gif); margin: 0px auto; text-align: left; }
	.footer_top { height: 42px; width: 970px; padding: 12px 0px 0px 10px; }
	.footer_menu { width: 900px; height: 20px; float: left; }
	.footer_menu ul { list-style: none; margin: 0px; padding: 0px; float: left; }
	.footer_menu li { float: left; font-size: 10px; margin-right: 8px; padding-right: 8px; background-image: url(../../img/li_parts.gif); background-repeat: no-repeat; background-position: right; }


/* CONCEPT */
#concept_area { width: 800px; padding: 0px 0px 10px 0px; margin: 0px auto; text-align: center; }

#concept_title { width: 800px; height: 40px; margin: 40px auto 30px auto; }
#concept_01 { width: 800px; height: 400px; margin: 0px auto 40px auto; }
#concept_02 { width: 800px; margin: 0px auto 54px auto; }

#appearance_title { width: 800px; height: 40px; margin: 0px auto 30px auto; }
#appearance_01 { width: 800px; height: 400px; margin: 0px auto 40px auto; }
#appearance_02 { width: 800px; margin: 0px auto 54px auto; }
#appearance_03 { width: 800px; height: 370px; margin: 0px auto 40px auto; }
#appearance_04 { width: 800px; margin: 0px auto 44px auto; }


/* LOCATION */
#location_area { width: 800px; padding: 0px 0px 10px 0px; margin: 0px auto; text-align: center; }

#location_title { width: 800px; height: 40px; margin: 40px auto 30px auto; }
#location_01 { widows: 800px; height: 560px; margin: 0px auto 40px auto; }
#location_02 { width: 800px; margin: 0px auto 54px auto; }
#location_03 { width: 800px; height: 700px; margin: 0px auto 60px auto; }

#access_title { width: 800px; height: 40px; margin: 0px auto 30px auto; }
#access_01 { width: 800px; height: 600px; margin: 0px auto 60px auto; }
#access_02 { width: 800px; height: 350px; margin: 0px auto 50px auto; }


/* EQUIPMENT */
#equipment_area { width: 800px; padding: 0px 0px 10px 0px; margin: 0px auto; text-align: center; }

#equipment_menu { width: 800px; margin: 45px auto 0px auto; }
#equipment_td_sp { width: 20px; }

#common_title { width: 800px; height: 40px; margin: 40px auto 30px auto; }
#common_01 { width: 800px; height: 935px; margin: 0px auto 60px auto; }

#service_title { width: 800px; height: 40px; margin: 0px auto 30px auto; }
#service_01 { width: 800px; height: 375px; margin: 0px auto 50px auto; }


/* EQUIPMENT02 */
#security_title { width: 800px; height: 40px; margin: 40px auto 30px auto; }
#security_01 { width: 800px; margin: 0px auto 54px auto; }

#structure_title { width: 800px; height: 40px; margin: 0px auto 30px auto; }
#structure_01 { width: 800px; margin: 0px auto 54px auto; }

#equipment_title { width: 800px; height: 40px; margin: 0px auto 40px auto; }
#equip table { margin-bottom: 40px; font-size: 10px; line-height: 1.4em; }
#equip td { text-align: left; vertical-align: top; }
#equip td p { padding: 2px; }

.equip_td_sp01 { width: 20px; }
.equip_td_sp02 { height: 30px; }
.equip_td_sp03 { height: 40px; }


/* ROOMPLAN */
#roomplan_area { width: 800px; padding: 0px 0px 10px 0px; margin: 0px auto; text-align: center; }

#roomplan_menu { width: 800px; margin: 45px auto 0px auto; }
#roomplan_td_sp { width: 20px; }

#model_title { width: 800px; height: 40px; margin: 40px auto 30px auto; }
#model_gallery { width: 800px; height: 543px; margin: 0px auto 50px auto; }
#model_01 { width: 800px; margin: 0px auto 34px auto; }
#model_02 { width: 800px; height: 380px; margin: 0px auto 60px auto; }

#color_title { width: 800px; height: 40px; margin: 0px auto 30px auto; }
#color_01 { width: 800px; height: 340px; margin: 0px auto 60px auto; }

#view_title { width: 800px; height: 40px; margin: 0px auto 30px auto; }
#view_gallery { width: 800px; height: 425px; margin: 0px auto 50px auto; position: relative; }
#gallery_menu {	width: 440px; height: 60px; position: absolute; top: 10px; left: 10px; }
#gallery_menu ul { list-style: none; margin: 0px; padding: 0px; }
#gallery_menu li { float: left; margin: 0px; margin-right: 10px; padding: 0px; } 
#view_01 { width: 800px; margin: 0px auto 44px auto; }
#view_02 { width: 800px; height: 300px; margin: 0px auto 50px auto; }


/* ROOMLIST */
#roomlist_area { width: 800px; padding: 0px 0px 10px 0px; margin: 0px auto; text-align: center; }
#roomlist_title { width: 800px; height: 60px; margin: 40px auto 30px auto; }

.list_area { width: 800px; margin: 0px auto; }
.list_area td { font-size: 12px; padding: 3px; color: #333333; text-align: center; }
.list_area a { display: block; height: 15px; width: 100px; }
.list_area td a:link { text-decoration: none; color: #996633; }
.list_area td a:visited { text-decoration: none; color: #996633; }
.list_area td a:hover { text-decoration: underline; color: #000099; }
.list_area td a:active { text-decoration: none; }
.list_area td p { color: #FF0000; width: 110px; }

.list_title01 { width: 800px; height: 50px; margin: 0px auto; }
.list_title02 { width: 800px; height: 50px; margin: 40px auto 0px auto; }
.list_table { width: 800px; background-color: #CCCCCC; margin: 0px auto; }
.list_td01 { width: 97px; background-color: #E6E6E6; }
.list_td02 { background-color: #FFFFFF; }

#koushin { width: 800px; text-align: right; margin: 12px auto 0px auto; }
#koushin_02 { width: 800px; text-align: right; margin: 8px auto 30px auto; }


/* OUTLINE */
#outline_area { width: 800px; padding: 0px 0px 10px 0px; margin: 0px auto; text-align: center; }

#outline_title { width: 800px; height: 40px; margin: 40px auto 30px auto; }
#outline_area table { font-size: 12px; background-color: #333333; }
#outline_area a:link { text-decoration: none; color: #99CC00; }
#outline_area a:visited { text-decoration: none; color: #99CC00; }
#outline_area a:hover { text-decoration: none; color: #FF0099; }
#outline_area a:active { text-decoration: none; }
#outline_area td { padding: 8px; line-height: 1.3em; background-color: #000000; }

.outline_table { width: 800px; margin: 0px auto 40px auto; }
.outline_td01 { width: 150px; text-align: center; }
.outline_td02 { text-align: left; }



/* micro clearfix */
.cf:before , .cf:after { content:""; display: table; }
.cf:after { clear:both; }
.cf { *zoom:1; } /* for ie6,7 */


/* CAMPAIGN BANNER */
#plan_campaign { background-color: #ffffff; width: 800px; margin: 0 auto 0px auto; }
.campaignInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; height:auto; padding: 5px; color: #fff; background-color: #cda550; box-sizing: border-box; font-family:"ƒqƒ‰ƒMƒm–พ’ฉ ProN W6", "HiraMinProN-W6", "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "Hiragino Kaku Gothic Pro" , "ƒƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , sans-serif; }
.campaignInfo { background: #525252; }
.campaignInfo:hover { opacity: 0.9; }
.campaignInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #000000; box-sizing: border-box; }
.campaignInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #3e3e3e; box-sizing: border-box; }
.campaignInfo .wrap03 { box-sizing: border-box; width: 100%; height:auto; padding: 10px; color: #fff; border: none; box-sizing: border-box; }
.campaignInfo .wrap03 { 
background: #141414;
background: -moz-linear-gradient(-45deg,  #212121 0%, #141414 50%, #212121 100%);
background: -webkit-linear-gradient(-45deg,  #212121 0%,#141414 50%,#212121 100%);
background: linear-gradient(135deg,  #212121 0%,#141414 50%,#212121 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121',GradientType=1 );
}
.campaignInfo p { box-sizing: border-box; color: #ffe0ae; text-align: center; box-sizing: border-box; }
.campaignInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–พ’ฉE" , "‚l‚r ‚o–พ’ฉ" , "MS PMincho" , serif; }
.campaignInfo .cLink { box-sizing: border-box; font-weight: bold; }

.campaignInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.campaignInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.campaignInfo { width: 800px; margin: 0 auto 30px auto; box-sizing: border-box; }
.campaignInfo .bannerBoxLeft { float: left; width: 50%; height: 100px; box-sizing: border-box; }
.campaignInfo .bannerBoxRight { float: left; width: 50%; height: 100px; border-left: dotted 1px #969696; padding: 5px 0 0 40px; box-sizing: border-box; }
.campaignInfo .cTop { color: #f2f2f2; font-size: 15px; margin-top: 7px; box-sizing: border-box; }
.campaignInfo .cMiddle { color: #FFF48E; font-size: 23px; margin-top: 5px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.campaignInfo .cLink { color: #FFF48E; font-size: 14px; margin-top: 5px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.campaignInfo .cLink .arrow { font-size: 13px; letter-spacing: -3px; }
.campaignInfo .cBottom { text-align: left; font-size: 13px; letter-spacing: 1.5px; line-height: 1.2; margin-top: 0px; box-sizing: border-box; }
.campaignInfo .mTxt { color: #cecece; text-align: left; font-size: 10px; margin-top: 10px; box-sizing: border-box; }



/* WAITING BANNER */
.waitingInfoWrap { background-color: #ffffff; width: 800px; margin: 0 auto 0px auto; }
.waitingInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 800px; height:auto; margin-top: 10px; padding: 5px; color: #fff; background-color: #cda550; box-shadow: 2px 2px 5px #000; box-sizing: border-box; font-family:"ƒqƒ‰ƒMƒm–พ’ฉ ProN W6", "HiraMinProN-W6" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "Hiragino Kaku Gothic Pro" , "ƒƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , sans-serif; }
.waitingInfo:hover { opacity: 0.9; }
.waitingInfo { background: #525252; }
.waitingInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #000000; box-sizing: border-box; }
.waitingInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #3e3e3e; box-sizing: border-box; }
.waitingInfo .wrap03 { box-sizing: border-box; width: 100%; height:auto; padding: 20px; color: #fff; border: none; box-sizing: border-box; }
.waitingInfo .wrap03 {
background: #141414;
background: -moz-linear-gradient(-45deg,  #212121 0%, #141414 50%, #212121 100%);
background: -webkit-linear-gradient(-45deg,  #212121 0%,#141414 50%,#212121 100%);
background: linear-gradient(135deg,  #212121 0%,#141414 50%,#212121 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121',GradientType=1 );
}

.waitingInfo p { box-sizing: border-box; color: #000; text-align: center; box-sizing: border-box; }
.waitingInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–พ’ฉE" , "‚l‚r ‚o–พ’ฉ" , "MS PMincho" , serif; }
.waitingInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.waitingInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.waitingInfo { width: 800px; margin: 0 auto 0px auto; box-sizing: border-box; }
.waitingInfo .bannerBoxLeft { float: left; width: 50%; box-sizing: border-box; }
.waitingInfo .bannerBoxRight { float: right; width: 45%; padding: 10px; background-color: #FDF5E2; box-sizing: border-box; }
.waitingInfo .bannerBoxRight { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.waitingInfo .cTop { color: #f2f2f2; font-size: 16px; text-align: center; margin-top: 5px; letter-spacing: 2.8px; padding-bottom: 12px; border-bottom: 1px solid #686868; box-sizing: border-box; }
.waitingInfo .cMiddle { color: #FFF48E; font-size: 26px; margin-top: 12px; line-height: 1.05; letter-spacing: 4px; box-sizing: border-box; }
.waitingInfo .cBottom { text-align: left; font-size: 12px; margin-top: 0px; line-height: 1.5 ; box-sizing: border-box; }
.waitingInfo .mTxt { color: #C7243A; text-align: right; letter-spacing: 0; font-weight: bold; font-size: 15px; margin-top: 5px; padding-right: 5px; box-sizing: border-box; }
.waitingInfo .mTxt .arrow { letter-spacing: -6px; font-size: 14px; font-weight: bold; }


/* CSS Document */