@charset "UTF-8";
/* =============================================================================
   takenaka-hf.css
   見本サイト https://takenaka-souzoku.com/common/css/default.css の
   ヘッダー/フッター/nav/リンク/リセット 関連ルールを「コピー」し、
   SANGO 本文に影響しないよう全て .takenaka-scope 配下にスコープしたもの。
   - url() は本番ドメインの絶対URLに書き換え（画像は本番から直リンク）
   - #wrapper 基準の absolute 配置を、注入ラッパー .takenaka-header / .takenaka-footer に移植
   - オリジナル設計を変えず、差分は別途 compare で調整していく
   ========================================================================== */

/* ---- box-model / 基本リセット（見本は content-box 前提。SANGOのborder-box等を打消し） ---- */
.takenaka-scope,
.takenaka-scope *,
.takenaka-scope *::before,
.takenaka-scope *::after { box-sizing: content-box; }

.takenaka-scope div,
.takenaka-scope dl, .takenaka-scope dt, .takenaka-scope dd,
.takenaka-scope ul, .takenaka-scope ol, .takenaka-scope li,
.takenaka-scope h1, .takenaka-scope h2, .takenaka-scope h3,
.takenaka-scope h4, .takenaka-scope h5, .takenaka-scope h6,
.takenaka-scope p, .takenaka-scope form, .takenaka-scope fieldset { margin:0; padding:0; }
.takenaka-scope li { list-style:none; }
.takenaka-scope h1, .takenaka-scope h2, .takenaka-scope h3,
.takenaka-scope h4, .takenaka-scope h5, .takenaka-scope h6 { font-size:100%; font-weight:normal; }
.takenaka-scope img { border:0; vertical-align:bottom; max-width:none; height:auto; }

/* clearfix（見本 default.css） */
.takenaka-scope .clearfix:after { content:"."; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; }
.takenaka-scope .clearfix { display:block; zoom:1; }

/* ---- common（body 相当を .takenaka-scope に。font-size は見本 body の 14px 固定） ---- */
.takenaka-scope {
	color:#333333;
	line-height:1.6;
	font-size:14px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka;
}

/* ---- リンク（見本 default.css） ---- */
.takenaka-scope a:link    { color:#333333; text-decoration:underline; }
.takenaka-scope a:visited { color:#333333; text-decoration:underline; }
.takenaka-scope a:hover   { color:#F60; text-decoration:none; }
.takenaka-scope a:active  { color:#F60; text-decoration:none; }
.takenaka-scope a:focus   { outline:none; }
/* 別色リンク（footer_nav に付与） */
.takenaka-scope .link_color a:link    { color:#333; text-decoration:none; }
.takenaka-scope .link_color a:visited { color:#333; text-decoration:none; }
.takenaka-scope .link_color a:hover   { color:#F60; text-decoration:underline; }
.takenaka-scope .link_color a:active  { color:#F60; text-decoration:underline; }
/* 透過リンク（.ptop .opacity） */
.takenaka-scope .opacity a:hover img { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }

/* =============================================================================
   header
   見本では #wrapper(position:relative) を基準に description-wrap / #inquiry-header /
   #header を absolute 配置。WP には #wrapper が無いため .takenaka-header を基準箱にする。
   ========================================================================== */
.takenaka-scope.takenaka-header {
	width:100%;
	position:relative;
	background:url(https://takenaka-souzoku.com/common/img/bg_wrapper_page.png) top repeat-x;
	height:170px;            /* description(0-33)+inquiry-header(~32-121)+#header(122-170) を確保。差分調整対象 */
}
.takenaka-scope .description-wrap {
	width:100%;
	height:33px;
	position:absolute;
	left:0; top:0;
	background:url(https://takenaka-souzoku.com/common/img/bg_wrapper_page.png) repeat-x;
	z-index:9998;
}
.takenaka-scope h1.description,
.takenaka-scope .description {
	width:950px;
	margin:0 auto;
	font-weight:bold;
	line-height:32px;
	font-size:0.92em;
}
.takenaka-scope #header {
	width:100%;
	position:absolute;
	left:0; top:122px;
	z-index:9997;
}
.takenaka-scope #inquiry {
	position:absolute;
	right:0; top:-32px;
	width:414px;
}
.takenaka-scope #inquiry-header {
	position:absolute;
	left:0; top:32px;
	width:100%;
	z-index:9999;
	background:#FFF;
	border-bottom:1px #F5E678 solid;
}
.takenaka-scope #inquiry-header .hgroup { width:950px; margin:0 auto; }

/* ---- nav（見本 default.css） ---- */
.takenaka-scope .hgroup { position:relative; padding:0; width:950px; margin:0 auto; }
.takenaka-scope p.logo,
.takenaka-scope .logo { height:62px; padding:13px 0 14px; }
.takenaka-scope #globalNavi { position:relative; height:48px; z-index:100; }
.takenaka-scope #nav { width:100%; position:relative; line-height:1; }
.takenaka-scope #nav li { float:left; list-style:none; position:relative; }
.takenaka-scope #nav li img.btn { display:block; }
.takenaka-scope #nav li img.rollover { display:none; }
.takenaka-scope #nav ul { display:none; position:absolute; top:49px; left:0; width:164px; }
.takenaka-scope #nav ul li { float:none; }
.takenaka-scope #nav ul ul { left:164px; top:0; width:280px; }
.takenaka-scope #nav ul ul li a { background:#A66800; }
.takenaka-scope #nav ul.nav04_width { width:150px; }
.takenaka-scope #nav ul a {
	display:block;
	background:#EA9902;
	font-size:1em;
	padding:10px 10px 10px 10px;
	color:#FFF;
	font-weight:bold;
	border-bottom:1px solid #FFF;
	opacity:0.95;
	filter:alpha(opacity=95);
	zoom:1;
	line-height:1;
	text-decoration:none;
}
.takenaka-scope #nav ul.nav04_width a { width:130px; }
.takenaka-scope #nav ul a.hover,
.takenaka-scope #nav ul a:hover { background:#F60; color:#FFF; }

/* =============================================================================
   footer（見本 default.css）
   ========================================================================== */
.takenaka-scope #footer {
	clear:both;
	margin:30px auto 0;
	width:100%;
	background:#F5E678;
	font-size:0.92em;
}
.takenaka-scope #footer #fgroup { width:950px; margin:0 auto; position:relative; }
.takenaka-scope #footer #footer_nav { text-align:center; margin:0 auto; padding:20px 0 0; }
.takenaka-scope #footer .copyright { padding:10px 0 10px 0; text-align:center; color:#333333; } /* SANGO の .copyright{color:#fff} 漏れを本番同値#333で上書き */
/* トップアンカー（#fgroup 基準の absolute） */
.takenaka-scope .ptop { position:absolute; right:0; top:-27px; }