@charset "utf-8";
/* ================================================================
 住まいの千里
 admin  : Masako Yoshimoto
 Author: Graphics Drive Inc.
 Author URI: http://www.graphics-drive.com/
 update : 2018/11/06
 
 基本レイアウトcss
------------------------------------------------------------------- 

コンテンツ・見出し・共通
トップページ
事業案内
物件一覧ページ（売主物件・賃貸物件）
物件詳細ページ（売主物件・賃貸物件）
採用情報
お問い合わせ
sitemap
privacy
会社案内・三鷹深大寺店

================================================================ */

.sp{ display: none; }

#wrapper { width: 100%; margin: 0; padding: 0;}
#contents{ width: 100%; max-width: 1024px; margin-right: auto; margin-left: auto; margin-bottom: 40px;}

#contents:after,.box-gray:after,.cbox:after,Lbox:after{content: ""; display: block; clear: both;}/* clearfix */

.inner{width: 100%; max-width: 1024px; margin-right: auto; margin-left: auto; margin-bottom: 30px;}

/* ------------------------------------------------------------
		コンテンツ・見出し・共通
------------------------------------------------------------ */
/* 各ページのメイン画像 */
#main{ position: relative; width: 100%; max-width: 1024px; clear: both; margin-right: auto; margin-left: auto; text-align: center;}
#main:before {content:""; display: block; padding-top: 19.53% 0 0;}/* clearfix */
#main h2{ position: absolute; font-size: 2em; font-weight: normal; color: #FFF; width: 100%; margin-top: -150px; }

/* googlemap枠 */
.gmap{ width:100%; margin:0 auto; }
.gmap iframe{ height:500px; }

/* 画像のセンター合わせ */
.cbox{ width: 100%; max-width: 1024px; display: block; text-align: center; margin: 30px auto; }
.cbox img{ margin-right: auto; margin-left: auto;}

/* 売買物件の購入のお申し込み・内見のお申し込み・賃貸物件のご入居や駐車場のお申し込み・のpdfリンクテキスト */
.cbox h3{ font-size: 2.5em; line-height: 2.5em; }

/* 左寄せbox */
.Lbox{ width: 100%; max-width: 1024px; margin-top: 30px; margin-bottom: 30px; }

/* 枠付きbox */
.Wbox{ width: 100%; max-width: 1024px; margin-top: 30px; margin-bottom: 30px; border: 1px solid #666; padding: 10px; box-sizing:border-box; }
.Wbox h3{ font-size: 1.8em; line-height: 1.8em; text-align: center; color: #D90000; }
.Wbox p a{ color: #D90000; text-decoration: underline; }
.Wbox p a:hover{ color: #999999;}

/* ------------------- 見出し　---------------------------- */

/* タイトル・赤文字下線付き各ページの大見出し */
.tbox{ overflow:hidden; margin:0 auto 10px; padding-bottom:10px}
.tbox h3{ font-size: 2em; 
	line-height: 1.6em; 
	color: #D90000; 
	margin-top: 10px; 
	padding: 0px; 
	font-weight: normal; 
	display:block; 
	float:left; 
}

/* 静的ページ各見出し文字・事業案内/空室対策/不動産高額買取/保証 */
h4{font-size: 2em; line-height: 1.6em;}

/* タイトル・背景青に白文字 */
.title-blue{ margin-bottom: 10px; background-color: #098EC1; text-align: center; font-size: 1.6em; color: #FFF; width: 100%; height: auto; vertical-align: middle; line-height: 2.4em; font-weight: bold; }

/* ------------------- 汎用カラム　---------------------------- */

/* 2カラム */
.col2{width: 100%; margin-bottom: 30px;}
.col2:after, .left5:after, .right5:after,ul.col4:after, ul.col3:after, ul.col3-2:after, ul.c2:after{content: ""; display: block; clear: both;}/* clearfix */
 
/* 2カラム・5:5 */
.left5{ float: left; width: 50%; padding-right: 10px; box-sizing:border-box; }
.right5{ float: right; width: 50%; padding-left: 10px; box-sizing:border-box; }

/* 2カラム・4:6 */
.left4{ float: left; width: 40%; padding-right: 10px; box-sizing:border-box; }
.right6{ float: right; width: 60%; padding-left: 10px; box-sizing:border-box; }

.left6{ float: left; width: 60%; padding-right: 10px; box-sizing:border-box; }
.right4{ float: right; width: 40%; padding-left: 10px; box-sizing:border-box; }

/* 2カラム・3:7 */
.left3{ float: left; width: 30%; padding-right: 10px; box-sizing:border-box; }
.right7{ float: right; width: 70%; padding-left: 10px; box-sizing:border-box; }

.left7{ float: left; width: 70%; padding-left: 10px; box-sizing:border-box; }
.right3{ float: right; width: 30%; padding-right: 10px; box-sizing:border-box; }

/* 2カラム・2:8 */
.left2{ float: left; width: 20%; padding-right: 10px; box-sizing:border-box; }
.right8{ float: right; width: 80%; padding-left: 10px; box-sizing:border-box; }

.left8{ float: left; width: 80%; padding-right: 10px; box-sizing:border-box; }
.right2{ float: right; width: 20%; padding-left: 10px; box-sizing:border-box; }

/* 3カラム・list/トップページ/リクルート/空室対策 */
ul.col3{ width: 100%; padding-bottom: 50px; display: block;}
ul.col3 li{ float: left; width: 32%; height: auto; display: block; padding-right: 2%; padding-bottom: 2%;}
ul.col3 li:nth-child(3n){ padding-right: 0; }

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
/* トップ画像 */
.topimg{ height: 0;
    padding-top: 31.25%; /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    background: url(../images/01.jpg) 0 0 no-repeat;
    background-size:cover; }
	
.box-gray{ 
	width: 100%; 
	margin: 0; 
	margin-bottom: 40px; 
	background-color: #F3F0E9; 	
	padding-top: 20px; 
	z-index: -10;
	margin-top: -30px;
}

/* サブタイトル・吹き出し */
.tbox span.sub-red{ display: block; float: left; background: #D90000; padding: 10px; color: #fff; position: relative; margin-top: 10px; margin-left: 10px; font-size: 1.2em; }
.tbox span.sub-red:after { content: ""; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-right-color: #D90000; top: 5px; left: -16px;}
.tbox span.sub-blue{ display: block; float: left; background: #098EC1; padding: 10px; color: #fff; position: relative; margin-top: 10px; margin-left: 10px; font-size: 1.2em;}
.tbox span.sub-blue:after { content: ""; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-right-color: #098EC1; top: 5px; left: -16px;}

/* news */
.news{width: 100%; max-width: 1024px; margin-right: auto; margin-left: auto; margin-bottom: 30px;}
.news:after,.news ul{content: ""; display: block; clear: both;} 

.news ul{ width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; margin-top: 20px; margin-bottom: 20px; height: 200px; }
.news ul li span{ display: block; float: left; color: #B20000; margin-right: 10px; font-size: 1.2em; }
.news ul li{ margin-top: 10px; border-bottom: 1px dotted #666; display: block;}
.news ul li h2{ line-height: 1.4em; font-weight: normal; }
.news ul li a{ display: block; overflow:hidden;}

.news .new{
	background-image: url(../images/new.jpg);
	background-repeat: no-repeat;
	background-position:5px center;
	padding-left:60px;
	height:25px;
	display:inline;
}

/* news の単一ページ（information一覧をクリックして表示される単一記事） */
.news-single h2{margin-bottom: 10px; background-color: #ccc; text-align: center; font-size: 1.6em; color: #FFF; width: 100%; height: auto; vertical-align: middle; line-height: 2.4em; font-weight: bold;}
.news-single dl { width: 90%; margin-right: auto; margin-left: auto; }  
.news-single dt { color: #D90000; font-weight: bold; font-size: 13px; display: block; padding-right: 5px; }  
.news-single dd { color: #333333; display: block; margin-top: 10px; margin-bottom: 10px; }  
.news-single dl img{ padding-top: 10px; padding-bottom: 10px; }

/* 賃貸新着物件 */
.news2{
	width: 100%;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
}
.news2:after,.news ul{content: ""; display: block; clear: both;} 

.news2 ul{ width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; margin-top: 20px; margin-bottom: 20px; height: 200px; }
.news2 ul li span{ display: block; float: left; color: #B20000; margin-right: 10px; font-size: 1.2em; }
.news2 ul li{ margin-top: 10px; border-bottom: 1px dotted #666; display: block;}
.news2 ul li h2{ line-height: 1.4em; font-weight: normal; }
.news2 ul li a{ display: block; overflow:hidden;}

.news2 .new{
	background-image: url(../images/new.jpg);
	background-repeat: no-repeat;
	background-position:5px center;
	padding-left:60px;
	height:25px;
	display:inline;
}


/* 横並びflex box・IE8以下未対応 */
.line-box{ display: flex; flex-direction: row; justify-content: space-between;

display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; -moz-flex-direction: row; -o-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -js-display: flex; -moz-flex-justify-content: space-between; -o-flex-justify-content: space-between; -webkit-flex-justify-content: space-between; -js-flex-direction: row; -js-justify-content: space-between;}


/* 売買新着物件 / サムネイルリスト / 4カラム・list */
ul.col4{ width: 100%; padding-bottom: 30px; display: block; margin-top: 30px;}
ul.col4 li{ float: left; width: 23.5%; padding-right: 2%;  padding-bottom: 2%;}

/* サムネイルリストの画像枠・画像の比率(w3:h2) */
.box-img{position: relative; width: 100%;}
.box-img:before{content:""; display: block; overflow: hidden; padding-top: 66.6%; /* 高さを幅の66.6%に固定 */}
.box-img img{position: absolute; top: 0;}

ul.col4 li:nth-child(4n){ padding-right: 0; }
ul.col4 li p{ 
	position: relative;
	width: 100%; 
	font-size: 1.3em; 
	letter-spacing: 0em; 
	display: block; 
	clear: both; 
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

ul.col4 li h3{ font-size: 1.4em; display: block; margin-bottom: 10px; }

/* 詳細を見る/トップページ用 */
p.more{ absolute; top: 0; color: #FFF; font-weight: bold; vertical-align: middle; line-height: 2em; background-color: #333; width: 100%; display: block; text-align: center; clear: both; margin-bottom: 10px; font-size: 12px;}
more a{ width: 100%; display: block; text-decoration: none;}
.more:hover{ background-color: #D90000; display: block;}

/* トップページ・サムネイルリストのアイコン・span.red-i（赤）・span.blue-i（青）・青を左に表示させたいとのことです */
.top-icon{ width: 100%; margin-right: auto; margin-left: auto; padding: 0px; }
.top-icon:after{content: ""; display: block; clear: both;} 
span.red-i, span.blue-i{ color: #FFF; line-height: 2em; display: block; text-align: center; float: left; width: 48%; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 10px; margin-right: 3px; }
.blue-i{ background-color: #098EC1;}
.red-i{background-color: #D90000;}

/* ------------------------------------------------------------
		事業案内
------------------------------------------------------------ */
/* 2カラム・list */

ul.c2{ width: 100%; padding-bottom: 50px; display: block;}
ul.c2 li{ float: left; width: 49%; height: auto; display: block; box-sizing: border-box; border: 1px solid #999; margin-bottom: 2%; margin-right: 2%; }
ul.c2 li:nth-child(2n){ margin-right: 0; }

ul.c2 li .btex{ padding: 5px 10px 5px 5px; float: left; width: 58%; }
ul.c2 li .btex h2{ font-size: 1.6em; line-height: 2em; }
ul.c2 li img{margin-left: auto!important;}

/* ------------------------------------------------------------
	物件一覧ページ（売主物件・賃貸物件）
------------------------------------------------------------ */
/* タイトル */
.title-list{ width: 100%; }
.title-list h2{ font-size: 1.8em; margin-right: 15px; display: inline; vertical-align: middle; color: #098EC1;}
.title-list p{font-size: 1.8em; display: inline; vertical-align: middle;  margin-right: 15px;}

h5{ font-size: 1.6em; line-height: 1.6em; margin-bottom: 10px; }

/* 一覧ページタイトル・アイコン（新築・現状満室） */
/*p.icon-blue{ color: #FFF; line-height: 2em; display: inline-block; text-align: center; width: 120px; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 10px; font-size: 1.2em; background-color: #098EC1; vertical-align: top;}*/
p.icon-blue{ color: #FFF; line-height: 2em; display: inline-block; text-align: center; width: 120px; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 10px; font-size: 1.2em; background-color: #D90000; vertical-align: top;}
/* 仕様 */
.shiyou{ width: 85%; float: left; }

.table2{ width: 100%;}
.table2 th, .table2 td { text-align: left; padding: 5px; font-size: 1.4em; line-height: 1.6em; vertical-align: top; }
.table2 tr:first-child td{color: #D90000; font-weight: bold;}
.table2 th{ width: 15%; background-color: #F3F0E9; font-weight: normal; }

/* 詳細を見る/一覧ページ用 */
.moreL{ color: #FFF; background-color: #333; width: 200px; display: block; text-align: center; clear: both; margin-top: 10px; float: right; }
.moreL p{ font-size: 1.4em; color: #FFF; font-weight: bold; text-decoration: none; vertical-align: middle; line-height: 2em; }
.moreL a{ width: 100%; hight: 100%; display: block; text-decoration: none;}
.moreL:hover{ background-color: #D90000; display: block;}


/* ----- 物件一覧・物件詳細・共通アイコン（レインズ未登録・値下げしました・商談中・制約済）------------ */

/* 物件一覧・アイコンbox（4つの場合）売買物件 */
.icon-box{ width: 15%; float: right; }

ul.icon{ width: 100%;}
ul.icon li{ float: left; width: 6%; text-align: center; margin-bottom: 5px; width: 120px; margin-right: 20px; }
ul.icon li span{ display: block; color: #FFF; font-weight: bold; letter-spacing: 0.1em; font-size: 1.2em; background-color: #D90000; line-height: 2em; }
ul.icon li p{ color: #D90000; text-align: center; font-size: 10px;}

ul.icon:after,ul.icon-b:after,.photo:after{content: ""; display: block; clear: both;}/* clearfix */

/* 物件一覧・アイコンbox（1つの場合）賃貸物件・駐車場 */
.icon-box01{ width: 15%; float: right; text-align: center;}
.icon-box01 span{ width: 120px; display: block; color: #FFF; font-weight: bold; letter-spacing: 0.1em; font-size: 1.2em; background-color: #D90000; line-height: 2em; }
.icon-box01 p{ color: #D90000; text-align: center; font-size: 10px;}

/* 物件詳細・アイコンbox（1つの場合）賃貸物件・駐車場 */
/* 赤 */
.icon-box02{ width: 100%; text-align: center;}
.icon-box02 span{ width: 120px; display: block; color: #FFF; font-weight: bold; letter-spacing: 0.1em; font-size: 1.2em; background-color: #D90000; line-height: 2em; }
.icon-box02 p{ width: 120px; color: #D90000; text-align: center; font-size: 10px;}

/* 青 */
.icon-box03{ width: 100%; text-align: center;}
.icon-box03 span{ width: 120px; display: block; color: #FFF; font-weight: bold; letter-spacing: 0.1em; font-size: 1.2em; background-color: #098EC1; line-height: 2em; }
.icon-box03 p{ width: 120px; color: #D90000; text-align: center; font-size: 10px;}


/*------------------------------------------------------------
	物件詳細ページ（売主物件・賃貸物件）
------------------------------------------------------------*/
/* 仕様 */
.table3{ width: 100%;}
.table3 th, .table3 td { text-align: left; padding: 5px; font-size: 1.4em; line-height: 1.6em; vertical-align: top; }
.table3 th{ width: 15%; background-color: #F3F0E9; font-weight: normal; }

.table4{ width: 100%;}
.table4 th, .table4 td { text-align: left; padding: 5px; font-size: 1.4em; line-height: 1.6em; vertical-align: top; }
.table4 th{ width: 25%; background-color: #F3F0E9; font-weight: normal; }

.table5{ width: 100%;}
.table5 th, .table5 td { text-align: left; padding: 5px; font-size: 1.4em; line-height: 1.6em; vertical-align: top; }
.table5 th{ width: 100%; background-color: #F3F0E9; font-weight: normal; }

/* 賃貸物件 / 敷引・保証金償却を小さく表示したい（table2の中） */
.tex-s{font-size: 11px;}

/* 賃貸物件 / 店舗名を表示 */
.tenpo{ font-size: 1.2em; line-height: 2em; border: 1px solid #CCC; padding: 5px; margin-left: 20px; color: #098EC1;}


/* 詳細ページアイコン（新築・現状満室） */
ul.icon-b{ width: 100%; margin-bottom: 30px;}
ul.icon-b li{ float: left; width: 6%; text-align: center; margin-bottom: 5px; width: 120px; margin-right: 20px; }
ul.icon-b li span{ display: block; color: #FFF; font-weight: bold; letter-spacing: 0.1em; font-size: 1.2em; background-color: #098EC1; line-height: 2em; }

/* 2カラム・list / 物件詳細・画像の比率(w3:h2)（w510px以内、h340px以内） */
.photo{ width: 100%; margin-bottom: 50px; }
.photo:after{content: ""; display: block; clear: both;}/* clearfix */
.photo .left{ float: left; width: 50%; padding-right: 10px; box-sizing:border-box;}
.photo .right{ float: right; width: 50%; padding-left: 10px; box-sizing:border-box;}

.psmall{ font-size: 13px; letter-spacing: 0.1em; display: block; margin-bottom: 20px; text-align: center; }

/* .trm{
  width: 100%;
  height: 340px;  /* トリミング高さ 340px以内に収める
  overflow: hidden;
  position: relative;
} 
/* 画像の縦位置 100%（350px以内）の高さ合わせでトリミング・幅は元の比率を保つ（width: auto;）
.trm img{ 
	position: absolute;  
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
    height: 100%;
} */

/* 資料請求ボタン */

/* 一般のお客様用ボタン */
.btn-customer{ width: 80%; height: 100%; text-align: center; background-color: #FF6600; margin: 40px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: block;}
.btn-customer h2{ font-size: 1.8em; color: #FFF; margin-top: 10px;}
.btn-customer p{ font-size: 1.4em; color: #FFF; padding-bottom: 5px; }
.btn-customer a{ width: 100%; hight: 100%; display: block; text-decoration: none;}
.btn-customer a:hover{ display: block; background-color: #333; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}


/* 不動産仲介業者用ボタン */
.btn-broker{ width: 80%; height: 100%; text-align: center; background-color: #098EC1; margin: 40px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: block;}
.btn-broker h2{ font-size: 1.8em; color: #FFF; margin-top: 10px;}
.btn-broker p{ font-size: 1.4em; color: #FFF; padding-bottom: 5px; }
.btn-broker a{ width: 100%; hight: 100%; display: block; text-decoration: none;}
.btn-broker a:hover{ display: block; background-color: #333; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

/* ------------------------------------------------------------
	　	ページネーション　1,2,3・・・次のページへ
------------------------------------------------------------ */
.pagination	{ margin: 40px auto 30px; text-align: center; width: 100%; }

.pagination ul	{display: inline-block;margin: 0; padding: 0; list-style: none}

.pagination li a,
.pagination li > span
	{display: block;
	margin: 0 5px;
	padding: 6px 8px;
	border: solid 1px #cccccc;
	color: #333;
	font-size: 14px;
	text-decoration: none}

.pagination li > span {background-color: #efefef}

.pagination li a:hover{background-color: #eeeeee}

.pagination ul:after{
	content: "";
	display: block;
	clear: both}

.pagination li{float: left; width: auto}

/* ------------------------------------------------------------
	採用情報
------------------------------------------------------------ */
/* 窓口・お問い合わせ・電話番号 */
.or-box{ width: 80%; height: 100%; text-align: center; background-color: #FF6600; margin: 40px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: block; padding: 5px; }

.bl-box{ width: 80%; height: 100%; text-align: center; background-color: #098EC1; margin: 40px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: block; padding: 5px; }

.or-box h2, .bl-box h2{ font-size: 1.8em; color: #FFF; margin-top: 10px;}

.or-box h3, .bl-box h3{	font-size: 2.8em; color: #FFF; margin-top: 15px; margin-bottom: 15px;}

.or-box p, .bl-box p{ font-size: 1.4em; color: #FFF; padding-bottom: 5px; }

.or-box a:link, .bl-box a:link{color: #FFF; text-decoration: none;}
.or-box a:hover, .bl-box a:hover{color: #000;}

/* ------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------ */

/* 物件種別・物件番号・物件名・価格が入る見出し */
.title-form{ width: 100%; border: 2px solid #CCC; padding: 15px 5px; margin-top: 10px; margin-bottom: 20px; box-sizing: border-box; text-align: center; }
.title-form h2{ font-size: 1.4em; display: inline; vertical-align: middle; }
.title-form p{font-size: 1em; display: inline; vertical-align: middle; margin-right: 10px;}

/* フォーム */

/* 問い合わせフォーム */
.table6{ width: 100%; border-collapse: collapse; border-spacing: 0; text-align: center; letter-spacing: 0.1em;}
.table6 td{ padding: 10px; font-weight: normal;}

.inputform{ font-size: 1.3em; letter-spacing: 0.1em; line-height: 1.6em; color: #333; }
.inputform dl dt{ background-color: #EEE; padding: 10px; }
.inputform dd{padding: 10px;}

/* 個人情報保護方針へのリンクの色を変える(2018.10.29) */
.inputform dd.texCenter a{ color: #D90000; }

.gray-box{background-color: #EEE;padding: 5px;margin-top: 10px;margin-bottom: 10px;}

input {padding: .5em;}

textarea {padding: .5em; width:100%}

button, input, select, textarea { font-family : inherit; font-size : 100%;}

.ERR{ color: #F00 !important;}

/* ------------------------------------------------------------
		sitemap
------------------------------------------------------------ */

.sitemap { width: 100%; max-width: 1020px; font-size: 1.4em; height: auto; margin: 20px auto; }

.sitemap ul { padding: 10px; margin: 0px;}
.sitemap ul li { margin-top: 10px; margin-bottom: 10px; line-height: 1.8em;  background-image: url(../images/arrow_s.gif);background-repeat: no-repeat; background-position: 0px 5px;padding-left: 20px;}

.sitemap ul li a{ position: relative; display: block; letter-spacing: 0; display: block; padding-left: 15px;line-height: 1.8em;}
.sitemap ul li a:before{ display: block; content: ""; position: absolute; width: 4px; height: 4px; left: 0; top: 10%; border-top: 1px solid #D90000; border-right: 1px solid #D90000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.sitemap ul ul {margin: 0px; padding: 0px;}
.sitemap ul ul li{ padding-left: 20px; zoom: 1; margin-left: 10px; }
.sitemap ul ul li li{ padding-left: 20px; margin-left: 10px;}

/* 下線の有無 */
.sitemap span, .sitemap a{border-bottom-style: solid;display: block;border-bottom-width: 1px;border-bottom-color: #CCC;}
.sitemap ul ul li a{border-bottom-style: none;display: block;border-top-style: none;border-right-style: none;border-left-style: none;}

/* ------------------------------------------------------------
		privacy
------------------------------------------------------------ */
.table7{ font-size: 1.4em; font-weight: normal; letter-spacing: 0.1em; text-align: left; line-height: 1.6em;}
.table7 th{ width: 25%; font-weight: normal; vertical-align: top; padding: 5px;}

/* ------------------------------------------------------------
		会社案内・三鷹深大寺店
------------------------------------------------------------ */

/* 会社概要の上のスローガン部分 */

@media(min-width: 960px){ .spslogan{display: none;} }

.slogan{
	width: 100%;
	max-width: 1024px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 10px;
	display: block;
}
.slogan .left{
	width: 30%;
	float: left;
	height: 50px;
}

.slogan .center{
	width: 25%;
	height: 50px;
	float: left;
}
	
.slogan .right{
	float: right;
	height: 50px;
	width: 40%;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6em;
}



@media(max-width: 960px){ .slogan{display: none;} }

.spslogan{
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 10px;
}

.spslogan .left{
	height: 50px;
	float: left;
}

.spslogan .center{
	height: 50px;
	float: left;
}
	
.spslogan .right{
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 20px;
	margin-bottom: 30px;
}

