/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/

/*二分コンテンツ　領域*/
section#company {
	margin-top:20px;
	}
section#company div.areaDiv {
	display:block;
	float:left;
	width:300px;
	margin:15px;
	/*background:#Efd;*/
	}

/*二分コンテンツ　タイトル部*/
section#company div.areaDiv h2 {
	border:none;
	border-radius:0px;
	background:url(../images/company/bg_areadiv.png) no-repeat left top;
	margin:0px;
	}
section#company div.areaDiv h2>p {
	border:none;
	background:url(../images/company/bg_areadiv-lv2.png) no-repeat 10px 10px;
	padding-left:28px;
	}

/*二分コンテンツ　タイトル部　アンカー設定*/
section#company div.areaDiv h2>p>a {
	color:#333;
	text-decoration:none;
	}
section#company div.areaDiv h2>p>a:hover {
	color:#06c;
	}

/*二分コンテンツ　説明分*/
section#company div.areaDiv p.areaP {
	margin:5px 0px 0px 28px;
	}

/*二分コンテンツ　詳細リンク*/
section#company div.areaDiv p.areaP-detail {
	text-align:right;
	margin:10px 0px 0px 0px;
	padding-bottom:30px;
	font-size:12px;
	}





/*--------全国展開--------*/

/*全国展開　日比谷ビル*/
img.tenkai-hibiya {
	float:right;
	margin:0px 0px 0px 20px;
	}
p.tenkai-hibiya-notice {
	font-size:11px;
	text-align:right;
	}





/*--------共同事業--------*/

/*共同事業　領域*/
section#kyodo-items {
	margin:30px 0px 0px 0px;
	}

/*共同事業　１枠*/
section#kyodo-items div {
	float:left;
	width:300px;
	margin:0px 15px 15px;
	}

/*共同事業　イメージとテキスト*/
section#kyodo-items img {
	margin-bottom:8px;
	}
section#kyodo-items p {
	font-size:12px;
	text-align:center;
	}




/*--------一貫体制--------*/

/*一貫フロウ　領域*/
section#ikkan-flow {
	width:590px;
	margin:20px 0px 0px 15px;
	padding:20px;
	border:1px dotted #999;
	background:#fafafa;
	}
	
/*一貫フロウ　１章*/
section#ikkan-flow article {}

/*一貫フロウ　ステップ*/
section#ikkan-flow article div.ikkan-step {
	border:1px solid #aaa;
	border-radius:5px;
	padding:10px 15px 7px;
	background:#fff;
	font-weight:bold;
	}
section#ikkan-flow article div.ikkan-step span {
	margin-right:15px;
	color:#06c;
	font-weight:normal;
	}

/*一貫フロウ　イメージとテキスト*/
section#ikkan-flow article div.ikkan-detail {
	margin:12px 0px 0px 20px;
	line-height:2.5;
	}
section#ikkan-flow article div.ikkan-detail img {
	float:right;
	margin:0px 20px 0px 20px;
	}

/*一貫フロウ　アロウ*/
section#ikkan-flow article div.ikkan-arrow {
	clear:both;
	margin:20px 0px 12px;
	font-size:24px;
	text-align:center;
	}




/*--------企業広告--------*/

/*屋外看板　領域*/
section#adv-kanban {
	margin:5px 0px 80px 15px;
	}

/*屋外看板　大枠*/
section#adv-kanban dl.adv-kanban-L {
	display:block;
	float:left;
	width:430px;
	margin-right:20px;
	}

/*屋外看板　小枠*/
section#adv-kanban dl.adv-kanban-S {
	display:block;
	float:left;
	width:190px;
	}

/*屋外看板　写真DT*/
section#adv-kanban dl.adv-kanban-L dt img,
section#adv-kanban dl.adv-kanban-S dt img {
	width:100%;
	}

/*屋外看板　テキストDD*/
section#adv-kanban dl.adv-kanban-L dd,
section#adv-kanban dl.adv-kanban-S dd {
	font-size:12px;
	margin:8px 0px 10px;
	line-height:1.7;
	}

/*テレビCM　iframe*/
iframe.tvcm {
	width:640px;
	height:360px;
	margin:8px 0px 16px 15px;
	}




/*--------あゆみ--------*/

/*あゆみ　領域*/
section#ayumi {
	padding-top:10px;
	}

/*あゆみ　テーブル*/
section#ayumi table.ayumi-table {
	margin:0px 0px 75px 15px;
	border:0px;
	}
section#ayumi table.ayumi-table th {
	background:none;
	width:75px;
	padding:10px 20px 15px 10px;
	text-align:right;
	color:#000;
	border-right:1px solid #ccc;
	}
section#ayumi table.ayumi-table td {}
section#ayumi table.ayumi-table td strong.ne-bldg {
	font-size:16px;
	color:#930;
	}
	
/*あゆみ　本社ビル写真*/
section#ayumi img.ayumi-ne-bldg {
	float:right;
	margin-left:15px;
	margin-top:0px;
	}




/*--------ブランド--------*/

/*ブランド　領域*/
section#brand {
	margin:0px 0px 10px;
	}

/*ブランド　シリーズ写真*/
section#brand img.brand-pht {
	float:right;
	margin:12px 0px 25px 20px;
	}

/*ブランド　エステムシンボル*/
img.brand-symbol {
	float:left;
	margin:0px 25px 0px 15px;
	}




/*--------概要--------*/

/*概要　イメージ写真*/
p.gaiyo-image {
	margin-bottom:65px;
	}

/*概要　領域*/
section#gaiyo {}

/*概要　テーブル*/
section#gaiyo table.gaiyo-table {
	width:650px;
	margin:0px 0px 75px 15px;
	border:0px;
	}
section#gaiyo table.gaiyo-table th {
	background:none;
	width:110px;
	padding:10px 20px 15px 10px;
	text-align:right;
	color:#000;
	border-right:1px solid #ccc;
	}
section#gaiyo table.gaiyo-table td {}
section#gaiyo table.gaiyo-table td strong.ne-bldg {
	font-size:16px;
	color:#930;
	}

/*概要　会社名*/
section#gaiyo table td strong.gaiyo-name {
	font-size:16px;
	color:#252525;
	}

/*概要　英表記*/
section#gaiyo table td span.gaiyo-en {
	font-size:10px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	color:#757575;
	}

/*概要　事業所*/
section#gaiyo table td span.gaiyo-office {
	color:#396;
	margin-right:5px;
	}

/*辻対応*/
span.tsuji {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Sans-Serif;
	}




/*--------アクセスマップ--------*/

/*アクセスマップ　領域*/
section#access-map {
	margin-bottom:65px;
	}
section#access-map-tokyo {
	margin-bottom:20px;
	}

/*アクセスマップ　地図表示*/
section#access-map div#gmap,
section#access-map-tokyo div#gmap-tokyo {
	border:1px solid #ccc;
	margin-left:15px;
	width:640px;
	height:500px;
	}

/*アクセスマップ　アクセス*/
section#access-map p.gmap-access,
section#access-map-tokyo p.gmap-access {
	margin:15px 0px 0px 15px;
	}
section#access-map p.gmap-access span,
section#access-map-tokyo p.gmap-access span {
	color:#f90;
	}




















/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　/　760pxで最適化　▼======================================*/
@media screen and (max-width: 960px) {

/*二分コンテンツ　領域*/
section#company {}
section#company div.areaDiv {
	width:215px;
	}

/*二分コンテンツ　タイトル部*/
section#company div.areaDiv h2 {}
section#company div.areaDiv h2>p {}

/*二分コンテンツ　タイトル部　アンカー設定*/
section#company div.areaDiv h2>p>a {}
section#company div.areaDiv h2>p>a:hover {}

/*二分コンテンツ　説明分*/
section#company div.areaDiv p.areaP {}

/*二分コンテンツ　詳細リンク*/
section#company div.areaDiv p.areaP-detail {}




/*--------全国展開--------*/

/*全国展開　日比谷ビル*/
img.tenkai-hibiya {}
p.tenkai-hibiya-notice {
	margin-top:-15px
	}




/*--------共同事業--------*/

/*共同事業　領域*/
section#kyodo-items {}

/*共同事業　１枠*/
section#kyodo-items div {
	float:left;
	width:210px;
	margin:0px 15px 15px;
	}

/*共同事業　イメージとテキスト*/
section#kyodo-items img {
	height:190px;
	}
section#kyodo-items p {}




/*--------一貫体制--------*/

/*一貫フロウ　領域*/
section#ikkan-flow {
	width:420px;
	}
	
/*一貫フロウ　１章*/
section#ikkan-flow article {}

/*一貫フロウ　ステップ*/
section#ikkan-flow article div.ikkan-step {}
section#ikkan-flow article div.ikkan-step span {}

/*一貫フロウ　イメージとテキスト*/
section#ikkan-flow article div.ikkan-detail {
	line-height:2;
	}
section#ikkan-flow article div.ikkan-detail img {
	width:150px;
	margin:0px 5px 0px 15px;
	}

/*一貫フロウ　アロウ*/
section#ikkan-flow article div.ikkan-arrow {
	clear:both;
	margin:20px 0px 8px;
	font-size:20px;
	text-align:center;
	}



/*--------企業広告--------*/

/*屋外看板　領域*/
section#adv-kanban {}

/*屋外看板　大枠*/
section#adv-kanban dl.adv-kanban-L {
	width:315px;
	}

/*屋外看板　小枠*/
section#adv-kanban dl.adv-kanban-S {
	width:140px;
	}

/*屋外看板　写真DT*/
section#adv-kanban dl.adv-kanban-L dt img,
section#adv-kanban dl.adv-kanban-S dt img {}

/*屋外看板　テキストDD*/
section#adv-kanban dl.adv-kanban-L dd,
section#adv-kanban dl.adv-kanban-S dd {
	font-size:10px;
	margin:5px 0px 7px;
	line-height:1.5;
	}

/*テレビCM　iframe*/
iframe.tvcm {
	width:465px;
	height:262px;
	}



/*--------あゆみ--------*/

/*あゆみ　領域*/
section#ayumi {
	padding-top:0px;
	}

/*あゆみ　テーブル*/
section#ayumi table.ayumi-table {}
section#ayumi table.ayumi-table th {}
section#ayumi table.ayumi-table td {}
section#ayumi table.ayumi-table td strong.ne-bldg {}
	
/*あゆみ　本社ビル写真*/
section#ayumi img.ayumi-ne-bldg {
	width:150px;
	float:right;
	margin-left:5px;
	margin-top:0px;
	}



/*--------ブランド--------*/

/*ブランド　領域*/
section#brand {
	margin:0px;
	}

/*ブランド　シリーズ写真*/
section#brand img.brand-pht {
	width:195px;
	}

/*ブランド　エステムシンボル*/
img.brand-symbol {
	float:left;
	margin:0px 25px 0px 15px;
	}



/*--------概要--------*/

/*概要　イメージ写真*/
p.gaiyo-image {}

/*概要　領域*/
section#gaiyo {}

/*概要　テーブル*/
section#gaiyo table.gaiyo-table {
	width:470px;
	}
section#gaiyo table.gaiyo-table th {
	width:70px;
	}
section#gaiyo table.gaiyo-table td {}

/*概要　会社名*/
section#gaiyo table td strong.gaiyo-name {}

/*概要　英表記*/
section#gaiyo table td span.gaiyo-en {}

/*概要　事業所*/
section#gaiyo table td span.gaiyo-office {}



/*--------アクセスマップ--------*/

/*アクセスマップ　領域*/
section#access-map {
	margin-bottom:50px;
	}
section#access-map-tokyo {
	margin-bottom:0px;
	}

/*アクセスマップ　地図表示*/
section#access-map div#gmap,
section#access-map-tokyo div#gmap-tokyo {
	width:475px;
	}

/*アクセスマップ　アクセス*/
section#access-map p.gmap-access,
section#access-map-tokyo p.gmap-access {}
section#access-map p.gmap-access span,
section#access-map-tokyo p.gmap-access span {}

}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き） /　580pxで最適化　▼======================================*/
@media only screen and (max-width:640px) {

/*二分コンテンツ　領域*/
section#company {}
section#company div.areaDiv {
	width:270px;
	margin:10px;
	}

/*二分コンテンツ　タイトル部*/
section#company div.areaDiv h2 {}
section#company div.areaDiv h2>p {}

/*二分コンテンツ　タイトル部　アンカー設定*/
section#company div.areaDiv h2>p>a {}
section#company div.areaDiv h2>p>a:hover {}

/*二分コンテンツ　説明分*/
section#company div.areaDiv p.areaP {}

/*二分コンテンツ　詳細リンク*/
section#company div.areaDiv p.areaP-detail {}




/*--------全国展開--------*/

/*全国展開　日比谷ビル*/
img.tenkai-hibiya {}
p.tenkai-hibiya-notice {
	margin-top:0px
	}



/*--------共同事業--------*/

/*共同事業　領域*/
section#kyodo-items {
	margin:20px 0px 0px 0px;
	}

/*共同事業　１枠*/
section#kyodo-items div {
	width:250px;
	}

/*共同事業　イメージとテキスト*/
section#kyodo-items img {
	height:210px;
	}
section#kyodo-items p {
	font-size:12px;
	text-align:center;
	}




/*--------一貫体制--------*/

/*一貫フロウ　領域*/
section#ikkan-flow {
	width:530px;
	margin:20px 0px 0px 5px;
	}
	
/*一貫フロウ　１章*/
section#ikkan-flow article {}

/*一貫フロウ　ステップ*/
section#ikkan-flow article div.ikkan-step {}
section#ikkan-flow article div.ikkan-step span {}

/*一貫フロウ　イメージとテキスト*/
section#ikkan-flow article div.ikkan-detail {}
section#ikkan-flow article div.ikkan-detail img {}

/*一貫フロウ　アロウ*/
section#ikkan-flow article div.ikkan-arrow {}



/*--------企業広告--------*/
/*全イキ*/



/*--------あゆみ--------*/
/*全イキ*/



/*--------ブランド--------*/
/*全イキ*/



/*--------あゆみ--------*/
/*全イキ*/



/*--------概要--------*/

/*概要　イメージ写真*/
p.gaiyo-image {}

/*概要　領域*/
section#gaiyo {}

/*概要　テーブル*/
section#gaiyo table.gaiyo-table {
	width:570px;
	margin:0px 0px 75px 5px;
	}
section#gaiyo table.gaiyo-table th {
	width:70px;
	}
section#gaiyo table.gaiyo-table td {}

/*概要　会社名*/
section#gaiyo table td strong.gaiyo-name {
	font-size:14px;
	}

/*概要　英表記*/
section#gaiyo table td span.gaiyo-en {
	font-size:9px;
	}

/*概要　事業所*/
section#gaiyo table td span.gaiyo-office {}



/*--------アクセスマップ--------*/

/*アクセスマップ　領域*/
section#access-map {}
section#access-map-tokyo {
	margin-bottom:0px;
	}

/*アクセスマップ　地図表示*/
section#access-map div#gmap,
section#access-map-tokyo div#gmap-tokyo {
	margin-left:40px;
	width:460px;
	height:400px;
	}

/*アクセスマップ　アクセス*/
section#access-map p.gmap-access,
section#access-map-tokyo p.gmap-access {
	margin:15px 0px 0px 40px;
	}
section#access-map p.gmap-access span,
section#access-map-tokyo p.gmap-access span {}

}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き） /　320pxで最適化　▼======================================*/
@media only screen and (max-width:480px) {
 
 /*二分コンテンツ　領域*/
section#company {
	padding-top:20px;
	}
section#company div.areaDiv {
	width:310px;
	margin:5px;
	}

/*二分コンテンツ　タイトル部*/
section#company div.areaDiv h2 {}
section#company div.areaDiv h2>p {
	font-size:14px;
	}

/*二分コンテンツ　タイトル部　アンカー設定*/
section#company div.areaDiv h2>p>a {}
section#company div.areaDiv h2>p>a:hover {}

/*二分コンテンツ　説明分*/
section#company div.areaDiv p.areaP {}

/*二分コンテンツ　詳細リンク*/
section#company div.areaDiv p.areaP-detail {}




/*--------全国展開--------*/

/*全国展開　日比谷ビル*/
img.tenkai-hibiya {
	width:175px;
	margin:0px 0px 0px 15px;
	}
p.tenkai-hibiya-notice {
	margin-top:-30px;
	padding-bottom:30px;
	}




/*--------共同事業--------*/

/*共同事業　領域*/
section#kyodo-items {
	margin:10px 0px 0px 0px;
	}

/*共同事業　１枠*/
section#kyodo-items div {
	width:310px;
	margin:0px 5px 10px;
	text-align:center;
	}

/*共同事業　イメージとテキスト*/
section#kyodo-items img {}
section#kyodo-items p {}




/*--------一貫体制--------*/

/*一貫フロウ　領域*/
section#ikkan-flow {
	width:290px;
	margin:20px 0px 0px 5px;
	padding:12px 8px;
	}
	
/*一貫フロウ　１章*/
section#ikkan-flow article {}

/*一貫フロウ　ステップ*/
section#ikkan-flow article div.ikkan-step {
	padding:5px 10px 3px;
	font-size:13px;
	}
section#ikkan-flow article div.ikkan-step span {}

/*一貫フロウ　イメージとテキスト*/
section#ikkan-flow article div.ikkan-detail {
	margin:12px 0px 0px 8px;
	line-height:1.5;
	font-size:12px;
	}
section#ikkan-flow article div.ikkan-detail img {
	margin:0px 5px 0px 8px;
	width:100px;
	}

/*一貫フロウ　アロウ*/
section#ikkan-flow article div.ikkan-arrow {
	margin:10px 0px 3px;
	font-size:16px;
	}



/*--------企業広告--------*/

/*屋外看板　領域*/
section#adv-kanban {
	margin:5px 0px 60px 5px;
	}

/*屋外看板　大枠*/
section#adv-kanban dl.adv-kanban-L {
	width:310px;
	margin-right:0px;
	}

/*屋外看板　小枠*/
section#adv-kanban dl.adv-kanban-S {
	width:310px;
	}

/*屋外看板　写真DT*/
section#adv-kanban dl.adv-kanban-L dt img,
section#adv-kanban dl.adv-kanban-S dt img {}

/*屋外看板　テキストDD*/
section#adv-kanban dl.adv-kanban-L dd,
section#adv-kanban dl.adv-kanban-S dd {
	font-size:11px;
	margin:5px 0px 10px;
	}

/*テレビCM　iframe*/
iframe.tvcm {
	width:310px;
	height:175px;
	margin:8px 0px 16px 5px;
	}



/*--------あゆみ--------*/

/*あゆみ　領域*/
section#ayumi {
	padding-top:10px;
	}

/*あゆみ　テーブル*/
section#ayumi table.ayumi-table {
	width:310px;
	margin:0px 0px 50px 5px;
	}
section#ayumi table.ayumi-table th {
	width:45px;
	padding:10px 10px 15px 10px;
	}
section#ayumi table.ayumi-table td {}
section#ayumi table.ayumi-table td strong.ne-bldg {
	font-size:14px;
	}
	
/*あゆみ　本社ビル写真*/
section#ayumi img.ayumi-ne-bldg {
	width:90px;
	}



/*--------ブランド--------*/

/*ブランド　領域*/
section#brand {
	width:320px;
	}

/*ブランド　シリーズ写真*/
section#brand img.brand-pht {
	width:135px;
	margin:16px 0px 15px 12px;
	}

/*ブランド　エステムシンボル*/
img.brand-symbol {
	width:120px;
	margin:0px 15px 0px 5px;
	}



/*--------概要--------*/

/*概要　イメージ写真*/
p.gaiyo-image {
	margin-bottom:15px;
	}

/*概要　領域*/
section#gaiyo {
	padding-top:10px;
	}

/*概要　テーブル*/
section#gaiyo table.gaiyo-table {
	width:310px;
	margin:0px 0px 50px 5px;
	}
section#gaiyo table.gaiyo-table th {
	width:50px;
	padding:10px 10px 15px 10px;
	font-size:12px;
	}
section#gaiyo table.gaiyo-table td {
	font-size:12px;
	}
section#gaiyo table.gaiyo-table td strong.ne-bldg {
	font-size:14px;
	}



/*--------アクセスマップ--------*/

/*アクセスマップ　領域*/
section#access-map {
	margin-bottom:50px;
	}
section#access-map-tokyo {
	margin-bottom:0px;
	}

/*アクセスマップ　地図表示*/
section#access-map div#gmap,
section#access-map-tokyo div#gmap-tokyo {
	margin-left:30px;
	width:260px;
	height:350px;
	}

/*アクセスマップ　アクセス*/
section#access-map p.gmap-access,
section#access-map-tokyo p.gmap-access {
	margin:15px 0px 0px 5px;
	font-size:11px;
	}
section#access-map p.gmap-access span,
section#access-map-tokyo p.gmap-access span {
	color:#f90;
	}

}