

body { background-image: url(../contents_bg.gif); font-size: 12px; line-height: 1.2em; color: #F5F5F5; margin: 0px; padding: 0px; text-align: center; }

/* font */
body {
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.midashi { width: 800px; height: 20px; margin: 0 auto 25px auto; }
.honbun { font-size: 12px; line-height: 20px; color: #333333; width: 800px; text-align: left; margin: 0 auto 35px auto; padding: 0 0 0 2px; letter-spacing: 1.1px; }

/* 賃料のフォントを別途指定 */
.roomlist { font-family: "ＭＳ Ｐゴシック" , "MS PGothic" , "ＭＳ ゴシック" , "MS PGothic" , sans-serif; }
.list_table { font-family: "ＭＳ Ｐゴシック" , "MS PGothic" , "ＭＳ ゴシック" , "MS PGothic" , sans-serif; }


body { -webkit-text-size-adjust: 100%; }/*iphone文字サイズ調整*/

a:link { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: underline; color: #FF33FF; }
a:active { text-decoration: none; }

h1 { margin: 0px; padding: 2px; font-size: 12px; font-weight: 100; color: #999999; }

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

ul { list-style: none; }

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

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


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


/* OFFICIAL BANNER */
.roomlist_banner_link { position: relative; display: block; width: 880px; 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: 880px; height: 110px; background-color: #fff; margin: 60px auto 40px auto; padding:0; }
.banner_link img:hover { opacity: 0.8; }


/* START */
.layout { width: 940px; text-align: left; margin: 0 auto; }

.layout_table { width: 940px; }
.layout_td_left { width: 20px; background-image: url(../shadow_l.gif) ; }
.layout_td_center { width: 900px; background-color: #000000; }
.layout_td_right { width: 20px; background-image: url(../shadow_r.gif); }

/* HEADER */
.header { width: 900px; height: 80px; background-image: url(../header.gif); }
	.head_logo { width: 300px; height: 80px; float: left; }
	
	.head_menu { height: 30px; float: left; padding: 25px 0px 0px 5px; }
	.head_menu ul { list-style: none; margin: 0px; padding: 0px; }
	.head_menu li { float: left; padding-right: 15px; margin: 0px; }

.line { width: 900px; height: 1px; background-color: #333333; font-size: 0.1em; }

/* MENU */
.menu { width: 900px; height: 50px; background-color: #FFFFFF; }

	.menu ul { float: left; margin: 0px; padding: 0px; }
	.menu li { float: left; margin: 0px; padding: 0px; }

/* INFORMATION */
.information_area { width: 900px; height: 230px; margin-top: 30px; }
	.information { width: 500px; height: 230px; float: left; margin-left: 10px; 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: 500px; height: 35px; }
	.information_text { width: 500px; line-height: 1.6em; color: #F5F5F5; }
	.information_text ul { padding: 10px; margin: 0px; list-style: none; }
	.information_text li { padding-bottom: 2px; margin-bottom: 3px; border-bottom: dotted; border-bottom-width: 1px; border-bottom-color: #333333; }
	
    .information_menu { width: 360px; height: 200px; float: right; margin-right: 10px; }
	.info_menu { width: 360px; height: 95px; }
	.space_style { margin-top: 15px; }
	
/* ARTICLE */
.article_area { clear: both; width: 900px; text-align: center; margin-top: 40px; }
.article_area02 { clear: both; width: 900px; text-align: center; margin-top: 30px; }
.article_table { width: 880px; margin: 0px auto; text-align: center; }
.article_td_info { height: 25px; text-align: left; vertical-align: top; font-size: 10px; color: #666666; } 
.article_td_sp { width: 20px; }

/* PAGE TOP */
.return { clear: both; width: 895px; height: 9px; margin-top: 30px; text-align: right; padding-right: 5px; padding-bottom: 20px; }

/* FOOTER */
.footer { width: 900px; height: 120px; background-image: url(../footer.gif); background-repeat: no-repeat; }
.footer_menu { width: 90%; height: 20px; float: left; padding: 10px 0px 0px 20px; }
.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(../li_parts.gif); background-repeat: no-repeat; background-position: right; }
	
		
/* ROOMLIST */
.roomlist_area { width: 900px; text-align: center; }
.roomlist_title { width: 800px; height: 60px; margin: 40px auto 25px auto; }
.list_area { width: 800px; margin: 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_table { width: 800px; background-color: #CCCCCC; }
.list_td_01 { width: 97px; background-color: #E6E6E6; }
.list_td_02 { background-color: #FFFFFF; }

.koushin { width: 800px; text-align: right; margin: 0px auto; padding-top: 8px; color: #454545; }


/* OUTLINE */
.outline_area { width: 900px; text-align: center; }
.outline_title { width: 800px; height: 40px; margin: 40px auto 30px auto; }
.outline { width: 800px; margin: 0px auto; }
.outline table { font-size: 12px; line-height: 1.3em; }

.outline_table { width: 800px; background-color: #333333; }	
.outline_td_01 { width: 200px; color: #5A5A5A; text-align: center; vertical-align: middle; background-color: #FFFFFF; }
.outline_td_02 { vertical-align: top; color: #5A5A5A; text-align: left; background-color: #FFFFFF; }


/* CAMPAIGN BANNER */
#plan_campaign { background-color: #ffffff; width: 800px !important; margin: 0 auto 0px auto; }
.campaignInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 800px !important; height:auto !important; padding: 5px; color: #fff; box-sizing: border-box; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.campaignInfo { background: #797065; }
/*.campaignInfo:hover { opacity: 0.9; }*/
.campaignInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #ffffff; box-sizing: border-box; }
.campaignInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #9f9385; 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: #f5f5f5;
background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #f5f5f5 50%, #eeeeee 100%);
background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
background: linear-gradient(135deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
}
.campaignInfo p { box-sizing: border-box; color: #6a1400; text-align: center; box-sizing: border-box; }
.campaignInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.campaignInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.campaignInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.campaignInfo { width: 800px !important; 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: #121212; font-size: 15px; margin-top: 15px; box-sizing: border-box; }
.campaignInfo .cMiddle { color: #933700; font-size: 23px; font-weight: normal; margin-top: 5px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.campaignInfo .cLink { color: #933700; 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: #424242; text-align: left; font-size: 10px; margin-top: 10px; box-sizing: border-box; }


/* WAITING BANNER */
.waitingInfoWrap { background-color: #fff; }
.waitingInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 800px !important; height:auto !important; margin-top: 10px; padding: 5px; color: #fff; box-sizing: border-box; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.waitingInfo:hover { opacity: 0.8; }
.waitingInfo { background: #797065; }
.waitingInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #fff; box-sizing: border-box; }
.waitingInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #9f9385; 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: #f5f5f5;
background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #f5f5f5 50%, #eeeeee 100%);
background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
background: linear-gradient(135deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
}

.waitingInfo p { box-sizing: border-box; color: #ffffff; text-align: center; box-sizing: border-box; }
.waitingInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.waitingInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.waitingInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.waitingInfo { width: 800px !important; 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: #5f584f; box-sizing: border-box; }
.waitingInfo .bannerBoxRight { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.waitingInfo .cTop { color: #121212; font-size: 16px; text-align: center; margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #686868; box-sizing: border-box; }
.waitingInfo .cMiddle { color: #933700; font-size: 26px; font-weight: normal; margin-top: 10px; line-height: 1.05; letter-spacing: 2px; 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: #ffec82; text-align: right; letter-spacing: 0; font-weight: bold; font-size: 15px; margin-top: 5px; box-sizing: border-box; }
.waitingInfo .mTxt .arrow { letter-spacing: -6px; font-size: 14px; font-weight: bold; }


/* CSS Document */