/*各種リセット*/

* {
	margin:0px;
	padding:0px;
	font-size:100%;
	border:none;
	text-align:left;
	
}


body {
	color:#221E1F;
	background-image:url("img/bg.gif");
	text-align:center;
	font-size:10pt;
	font-family:sans-serif;
	line-height:1.4;
}
a {
	color:#221E1F;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}




/* 共通 */
#contenair{
	
	width:893px;
	background-color:#ffffff;
	margin:10px;
/*	border-left:1px solid 808285;
	border-right:1px solid 808285; */
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;

}

#header .title div{
	float:left;
}

#header .title{
	margin-left:80px;

	
}
#header .logo {
	width: 487px;
	border-left:1px solid #808285;
	border-right:1px solid #808285;
}



#header .title .submenu{
	width:244px;
	padding-top:10px;
}
#header .title .submenu img{
	vertical-align: top;
}
#header .title .submenu p{
	text-align:right;
}
#header .mainnavi{
	clear:both;

	background-image:url("img/mainnavi_bg.gif");
	height:31px;
}


#header .mainnavi ul{
	list-style:none;

}
#header .mainnavi li{
	float:left;
}
#header .mainnavi li img{
	vertical-align:top;
	
}


#main{
	clear:both;
	margin-left:80px;
	margin-right:80px;
	margin-bottom:35px;
	border-left: 1px solid #808285;
	border-right: 1px solid #808285;
	
	border-bottom: 1px solid #ffffff;
	border-bottom: 1px solid #808285; /* debug */
	
}
#main #deftitle{
	position:relative;
	height:56px;
	border-bottom:1px solid #808285;
}
#main #deftitle h2{
	position:absolute;
	bottom:0px;
}
#main #deftitle2{
	position:relative;
	margin:20px;
}

#main #inner{
	margin:30px 30px 0px; 30px;
	padding-bottom:30px;
	
}
#main h3{
	padding:3px 3px 3px 24px;
	background-color:#808285;
	color:white;
	font-size:105%;
	font-weight:bold;
	background-image:url("./img/h3square.gif");
	background-repeat:no-repeat;
	background-position:6px 50%;
	margin-bottom:16px;
	margin-top:30px;
}



#footer{
	clear:both;
	overflow: hidden;
	height:100%;
	width:893px;
	position:relative;

}
#footer .banner{
	margin-left:80px;
	width:320px;
}
#footer .banner a{
	margin-right:10px;
}
#footer .copyright{
	font-size:8pt;
	margin-right:80px;
	position:absolute;
	bottom:30px;
	right:0;
	
}
#footer .copyright span{
	vertical-align:bottom;
}

#footer .copyright img{
	vertical-align:top;
	margin-bottom:3px;
}
.jumptotop{
	clear:both;
	text-align:right;
	margin-right:10px;
}
.jumptotop a{
	:color:#808285;
}

/* ======================================================= */

/* トップページ */

#main #toppage{
	overflow: hidden;
	width: 731px;
	border-top: 1px solid #808285;

}
	
#main #toppage .leftbox{
	float:left;
	background-color:#201F1F;
	color:white;
	border-right:1px solid #808285;
}
#main #toppage .rightbox{
	float:left;
	
	
	
}



#main #toppage .leftbox .flash{
	margin:13px 16px 13px 16px;
}

#main #toppage .leftbox .newslogo img{
	margin-top:4px;
	margin-bottom:4px;
	margin-left:13px;
	border-top:3px dotted #939598;
}
#main #toppage .leftbox .shopnews{
	overflow: auto;
	width:487px;
	height:390px;
/*	height:200px;デバッグ用*/
	background-color:#201F1F;
	
}

#main #toppage .leftbox .eventinfo{
	overflow: auto;
	width:487px;
	height:130px;
	background-color:#201F1F;
}
#main #toppage .leftbox .shopnews div{
	clear:both;
	border-bottom:3px dotted #939598;
	margin:5px 16px 10px 16px;
}
#main #toppage .leftbox .shopnews .image{
	float:left;
	margin-right:25px;
}
#main #toppage .leftbox .shopnews .name{

}

#main #toppage .leftbox .shopnews .body{
	float:left;
	width:300px;
	margin-left:10px;

}

#main #toppage .leftbox .shopnews .more{
	text-align:right;
	clear:both;
	margin-bottom:10px;
}


#main #toppage .leftbox .eventinfo div{
	clear:both;
	border-bottom:3px dotted #939598;
	margin:5px 16px 10px 16px;
}
#main #toppage .leftbox .eventinfo .title{
	float:left;
	width:300px;
	background-image:url("./img_top/square.gif");
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0px 0px 0px 12px;
}
#main #toppage .leftbox .eventinfo .more{
	text-align:right;
	clear:both;
	margin-bottom:10px;
}

#main #toppage .rightbox {
	padding-left:13px;
	padding-top:
}
#main #toppage .rightbox p{
	margin-bottom:8px;
}
#main #toppage .rightbox #seasonbanner{
/*	border-top:3px dotted #AEAFB2;
	border-bottom:3px dotted #AEAFB2;*/
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#main #toppage .rightbox #defbanner{
	border-bottom:4px solid #221E1F;
	margin-bottom:10px;
}
#main #toppage .rightbox #defbanner p{
	margin-bottom:5px;
}
#main #toppage .rightbox #tenantbanner{
	border-bottom:4px solid #221E1F;
	padding-bottom:10px;
	margin-bottom:8px;

}
#main #toppage .rightbox #startashoplink p{
	text-align:center;
	background-color:#939598;
	border:1px solid #6D6E71;
	padding:4px;
	
	
}

#main #toppage .rightbox #other p{
	padding-top:8px;
	border-top:1px solid black;
	
}


/* アクセス access.html*/
#main #access{
	border-top: 5px solid #808285;
}

/* QandA faq.html*/
#main #faq{
	border-top: 5px solid #808285;
}
#main #faq #inner p{
	background-repeat:no-repeat;
	background-position:6px 6px;
	padding:10px 12px 10px 50px;
	margin:0px 70px 0px 70px ;

	
}
#main #faq #inner .q{
	background-image:url("img_faq/q.gif");
	background-color:#221E1F;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
}
#main #faq #inner .a{
	background-image:url("img_faq/a.gif");
	background-color:#C7E9FA;
	margin-bottom:20px;

}

/* フロアガイド floorguide.html*/

#main #floorguide{
	border-top: 5px solid #808285;
}
#main #floorguide .navi{
	margin-bottom:12px;
}
#main  #floorguide .floor{
	overflow: hidden;
	height:100%;
	border:1px solid #221E1F;
	padding:10px 12px 16px 16px;
	margin-bottom:8px;
}
#main  #floorguide .floor .label{
	margin-bottom:10px;

}
#main  #floorguide .floor .label img{
	vertical-align:middle;
	margin-right:10px;
}
#main #floorguide .floor .tenant{
	float:left;
	border-top:1px solid #221E1F;
}
#main #floorguide .floor .map{
	float:right;
	font-size:80%;
}
#main #floorguide .floor .map a{
	font-size:100%;
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
	
}
#main #floorguide .floor .line{
	overflow: hidden;
	height:100%;
	border-bottom: 1px solid #221E1F;
}
#main #floorguide .floor .line_sub{
	overflow: hidden;
	height:100%;
	border-bottom: 1px dashed #221E1F;
}

#main #floorguide .floor .tenant .number{
	float:left;
	width:30px;
}
#main #floorguide .floor .tenant .name{
	float:left;
	white-space: nowrap;
}
#main #floorguide .floor .tenant .body{
	float:right;
	white-space: nowrap;
	margin-left:10px;
	font-size:80%;
	color:#666;
	margin-top:2px;
}
#main #floorguide .jumptotop{
	margin:0px;
}

/* ポイントカード pointcard.html*/

#main #pointcard{
	border-top: 5px solid #EE1A2E;
}

#main #pointcard #rframe{
	background-color:#F7931D;
}
#main #pointcard #rframe .top{
	background: url("./img_pointcard/corner_tr.gif") no-repeat top right; 
}
#main #pointcard #rframe .body{
	padding:8px;
}


#main #pointcard #rframe .bottom{
	background: url("./img_pointcard/corner_br.gif") no-repeat top right; 
}


/* プライバシーポリシー privacy.html*/

#main #privacy{
	overflow: hidden;
	height:100%;
	border-top: 5px solid #7C439A;
}
#main #privacy hr{
	border-bottom:3px dotted #A0A2A5;
	
}

#main #privacy .contact{
	background-color:#6D6E71;
	color:white;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	font-weight:bold;
}

/* 出店のご案内 startashop.html,startashopform.html*/
#main #startashop,#main #startashopform {
	overflow: hidden;
	height:100%;
	border-top: 5px solid #97999C;
}
#main #startashopform td {
	padding:3px;
	background-color:#f0f0f0;
}

#main #startashopform form .label{
	background-color:#8D5925;
	color:white;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
}
#main #startashopform td input{
	border:1px solid black;
	padding:2px;
	width:240px;
	
}
#main #startashopform td .exmpl{
	color:#707070;
	font-size:80%;
}


#main #startashopform ul{
	padding:20px;
}
#main #startashopform td textarea{
	border:1px solid black;
	padding:4px;
	width:240px;
	height:5em;
}

/* テナントピックアップ pickup_(paretta).html */

#main #pickup_paretta{
	overflow: hidden;
	height:100%;
	border-top: 5px solid #22B24B;
}

#main #pickup_paretta .tennant{
	overflow: hidden;
	height:100%;
	border:1px solid #808285;
	padding:10px;
	margin-bottom:10px;
	
}
#main .gotoshop{
	text-align:right;
}
#main #pickup_paretta .tennant .banner{
	padding-top:20px;
	float:left;
	width:124px;
}
#main #pickup_paretta .tennant .text{
	float:left;
	width:510px;
}
#main #pickup_paretta .tennant .text .name{
	font-size:140%;
	font-weight:bold;
}

/* その他テナントピックアップ */

#main #pickup{
	overflow: hidden;
	height:100%;
}

#main .pickup_cafe{
	border-top: 5px solid #8D5525;
}

#main .pickup_beauty{
	border-top: 5px solid #F172AC;
}

#main .pickup_culture{
	border-top: 5px solid #00AEEF;
}




#main #pickup h3{
	padding-left:16px;
	background-image:none;
	background-color:#221E1F;
	color:white;
	font-size:150%;
	margin-bottom:0px;
}
#main #pickup #inner table{
	width:100%;
	margin-bottom:7px;
}
#main #pickup #inner table .spacer img{
	width:7px;
}

#main #pickup #inner table .tennant{
	border:1px solid #221E1F;
	width:330px;
	vertical-align:top;
}
#main #pickup #inner table .tennant{
	border:1px solid #221E1F;
	width:330px;
	vertical-align:top;
}
#main #pickup #inner table .tennant p{
	margin:8px;
	font-size:80%;
	line-height:1.3;
}


/* メールマガジン mailmag.html */
#main #mailmag{
	border-top: 5px solid #7C439A;
}
#main #mailmag .message{
	overflow: hidden;
	height:100%;
	margin-bottom:20px;
}
#main #mailmag .message div{
	float:left;
}
/* スタッフ募集 recruit.html */
#main #recruit{
	border-top: 5px solid #97999C;
}
#main #recruit #inner{
	width:470px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#main #recruit #inner *{
	text-align:left;
}
#main #recruit #inner h3{
	text-align:left;
	margin-bottom:0px;
}
#main #recruit #inner .body{
	background-color:#C7E9FA;
	padding:8px;
}

#main #recruit #inner .body .title{
	font-size:120%;
	margin-left:24px;
	font-weight:bold;
	margin-top:6px;
}
#main #recruit #inner .body .label{
	margin-left:0px;
	border-top:1px solid #939598;
	
	background-image:url("./img_recruit/square.gif");
	background-repeat:no-repeat;
	background-position:24px 50%;
	padding:0px 0px 0px 36px ;

}
#main #recruit #inner .body .detail{
	padding:0px 0px 0px 64px ;
}


/* ショップニュース shopnews.html */
#main #shopnews{
	border-top: 5px solid #97999C;
	background-color:#221E1F;
}
#main #shopnews #deftitle{
	border:none;
}
#main #shopnews .tennant{
	background-color:#F1F1F2;
	padding:16px;
	overflow: hidden;
	height:100%;
	margin-bottom:30px;
}
#main #shopnews .tennant .header {
	overflow: hidden;
	height:100%;
	background-color:#8F3F97;
	margin-bottom:16px;

}	
#main #shopnews .tennant h3{
	margin:0px;
	float:left;
	background:none;
	padding-left:16px;
}
#main #shopnews .tennant .date{
	float:right;
	color:white;
	padding-right:16px;
	padding-top:3px;
	
}
#main #shopnews .tennant .image{
	float:left;
	width:240px;
}
#main #shopnews .tennant .image img{
	/*width:240px;*/
}
#main #shopnews .tennant .body{
	overflow: hidden;
	height:100%;

	margin-left:25px;
	float:left;
	width:370px;
}
#main #shopnews .tennant .name{
	background-image:url("./img_shopnews/square.gif");
	background-repeat:no-repeat;
	background-position:0px 50%;
	padding:0px 0px 0px 12px;
	margin-bottom:5px;
	font-weight:bold;
	
}
#main #shopnews .tennant .text{
}


/* イベントインフォメーション eventinfo.html */
#main #eventinfo{
	border-top: 5px solid #97999C;
	background-color:#221E1F;
}
#main #eventinfo #deftitle{
	border:none;
}
#main #eventinfo .tennant{
	background-color:#F1F1F2;
	padding:16px;
	overflow: hidden;
	height:100%;
	margin-bottom:30px;
}

#main #eventinfo .tennant .header {
	overflow: hidden;
	height:100%;
	background-color:#F7931D;
	margin-bottom:16px;
	

}	
#main #eventinfo .tennant h3{
	margin:0px;
	float:left;
	background:none;
	padding-left:16px;
}
#main #eventinfo .tennant .date{
	float:right;
	color:white;
	padding-right:16px;
	padding-top:3px;
}
#main #eventinfo .tennant .body{
	margin-left:25px;
	float:left;
	width:370px;
}
#main #eventinfo .tennant .image{
	float:left;
	width:240px;
	
}
#main #eventinfo .tennant .image img{
	float:left;
	/*width:240px;*/
	
}
#main #eventinfo .tennant .text{
}

/* テナント個別 ./shop.cgi */
#main #shop{
	border-top: 5px solid #97999C;
	background-color:#221E1F;
	padding-bottom:30px
}


#main #shop #inner {
	background-color:white;
	padding:24px;

}
#main #shop #inner .floorlabel{
	font-size:160%;
	color:#6D6E71;
	border-bottom:7px solid #221E1F;
	padding-left:6px;
	margin-bottom:20px;
}
#main #shop #inner .information{
	overflow: hidden;
	height:100%;
	margin-bottom:30px;
}

#main #shop #inner .information .image{
	float:left;
	width:248px;
}
#main #shop #inner .information .image p{
	margin-bottom:10px;
	word-break: break-all;
}

#main #shop #inner .information .body{
	float:right;
	width:360px;
}
#main #shop #inner .information .body .category{
	background-image:url("./img_shop/square.gif");
	background-repeat:no-repeat;
	background-position:0px 50%;
	padding:0px 0px 0px 12px;

}
#main #shop #inner .information .body .name{
	/*font-size:230%;*/
	font-size:180%;
}
#main #shop #inner .information .body .tel{
	text-align:right;
	margin-bottom:10px;
}
#main #shop #inner .information .body .text{
	margin-bottom:14px;
}
#main #shop #inner .information .body .staffvoice .header{
	background:#221E1F url("./img_shop/svr_tr.gif") no-repeat top right;
}

#main #shop #inner .information .body .staffvoice .body{
	background-color:#221E1F;
	color:white;
	padding:8px;
	width:344px;
}
#main #shop #inner .information .body .staffvoice .body a{
	color:white;
}

#main #shop #inner .information .body .staffvoice .body img{
	margin-bottom:10px;
}
#main #shop #inner .information .body .staffvoice .footer{
	background:#221E1F url("./img_shop/svr_br.gif") no-repeat bottom right;
}

#main #shop #inner .news .header{
	overflow: hidden;
	height:100%;
	background-color:#8F3F97;
	margin-bottom:13px;
	color:white;
	padding:2px;
}

#main #shop #inner .news .header h4{
	float:left;
	padding-left:20px;
}
#main #shop #inner .news .header .date{
	float:right;
	padding-right:20px;
}


#main #shop #inner .news .body{
	overflow: hidden;
	height:100%;
	margin-bottom:30px;

}
#main #shop #inner .news .body .image{
	float:left;

}

#main #shop #inner .news .body .text{
	float:right;
	margin-right:10px;
	width:340px;
}
#main #shop .backtofloorguide{
	text-align:right;
	margin-top:5px;
	margin-right:30px;
}

/* イベント汎用 ./event/***.cgi */


#main #event {
	
	border-top: 5px solid #808285;
}

/* ムービー掲載 ./movie.html */

#main #movie  {
	
	border-top: 1px solid #808285;
}



#main #movie h3{
	background:none;
	padding:0px;
	margin:0px;
	color:#F7911D;
	font-size:160%;
}

#main #movie #inner .header{
	background:#221E1F url("./img_movie/r_tr.gif") no-repeat top right;
}
#main #movie #inner .body{
	background-color:#221E1F;
	padding:10px 32px;
}


#main #movie #inner .footer{
	background:#221E1F url("./img_movie/r_br.gif") no-repeat bottom right;
	margin-bottom:20px;
}

