@charset "utf-8";


/*----------------------------------------------------------
  レイアウト関係
----------------------------------------------------------*/
html{
  margin: 0;
  padding: 0;
  height: 100%;
  background-image: url(image/bg/bg_main.jpg);
}

/*---------------------------------フォントサイズなど*/
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  text-align: center;
  font-size: 85%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-image: url(image/bg/bg_ibaraki_map.png);
  background-repeat: no-repeat;
  background-position: center 200px;
	background-attachment: fixed;
position: relative;
}

img {
	border: none;
}

/*---------------------------------ヘッダー部分*/
/*#header {*/
header {
  text-align: left;
  font-size: 9pt;
  color: #666666;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff;
}

/*---------------------------------ヘッダー、フッター、コンテンツ部分 内部包括*/
.inner {
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 960px;
	text-align: left;
/*border: #F00 1px solid;*/
}

/*---------------------------------コンテンツ部分*/
/*#contents {*/
article {
  margin: 0px;
  padding: 0px 0px 350px 0px;
}

/*---------------------------------フッター部分*/
/*#footer {*/
footer {
  color: #ffffff;
  text-align: center;
  margin-top: 0px;
  background-color: #000;
  background-image: url(image/bg/bg_footer.jpg);
  background-repeat: repeat-x;
  background-position: top;

position: absolute;
width: 100%;
bottom: 0;
}


/*---------------------------------コンテンツ内のレイアウト分け*/
/* 半分分け */
.split_even_left {
/*  width: 475px;*/
  width: 49%;
  float: left;
}
.split_even_right {
/*  width: 475px;*/
  width: 49%;
  float: right;
}

/* 3分の1分け */
.split_1-3_left {
/*  width: 310px;
	margin-right: 11px;*/
  width: 33%;
/*  margin-right: 1.5%;
*/
  margin-right: 0.5%;
  float: left;
}
.split_1-3_right {
/*  width: 310px;*/
  width: 30%;
  float: left;
}
/* 3分の2分け */
.split_2-3 {
  width: 446px;
}
.split_2-3_right {
  width: 33%;
  float: right;
}

/* 4分の1分け */
.split_1-4_left {
  width: 22%;
	margin-right: 4%;
  float: left;
}
.split_1-4_right {
  width: 22%;
  float: left;
}



/*----------------------------------------------------------
  特殊処理
----------------------------------------------------------*/

/*---------------------------------ClearFix*/
/*
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
*/
.clearfix {
	overflow: hidden;
}

/*---------------------------------テキストの垂直配置*/
/* 上揃え */
.valign-top {
  position: absolute;
  top: 0;
}
/* 中央揃え（要親要素へposition: relative;） */
.valign-middle {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
}
/* 下揃え */
.valign-bottom {
  position: absolute;
  bottom: 0;
}


/*----------------------------------------------------------
  メニュー部分の指定
----------------------------------------------------------*/
/*#header .inner {*/
header .inner {
  padding: 0px 0px 15px 0px;
}

/* -- サイト説明 -- */
/*#header h1 {*/
header h1 {
  margin: 5px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 9pt;
	font-weight: normal;
	text-align: right;
}

/*---------------------------------サイトロゴ*/
div#logo_site {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	width: 262px;
	float: left;
}


/*---------------------------------メインナビゲーション*/
ul.menu {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}
ul.menu li {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	line-height: 1.1em;
}

/*div#navi {*/
nav#header-navi {
  margin: 18px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/*	width: 681px;*/
	width: 671px;
  float: right;
}
/*#navi ul.menu li a {*/
nav#header-navi ul.menu li a {
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 0px 0px;
  width: 133px;
  height: 32px;
	color: #666;
	font-size: 9pt;
	font-weight: bold;
  text-decoration: none;
  text-align: center;
  display: block;
  overflow: hidden;
	border-right: #333 1px solid;
}
/*#navi ul.menu li:first-child a {*/
nav#header-navi ul.menu li:first-child a {
	border-left: #333 1px solid;
}
/*#navi ul.menu li a:hover {*/
nav#header-navi ul.menu li a:hover {
	color: #999;
/*	background-image: url(image/navi/bnr_navi_on.png); */
}

/*---------------------------------ナビゲーションの英語部分*/
.navi_eng {
	color: #C1272D;
	font-size: 7pt;
}
/*#navi .navi_eng {*/
nav#header-navi .navi_eng {
	margin: 3px 0px;
	display: inline-block;
}


/*----------------------------------------------------------
  フッター部分の指定
----------------------------------------------------------*/
/*#footer .inner {*/
footer .inner {
  padding: 0px 0px 0px 0px;
}

/*---------------------------------ページの先頭へ部分*/
#pagetop {
  margin: 0px 0px 16px 0px;
  padding: 0px;
	text-align: right;
}
#pagetop a {
	display: inline-block; 
	overflow: hidden; 
	width: 40px;
	height: 0px; 
	padding-top: 40px;
	background-image: url(image/navi/bnr_ptop.png); 
}
#pagetop a:hover {
	background-image: url(image/navi/bnr_ptop_on.png); 
}

/*---------------------------------facebook部分*/
#facebook {
/*	margin: 0px 81px 0px 0px;*/
	width: 240px;
	height: 240px;
	float: left;
	border: 1px solid #3C5998;
/*	background-color: #000;*/
}
#bnr_facebook a {
	display: block; 
	overflow: hidden; 
	padding: 4px;
	width: 232px;
	background-color: #3C5998;
}
#bnr_facebook a:hover {
	background-color: #6C82B1;
}

/*---------------------------------バナー部分*/
#banner {
	width: 638px;
	float: right;
}

/*---------------------------------注文バナー部分*/
#bnr_order {
/*	margin: 0px 81px 0px 0px;*/
	padding: 0px 0px 0px 0px;
	width: 313px;
	float: left;
}
#bnr_order a {
	display: block; 
	overflow: hidden; 
	width: 313px;
	height: 0px; 
	padding-top: 140px;
	background-image: url(image/navi/bnr_contact.png); 
}
#bnr_order a:hover {
	background-image: url(image/navi/bnr_contact_on.png); 
}

/*---------------------------------メディア掲載部分*/
#bnr_media {
	margin: 0px;
	padding: 0px;
	width: 235px;
	float: right;
	text-align: left;
}
#bnr_media h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
	border-bottom: #FFF 1px solid;
}
#bnr_media p {
	margin: 0px;
	padding: 0px;
	font-size: 7.5pt;
}
#bnr_media .media1 {
	margin: 0px;
	padding: 0px;
	width: 71px;
	float: left;
}
#bnr_media .media2 {
	margin: 0px 8px 0px 0px;
	padding: 0px;
	width: 154px;
	float: left;
}
.title_media {
	width: 180px;
	display: inline-block;
}
.more {
	width: 40px;
	display: inline-block;
	text-align: right;
}
.more a {
	color: #999;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}
.more a:hover {
	text-decoration: underline;
}

/*---------------------------------募集メッセージ部分*/
#bosyu {
	margin: 30px 0px 10px 0px;
	padding: 2px 0px;
	width: 638px;
  text-align: center;
	border-top: #C1272D 1px solid;
	border-bottom: #C1272D 1px solid;
}

/*---------------------------------フッターナビ部分*/
/*#footer-navi {*/
nav#footer-navi {
	font-size: 8pt;
}
/*#footer-navi ul.menu li a {*/
nav#footer-navi ul.menu li a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 13px;
	color: #999;
  text-decoration: none;
  display: block;
  overflow: hidden;
}
/*#footer-navi ul.menu li:first-child a {*/
nav#footer-navi ul.menu li:first-child a {
  padding: 0px 0px 0px 0px;
}
/*#footer-navi ul.menu li a:hover {*/
nav#footer-navi ul.menu li a:hover {
	text-decoration: underline;
}

/*---------------------------------コピーライト部分*/
#copyright {
  margin: 0px;
  padding: 2px 0px;
	font-size: 10pt;
  text-align: center;
	color: #999;
	background-color: #000;
}


/*----------------------------------------------------------
  コンテンツイメージ
----------------------------------------------------------*/
article .inner {
	background-position: left top;
	background-repeat: no-repeat;
/*	background-attachment: fixed;*/
}
article#concept .inner {
	background-image: url(image/bg/eyecatch_concept.png);
}
article#member .inner {
	background-image: url(image/bg/eyecatch_member.png);
}
/*-- ↓2025.01.03変更　ピックアップページと統合 --*/
/*
article#media .inner {
*/
article#media .inner,
article#pickup .inner {
/*-- ↑2025.01.03変更　ピックアップページと統合 --*/
	background-image: url(image/bg/eyecatch_media.png);
}
article#contact .inner {
	background-image: url(image/bg/eyecatch_contact.png);
}


/*----------------------------------------------------------
  コンテンツヘッダー
----------------------------------------------------------*/
#contents-header {
	height: 230px;
}
#contents-header img {
	margin-bottom: 5px;
}

/*---------------------------------パンくずリスト部分*/
div#bread_crumb {
  font-size: 9pt;
  color: #666666;
  margin: 5px 5px 5px 5px;
  padding: 0px;
}
#bread_crumb ul {
  margin: 0px;
  padding: 0px;
}
#bread_crumb li {
	display: inline;
	list-style-type: none;
}
#bread_crumb li:before {
	content: " ＞ ";
}
#bread_crumb li:first-child:before {
	content: "";
}
#bread_crumb a {
  color: #666666;
}
#bread_crumb a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------
  コンテンツフッター
----------------------------------------------------------*/
#contents-footer {
	height: 80px;
}
nav#contents-footer a {
  width: 420px;
	padding: 34px 15px;
}

/*---------------------------------ページャー部分*/
.pager a {
	padding: 3px 15px;
	width: 113px;
	height: 12px;
  text-decoration: none;
  display: block;
	font-size: 9pt;
  color: #FFF;
	line-height: 1.1em;
}
a.pager_back {
  float: left;
	text-align: left;
	background-image:url(image/navi/bnr_pager_back.png);
	background-position: left center;
	background-repeat: no-repeat;
}
a.pager_next {
  float: right;
	text-align: right;
	background-image:url(image/navi/bnr_pager_next.png);
	background-position: right center;
	background-repeat: no-repeat;
}
a:hover.pager_back {
	background-image:url(image/navi/bnr_pager_back_on.png);
}
a:hover.pager_next {
	background-image:url(image/navi/bnr_pager_next_on.png);
}


/*----------------------------------------------------------
  コンテンツ内部
----------------------------------------------------------*/
/*---------------------------------タイトル部分*/
/*#contents h2 {*/
article h2 {
	text-align: center;
}
/*#contents h3 {*/
article h3 {
/* 2025.1.12
	margin: 0px 0px 0px 71px;
	width: 242px;
*/
	width: 100%;
	float: left;
	font-size: 14pt;
	color: #C1272D;
	line-height: 1.5em;
}
/*#contents h4 {*/
article h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11pt;
}
/*#contents p {*/
article p {
	margin: 0px; 
	color: #666;
	font-size: small;
	line-height: 1.8em;
}
article a {
	color: #7CA476;
}
strong {
	color: #B49C59;
	padding: 0px 1em;
}

.block {
	margin: 0px 0px 25px 0px;
}
.block_p {
	width: 638px;
	border-bottom: #333 dotted 1px;
	float: right;
}
.block_p p {
	padding-bottom: 20px;
}


/*----------------------------------------------------------
  コンテンツ文章レイアウトパターン
----------------------------------------------------------*/

/*---------------------------------パターン１・２*/
/* 左に文章　右に画像 */
.layout1 p {
	width: 392px;
}
.layout2 p {
	width: 323px;
}
.layout1 img,
.layout2 img {
	float: right;
}

/*---------------------------------パターン３*/
.layout3 .layout_right {
	width: 240px;
	float: right;
}
.layout3 .layout_left {
	width: 395px;
	float: left;
}
.layout3 .layout_bottom {
	width: 640px;
	float: right;
	margin-bottom: 20px;
}
.layout3 .layout_bottom img {
	float: right;
}
.layout3 .layout_bottom .fig {
	width: 180px;
	margin: 100px 10px 0px 0px;
}

.fig {
	margin: 0px 10px;
	float: left;
	text-align: center;
}
.fig h5 {
	margin: 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
/*	font-weight: normal;*/
}

/*---------------------------------パターン４*/
/* 左に画像　右に文章 */
.layout4 p,
.layout4 h4 {
	width: 323px;
	float: right;
}
.layout4 img {
	float: left;
}



/*----------------------------------------------------------
  トップページ個別指定
----------------------------------------------------------*/
#top .fotorama h2,
#top .fotorama p {
	margin: 20px 0px 5px 0px;
	width: 405px;
	text-align: left;
}
#top .fotorama h2 {
	font-size: 21pt;
	display: block; 
	overflow: hidden; 
	width: 405px;
	height: 0px; 
	padding-top: 35px;
	background-position: center top;
	background-repeat: no-repeat; 
}
#top .fotorama p {
	font-size: 11pt;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.1em; 
	text-align: justify; 
	text-justify: inter-ideograph;
	line-height: 1.5em; 
}
.fotorama .pager {
	margin-right: 81px;
}

#top .slide01 h2,
#top .slide01 p {
	margin-left: 324px;
}
#top .slide00 h2,
#top .slide00 p {
	margin-left: 486px;
}
#top .slide02 h2,
#top .slide02 p,
#top .slide03 h2,
#top .slide03 p,
#top .slide04 h2,
/*-- ↓2025.02.11変更　ピックアップページとリンク --*/
/*
#top .slide04 p {
*/
#top .slide04 p,
#top .slide05 h2,
#top .slide05 p {
/*-- ↑2025.02.11変更 --*/
	margin-left: 486px;
	color: #FFF;
}
.slide00 h2 {
	background-image: url(image/top_slide00_title.png);
}
.slide01 h2 {
	background-image: url(image/top_slide01_title.png);
}
.slide02 h2 {
	background-image: url(image/top_slide02_title.png);
}
.slide03 h2 {
	background-image: url(image/top_slide03_title.png);
}
.slide04 h2 {
	background-image: url(image/top_slide04_title.png);
}


/*---------------------------------新着情報エリア*/
/*article#top .inner {
	position: relative;
}*/
#bnr_news {
	position: absolute;
	margin: -180px 0px 0px 10px;
	width: 233px;
	font-size: x-small;
/*-- ↓2025.02.11追加　ピックアップページとリンク --*/
	background-color: rgba(255,255,255,0.4);
/*-- ↑2025.02.11追加 --*/
}
#bnr_news h4 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11pt;
	border-bottom: #000 1px solid;
}
#bnr_news ul {
	margin: 0px;
	padding: 0px;
}
#bnr_news li {
	margin: 0px 0px 8px 0px;
	list-style-type: none;
}
#bnr_news .date {
	margin-right: 10px;
}


/*----------------------------------------------------------
  いばらき大工棟梁の会とはページ個別指定
----------------------------------------------------------*/
#block_prologue {
	background-image: url(image/about/daihyo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#block_organization {
	background-image: url(image/about/tatekata.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

ul#purpose {
	color: #B49C59;
	font-size: small;
	line-height: 1.5em;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}


/*----------------------------------------------------------
  家づくりのこだわりページ個別指定
----------------------------------------------------------*/
#block_material img {
	float: right;
}


/*----------------------------------------------------------
  大工・実例紹介ページ個別指定
----------------------------------------------------------*/
#block_slider {
	margin-bottom: 50px;
}
.exampleslide {
	margin-top: 350px;
}
.exampleslide span {
	background-color: #FFFFFF;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	padding: 6px;
}


.profile {
	margin-bottom: 50px;
}

.profile a.hp {
	margin-left: 20px;
	font-size: 9pt;
}

.prof_photo {
	width: 233px; /* 3グリッド分の幅 */
	float: left;
}
.prof_photo h3 {
	margin: 0px;
	padding: 0px;
	width: 71px;
	float: left;
	text-align: right;
}
.prof_photo img {
	float: right;
}


/*---------------------------------大工プロフィール*/
.profile table,
.profile_sub table,
.profile_designer table {
	font-size: small;
	line-height: 1.8em;
}
.profile h4,
.profile_sub h4,
.profile_designer h4 {
	font-size: 14pt;
}
.profile table .col1 {
	width: 140px;
}

.profile table {
	margin-right: 81px;
	width: 555px;
	float: right;
}
.profile table td,
.profile_designer table td {
	border-bottom: #333 dotted 1px;
}

/*---------------------------------大工（サブ）プロフィール*/
.profile_sub div {
	border-left: #C1272D 3px solid;
}
.profile_sub table {
	margin-left: 5px;
}
.profile_sub table .col1 {
	width: 140px;
}
.profile_sub table td {
	white-space: nowrap;
}

/*---------------------------------設計士プロフィール*/
#block_designer h3 {
	margin: 15px 0px;
	width: 100%;
}
.profile_designer {
	clear: both;
	height: 120px;
	padding: 40px 20px;
	background-image: url(image/bg/bg_designer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.profile_designer table {
	color: #fff;
	width: 325px;
}
.profile_designer col {
	width: 155px;
}
.profile_designer .prof_photo {
	width: 124px;
	float: left;
}
.prof_photo img {
	margin-left: 0px;
	margin-right: 10px;
}


/*-- ↓2026.01.04追加　ピックアップページ --*/
/*----------------------------------------------------------
  大工ピックアップページ個別指定
----------------------------------------------------------*/
/*---------------------------------大工プロフィール*/
#profile_pic {
	background-color:rgba(255,255,255,1);
	border: #333 solid 1px;
	width:287px;
	padding: 12px;
}
#profile_pic h4 {
	font-size: 14pt;
}


#profile_pic table {
	font-size: small;
	line-height: 1.8em;
	width: 100%;
}
#profile_pic table td {
	border-bottom: #333 dotted 1px;
}
#pickup .block_p {
	height: 100%;
}
#pickup .block_p div {
	float: right;
}
.pickup_p {
	width: 557px;
}
.imgleft img {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}
.imgright img {
	float: right;
	padding-left: 12px;
	padding-bottom: 12px;
}
/*-- ↑2026.01.04追加 --*/


/*----------------------------------------------------------
  メディア掲載ページ個別指定
----------------------------------------------------------*/
.media_flame {
	border: 1px #B1A493 solid;
	text-align: center;
	height: 430px;
}
.media_flame img {
	margin-top: 20px;
}
.media_flame h4 {
	margin: 5px 20px;
	padding: 5px;
	text-align: left;
	border-bottom: #333 dotted 1px;
}
.media_flame p {
	margin: 5px 20px;
	text-align: left;
}


/*----------------------------------------------------------
  家づくりご相談ページ個別指定
----------------------------------------------------------*/

/*---------------------------------お問合せ後の流れ*/
.flow li {
	width: 120px;
	float: left;
	list-style-type: none;
}
.flow li.flow_off {
	margin-left: 35px;
	padding-left: 45px;
	width: 120px;
	float: left;
	background-image: url(image/bg/flow_arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.flow li span {
	display: inline-block;
	width: 120px;
	height: 80px;
	padding-top: 40px;
	text-align: center;
	background-image: url(image/bg/bg_flow.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.flow li.flow_on span {
	background-image: url(image/bg/bg_flow_on.png);
}

/*---------------------------------必須ラベル*/
.required {
	margin: 5px;
	padding: 3px 5px;
	background-color: #C1272D;
	color: #FFF;
	font-weight: normal;
	font-size: 9pt;
/*	white-space: nowrap;*/
}

/*---------------------------------お客様情報入力フィールド*/
table#customer_info {
	line-height: 2.5em;
}
table#customer_info th {
	text-align: right;
	padding: 5px;
	vertical-align: top;
}

table#customer_info input,
table#customer_info select,
#block_submit input {
	margin: 0px 5px;
}
table#customer_info .input_full {
	width: 314px;
}
table#customer_info .input_1_2 {
	width: 150px;
}
table#customer_info .input_1_3 {
	width: 98px;
}
table#customer_info .input_2_3 {
	width: 212px;
}
table#customer_info .textgroup {
	width: 115px;
	float: left;
}
table#customer_info .radiogroup {
	width: 98px;
	float: left;
}
table#customer_info textarea {
	width: 450px;
}

table.address {
	margin-left: 5px;
	border-left: #666 1px dotted;
}
/*
table.address th {
	margin-left: 30px;
}*/

#block_submit {
	text-align: center;
}
#block_submit input {
	height: 50px;
}