@charset "Shift_JIS";

/************************** 

2011.12.19
TLC

**************************/

* {
	margin: 0;
	padding: 0;
	color: #333;
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	text-align: center;
	font-family: "メイリオ",  "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: normal;
	line-height:1.8em;
}


/**************************
	
Tags Initialization

**************************/
h1, h2, h3, h4, p, ul, li {
	margin: 0;
	padding: 0;
}

p, ul, ol, li, dl, dt, dd, table, th, td {
	font-size: 9pt;
}

p, ul, ol, li, dl, dt, dd {
	line-height: 1.5;
}

hr {
	display: none;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: #0088ff;
	text-decoration: underline;
}

a:active, a:hover {
	color: #7fb5ff;
	text-decoration: none;
}

ul {
	list-style-type: none;
}

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

* html img {
	vertical-align: baseline;
}



/**************************
	
Font styles

**************************/
.small {
	font-size: 10px;
	color:#525252;
}

.blue {
	color: #6998E1;
}

.red {
	color: #C70000;
}

.pink {
	color: #DD0162;
}

.arrow {
	color: #6998E1;
	font-weight: bold;
	padding: 0 0.1em;
}

* html .arrow {
	padding: 0 0.2em;
}

*:first-child+html .arrow {
	font-size: 100%;
}

.roman {
	font-family: "ＭＳ Ｐゴシック", Osaka;
}


/**************************
	
Other general styles

**************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div.clear {
	clear: both;
}

.last_child {
	margin-right: 0 !important;
}

a.btn:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

input.btn:hover  {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/**************************
	
Framework
	
**************************/

div#container {
	width: 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0;
	padding: 0;
	text-align: left;
	clear: both;
}




/**************************
	
Header
	
**************************/
div#header {
	width: 940px;
	height: 63px;
	padding: 0;
	clear: both;
	position:relative;
	border-top:3px solid #3eb134;
}

div#header h1#siteId {
	width: 95px;
	height: 44px;
	margin: 0;
	padding: 10px 0px 0;
	float: left;
	font-size:11px;
	font-weight:bold;
}

div#header h2#btnInquiry {
 	margin: 0;
 	padding-top: 10px;
	float: right;
	clear: right;
}

/**************************
	
Header_login
	
**************************/
div#header2 {
	width: 940px;
	height: 90px;
	padding: 0;
	clear: both;
	position:relative;
	border-top:3px solid #3eb134;
}

div#header2 h1#siteId {
	width: 95px;
	height: 44px;
	margin: 0;
	padding: 20px 0px 0;
	float: left;
	font-size:11px;
	font-weight:bold;
}

div#header2 h2#btnInquiry {
 	margin: 0;
 	padding-top: 13px;
	float: right;
	clear: right;
}



/**************************
	
main
	
**************************/

div#contents {
	width: 940px;
	height:auto;
	margin: 0;
	padding:0;
	clear: both;
	position:relative;
}


/*----- マウスオーバー -----*/
#container a.btn:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	background-color: #FFF;
}


div#footer {
	width: 940px;
	height: 30px;
	margin: 20px 0 0;
	padding: 15px 0;
	clear: both;
	border-top:1px solid #ddd;
}


div#footer div.copy {
	float:right;
	text-align:right;
}


/*=======================================================
  パンくず★List
=======================================================*/
ol#topicPath{
	text-align:left;
	padding-bottom:10px;
}
ol#topicPath li{
	display: inline;
	line-height: 14px;
	list-style-type: none;
	font-size: 10px;
	color: #999;
}
ol#topicPath li a{
	padding-right: 10px;
	color:#666;
	background: url(../images/gule.gif) no-repeat right center;
	text-decoration: none;
}
ol#topicPath li a:hover{
	color: #3eb134;
	text-decoration: none;
}

/*=======================================================
  SUB
=======================================================*/


p.go_top{
	margin:10px 0 30px;
	text-align:right;
	padding-top:5px;
	clear:both;
}

span.blue_bold{
	color:#195eaa; 
}

span.s{
	font-size:11px;
}

p#text{
	padding-left:10px;
	line-height:1.8em;
}

div.title{
	clear:both;
	margin-bottom:20px;
}

h3{
	clear:both;
	margin-bottom:10px;
}

/*=======================================================
  ご優待サービス一覧
=======================================================*/

div.service{
	width:460px;
	background: url(../images/servies_bg.jpg) bottom no-repeat;
}

div.service dl.osusume{
	padding:5px 10px 0;
	clear:both;
	height:150px;
}
div.service dl.osusume dd{
	float:left;
	width:170px;
}
div.service dl.osusume dt{
	float:right;
	width:260px;
	padding-top:5px;
}
div.service dl.osusume dt p{
	padding-bottom:10px;
}

div.service dl.osusume_s{
	float:left;
	width:213px;
	border:1px solid #d5d5d5;
	margin-bottom:10px;
}
div.service dl.osusume_s dd{
	width:80px;
	_width:73px;
	padding:7px 0px 7px 7px;
	float:left;
}
div.service dl.osusume_s dt{
	font-size:11px;
	float:right;
	width:114px;
	_width:107px;
	padding:7px 5px 7px 0px;
}
ul.menu_link{
	background:#ecf7ea;
	border:1px solid #ceeacb;
	padding:0 5px 5px;
	clear:both;
	margin:0 10px 10px;
	text-align:center;
}
ul.menu_link li{
	display:inline;
	margin-right:8px;
	background:url(../images/menu_link.jpg) no-repeat 0 5px;
	padding-left:10px;
	margin-top:3px;
	margin-bottom:3px;
}

p.s_btn{
	clear:both;
	text-align:center;
}

p.sodan{
	clear:both;
	margin: 10px;
}

div.bnL{
	float:left;
	padding-top:7px;
	width:220px;
	height:150px;
	position: relative;
}
div.bnL div.freepaper{
	position:absolute;
	top:113px;
	left:10px;
	width:200px;
}

div.bnR{
	float:right;
	padding-top:7px;
	width:220px;
	height:150px;
	position: relative;
}
div.bnR div.present{
	position:absolute;
	top:113px;
	left:10px;
	width:200px;
}


/*=======================================================
  ビルインフォメーション
=======================================================*/
div.info_t{
	width:940px;
	height:50px;
	position:relative;
}

div.info_t div.info_link{
	position:absolute;
	top:9px;
	left:337px;
}
div.info_t div.info_link a{
	color:#269a1c;
	text-decoration:underline;
}
div.info_t div.info_link a:hover{
	color:#7fc179;
}


div.info_top{
	float:left;
	width:700px;
}
div.info_top dl{
	margin-bottom: 8px;
	border-bottom:1px dotted #ddd;
	clear:both;
	padding-bottom:8px;
	padding-left:10px;
}
div.info_top dl.end{
	margin-bottom:20px;
}

div.info_top dl dd{
	float:left;
	width:130px;
}
	
	
ul.info_bn{
	float:right;
	width:220px;
}
ul.info_bn li{
	margin-bottom:10px;
}

h4.info{
	margin: 10px 0;
	padding: 0 0 0.25em 7px;
	background: url(../images/h3_bg.jpg) 0 20% no-repeat;
	font-size: 100%;
	border-bottom: 1px solid #d9d9d9;
	color: #4d4d4d;
}
h4.info span{
	float:right;
	font-weight:normal;
	font-size:12px;
}
	


/*=======================================================
  東急不動産グループのご紹介
=======================================================*/
ul.s_banners {
	width: 960px;
	margin-right: -20px;
	overflow: hidden;
	_zoom: 1;
}

ul.s_banners li {
	float: left;
	width: 220px;
	margin: 0px 20px 0px 0px;
}




/*=======================================================
  ビルインフォメーション_sub
=======================================================*/

div.info_sub{
	width:940px;
}
div.info_sub dl{
	margin-bottom: 8px;
	border-bottom:1px dotted #ddd;
	clear:both;
	padding-bottom:8px;
	padding-left:10px;
}
div.info_sub dl.end{
	margin-bottom:20px;
}

div.info_sub dl dd{
	float:left;
	width:130px;
}
	
	
h3.info{
	margin:10px 0;
	padding: 0.286em 0;
	background: url(../images/headingA02_bg_0001.gif) 0 100% repeat-x;
	font-size: 116.7%;
	border-top: 2px solid #3eb134;
	color: #4d4d4d;
	zoom: 1;
}


ul.link-listA01 {
	margin: 0.833em 0 0;
	padding: 0;
	list-style-type: none;
}
ul.link-listA01 li {
	margin: 0.25em 0 0;
	padding: 0 0 0 8px;
	background: url(../images/ico_0001.gif) 0 0.5em no-repeat;
	*background-position: 0 0.583em;
	zoom: 1;
}
ul.link-listA01 li.plain {
	background: url(../images/ico_0009.gif) 0 0.5em no-repeat;
	*background-position: 0 0.583em;
}
ul.link-listA01 li.plain a:link,
ul.link-listA01 li.plain a:visited{
	padding-left: 0;
	text-decoration: underline;
}
ul.link-listA01 li.plain a:focus {
	text-decoration: none;
}
ul.link-listA01 li.plain a:link:hover,
ul.link-listA01 li.plain a:visited:hover,
ul.link-listA01 li.plain a:link:active,
ul.link-listA01 li.plain a:visited:active {
	text-decoration: none;
}
li ul.link-listA01 {
	margin: 0.5em 0 0.75em 22px;
}



/*=======================================================
  login_top
=======================================================*/

.login_new{
	background: #3eb331;
	margin-bottom:20px;
	width:940px;
	padding: 20px 0;
}
div.login{
	background:url(../images/login_bg.jpg) repeat-y;
	clear:both;
	margin-bottom:20px;
	width:940px;
}
.login_001 {
	width: 814px;
	margin: 0 auto;
	padding: 40px;
	background-color: #ffffff;
	border-radius: 12px;
	text-align: center;
}
.login_h3 {
	font-size: 25px;
	padding-bottom: 10px;
	border-bottom: 2.5px solid #3eb331;
}
.login_001 p {
	line-height: 1.5;
	font-size: 16px;
	padding-top: 25px;
}
 .login_001 p + p {
	padding-top: 20px;
}
.login_001 p > span {
	font-size: 20px;
	font-weight: bold;
}
div.login div.menu_con{
	float:left;
	width:640px;
	padding-left:30px;
}
div.login div.menu_list{
	float:right;
	width:206px;
	padding-right:27px;
}
p.login_t{
	text-align:center;
	margin-bottom:10px;
	font-size:13px;
}
ul.login_btn{
	background:#faf7ae;
	padding:15px;
	text-align:center;
	clear:both;
	border:1px solid #ffc776;
	margin-bottom:15px;
}
ul.login_btn li{
	display:inline;
}