@charset "utf-8";

/*
Theme Name:mrp04-child
Template:mrp04
Theme URI: http://hp-morph.com/
Description:MORPH 04テーマの子テーマ。
Version: 3.0
Author: Vision Inc.
Author URI: http://hp-morph.com/
Tags: simple

	hp-morph.com Template
	 http://hp-morph.com/

	This theme was designed and built by hp-morph.com template,
	whose blog you will find at http://hp-morph.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */




/*-------------------------------------------------------------- */
/* 追加・変更
------------------------------------------------------------*/

/*　グローバルメニュー　項目余白調整　*/
@media only screen and (min-width: 1024px){
/*nav#mainNav ul li {
    width: 19%;
}
nav#mainNav ul li a {
    padding: 15px 25px 5px 25px;
}*/
}


/*float clear*/
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}


/*改行位置指定用*/
span.nowrap {
display:inline-block;
white-space:nowrap;
}

/*赤文字*/
.fc-red {color:#F00}


/*画像装飾なし*/
.post img.nodeco {
	padding:0;
	border-width:0 !important;
}
.post img.alignright.nodeco {
	padding:0;
	border-width:0 !important;
}

/*リスト*/
.post ul li {
    margin: 0px 0px 10px 20px !important;
    list-style: outside none disc;
}
.post ol li {
    margin: 0px 0px 10px 20px !important;
    list-style: outside none decimal;
}
.post ol li ol {
margin-left:0;
}
.post ol li li {
list-style:upper-roman !important;
}



/* 2カラムレイアウト　余白設定
------------------------------------------------------------*/
@media only screen and (min-width: 1024px){
div.column2_50 h2,
div.column2_50 h3,
div.column2_50 p,
div.column2_70 h2,
div.column2_70 p,
div.column3_33 img {
width:90% !important;
margin:auto !important;
}
div.column2_50 h2,
div.column2_50 h3,
div.column2_70 h2,
div.column2_70 h3 {
margin-bottom:.7em !important;
}
}

/* テーブルボーダー修正
--------------------*/
.post table.clear {
border-left-width:0;
}

/*GoogleMap埋め込み対処
-----------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*リンク文字色*/
.post a {
color:#1f5ad0;
}
.post a:hover {
text-decoration:underline;
}


/* サイト説明背景色
--------------------*/
#header .bg {
    background: transparent;
}
#header h1 {
	color:#666;
}

/* グローバルメニュー背景色
--------------------*/
nav#mainNav {
    background: transparent;
}
@media print, screen and (min-width: 1024px) {
nav#mainNav ul li {
    border-width: 0px !important;
	margin-right:2px;
}
nav#mainNav ul li a {
	color: #002871;
	padding: 15px 60px 5px 60px;
	background:url(images/gn_off.png) no-repeat 50% 100% ;
}
nav#mainNav ul li a:hover {
	background:url(images/gn_on.png) no-repeat 50% 100% ;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a {
	background-color: transparent;
	background:url(images/gn_on.png) no-repeat 50% 100% ;
}
/*プルダウンメニュー*/
nav#mainNav ul li li {
background-color:#FFFFFF;
}
nav#mainNav ul li li a {
	color: #002871;
	background:url(images/gn_off.png) no-repeat 50% 100% !important ;
}
nav#mainNav ul li li a:hover {
	background:url(images/gn_on.png) no-repeat 50% 100%  !important;
}
nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li a:hover, nav#mainNav ul li li a:active, nav#mainNav ul li li.current-menu-parent a {
	background-color: transparent;
	background:url(images/gn_on.png) no-repeat 50% 100% !important ;
}
}

/* パンくずメニュー
--------------------*/
#breadcrumb {
    background-color: #ddd;
    margin-top: 10px;
}
#breadcrumb ul li a,
#breadcrumb ul li {
    color: #666;
}

/*テキストボタン*/
.btntxt {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6fbcf0), color-stop(1, #328ecf));
	background:-moz-linear-gradient(top, #6fbcf0 5%, #328ecf 100%);
	background:-webkit-linear-gradient(top, #6fbcf0 5%, #328ecf 100%);
	background:-o-linear-gradient(top, #6fbcf0 5%, #328ecf 100%);
	background:-ms-linear-gradient(top, #6fbcf0 5%, #328ecf 100%);
	background:linear-gradient(to bottom, #6fbcf0 5%, #328ecf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fbcf0', endColorstr='#328ecf',GradientType=0);
	background-color:#6fbcf0;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-weight:bold;
	padding:8px 25px;
	text-decoration:none;
	text-shadow:-1px -1px 0px #5b6178;
}
.btntxt:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #328ecf), color-stop(1, #6fbcf0));
	background:-moz-linear-gradient(top, #328ecf 5%, #6fbcf0 100%);
	background:-webkit-linear-gradient(top, #328ecf 5%, #6fbcf0 100%);
	background:-o-linear-gradient(top, #328ecf 5%, #6fbcf0 100%);
	background:-ms-linear-gradient(top, #328ecf 5%, #6fbcf0 100%);
	background:linear-gradient(to bottom, #328ecf 5%, #6fbcf0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#328ecf', endColorstr='#6fbcf0',GradientType=0);
	background-color:#328ecf;
	color:#ffffff;
	text-decoration:none !important;
}
.btntxt:active {
	position:relative;
	top:1px;
}

/* ヘッダ
--------------------*/

body {
background:url(images/body_bg.jpg) repeat-x 50% 0;
}
/*body header {
background:url(images/header_bg.jpg) no-repeat 50% 0;
}
*/
#header-layout {
    padding: 10px 0 20px;
}

article header {
background-image:none;
}

#header .description {
    color: #fff;
}

/* 見出し
--------------------*/
h5 {
border-left: 4px solid #aaa;
padding-left: 5px;
}

/* ローカルメニュー
--------------------*/
section.widget {
border-width:0}
section.widget ul {
padding:0}

section.widget li:last-child {
margin-bottom:5px;
}
section.widget li:last-child a  {
background-color:#1e8cdd;
color:#FFFFFF;
display:block;
margin-bottom:6px;
}
section.widget li:last-child a :hover {
color:#ccc;
}


section.widget ul ul {
padding:0;
}
section.widget ul ul li {
background-color:#c4e6ff;
margin-bottom:5px;
border-left:#92c8f3 solid 10px;
}
section.widget ul ul li a {
background-color:#c4e6ff !important;
color:#000000 !important;
font-weight:bold;
}
section.widget ul ul li a:hover {
color:#666 !important;
}

/*テーブル　マトリックス
-----------------------------------*/
table.matrix {
width:96%;
margin:0 auto 2em;}
table.matrix td {
text-align:center;
vertical-align:middle;
}
table.matrix th {
vertical-align:middle;
width:25%;
}


/* 個別ページ設定
=============================================================*/

/* ■トップページ設定 
-------------------------------------------------*/
body.page-top {
background-color:#1f1b21 !important;
background:url(images/top_head_bg.jpg) repeat-x 50% 0;
}
body.page-top #header-layout {
display:none;
}
body.page-top #header .bg {
    background: #fff;
}

/* ロゴ */
@media print, screen and (min-width: 640px) {
#header .logo{
text-align:left;
display:block;
}
}
@media print, screen and (max-width: 750px) {
#header .logo{
margin-top:0;
}
}

/* メイン画像
-------------------------------------------------------- */
/* トップページ以外では非表示に */
#mainimg_custom{
display:none;
}

@media print, screen and (min-width: 1000px) {
.page-top #mainimg_custom{
max-width:959px;
height:471px;
margin:auto;
padding-top:60px;
display:block;
position:relative;
}
.page-top #mainimg_custom img.bg{
position: absolute;
z-index:1;
}


/* メイン画像のボタン
------------------- */
.page-top #mainimg_custom a.btn01,
.page-top #mainimg_custom a.btn01:link,
.page-top #mainimg_custom a.btn01:visited,
.page-top #mainimg_custom a.btn02,
.page-top #mainimg_custom a.btn02:link,
.page-top #mainimg_custom a.btn02:visited,
.page-top #mainimg_custom a.btn03,
.page-top #mainimg_custom a.btn03:link,
.page-top #mainimg_custom a.btn03:visited,
.page-top #mainimg_custom a.btn04,
.page-top #mainimg_custom a.btn04:link,
.page-top #mainimg_custom a.btn04:visited,
.page-top #mainimg_custom a.btn05,
.page-top #mainimg_custom a.btn05:link,
.page-top #mainimg_custom a.btn05:visited,
.page-top #mainimg_custom a.btn06,
.page-top #mainimg_custom a.btn06:link,
.page-top #mainimg_custom a.btn06:visited,
.page-top #mainimg_custom a.btn07,
.page-top #mainimg_custom a.btn07:link,
.page-top #mainimg_custom a.btn07:visited,
.page-top #mainimg_custom a.btn08,
.page-top #mainimg_custom a.btn08:link,
.page-top #mainimg_custom a.btn08:visited,
.page-top #mainimg_custom a.btn09,
.page-top #mainimg_custom a.btn09:link,
.page-top #mainimg_custom a.btn09:visited,
.page-top #mainimg_custom a.btn10,
.page-top #mainimg_custom a.btn10:link,
.page-top #mainimg_custom a.btn10:visited,
.page-top #mainimg_custom a.btn11,
.page-top #mainimg_custom a.btn11:link,
.page-top #mainimg_custom a.btn11:visited,
.page-top #mainimg_custom a.btn12,
.page-top #mainimg_custom a.btn12:link,
.page-top #mainimg_custom a.btn12:visited,
.page-top #mainimg_custom a.btn13,
.page-top #mainimg_custom a.btn13:link,
.page-top #mainimg_custom a.btn13:visited,
.page-top #mainimg_custom a.btn14,
.page-top #mainimg_custom a.btn14:link,
.page-top #mainimg_custom a.btn14:visited {
background: url(images/clear.png) transparent no-repeat 0 0;
display:block;
position: absolute;
width:130px;
height:130px;
margin:0;
padding:0;
z-index:11;
}

.page-top #mainimg_custom a.btn01 { top:70px; left:0;}
.page-top #mainimg_custom a.btn02 { top:70px; left:138px;}
.page-top #mainimg_custom a.btn03 { top:70px; left:276px;}
.page-top #mainimg_custom a.btn04 { top:70px; left:414px;}
.page-top #mainimg_custom a.btn05 { top:70px; left:552px;}
.page-top #mainimg_custom a.btn06 { top:70px; left:690px;}
.page-top #mainimg_custom a.btn07 { top:70px; left:828px;}

.page-top #mainimg_custom a.btn08 { top:319px; left:0;}
.page-top #mainimg_custom a.btn09 { top:319px; left:138px;}
.page-top #mainimg_custom a.btn10 { top:319px; left:276px;}
.page-top #mainimg_custom a.btn11 { top:319px; left:414px;}
.page-top #mainimg_custom a.btn12 { top:319px; left:552px;}
.page-top #mainimg_custom a.btn13 { top:319px; left:690px;}
.page-top #mainimg_custom a.btn14 { top:319px; left:828px;}

.page-top #mainimg_custom a.btn01:hover{
background: url(images/main01.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn02:hover{
background: url(images/main02.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn03:hover{
background: url(images/main03.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn04:hover{
background: url(images/main04.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn05:hover{
background: url(images/main05.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn06:hover{
background: url(images/main06.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn07:hover{
background: url(images/main07.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn08:hover{
background: url(images/main08.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn09:hover{
background: url(images/main09.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn10:hover{
background: url(images/main10.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn11:hover{
background: url(images/main11.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn12:hover{
background: url(images/main12.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn13:hover{
background: url(images/main13.png) transparent no-repeat 0 0;
}
.page-top #mainimg_custom a.btn14:hover{
background: url(images/main14.png) transparent no-repeat 0 0;
}

/* スライドショーを非表示 */
#mainImg{
display:none;
}
}
@media print, screen and (max-width: 1000px) {
#mainimg_custom{
display:none;
}
}

/* NEWS */
.postlist {
background-color: transparent;
border-width:0;
}
h1.title.bottom-loop {

/*background:transparent url(images/newsbg.png) 50% 50% repeat-x;*/
padding: 7px 10px;
border-radius:50px;
text-align:center;
background-color:#009f87;
font-size:120%;
font-weight:bold;
margin-top:.5em !important;
}

.date,
.time a,
body.page-top .ttls a {
color:#fff;
}
.ttls a {
text-decoration: underline;
}
p.date {
padding:3px 6px;
border-radius:5px;
background-color:#009f87;
}
p.time {
margin-right:6px;
}
.post ul.postlist li {
border-bottom: 1px dotted #e0e0e0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
	list-style:inside none !important;
	margin-left: 0 !important;
	color:#FFFFFF !important;
}


/* フッタ
--------------------*/
body.page-top #footer {background-color:#f2f2f2;}
body.page-top #copyright {background: #000;}
body.page-top .copyright {padding: 15px 5px;}


/* ■トップページ
-------------------------------------------------*/
.home #wrapper {
margin-top:2em;
}
.home h1.title {
    padding: 7px 10px 5px;
    color: #ffffff;
    font-size: 120%;
	font-weight:bold;
    background: #009f87;
	border-radius:50px;
	text-align:center;
}
.home .post {
    background-color: transparent;
    border: 0px solid #dadada;
	margin-bottom:0;
}

/* ■Q&Aページ 
-------------------------------------------------*/
.post ul.qa {
margin:0 15px 10px;
}
ul.qa li {
list-style:none;
background-color:#F5EEDE;
border: 1px solid #426ccf;
margin-left:0 !important;
text-align:left;
}
ul.qa li a {
    color: #000;
    font-weight: bold;
    font-size: 100%;
	display:block;
}

ul.qa li img {
display:inline-block;
margin-right:10px;
}

dl.qa dt {
color:#c85d5d;
font-size:120%;
margin-bottom:.5em
}
dl.qa dd {
padding-left:25px;
border-bottom:1px dashed #666;
margin-bottom:1.5em;
}
dl.qa span.answer {
display:inline-block;
margin-left:-25px;
color:#56aceb;
font-weight:bold;
}


/* ■工法の紹介 
-------------------------------------------------*/
table.methodtbl {
width:100%;
margin:0 auto 1.5em;
}
table.methodtbl th,
table.methodtbl td {
padding:3px;
}
table.methodtbl th {
text-align:center;
vertical-align:middle;
}

/* タブボタン */
ul.tabbtn {
border-bottom:2px solid #057fd0;
margin:0 0 20px 0;
}
ul.tabbtn li {
display:inline-block;
margin:0 5px 0 0 !important;
border-bottom-width:0;
}
ul.tabbtn li .btntxt {
padding:3px 20px;
border-radius:5px 5px 0 0;
}
ul.tabbtn li .btntxt.on {
background: #fff;
color:#000 !important;
text-shadow:0px 0px 0px #fff;
}


/* ■組織図 
-------------------------------------------------*/
table.org {
width:96% !important;
margin:0 auto;}
table.org th,
table.org td {
padding:0 !important;
}
table.org p,
table.org ul {
margin-top:.5em !important;
padding-bottom:.5em !important;
}
.btn01 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	color:#ffffff;
	font-size:19px;
	font-weight:bold;
	padding:9px 37px;
	text-shadow:0px 1px 0px #333;
	text-align:center;
}
.btn02 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #87c2b4), color-stop(1, #279177));
	background:-moz-linear-gradient(top, #87c2b4 5%, #279177 100%);
	background:-webkit-linear-gradient(top, #87c2b4 5%, #279177 100%);
	background:-o-linear-gradient(top, #87c2b4 5%, #279177 100%);
	background:-ms-linear-gradient(top, #87c2b4 5%, #279177 100%);
	background:linear-gradient(to bottom, #87c2b4 5%, #279177 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87c2b4', endColorstr='#279177',GradientType=0);
	background-color:#87c2b4;
	color:#ffffff;
	font-size:19px;
	font-weight:bold;
	padding:9px 37px;
	text-shadow:0px 1px 0px #333;
	text-align:center;
}
.btn03 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b1cfb5), color-stop(1, #72a879));
	background:-moz-linear-gradient(top, #b1cfb5 5%, #72a879 100%);
	background:-webkit-linear-gradient(top, #b1cfb5 5%, #72a879 100%);
	background:-o-linear-gradient(top, #b1cfb5 5%, #72a879 100%);
	background:-ms-linear-gradient(top, #b1cfb5 5%, #72a879 100%);
	background:linear-gradient(to bottom, #b1cfb5 5%, #72a879 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1cfb5', endColorstr='#72a879',GradientType=0);
	background-color:#b1cfb5;
	color:#ffffff;
	font-size:19px;
	font-weight:bold;
	padding:9px 37px;
	text-shadow:0px 1px 0px #333;
	text-align:center;
}
.btn01s {
	background-color:#dee3ec;
	color:#3d5791;
	font-size:16px;
	padding:9px 37px;
	text-align:center;
}
.btn02s {
	background-color:#d9ece7;
	color:#3d5791;
	font-size:16px;
	padding:9px 37px;
	text-align:center;
}
.btn03s {
	background-color:#e6f0e7;
	color:#3d5791;
	font-size:16px;
	padding:9px 37px;
	text-align:center;
}
/*会長の改行（2024/7/24追記）*/
.chairman {display: flex;}
.br01 {
	display:inline-block;
	margin-left:.5em;
}
@media print, screen and (max-width: 800px) {
	.chairman {display: table-cell;}
	.br01 {
		display:block;
		margin-left:0;
	}
}

/* ■お問い合わせ
-------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
    width: 60%;
}