@charset "shift_jis";

* {font-size:100%; margin:0;}

html{height:100%;}

body{
	behavior:url("csshover.htc");
	color:#220404;
    font-size:12px;
	line-height:1.6;
	margin:0;
	height:100%;
	background-repeat:repeat-x;
	background-image: url(image/back2.gif);
	background-color:#ffffff;
	background-position:center top;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link{color:#f23950;}
a:visited{color:#f23950;}
a:hover{color:#2ec6ff;}

img{border:0;}

.outline_none{outline:0;}

h1{color:#FFFFFF; font-size:12px; font-weight:normal;}

ul{list-style:none; padding:0;}

li{
	list-style:circle;
	margin-left:40px;
	margin-right:20px;
	margin-top:0;
	margin-bottom:10;
	padding:0;
}

/*テーブル着色================================================*/

.hyo1{
	border-top:1px solid #FFFFFF;
	background-color:#c4e9ab;
}

.hyo2{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color:#ffe2e2;
}

.hyo2a{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color:#ff7d7d;
}
	
.hyo2b{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color:#FFD58E;
}
	
.hyo2c{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color:#b5eafb;
}

.hyo3{
	background-color:#E6E6E6;
	padding:10px 10px;
	width:516px;
}

.float_clear{clear:both;}


/*CSS基本セット==============================================*/

/*メインウィンドウを中央配置に。IE6バグ回避対策*/

div.conteinar_window{
	width:884px;
	text-align:center;
}

div.conteinar_box{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div.hed_window{
	width:897px;
	height:116px;
	text-align:center;
}

div.hed_box{
	margin-left:auto;
	margin-right:auto;
}

div.main_window{
	width:897px;
	text-align:center;
}

div.main_box{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.main_contents{
	background-image:url(image/layout/main_window_r.png);
	background-repeat:repeat-y;
}

.left_window{
	width:557px;
	float:left;
	margin-left:26px;
	_margin-left:13px;
}

.right_window{
	width:260px;
	float:right;
	margin-right:26px;
	_margin-right:13px;
}

.flash_window{
	position:absolute;
	width:1400px;
	height:315px;
	left:50%;
	right:50%;
	top:274px;
	margin-top:-157px;
	margin-left:-700px;
}

.flash_window,  x:-moz-any-link{
	position:absolute;
	width:1400px;
	height:315px;
	left:50%;
	right:auto;
	top: 274px;
	margin-top:-157px;
	margin-left:-700px;
}

.hud_window{
	width:897px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:20px;
	margin-bottom:30px;
}

.hud_box_left{
	float:left;
}

.hud_box_right{
	float:right;
	width:420px;
	_margin-bottom:30px;
}


/*共通CSS==============================================*/

.logo_box{
	float:left;
	margin-top:38px;
	margin-bottom:29px;
}

.hed_right{
	float:right;
	text-align:right;
	height:71px;
	margin-top:20px;
}

.backtotop a{
	background-image:url(image/hud/backtotop.gif);
	background-repeat:no-repeat;
	display:block;
	width:115px;
	height:15px;
	float:right;
}

.backtotop a:hover{
	background-image:url(image/hud/backtotop_on.gif);
	cursor:pointer;
}

.hud_navi{
	font-size:11px;
	font-style:italic;
	text-align:right;
	margin-top:48px;
}

.side_box_r{
	background-image:url(image/side/side_box_r.gif);
	background-repeat:repeat-y;
	padding-top:10px;
}

.canpen_box{
	/*　写真を5つ並べたときに、折り返してしまうため、メインの幅から1pxはみ出たボックスを設置　*/
	width:558px;
}

.canpen_comment{
	margin-top:10px;
}

.canpen_detail_botton a{
	background-image:url(image/contents/top/info_detail_botton.gif);
	display:block;
	width:226px;
	height:30px;
	float:left;
	margin-top:8px;
}

.canpen_detail_botton a:hover{
	background-image:url(image/contents/top/info_detail_botton_on.gif);
	cursor:pointer;
}



.canpen_img_main{
	border:solid #d0dbeb;
	border-width:1px;
	background-color:#FFF;
	padding:3px;
	margin-bottom:7px;
}

.canpen_img_sub{
	border:solid #d0dbeb;
	border-width:1px;
	padding:3px;
	margin-right:3px;
	background-color:#FFF;
}

/*
.canpen_img_sub:hover {
	background-image:url(image/contents/top/canpen_backimg.gif);
	background-repeat:repeat-x;
	cursor:pointer;
}

*/

.canpen_img_sub_right{
	border:solid #d0dbeb;
	border-width:1px;
	padding:3px;
	background-color:#FFF;
}

.canpen_img_sub_right:hover{
	background-image:url(image/contents/top/canpen_backimg.gif);
	background-repeat:repeat-x;
	cursor:pointer;
}

.whatsnew_img{
	border:solid #d0dbeb;
	border-width:1px;
	padding:3px;
	background-color:#FFF;
	float:left;
	margin-right:15px;
}

.whatsnew_title{
	margin-bottom:10px;
}


/*サイド最新テナント情報==============================================*/

.vacancy_list{
	margin-left:20px;
	margin-right:20px;
}

.vacancy_img{
	float:left;
}

.vacancy_title{
	color:#F06;
	font-weight:bold;
	margin-bottom:14px;
}

.vacancy_list01{
	background-image:url(image/side/icon_yachin.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:80px;
	padding-left:52px;
}

.vacancy_list02{
	background-image:url(image/side/icon_kyouekihi.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:80px;
	padding-left:52px;
}

.vacancy_list03{
	margin-left:80px;
	color:#CC0000;
	font-weight:bold;
}

/*ヘッダーサブナビゲーション==============================================*/

.hednavi1 a{
	background-image:url(image/hednavi/hednavi01.png);
	background-repeat:no-repeat;
	display:block;
	width:146px;
	height:17px;
	float:right;
}

.hednavi1 a:hover{
	background-image:url(image/hednavi/hednavi01on.png);
	cursor:pointer;
}

.hednavi2 a{
	background-image:url(image/hednavi/hednavi02.png);
	background-repeat:no-repeat;
	display:block;
	width:116px;
	height:17px;
	float:left;
	margin-left:13px;
}

.hednavi2 a:hover{
	background-image:url(image/hednavi/hednavi02on.png);
	cursor:pointer;
}


/*メインナビゲーション==============================================*/

.navi_window{
	width:892px;
	height:79px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;
	margin-bottom:30px;
}

.navi1 a{
	background-image:url(image/navi/navi01.gif);
	display:block;
	width:157px;
	height:79px;
	float:left;
}

.navi1 a:hover{
	background-image:url(image/navi/navi01on.gif);
	cursor:pointer;
}

.navi2 a{
	background-image:url(image/navi/navi02.gif);
	display:block;
	width:167px;
	height:79px;
	float:left;
}

.navi2 a:hover{
	background-image:url(image/navi/navi02on.gif);
	cursor:pointer;
}

.navi3 a{
	background-image:url(image/navi/navi03.gif);
	display:block;
	width:162px;
	height:79px;
	float:left;
}

.navi3 a:hover{
	background-image:url(image/navi/navi03on.gif);
	cursor:pointer;
}

.navi4 a{
	background-image:url(image/navi/navi04.gif);
	display:block;
	width:182px;
	height:79px;
	float:left;
}

.navi4 a:hover{
	background-image:url(image/navi/navi04on.gif);
	cursor:pointer;
}

.navi5 a{
	background-image:url(image/navi/navi05.gif);
	display:block;
	width:224px;
	height:79px;
	float:left;
}

.navi5 a:hover{
	background-image:url(image/navi/navi05on.gif);
	cursor:pointer;
}

.navi_window {
	letter-spacing: -.4em;
	text-align:center;
}

.navi {
	display:inline-block !important;
	letter-spacing: normal;
}

/*特典ページのCSS*/

.cont{height:auto; margin:10px 0 30px 0; display:block;}

.titleimg {margin:10px 0px 30px 0px;}

img .catch {margin-bottom:10px;}

.frameimg {border:3px double #dfdfdf;}

.photointro {margin:5px 0 5px 15px;}

.cont02li {margin-bottom:10px; display:block;}

.jisseki{
	list-style-type:none;
	margin:0;
	padding:0 0 2px 0;
	display:block;
}

.title_under_margin{
	margin-bottom:10px;
}


/*詳細ページのCSS*/

img.frame{
	border:1px #cccccc solid;
	padding:5px;
}

img.frame#mainimg{
	margin:0 0 10px 0;
	width:483px;
	text-align: center;
}

.titleimg{margin:10px 0px 30px 0px;}

.title{
	font-size:36px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#ffffff;
	padding:0px 0px 0px 20px;
}

img .subtitle{
	float:right;
	width:120px;
	margin:15px 0px 0px 0px;
}

.blackbox{background-color:#333333;padding:5px;}

.whitebox{background-color:#ffffff;margin:5px;padding:25px;}

img .frame#subimg01,
img .frame#subimg02,
img .frame#subimg03{margin:0 0 0 10px;}

.nexttext{
	vertical-align:top;
	margin:0 3px 0 8px;
}

img .nexttext#kyousai{
	margin:0 3px 0 30px;
}

.tyousei img{
	margin:0 3px 0 8px;
}

.timg{
	position:relative;
	margin-top:-9px;
}

table.contentsbox{margin-bottom:10px;}

table.info{
	background-color:#fafafa;
	border:2px #cccccc dashed;
	width:490px;
}


.print a{
	background-image:url(image/contents/syosai/print_button_off.gif);
	display:block;
	width:103px;
	height:29px;
	float:left;
}

.print a:hover{
	background-image:url(image/contents/syosai/print_button_on.gif);
	cursor:pointer;
}

.back a{
	background-image:url(image/contents/syosai/back_button_off.gif);
	display:block;
	width:103px;
	height:29px;
	float:left;
}

.back a:hover{
	background-image:url(image/contents/syosai/back_button_on.gif);
	cursor:pointer;
}


/*募集室一覧*/

.bloq_box{
	background-image:url(image/layout/bloq_back_up.png);
	background-repeat:no-repeat;
	background-position:top;
	width:446px;
	margin-left:-10px;
	margin-top:-10px;
	position:relative;
	padding-left:65px;
	padding-right:65px;
	padding-top:76px;
	z-index:9999;
}

.bloq_under{
	background-image:url(image/layout/bloq_back_down.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:576px;
	height:309px;
	margin-left:-10px;
	margin-top:75px;
	position:relative;
	z-index:0;
}

.show_back{
	background-image:url(image/contents/show/inback_image.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:446px;
	min-height:618px;
}

.hotellist {
	width:253px;
	float:left;
	margin-right:25px;
	border-bottom:dotted 1px #999999;
	padding-bottom:5px;
	margin-bottom:5px;
}

#hotellist-box {
	width:100%;
	text-align:left;
}

.tenant-show-primary {
	position:relative;
	width:calc(100% + 20px);
}

.tenant-show-primary .list {
	width:calc(50% - 20px);
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	position:relative;
}

.tenant-show-primary .list .thum {
	width:100%;
	height:170px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	box-sizing:border-box;
	border:8px solid #ffffff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.21);
}

.tenant-show-primary .list .thum a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
	z-index:100;
}

.tenant-show-primary .list .thum a:hover {
	background-color:rgba(255,255,255,0.3);
}

.tenant-show-primary .list .size-num {
	position:absolute;
	right:18px;
	bottom:18px;
	color:#ffffff;
	font-size:30px;
	font-style:italic;
	text-align:right;
	font-family:"Times New Roman", Times, serif;
	z-index:99;
	text-shadow: 0 1px 3px #000000;
	line-height:24px;
}

.tenant-show-primary .list .size-num span {
	display:block;
	font-size:15px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}