@charset "utf-8";
/* ===================================================================

 file name  :common.css
 style info :共通のスタイル指定（ストラクチャ、ヘッダー、フッター）

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

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

		structure
			ストラクチャ：基本設定、リンクカラーなど

--------------------------------------------------------------------------- */
html{
	-webkit-text-size-adjust: 100%;
}
a{
	text-decoration:none;	
}
a:hover{
	text-decoration:underline;	
}
.no_txtd a:hover{
	text-decoration:none;
}

/*-----1000px中央揃え　枠-----*/
.inner{
	width: 1000px;
	margin: 0 auto;	
}


/*-----ヘッダー-----*/
/*-----ヘッダー上部　枠-----*/
#header .header_upper{
	overflow:hidden;
	border-bottom:1px solid #DDD;
}
/*h1テキスト*/
#header .header_upper h1{
	float: left;
	padding-top: 18px;
	font-size:0.84em;
	font-weight:normal;
}
/*ナビゲーション*/
#header .header_upper nav{
	float: right;
}
#header .header_upper nav a{
	color:#010101;	
}
/*初めての方へ　ボタン*/
#header .header_upper .btn_beginner{
	width: 111px;
	float: right;
	margin-bottom: 7px;
}
#header .header_upper .btn_beginner a{
	display:block;
	box-sizing:border-box;
	width: 100%;
	height:42px;
	padding:12px 0 0 28px;
	background:url(../../images/common/ico_beginner.png) no-repeat 8px 12px #EEE;
	-webkit-background-size: 13px auto;
	background-size:13px auto;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;	
	border-radius:0 0 10px 10px;
}
/*補足ナビゲーション*/
#header .header_upper ul{
	padding-top: 18px;	
	float: right;
}
#header .header_upper ul li{
	float: right;
	padding: 0 15px 0 18px;
	background:url(../../images/common/ico_company.png) no-repeat;
}
#header .header_upper ul li+li{
	padding-right:19px;
	background:url(../../images/common/ico_mail.png) no-repeat;
}
#header .header_upper ul li+li+li{
	padding-right:22px;
	background:url(../../images/common/ico_sitemap.png) no-repeat;
}

/*-----ヘッダーメイン　枠-----*/
#header .header_main .inner{
	padding: 15px 0 20px;
}
/*マンスリーマンションロゴ*/
#header .header_main .logo{
	float: left;
}
/*お電話でのお問い合わせ　枠*/
#header .header_main .pc{
	float: right;
	width: 670px;
}
/*お電話でのお問い合わせ*/
#header .header_main dl.phone{
	float: left;
	width: 420px;
}
/*お電話でのお問い合わせ　見出し*/
#header .header_main dl.phone dt{
	float: left;
	width: 146px;
	padding: 12px 0;
	border-right:1px solid #DDD;
}
/*お電話でのお問い合わせ　電話番号と受付時間*/
#header .header_main dl.phone dd{
	padding: 2px 0 0 157px;
	font-size:	1.17em;
}
/*お電話でのお問い合わせ　受付時間*/
#header .header_main dl.phone dd+dd{
	padding-top: 5px;	
}
/*お電話でのお問い合わせ　ボタン*/
#header .header_main .btn_monthly{
	float: right;
	width: 243px;
}



/*-----グローバルナビゲーション-----*/
#gnav{
	background:#0A67AB;
	font-size:1.17em;
}
#gnav a{
	box-sizing:border-box;
	display:block;
	width:142px;
	height:62px;
	line-height:62px;
	border-left:1px solid #4598D7;
	text-align:center;
	color:#FFF;
	background:#0A67AB;
	-webkit-transition:ease 0.3s;
	-moz-transition:ease 0.3s;
	transition:ease 0.3s;	
}
#gnav a:hover{
	background:#6CA4CD;
}
#gnav ul{
	width: 999px;
	margin: 0 auto;
	border-right:1px solid #4598D7;		
}
#gnav ul li{
	float: left;	
}
#gnav ul li:nth-child(1) a,
#gnav ul li:nth-child(2) a,
#gnav ul li:nth-child(3) a{
	width:191px;
	background:#1378C5;
}
#gnav ul li:nth-child(1) a:hover,
#gnav ul li:nth-child(2) a:hover,
#gnav ul li:nth-child(3) a:hover{
	background:#71AEDC;
}

/*グローバルナビゲーション　アクティブ処理 */
.area #gnav ul li:nth-child(1) a,
.map #gnav ul li:nth-child(3) a{
	background:#71AEDC;
}
.contract #gnav ul li:nth-child(4) a,
.faq #gnav ul li:nth-child(5) a,
.business #gnav ul li:nth-child(6) a{
	background:#6CA4CD;
}
	
	
	

/*-----コンテンツエリア-----*/
#main{
	color:#333;	
}

/*-----パンくずリスト-----*/
.breadcrum{
	background:#1C1F86;	
}
.breadcrum ul{
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	min-height: 20px;
	line-height:1.8em;
	color:#FFF;
}
.breadcrum ul li{
	float: left;
	margin-right: 0.5em;	
}
.breadcrum ul a{
	color:#FFF;
	text-decoration:underline;
}
.breadcrum ul a:hover{
	text-decoration:none;	
}

/*-----news-----*/
#main .news{
	background:#1C1F86;
	
}
#main .news .inner{
	padding: 13px 0;
	font-size:1.34em;	
}
/*news　見出し*/
#main .news h2{
	float: left;
	width: 120px;
	margin-top: 8px;
	padding-left: 37px;
	min-height:22px;
	background:url(../../images/index/ico_check.png) no-repeat 2px 0;
	-webkit-background-size: 26px auto;
	background-size:26px auto;
}
#main .news h2 a{
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
}
/*news　テキスト*/
#main .news  p{
	margin-left: 157px;
	padding: 8px 15px;
	background:#FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;	
}
/*news　強調文字*/
#main .news  p strong{
	color:#EA4130;	
}



/*-----見出し-----*/
/*-----ミドルページ大見出し-----*/
h2.page_ttl{
	height: 160px;
	margin-bottom: 60px;
	background:url(../../images/common/bg_pagettl.jpg) repeat-x center top;
	text-align:center;
}
h2.page_ttl span{	
	display:inline-block;
	position: relative;
	padding: 46px 0 10px;
	color:#FFF;
	font-size:2.83em;
	font-weight:bold;
}
h2.page_ttl span:after{
	content: "";
	position: absolute;
	bottom: 0; left: 50%;
	margin-left: -21px;
	width: 42px;
	height: 3px;
	background:#FFF;
	z-index: 0;		
}
/*-----ミドルページ　大見出し-----*/
section h2.sec_ttl{
	position: relative;
	padding-bottom:18px;
	margin-bottom: 45px;
	text-align:center;
	font-size:2.5em;
	color:#373737;	
}
/*-----エステムマンスリーマンションからのお知らせ　見出し-----*/
section h2.sec_ttl:after{
	content: "";
	position: absolute;
	bottom: 0; left: 50%;
	margin-left: -21px;
	width: 42px;
	height: 3px;
	background:#036CBC;
	z-index: 0;	
}
section h2.sec_ttl span{
	display:block;
	font-weight:normal;	
	font-size:0.46em;
	margin-bottom: 8px;
}
/*-----中見出し-----*/
section h3{
	min-height:48px;
	font-size:2.00em;
	padding-left: 53px;
	margin-bottom: 42px;
	border-bottom:2px solid #0A67AB;
	box-shadow:0 2px 0 #E0E0E0;
}
section h3.search{
	background:url(../../images/common/ico_glass.png) no-repeat 5px center; 
}
section h3.badge{
	background:url(../../images/common/ico_badge.png) no-repeat 3px center; 
}
/*-----小見出し-----*/
section h4{
	font-size:2.00em;
	color:#1274bd;
	margin-bottom: 34px;	
}
section h5{
	font-size:1.25em;
	color:#000000;
}
/*-----ボタン-----*/
/*-----青ボタン-----*/
.bluebtn a{
	display:block;
	width: 304px;
	height: 61px;
	line-height:61px;
	color:#FFF;
	font-size:1.67em;
	background:url(../../images/common/ico_arrow_blue.png) no-repeat 268px center #007EE3;
	-webkit-background-size: 24px auto;
	background-size:24px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	border-bottom:5px solid #0065B6;
	text-align:center;
	-webkit-transition:opacity ease 0.3s;
	-moz-transition:opacity ease 0.3s;
	transition:opacity ease 0.3s;
}
.bluebtn a span{
	position: relative;
	top:2px;
}
/*-----赤ボタン-----*/
.redbtn a{
	display:block;
	box-sizing:border-box;
	width: 100%;
	padding-left:15px;
	height: 45px;
	line-height:45px;
	background:url(../../images/common/ico_arrow_red.png) no-repeat 216px center #ea4130;
	-webkit-background-size: 17px auto;
	background-size:17px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow:0px 4px #BC2313;
	color:#FFF;
}
.bluebtn a:hover,
.redbtn a:hover{
	opacity: 0.6;
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	text-decoration:none;
}

/*-----テーブル-----*/
table.info{
	width:100%;
	background:#FFF;
	border-bottom:1px solid #E6E6E6;
	border-collapse :separate;
	border-spacing: 0 3px;
	
}
table.info th,
table.info td{
	padding:12px 12px 9px;	
}
table.info th{
	width:4em;
	border-top:1px solid #E6E6E6;
	position:relative;
	background:url(../../images/common/th_white.png) repeat-x #CDE9FE;
	-webkit-background-size: 1px 3px;
	background-size:1px 3px;
}
table.info td{
	border-top:1px solid #E6E6E6;
	color:#000;
}



/*-----メインコンテンツ 枠-----*/
.main_cont {
	float: left;
	width: 696px;
	color: #3e3e3e;
}

/*-----サブコンテンツ（サイドバー）-----*/
.sub {
	float: right;
	width: 285px;
}
.sub > div {
	margin-top: 18px;
}
/*サブコンテンツ共通　見出し*/
.sub div h3 {
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #FFF;
	font-size: 1.34em;
}
/*サブコンテンツ初めての方へ　見出し*/
.sub .beginner h3 {
	background: url(../../images/common/ico_beginner_white.png) no-repeat 57px 12px #0A67AB;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}
/*サブコンテンツよくあるご質問　見出し*/
.sub .faq h3 {
	background: url(../../images/common/ico_faq_white.png)no-repeat 54px 12px #0A67AB;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
}
/*サブコンテンツ法人会員登録　見出し*/
.sub .business h3 {
	height: 38px;
	line-height: 38px;
	background: url(../../images/common/ico_person.png) no-repeat 58px 8px #FFF;
	-webkit-background-size: 19px auto;
	background-size: 19px auto;
	color: #1378C5;
	font-size: 1.50em;
	border: 1px solid;
	border-color: transparent #E0E0E0 #1378C5 #E0E0E0;
	border-top: none;
}
/*サブコンテンツ　リスト*/
.sub div ul {
	border: 5px solid #DDDDDD;
	border-top: none;
}
.sub div ul li {
	border-top: 1px solid #E4E4E4;
}
.sub div ul li:first-child {
	border-top: none;
}
.sub .beginner ul li:nth-child(even) {
	background: #F3F3F3;
}
.sub div ul li a {
	display: block;
	padding: 10px 14px;
	color: #333;
	font-weight: bold;
	font-size: 1.17em;
}
.sub div ul li:hover {
	opacity: 0.6;
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}
/*サブコンテンツ　他の質問を見る　リンク*/
.sub div ul .link a {
	float: right;
	background: url(../../images/common/ico_arrow_blue02.png) left 9px no-repeat;
	padding-left: 22px;
	font-size: 1em;
	color: #1378c5;
}
/*サブコンテンツ　法人会員登録　枠*/
.sub .business {
	border-top: 5px solid #1378C5;
}
.sub .business_inner {
	border: 1px solid;
	border-color: transparent #E0E0E0 #E0E0E0 #E0E0E0;
	padding-top: 20px;
}
/*サブコンテンツ　法人会員登録　テキスト*/
.sub .business p {
	padding: 0 12px;
	margin-bottom: 12px;
	font-size: 1.17em;
}
.sub .business .lead {
	font-weight: bold;
	color: #1378C5;
}
.sub .business p+p {
	margin-bottom: 24px;
}
/*サブコンテンツ　法人会員登録　ボタン*/
.sub .business .btn {
	margin-bottom: 0;
	background: #F4F5F7;
	padding: 15px 22px;
	font-size: 1.34em;
}
.sub .business .btn a {
	display: block;
	height: 45px;
	width: 208px;
	line-height: 45px;
	margin: 0 auto;
	background: url(../../images/common/ico_arrow_blue.png) no-repeat 181px center #007EE3;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 5px solid #0065B6;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
.sub .business .btn span {
	position: relative;
	top: 2px;
	left:-7px;
}

/*-----キャンペーン　リンクアイコン-----*/
.campaign p.ico{
	padding: 12px 0 12px 42px;
	border:1px solid #D4D4D4;
	background:url(../../images/common/ico_arrow_orange.png) no-repeat 10px center #FFF;
	color:#1378c5;	
}



/*-----お知らせ-----*/
#information{
	position: relative;
	background:#EBEBED;
}
#information:before{
	content: "";
	position: absolute;
	top: 0; left: 50%;
	margin-left: -12px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 12px 0 12px;
	border-color: #FFF transparent transparent transparent;
	z-index: 0;	
}
#information .inner{
	padding: 45px 0 70px;	
}
#information dl{
	padding: 38px 50px 15px 50px;
	background:#FFF;
	font-size:1.17em;	
}
/*お知らせ　日付*/
#information dl dt{
	clear:both;
	float: left;
	width: 200px;
	font-weight:bold;
	color:#036CBC;	
}
/*お知らせ　日付NEWS*/
#information dl dt span{
	display:inline-block;
	width: 74px;
	height: 20px;
	margin-right: 26px;
	line-height:20px;
	text-align:center;
	color:#FFF;
	background:#036CBC;
	webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	
}
/*お知らせ　内容*/
#information dl dd{
	border-bottom:1px solid #E6E6E6;
	margin-bottom: 20px;
	padding-bottom: 20px;	
}
/*お知らせ　内容　強調*/
#information dl dd strong{
	font-weight:normal;
	color:#EA4130;	
}





/*-----フッター-----*/
#footer{
	position: relative;
	background:#0A67AB;	
}
/*-----ページの先頭に戻るボタン-----*/
#footer .gotop{
	position: absolute;
	top:-53px;
	right:0;
}	
/*-----サイトマップ-----*/
#footer .sitemap{
	padding: 35px 0 22px;	
}
/*サーチメニュー*/
#footer .search{
	float: left;
	width: 500px;	
}
/*サーチメニュー　見出し*/
#footer .search h2{
	margin-bottom: 25px;
	color:#FFF;
	font-size:1.34em;
	font-weight:normal;	
}
#footer .search a{
	text-decoration:none;
	color:#FFF;	
}
#footer .search a:hover{
	text-decoration:underline;
}
/*サーチメニュー　リスト*/
#footer .search .type > li{
	padding-left: 18px;
	margin-bottom: 22px;
	background:url(../../images/common/ico_arrow_dullblue.png) no-repeat left 2px;
	-webkit-background-size: 13px auto;
	background-size:13px auto;
	font-size:1.17em;
}
#footer .search .type > li:first-child{
	float: left;
	width: 268px;	
}
#footer .search .type > li:nth-child(2),
#footer .search .type > li:nth-child(3){
	margin-left: 280px;	
}
#footer .search .type ul{
	padding-top: 10px;	
}
#footer .search .type ul li{
	font-size:0.85em;
	margin: 0 0 3px -18px;	
	
}

/*サブメニュー*/
#footer .subnavi{
	float: right;
	width: 350px;
	margin-bottom: 53px;
}
#footer .subnavi li {
	float: left;
	margin: 0 0 6px 6px;
	text-align:center;
	font-size:1.34em;
	
}
#footer .subnavi li a{
	display:block;
	width: 168px;
	height: 30px;
	padding-top: 43px;	
	background:url(../../images/common/ico_contract.png) no-repeat 71px 12px #FFF;	
	color:#333;
}
#footer .subnavi li+li a{
	background-image:url(../../images/common/ico_faq.png);
}
#footer .subnavi li+li+li a{
	background-image:url(../../images/common/ico_person.png);
}
#footer .subnavi li+li+li+li a{
	background-image:url(../../images/common/ico_inquiry.png);	
}

/*テキストリンク*/
#footer .txtlink{
	clear:both;
}
#footer .txtlink ul{
	width: 49em;
	margin: 0 auto;	
}
#footer .txtlink a{
	color:#FFF;	
}
#footer .txtlink li{
	float: left;
	padding: 1px 2em;
	border-left:1px solid #FFF;
}
#footer .txtlink li:first-child{
	border-left:none;	
}

/*-----フッターインフォメーション-----*/
#footer .footer_info{
	background:#FFF;	
}
#footer .footer_info .inner{
	padding: 28px 0;		
}

/*電話番号　枠*/
#footer .footer_info .phone{
	float: right;
	width: 595px;
	font-size:1.34em;
}
/*電話番号　見出し*/
#footer .footer_info .phone dt{
	float: left;
	width: 277px;
	height: 65px;
	line-height:65px;
	border-right:1px solid #BFBFBF;
}
/*電話番号　番号・時間*/
#footer .footer_info .phone dd{
	padding: 4px 0 0 293px;
}
/*ロゴ*/
#footer .footer_info .logo{
	float: left;	
}

/*-----コピーライト-----*/
address{
	height:44px;
	line-height:44px;
	background:#1C1F86;
	color:#FFF;
	text-align:center;
	font-size:0.84em;
}