@charset "utf-8";


/* ================================================================================

	Last Updated: 2009/05/29

	[INDEX]
	1. Common Format: 共通設定
		1.1 reset
		1.2 global
		1.3 header
		1.4 contents
			1.4.1 topicPath
			1.4.2 main
				1.4.2.1 main_pageTop
				1.4.2.2 main_contact
			1.4.3 side
				1.4.3.1 localNav
				1.4.3.2 banner
		1.5 footer
	2. Directory Format: ディレクトリごとの共通設定
		2.1 top
			2.1.1 visual
				2.1.1.1 plan
			2.1.2 topContents
				2.1.2.1 point
				2.1.2.2 topNews
				2.1.2.3 side
		2.2 news
		2.3 plan
		2.3-1 plan2: 個室プラン／専用デスクプラン／フリーデスクプラン／ビジタープラン
			2.3-1.1 detail
			2.3-1.2 contentList
			2.3-1.2 contextNav
			2.3-1.3 koshitsu
			2.3-1.4 senyo-desk
			2.3-1.5 free-desk
			2.3-1.6 visitor
		2.3-2 plan3: 施設・設備／プラン比較／支援サービス
		2.4 member
		2.5 vacant
		2.6 access
			2.6.1 localNav
			2.6.2 traffic, area, map
				2.6.2.1 gMap
		2.7 support
			2.7.1 contract
			2.7.2 faq
		2.8 contact
		2.9 sitemap
		2.10 privacy
		2.11 company
		2.12 link
		2.13 error
	3. Other Styles: その他スタイル

================================================================================ */


/* --------------------------------------------------------------------------------

	1. Common Format

-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------

		1.1 reset

-------------------------------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
	font-weight: normal;
}

hr, legend {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img, abbr, acronym, fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

ol li {
	margin: 0 0 0.5em 1.9em;
	list-style-type: decimal;
}

p {
	margin-bottom: 1em;
}


/* --------------------------------------------------------------------------------

		1.2 global

-------------------------------------------------------------------------------- */

body, th, td {
	line-height: 1.4;
	color: #555;
	font-size: 12px;
	font-family: verdana, sans-serif;
}

a {
	text-decoration: underline;
	color: #36c;
}

a:hover {
	color: #e30010;
}


/* --------------------------------------------------------------------------------

		1.3 header

-------------------------------------------------------------------------------- */

div#header {
	background: url(../images/bg_header.jpg) repeat-x;
	text-align: center;
}

div#header div.inner {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

div#header p {
	margin: 0;
	height: 22px;
	overflow: hidden;
	text-align: left;
	line-height: 22px;
	color: #a9cdf0;
	font-size: 10px;
}

div#header div.box {
	display: inline-block;
	height: 79px;
	overflow: hidden;
}
div#header div.box { display: block;	/* for opera*/ }
div#header div.box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#header div.box h1 {
	float: left;
	padding-top: 28px;
	width: 303px;
}

div#header div.box div#header_contact {
	float: right;
	display: inline-block;
	padding-top: 16px;
	width: 400px;
}
div#header div.box div#header_contact { display: block;	/* for opera*/ }
div#header div.box div#header_contact:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#header div.box div#header_contact div.tel {
	float: left;
	width: 187px;
}

div#header div.box div#header_contact div.tel img {
	display: block;
}

div#header div.box div#header_contact div.form {
	float: right;
	width: 200px;
}

div#header ul#globalNav {
	display: inline-block;
	height: 66px;
	overflow: hidden;
}
div#header ul#globalNav { display: block;	/* for opera*/ }
div#header ul#globalNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#header ul#globalNav li {
	float: left;
}


/* --------------------------------------------------------------------------------

		1.4 contents

-------------------------------------------------------------------------------- */

div#contents {
	background: url(../images/bg_contents.jpg) repeat-x;
	text-align: center;
}

div#contents div.inner {
	display: inline-block;
	margin: 0 auto;
	background: url(../images/bg_conetntsTop.jpg) no-repeat;
	width: 910px;
	text-align: left;
}
div#contents div.inner { display: block;	/* for opera*/ }
div#contents div.inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents h2#categoryTtl {
	padding-top: 28px;
	padding-left: 18px;
}


/* 1.4.1 topicPath ---------------------------------------------------------- */

div#contents ul#topicPath {
	display: inline-block;
	margin: 34px 20px 0 20px;
	background: url(../images/bline.gif) repeat-x left bottom;
	padding-bottom: 12px;
	width: 610px;
	color: #666;
}
div#contents ul#topicPath { display: block;	/* for opera*/ }
div#contents ul#topicPath:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents ul#topicPath li {
	float: left;
}


/* 1.4.2 main -------------------------------------------------------------- */

div#contents div#main {
	float: left;
	padding: 30px 20px 0 20px;
	width: 610px;
}


/* 1.4.2.1 main_pageTop ---------------------------------------------------- */

div#contents div#main div.main_pageTop {
	text-align: right;
}

div#contents div#main div.main_pageTop a {
	background: url(../images/icon_main_pagetop.gif) no-repeat center left;
	padding-left: 10px;
	color: #555;
	font-size: 10px;
}

div#contents div#main div.main_pageTop a:hover {
	color: #e30010;
}


/* 1.4.2.2 main_contact --------------------------------------------------------- */

div#contents div#main div#main_contact {
	margin-top: 40px;
}



/* 1.4.3 side -------------------------------------------------------------- */

div#contents div#side {
	float: right;
	padding-top: 3px;
	padding-right: 5px;
	width: 235px;
}


/* 1.4.3.1 localNav -------------------------------------------------------- */

div#contents div#side div#localNav {
	margin-bottom: 10px;
	background: #b3cce5;
	padding: 2px;
}

div#contents div#side div#localNav h3 {
	border-bottom: 1px solid #b3cce5;
	background: #fff;
	padding: 1px;
}

div#contents div#side div#localNav ul li {
	border-bottom: 1px solid #c1cdd9;
	background: #fff;
	padding: 1px;
}

div#contents div#side div#localNav ul li img {
	vertical-align: bottom;
}

div#contents div#side div#localNav ul li.last {
	border: none;
}

div#contents div#side div#localNav ul li a {
	display: block;
	text-decoration: none;
}

div#contents div#side div#localNav ul li a span {
	display: block;
	margin-left: 20px;
	background: url(../images/icon_news.gif) no-repeat center left;
	padding-left: 10px;
	line-height: 2.5em;
	color: #4d4d4d;
}

div#contents div#side div#localNav ul li a:hover span {
	text-decoration: underline;
	color: #e30010;
}


/* 1.4.3.2 banner ---------------------------------------------------------- */

div#contents div#side ul#banner {
	background: #ebf3fb;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

div#side ul#banner li {
	margin-top: 5px;
}

div#side ul#banner li.first,
div#side ul#banner li.setin {
	margin-top: 0;
}

div#side ul#banner li img {
	vertical-align: bottom;
}


/* --------------------------------------------------------------------------------

		1.5 footer

-------------------------------------------------------------------------------- */

div#footer {
	margin-top: 40px;
	background: url(../images/bg_footer.gif) repeat-x left bottom;
	text-align: center;
}

div#footer div.inner {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

div#footer div.inner div#pagetop {
	margin-bottom: 10px;
	text-align: right;
}

div#footer div.inner div#pagetop a {
	background: url(../images/icon_pagetop.gif) no-repeat center left;
	padding-left: 18px;
}

div#footer div.inner div#contentsNav a {
	color: #777;
}

div#footer div.inner div#contentsNav a:hover {
	color: #e30010;
}

div#footer div.inner div#contentsNav {
	display: inline-block;
	height: 32px;
}
div#footer div.inner div#contentsNav { display: block;	/* for opera*/ }
div#footer div.inner div#contentsNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer div.inner div#contentsNav ul {
	display: inline-block;
	margin-top: 10px;
	line-height: 1.1;
}

div#footer div.inner div#contentsNav ul {
	border-left: 1px solid #777;
}

div#footer div.inner div#contentsNav ul li {
	float: left;
	border-right: 1px solid #777;
}

div#footer div.inner div#contentsNav ul li a {
	padding: 0 13px;
}

div#footer div.inner div#footerNav {
	display: inline-block;
	height: 72px;
}
div#footer div.inner div#footerNav { display: block;	/* for opera*/ }
div#footer div.inner div#footerNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer div.inner div#footerNav ul {
	float: right;
	display: inline-block;
	margin-top: 29px;
}
div#footer div.inner div#footerNav ul { display: block;	/* for opera*/ }
div#footer div.inner div#footerNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer div.inner div#footerNav ul li {
	float: left;
	margin-left: 12px;
}

div#footer div.inner div#footerNav ul li a {
	padding-left: 9px;
	background: url(../images/icon_footerNav.gif) no-repeat center left;
}

div#footer div.inner div#footerNav address {
	float: left;
	margin-top: 28px;
}


/* --------------------------------------------------------------------------------

		2.1 top

-------------------------------------------------------------------------------- */


/* 2.1.1 visual -------------------------------------------------------------- */

div#visual {
	margin-bottom: 12px;
	background: url(../../images/bg_visual.jpg) repeat-x;
	text-align: center;
}

div#visual div.inner {
	position: relative;
	margin: 0 auto;
	background: url(../../images/bg_visualBottom.jpg) no-repeat;
	width: 940px;
	height: 390px;
}

div#visual div#merit {
	position: absolute;
	top: 28px;
	right: 43px;
}


/* 2.1.1.1 plan -------------------------------------------------------------- */

div#visual div#plan {
	display: inline-block;
	position: absolute;
	top: 260px;
	left: 40px;
	width: 855px;
	height: 115px;
}
div#visual div#plan { display: block;	/* for opera*/ }
div#visual div#plan:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#visual div#plan h2 {
	float: left;
}

div#visual div#plan h2.visitor {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 0;
	padding-left: 15px;
}


/* 2.1.2 contents -------------------------------------------------------------- */

div#topContents {
	display: inline-block;
	margin: 0 auto;
	width: 906px;
	text-align: left;
}
div#topContents { display: block;	/* for opera*/ }
div#topContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#topContents div#main {
	float: left;
	width: 646px;
}

div#topContents div#side {
	float: right;
	paddiong-top: 3px;
	padding-right: 3px;
	width: 238px;
}


/* 2.1.2.1 point ------------------------------------------------------------ */

div#topContents div#point {
	margin-bottom: 25px;
	background: url(../../images/bg_pointBottom.gif) no-repeat;
}

div#topContents div#point div.pointInner {
	display: inline-block;
	background: url(../../images/bg_pointTop.gif) no-repeat;
	padding-bottom: 50px;
	padding-left: 22px;
}
div#topContents div#point div.pointInner { display: block;	/* for opera*/}
div#topContents div#point div.pointInner:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#topContents div#point h3 {
	margin-bottom: 11px;
	padding-top: 25px;
	padding-left: 6px;
}

div#topContents div#point div.pointInner div.pointlist {
	display: inline-block;
	float: left;
	padding-top: 30px;
	padding-left: 30px;
	width: 255px;
}
div#topContents div#point div.pointInner div.pointlist {display: block; /* for opera*/}
div#topContents div#point div.pointInner div.pointlist:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#topContents div#point div.pointInner div.pointlist h4 {
	margin-bottom: 10px;
}

div#topContents div#point div.pointInner div.pointlist div.thumb {
	float: left;
	border: 1px solid #ccc;
	width: 65px;
	height: 65px;
}

div#topContents div#point div.pointInner div.pointlist div.txt {
	float: right;
	width: 178px;
}

div#topContents div#point div.pointInner div.pointlist div.txt p {
	margin-bottom: 0;
}

div#topContents div#point div.pointInner div.pointlist div.txt p.more {
	text-align: right;
}

div#topContents div#point div.pointInner div.pointlist div.txt p.more a {
	padding-left: 18px;
	background: url(../images/icon_txtlink.gif) no-repeat center left;
}


/* 2.1.2.2 topNews --------------------------------------------------------- */

div#topNews {
	margin-left: 3px;
}

div#topContents div#topNews div.newslist {
	display: inline-block;
	background: url(../images/bline.gif) repeat-x left bottom;
}
div#topContents div#topNews div.newslist {
	display: block;	/* for opera*/
}
div#topContents div#topNews div.newslist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#topContents div#topNews div.newslist div.newsDate {
	float: left;
	padding: 10px 25px;
	width: 80px;
}

div#topContents div#topNews div.newslist div.newsTtl {
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 510px;
}

div#topContents div#topNews div.newslist div.newsTtl a {
	background: url(../images/icon_news.gif) no-repeat center left;
	padding-left: 10px;
}

/* 2.1.2.3 side ---------------------------------------------------------- */


div#topContents div#side ul#banner {
	background: #ebf3fb;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 235px;
	text-align: center;
}


/* --------------------------------------------------------------------------------

		2.2 news

-------------------------------------------------------------------------------- */

div#contents div#news {
	border-bottom: 1px solid #ccc;
}

div#contents div#news h3 {
	margin: 0 20px 25px 20px;
	font-size: 14px;
	font-weight: bold;
}

div#contents div#news div.newslist {
	display: inline-block;
	background: url(../../news/images/bg_newsList.jpg) repeat-x top left;
	padding: 25px 20px 40px 20px;
}
div#contents div#news div.newslist { display: block;	/* for opera*/ }
div#contents div#news div.newslist:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


div#contents div#news div.newslist div.newsDate {
	float: left;
	width: 120px;
}

div#contents div#news div.newslist div.newsTtl {
	float: right;
	width: 450px;
}

div#contents div#news div.newslist div.newsTtl h4 {
	margin-bottom: 1em;
	font-size: 14px;
}

div#contents div#news div.newslist div.newsTtl p {
	margin: 0;
}

div#contents div#news div.newslist div.newsTtl p.url {
	margin-top: 1em;
}

div#contents div#pager {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 40px;
}
div#contents div#pager { display: block;	/* for opera*/ }
div#contents div#pager:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


div#contents div#pager div.back {
	float: left;
	width: 305px;
}

div#contents div#pager div.next {
	float: right;
	width: 305px;
	text-align: right;
}


/* --------------------------------------------------------------------------------

	2.3 plan

-------------------------------------------------------------------------------- */

div#contents div#plan h3 {
	margin-bottom: 25px;
}

div#contents div#plan div.planBox {
	margin-bottom: 15px;
	background: url(../../plan/images/planBox_bg.gif) no-repeat left bottom;
	padding-bottom: 35px;
}

div#contents div#plan div.planBox div.planBoxInner {
	display: inline-block;
}
div#contents div#plan div.planBox div.planBoxInner { display: block;	/* for opera*/ }
div#contents div#plan div.planBox div.planBoxInner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan div.planBox h4 {
	margin-bottom: 20px;
}

div#contents div#plan div.planBox div.text {
	float: left;
	padding-left: 35px;
	width: 280px;
}

div#contents div#plan div.planBox div.text h5 {
	margin-bottom: 1em;
	background: url(../images/icon_doughnut.gif) no-repeat left center;
	padding-left: 16px;
}

div#contents div#plan div.planBox div.text ul {
	margin-bottom: 1em;
}

div#contents div#plan div.planBox div.text ul li {
	margin-bottom: 0.5em;
	margin-left: 1.4em;
	list-style-type: disc;
}

div#contents div#plan div.planBox div.img {
	float: right;
	padding-right: 35px;
	width: 238px;
}

div#contents div#plan div.planBox div.img img {
	border: 1px solid #ccc;
	padding: 1px;
}

div#contents div#plan div.planBox div.text div.btn {
	text-align: center;
}

div#contents div#plan div.subContents {
	display: inline-block;
	margin-bottom: 40px;
}
div#contents div#plan div.subContents { display: block;	/* for opera*/ }
div#contents div#plan div.subContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan div.subContents div.subBox {
	float: left;
	margin-right: 20px;
	border: 1px solid #c8d6db;
	width: 188px;
}

div#contents div#plan div.subContents div.end {
	margin-right: 0;
}

div#contents div#plan div.subContents div.subBox h4 {
	margin-bottom: 10px;
}

div#contents div#plan div.subContents div.subBox div.img,
div#contents div#plan div.subContents div.subBox p,
div#contents div#plan div.subContents div.subBox div.btn {
	margin: 0 9px;
}

div#contents div#plan div.subContents div.subBox div.img img {
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

div#contents div#plan div.subContents div.subBox p {
	margin-bottom: 15px;
}

div#contents div#plan div.subContents div.subBox div.btn {
	margin-bottom: 14px;
}


/* --------------------------------------------------------------------------------

	2.3-1 plan2

-------------------------------------------------------------------------------- */

div#contents div#plan2 h3 {
	margin-bottom: 30px;
}

div#contents div#plan2 p.lead {
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 1.8;
}

div#contents div#plan2 p.include {
	margin-bottom: 0.5em;
	font-weight: bold;
}

div#contents div#plan2 p.note {
	font-size: 10px;
}


/* 2.3-1.1 detail ------------------------------------------------------------ */

div#contents div#plan2 div.detail {
	display: inline-block;
	margin-bottom: 0.5em;
	border-top: 2px solid #9fcaf6;
/*	border-bottom: 1px dotted #ccc; */
	background: url(../images/bline.gif) repeat-x bottom left;
	padding-top: 20px;
}
div#contents div#plan2 div.detail { display: block;	/* for opera*/ }
div#contents div#plan2 div.detail:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan2 div.detail div.room {
	display: inline-block;
	padding-bottom: 20px;
}
div#contents div#plan2 div.detail div.room { display: block;	/* for opera*/ }
div#contents div#plan2 div.detail div.room:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan2 div.detail div.room div.img img {
	padding: 1px;
	border: 1px solid #ccc;
}

div#contents div#plan2 div.detail div.room h4 {
	margin-bottom: 1em;
	border-left: 3px solid #0052a4;
	padding-left: 11px;
	line-height: 1.2em;
	color: #0052a4;
	font-size: 14px;
	font-weight: bold;
}

div#contents div#plan2 div.detail div.room ul li {
	margin-bottom: 0.5em;
}

div#contents div#plan2 div.detail div.room ul li span.number {
	font-size: 10px;
}
/*
div#contents div#plan2 div.detail div.room ul li.number {
	margin-bottom: 0.7em;
	font-size: 10px;
}*/

div#contents div#plan2 div.detail div.roomBox {	display: inline-block; }
div#contents div#plan2 div.detail div.roomBox { display: block;	/* for opera*/ }
div#contents div#plan2 div.detail div.roomBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan2 div.detail div.room div.zoom a {
	background: url(../images/icon_txtlink.gif) no-repeat left center;
	padding-left: 18px;
}


/* 2.3-1.2 contentList ------------------------------------------------------- */

div#contents div#plan2 div.contentList {
	margin-top: 40px;
}

div#contents div#plan2 div.contentList h4 {
	margin-bottom: 1em;
	background: url(../images/icon_doughnut.gif) no-repeat left center;
	padding-left: 16px;
}

div#contents div#plan2 div.contentList ul li {
	margin-bottom: 0.5em;
	margin-left: 1.4em;
	list-style-type: disc;
}


/* 2.3-1.2 contextNav -------------------------------------------------------- */

div#contents div#plan2 ul.contextNav {
	display: inline-block;
	margin: 50px 0 40px 0;
}
div#contents div#plan2 ul.contextNav { display: block;	/* for opera*/ }
div#contents div#plan2 ul.contextNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan2 ul.contextNav li {
	float: left;
	margin-right: 14px;
	width: 194px;
}

div#contents div#plan2 ul.contextNav li.end {
	margin-right: 0;
}


/* 2.3-1.3 koshitsu ---------------------------------------------------------- */

div#contents div#plan2 div#koshitsu div.detail div.left {
	float: left;
}

div#contents div#plan2 div#koshitsu div.detail div.right {
	float: right;
}

div#contents div#plan2 div#koshitsu div.detail div.room {
	width: 300px;
}

div#contents div#plan2 div#koshitsu div.detail div.room div.img {
	float: left;
	width: 170px;
}

div#contents div#plan2 div#koshitsu div.detail div.room div.txt {
	float: right;
	width: 120px;
}

div#contents div#plan2 div#koshitsu div.contentList {
	display: inline-block;
}
div#contents div#plan2 div#koshitsu div.contentList { display: block;	/* for opera*/ }
div#contents div#plan2 div#koshitsu div.contentList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan2 div#koshitsu div.contentList div.img {
	float: left;
	width: 310px;
}

div#contents div#plan2 div#koshitsu div.contentList div.txt {
	float: right;
	width: 270px;
}


/* 2.3-1.4 senyo-desk -------------------------------------------------------- */

div#contents div#plan2 div#senyo-desk div.detail div.room div.img {
	float: left;
	width: 330px;
}

div#contents div#plan2 div#senyo-desk div.detail div.room div.txt {
	float: right;
	width: 260px;
}


/* 2.3-1.5 free-desk --------------------------------------------------------- */

div#contents div#plan2 div#free-desk div.detail div.room div.img {
	float: left;
	width: 330px;
}

div#contents div#plan2 div#free-desk div.detail div.room div.txt {
	float: right;
	width: 260px;
}


/* 2.3-1.6 visitor ----------------------------------------------------------- */

div#contents div#plan2 div#visitor div.detail div.border {
	border-top: 1px dotted #ccc;
	padding-top: 20px;
}

div#contents div#plan2 div#visitor div.detail div.room div.img {
	float: left;
	width: 330px;
}

div#contents div#plan2 div#visitor div.detail div.room div.txt {
	float: right;
	width: 260px;
}

div#contents div#plan2 div#visitor div.contentList {
	margin-top: 20px;
}

div#contents div#plan2 div#visitor div.contentList h5 {
	margin-bottom: 1em;
	background: url(../images/icon_doughnut.gif) no-repeat left center;
	padding-left: 16px;
}


/* --------------------------------------------------------------------------------

	2.3-2 plan3

-------------------------------------------------------------------------------- */

div#contents div#plan3 h3 {
	margin-bottom: 20px;
}

div#contents div#plan3 p.lead {
	margin-bottom: 35px;
	line-height: 1.8;
	font-size: 14px;
}

div#contents div#plan3 div.leadBox {
	display: inline-block;
	margin-bottom: 35px;
}
div#contents div#plan3 div.leadBox { display: block;	/* for opera*/ }
div#contents div#plan3 div.leadBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan3 div.leadBox img {
	float: right;
	margin-left: 35px;
	width: 275px;
}


/* 2.3-2.1 listBox --------------------------------------------------------- */

div#contents div#plan3 div.listBox {
	margin-bottom: 30px;
}

div#contents div#plan3 div.listBox div.box {
	display: inline-block;
}
div#contents div#plan3 div.listBox div.box { display: block;	/* for opera*/ }
div#contents div#plan3 div.listBox div.box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#plan3 div.listBox div.img img {
	border: 1px solid #ccc;
	padding: 1px;
}

div#contents div#plan3 div.listBox h4,
div#contents div#plan3 div.listBox h5 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

div#contents div#plan3 div.listBox h4 span,
div#contents div#plan3 div.listBox h5 span {
	display: block;
	margin-bottom: 5px;
	border-left: 3px solid #0052a4;
	padding-left: 11px;
	line-height: 1.2em;
	color: #0052a4;
	font-size: 14px;
	font-weight: bold;
}

div#contents div#plan3 div.listBox p {
	line-height: 1.8;
}

div#contents div#plan3 div.listBox ul li {
	margin-left: 1.4em;
	margin-bottom: 0.3em;
	list-style-type: disc;
}

div#contents div#plan3 div.listBox dl dt {
	margin-bottom: 0.5em;
	font-weight: bold;
}


/* 2.3-2.2 detail ---------------------------------------------------------- */

div#contents div#plan3 div.detail {
	margin-bottom: 40px;
}

div#contents div#plan3 div.detail div.listBox div.img {
	float: left;
	width: 170px;
}

div#contents div#plan3 div.detail div.listBox div.txt {
	float: right;
	width: 425px;
}

/* 2.3-2.3 others ---------------------------------------------------------- */

div#contents div#plan3 div.others h4 {
	margin-bottom: 30px;
}

div#contents div#plan3 div.others li span.white {
	color: #fff;
}


/* 2.3-2.5 compare ---------------------------------------------------------- */

div#contents div#compare table {
	margin-bottom: 20px;
	width: 100%;
}

div#contents div#compare table thead th,
div#contents div#compare table tbody td {
	padding-left: 5px;
	padding-right: 5px;
}
	
div#contents div#compare table tbody td.category {
	background: #eaf9fa;
	width: 85px;
}

div#contents div#compare table tbody td.list {
	background: #eaf9fa;
	width: 105px;
}

div#contents div#compare table tbody td.senyo,
div#contents div#compare table tbody td.free {
	width: 125px;
}

div#contents div#compare table tbody td.koshitsu,
div#contents div#compare table tbody td.senyo,
div#contents div#compare table tbody td.free,
div#contents div#compare table tbody td.common,
div#contents div#compare table tbody td.visitor {
	text-align: center;
}

div#contents div#compare table th {
	border: 1px solid #c8d6db;
	padding: 20px 0;
	vertical-align: top;
	text-align: center;
}

div#contents div#compare table td {
	border: 1px solid #c8d6db;
	padding: 13px 0;
	vertical-align: top;
}

div#contents div#compare table thead th {
	border-bottom: 2px solid #c8d6db;
	background: #4391de;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

div#contents div#compare table th a {
	color: #fff;
	text-decoration: none;
}

div#contents div#compare table th a:hover {
	color: #fff;
	text-decoration: underline;
}

div#contents div#compare table tbody td span {
	font-size: 10px;
}

div#contents div#compare div#note {
	margin-bottom: 40px;
	font-size: 10px;
	line-height: 1.6;
}


/* --------------------------------------------------------------------------------

	2.4 member

-------------------------------------------------------------------------------- */

div#contents div#member p.lead {
	margin-bottom: 35px;
	line-height: 1.8em;
	font-size: 14px;
}

div#contents div#member h3.memberName {
	border: 1px solid #ccc;
	background: #4391de;
	padding: 14px 19px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

div#contents div#member h3.memberName a {
	color: #fff;
}

div#contents div#member h3.memberName a:hover {
	color: #fff;
	text-decoration: none;
}

div#contents div#member div.memberTxt {
	margin-bottom: 30px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 15px 19px 5px 19px;
}

div#contents div#member div.memberTxt dl dt {
	float: left;
	width: 95px;
}

div#contents div#member div.memberTxt dl dd {
	float: left;
	width: 460px;
}

div#contents div#member div.memberTxt dl {
	display: inline-block;
}
div#contents div#member div.memberTxt dl { display: block;	/* for opera*/ }
div#contents div#member div.memberTxt dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#member div.memberTxt dl dt,
div#contents div#member div.memberTxt dl dd {
	margin-bottom: 0.5em;
	line-height: 1.6;
}

div#contents div#member div.memberTxt h4 {
	margin-top: 2em;
}

div#contents div#member div.memberTxt h4 span {
	display: block;
	margin-bottom: 0.7em;
	border-left: 3px solid #0052a4;
	padding-left: 11px;
	line-height: 1.2em;
	color: #0052a4;
	font-size: 14px;
	font-weight: bold;
}

div#contents div#member div.memberTxt p {
	line-height: 1.8em;
}


/* --------------------------------------------------------------------------------

	2.5 vacant

-------------------------------------------------------------------------------- */

div#contents div#vacant p.lead {
	margin-bottom: 35px;
	line-height: 1.8em;
	font-size: 14px;
}

div#contents div#vacant p.update {
	margin-bottom: 5px;
	text-align: right;
}

div#contents div#vacant table {
	margin-bottom: 10px;
	width: 100%;
}

div#contents div#vacant table th,
div#contents div#vacant table td {
	border: 1px solid #c8d6db;
	padding: 20px 0;
	vertical-align: top;
}

div#contents div#vacant table th.floor,
div#contents div#vacant table td.floor {
	width: 93px;
	text-align: center;
}

div#contents div#vacant table th.room,
div#contents div#vacant table td.room {
	width: 102px;
	text-align: center;
}

div#contents div#vacant table th.plan,
div#contents div#vacant table td.plan {
	width: 137px;
	text-align: center;
}

div#contents div#vacant table th.info,
div#contents div#vacant table td.info {
	width: 273px;
}

div#contents div#vacant table th.info {
	text-align: center;
}

div#contents div#vacant table thead th {
	border-bottom: 2px solid #c8d6db;
	background: #e6f0f9;
	font-size: 14px;
	font-weight: bold;
}

div#contents div#vacant table tbody td.info span.able,
div#contents div#vacant table tbody td.info span.enable {
	margin-left: 20px;
}

div#contents div#vacant table tbody td.info span.able {
	float: left;
	color: #e30010;
}

div#contents div#vacant table tbody td.info span.btn {
	position: relative;
	float: right;
	margin-right: 20px;
}

div#contents div#vacant table tbody td.info span.btn img {
	position: absolute;
	top: -6px;
	right: 0;
}

div#contents div#vacant p.note {
	line-height: 1.6;
}


/* --------------------------------------------------------------------------------

		2.6 access

-------------------------------------------------------------------------------- */

div#contents div#access h3 {
	margin-bottom: 25px;
}


/* 2.6.1 localNav ---------------------------------------------------------- */

div#contents div#access ul#localNav {
	display: inline-block;
	margin-bottom: 30px;
}
div#contents div#access ul#localNav { display: block;	/* for opera*/ }
div#contents div#access ul#localNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#access ul#localNav li {
	float: left;
	margin-right: 14px;
}

div#contents div#access ul#localNav li.last {
	margin-right: 0;
}


/* 2.6.2 traffic, area, map ------------------------------------------------ */

div#contents div#access div#traffic,
div#contents div#access div#area,
div#contents div#access div#map {
	display: inline-block;
	margin-bottom: 5px;
}

div#contents div#access div#traffic,
div#contents div#access div#area,
div#contents div#access div#map { display: block;	/* for opera*/ }

div#contents div#access div#traffic:after,
div#contents div#access div#area:after,
div#contents div#access div#map:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents div#access div#traffic div.text,
div#contents div#access div#area div.text,
div#contents div#access div#map div.gMap {
	float: left;
	width: 310px;
}

div#contents div#access div#traffic div.img,
div#contents div#access div#area div.img,
div#contents div#access div#map div.text {
	float: right;
	width: 250px;
}

div#contents div#access div#traffic h4,
div#contents div#access div#area h4,
div#contents div#access div#map h4 {
	margin-bottom: 20px;
}

div#contents div#access div#traffic h5,
div#contents div#access div#area h5 {
	margin-bottom: 25px;
}

div#contents div#access div#traffic h6,
div#contents div#access div#area h6,
div#contents div#access div#map h5 {
	border: 1px solid #c8d6db;
	background: #e6f0f9;
	padding: 2px 9px;
}

div#contents div#access div#traffic table,
div#contents div#access div#area table,
div#contents div#access div#map table {
	width: 100%;
}

div#contents div#access div#traffic table th,
div#contents div#access div#traffic table td,
div#contents div#access div#area table th,
div#contents div#access div#area table td,
div#contents div#access div#map table th,
div#contents div#access div#map table td {
	border-bottom: 1px solid #c8d6db;
	padding: 5px 10px;
	vertical-align: top;
}

div#contents div#access div#map ul {
	margin-top: 40px;
}

div#contents div#access div#map ul li {
	margin-bottom: 5px;
	line-height: 0.1em;
}

div#contents div#access div.main_pageTop {
	margin-bottom: 25px;
}


/* 2.6.2.1 gMap ------------------------------------------------------------ */

div#contents div#access div#map div#gMap {
	background: #f0f0f0;
	border: 1px solid #cfcfcf;
	width: 309px;
	height: 309px;
}

div#contents div#access div#map div#gMap div.infoWindow h5 {
	margin: 0;
	border: 0;
	background: none;
	padding: 0;
}

div#contents div#access div#map div#gMap div.infoWindow ul {
	margin: 0;
	padding: 0;
}

div#contents div#access div#map div#gMap div.infoWindow ul li {
	margin-bottom: 0;
	line-height: 1.4;
}


/* --------------------------------------------------------------------------------

	2.7 support

-------------------------------------------------------------------------------- */

/* 2.7.1 contract -------------------------------------------------------------- */

div#contents div#support div#contract {
	margin-bottom: 40px;
}

div#contents div#support div#contract h3 {
	margin-bottom: 20px;
}

div#contents div#support div#contract div.flow {
	margin-bottom: 15px;
}

div#contents div#support div#contract p.note {
	margin-bottom: 20px;
	font-size: 10px;
}

div#contents div#support div#contract p a {
	background: url(../images/icon_txtlink_down.gif) no-repeat center left;
	padding-left: 18px;
}


/* 2.7.2 faq -------------------------------------------------------------- */

div#contents div#support div#faq h3 {
	margin-bottom: 20px;
}

div#contents div#support div#faq p.lead {
	margin-bottom: 30px;
	line-height: 1.8em;
	font-size: 14px;
}

div#contents div#support div#faq h4 {
	margin-bottom: 30px;
}

div#contents div#support div#faq ul {
	background: url(../images/bline.gif) repeat-x top left;
}

div#contents div#support div#faq ul li {
	background: url(../images/bline.gif) repeat-x bottom left;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#contents div#support div#faq ul li h5 {
	background: url(../../support/images/icon_question.gif) no-repeat center left;
	padding-left: 21px;
}

div#contents div#support div#faq ul li p {
	margin-top: 10px; 
	margin-bottom: 0;
	background: url(../../support/images/icon_answer.gif) no-repeat 0 3px;
	padding-left: 21px;
	line-height: 1.8;
}

div#contents div#support div#faq div#serviceFaq,
div#contents div#support div#faq div#equipmentFaq,
div#contents div#support div#faq div#contractFaq {
	margin-bottom: 10px;
}

div#contents div#support div#faq div.main_pageTop {
	margin-bottom: 30px;
}


/* --------------------------------------------------------------------------------

	2.8 contact

-------------------------------------------------------------------------------- */

div#contents div#contact p.lead {
	margin-bottom: 35px;
	line-height: 1.8em;
	font-size: 14px;
}

div#contents div#contact table {
	border-top: 1px solid #c8d6db;
	width: 100%;
}

div#contents div#contact table tr th,
div#contents div#contact table tr td {
	padding: 18px 20px;
}

div#contents div#contact table tr th {
	background: #e6f0f9;
	border-bottom: 1px solid #c8d6db;
	border-left: 1px solid #c8d6db;
	width: 155px;
	vertical-align: top;
	font-weight: bold;
}

div#contents div#contact table tr td {
	border-bottom: 1px solid #c8d6db;
	border-left: 1px solid #c8d6db;
	border-right: 1px solid #c8d6db;
}

div#contents div#contact span.must {
	color: #e30010;
	font-size: 10px;
	font-weight: normal;
}

div#contents div#contact table tr td input.inputArea {
	width: 225px;
}

div#contents div#contact div.submitArea {
	margin-top: 30px;
	text-align: center;
}

div#contents div#contact div.submitArea ul li,
div#contents div#contact div.submitArea ul li form {
	display: inline;
	margin-left: 10px;
}

div#contents div#contact p.note {
	margin-top: 20px;
	font-size: 10px;
	text-align: center;
}

div#contents div#contact div.error {
	margin-bottom: 12px;
	border: 2px solid #e30010;
	padding: 15px 15px 10px;
	color: #e30010;
}

div#contents div#contact div.error p {
	margin-bottom: 0.5em;
	background: url(../../contact/images/icon_error.gif) no-repeat center left;
	padding-left: 20px;
}


/* --------------------------------------------------------------------------------

	2.9 sitemap

-------------------------------------------------------------------------------- */

div#contents div#sitemap ul {
	background: url(../images/bline.gif) repeat-x bottom left;
	font-size: 14px;
}

div#contents div#sitemap ul li a {
	background: url(../images/icon_arror.gif) no-repeat center left;
	padding-left: 12px;
}

div#contents div#sitemap ul li ul {
	margin-top: 1em;
}

div#contents div#sitemap ul li ul li {
	background: url(../images/bline.gif) repeat-x top left;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 100px;
	width: 510px; 
}

div#contents div#sitemap ul li ul li dl dd {
	margin-left: 10em;
}

div#contents div#sitemap ul li ul li dl dd {
	margin-bottom: 0.5em;
}


/* --------------------------------------------------------------------------------

		2.10 privacy

-------------------------------------------------------------------------------- */

div#contents div#privacy p,
div#contents div#privacy ol li {
	line-height: 1.8em;
}

div#contents div#privacy ol li li {
	list-style-type: disc;
}


/* --------------------------------------------------------------------------------

		2.11 company

-------------------------------------------------------------------------------- */

div#contents div#company p.lead {
	margin-bottom: 35px;
	line-height: 1.8em;
	font-size: 14px;
}

div#contents div#company div#message {
	margin-bottom: 30px;
	background: url(../../company/images/bg_messageBottom.gif) no-repeat bottom left;
}

div#contents div#company div#message div.messageInner {
	background: url(../../company/images/bg_messageTop.gif) no-repeat top left;
	padding: 30px;
}

div#contents div#company div#message div.messageInner h3 {
	margin-bottom: 25px;
}

div#contents div#company div#message div.messageInner p {
	font-size: 14px;
	line-height: 1.9;
}

div#contents div#company div#message div.messageInner div.sign {
	text-align: right;
	line-height: 1.4;
	font-size: 12px;
}

div#contents div#company table {
	width: 100%;
}

div#contents div#company table th,
div#contents div#company table td {
	border: 1px solid #c8d6db;
	padding: 20px 0 20px 20px;
	vertical-align: top;
}

div#contents div#company table th {
	background: #e6f0f9;
	width: 103px;
	font-weight: bold;
}

div#contents div#company table td {
	padding-right: 20px;
}

div#contents div#company table th.office,
div#contents div#company table td.office {
	border: none;
	border-bottom: 1px dotted #ccc;
}

div#contents div#company table th.last,
div#contents div#company table td.last {
	border-bottom: 1px solid #c8d6db;
}

div#contents div#company table th.office {
	border-right: none;
	background: none;
	width: 100px;
}

div#contents div#company table td.office {
	border-right: 1px solid #c8d6db;
	border-left: none;
	width: 384px;
}


/* --------------------------------------------------------------------------------

		2.12 link

-------------------------------------------------------------------------------- */

div#contents div#link div#related {
	margin-bottom: 30px;
}

div#contents div#link h3 {
	margin-bottom: 20px;
}

div#contents div#link ul {
	font-size: 14px;
}

div#contents div#link ul li a {
	background: url(../images/icon_arror.gif) no-repeat center left;
	padding-left: 12px;
}

div#contents div#link ul li {
	padding-bottom: 0.8em;
	padding-left: 10px;
}


/* --------------------------------------------------------------------------------

		2.13 error

-------------------------------------------------------------------------------- */


div#contents div#error p.lead {
	/* margin-bottom: 35px; */
	margin-bottom: 200px;
	line-height: 1.8em;
	font-size: 14px;
}


/* --------------------------------------------------------------------------------

	3. Other Styles

-------------------------------------------------------------------------------- */

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