/*
Theme Name: DECADE
Theme URI: http://branu.jp/
Author: BRANU,Inc.
Version:3.4
*/
@charset "UTF-8";
/*----------------------------------------
■共通設定
-----------------------------------------*/
body {
	font-family: 'Meiryo', 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
	word-break: break-all;
	word-wrap: break-word;
	background: url(/images/item/bg_body.png) repeat-x center 80px;
	color: #555;
	font-size: 81%;
	min-width: 1000px;
	line-height: 1.7;
}
.home {
	background: url(/images/top/bg_body.png) repeat-x center 80px;
}
#wrapper {
	overflow: hidden;
}
p {
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
img {
	vertical-align: middle;
	border: none;
}
a:link, a:visited {
	color: #04a893;
	text-decoration: underline;
	outline-style: none;
}
a:active, a:hover {
	color: #42d9c6;
	text-decoration: none;
}
/*----------------------------------------
■汎用クラス
-----------------------------------------*/
.title {
	background: #a6a6a6;
	padding: 8px;
	margin-bottom: 20px;
}
.title2 {
	background: #000000;
	color: #ffffff;
	padding: 8px;
	margin-bottom: 20px;
}
.title2 a {
	color: #ffffff;
}
.icon_link {
	background: url(../../../images/item/icon_link.png) no-repeat left center;
	padding-left: 20px;
}
.table-a {
	width: 100%;
	border: solid 1px #000000;
	margin-bottom: 18px;
}
.table-a th {
	padding: 5px;
	font-weight: normal;
	background: #efefef;
	border: solid 1px #000000;
	vertical-align: middle;
}
.table-a td {
	padding: 5px;
	background: #ffffff;
	border: solid 1px #000000;
}
/* table-b */
.table-b {
	width: 100%;
	background: #fff;
}
.table-b th {
	vertical-align: top;
	width: 220px;
	padding: 15px;
	border: 1px solid #7fc7be;
	background: #04a893;
	color: #fff;
	text-align: left;
}
.table-b td {
	padding: 15px;
	border: 1px solid #7fc7be;
}
.table-b .even td {
	background: #e4fbf8;
}
.mb20 {
	margin-bottom: 20px;
}
.mb {
	margin-bottom: 18px;
}
.common_h4 {
	margin: 0 0 20px;
	padding: 10px 20px 10px 37px;
	background: url(/images/item/ico_tit01.png) no-repeat 10px center #eee;
	font-size: 123%;
}
.common_h3 {
	line-height: 1.3;
	margin-bottom: 30px;
	padding: 0 0 10px;
	border-bottom: 3px solid #04a893;
	font-size: 154%;
}
/* contactArea */
#contactArea {
	height: 305px;
	text-align: center;
}
#contactArea h3 {
	margin: 0 0 39px;
	padding: 26px 0 23px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#contactArea li+li {
	margin: 19px 0 0;
}
/* wp-pagenavi */
.wp-pagenavi {
	font-size: 115%;
	font-weight: bold;
	text-align: center;
}
.wp-pagenavi span {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 10px;
	border: 1px solid #04a893;
}
.wp-pagenavi a {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 10px;
	border: 1px solid #04a893;
	background: #04a893;
	color: #fff;
	text-decoration: none;
}
.wp-pagenavi a:hover {
	background: #26c7b2;
}
/* paginavi */
.paginavi {
	padding: 40px 0 0;
}
/* cmnSec01 */
.cmnSec01 {
	padding: 50px 0 0 35px;
}
.cmnSec01 li {
	float: left;
}
.cmnSec01 li+li {
	margin: 0 0 0 50px;
}
/* one_text_img */
.one_text_img {
	margin: 0 0 0 -30px;
}
.one_text_img>div {
	width: 620px;
	margin: 0 0 0 30px;
}
.one_text_img>p {
	width: 270px;
	margin: 0 0 0 30px;
}
/*----------------------------------------
■header
-----------------------------------------*/
#site-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 80px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	background: #04a893;
}
#site-header h1 {
	display: none;
}
/*----------------------------------------
■global-nav
-----------------------------------------*/
#global-nav {
	min-width: 1000px;
}
#global-nav li {
	display: inline;
}
#global-nav a {
	float: left;
	display: block;
	width: 14.2%;
	height: 80px;
	overflow: hidden;
	border-right: 1px solid #50c2b4;
	text-indent: -9999px;
	white-space: nowrap;
}
.globalNavi1 a {
	width: 17%;
	background: url(/images/gnavi/gnavi_bnr_01.png) no-repeat center 0;
}
.globalNavi2 a {
	background: url(/images/gnavi/gnavi_bnr_02.png) no-repeat center 0;
}
.globalNavi3 a {
	background: url(/images/gnavi/gnavi_bnr_03.png) no-repeat center 0;
}
.globalNavi4 a {
	background: url(/images/gnavi/gnavi_bnr_04.png) no-repeat center 0;
}
.globalNavi5 a {
	background: url(/images/gnavi/gnavi_bnr_05.png) no-repeat center 0;
}
.globalNavi6 a {
	background: url(/images/gnavi/gnavi_bnr_06.png) no-repeat center 0;
}
.globalNavi7 a {
	border: none !important;
	background: url(/images/gnavi/gnavi_bnr_07.png) no-repeat center 0;
}
#global-nav a:hover, .page-id-227 .globalNavi2 a, .page-id-158 .globalNavi3 a, .page-id-1265 .globalNavi4 a, .page-id-354 .globalNavi5 a, .page-id-2 .globalNavi6 a, .page-id-115 .globalNavi7 a {
	background-color: #009884;
	background-position: center -80px;
}
/*----------------------------------------
■メインビジュアル
-----------------------------------------*/
#mainvisual {
	position: relative;
	width: 1000px;
	height: 310px;
	margin: 80px auto 0;
}
.home #mainvisual {
	height: 500px;
}
#mainvisual #slideshow, #mainvisual h2 {
	position: absolute;
	top: 0;
	left: -183px;
}
#sub-mainvisual {
	background: #808080;
	padding: 30px 0 30px 30px;
}
#sub-mainvisual>p {
	font-size: 180%;
	color: #fff;
}
/*----------------------------------------
■main
-----------------------------------------*/
#main {
	width: 920px;
	margin: 0 auto 60px;
}
.home #main {
	width: 100% !important;
}
/*----------------------------------------
■contents
-----------------------------------------*/
.layout-column1 #contents {
	margin: 0;
}
.layout-column2-left #contents {
	margin-right: 20px;
}
.layout-column2-right #contents {
	margin-left: 20px;
}
.layout-column3 #contents {
	margin: 0 20px;
}
#pankuzu {
	margin: 0 0 50px;
	padding: 17px 0;
	border-bottom: 1px solid #ccc;
	font-size: 92%;
}
.home #contents {
	width: 100% !important;
}
.blog #contents, .gallery #contents {
	float: right !important;
	width: 680px !important;
	margin: 0 20px 0 0;
}
/*----------------------------------------
■side
-----------------------------------------*/
#side-left {
	float: left;
	width: 200px;
}
#categories-3, #archives-2 {
	margin: 0 0 40px;
}
#categories-3 h2, #archives-2 h2, #recent-posts-2 h2, #widget_1_category-2 h2 {
	margin: 0 0 5px;
}
#categories-3 li, #archives-2 li, #recent-posts-2 li, #widget_1_category-2 li {
	padding: 8px 0 8px 17px;
	border-bottom: 1px dotted #ccc;
	background: url(/images/item/ico_arrow01.png) no-repeat 3px 15px;
}
#widget_banner-2 ul {
	list-style: none;
}
#widget_banner-2 li {
	text-align: center;
	margin-bottom: 10px;
}
#facebook_twitter ul {
	list-style: none;
	margin-bottom: 10px;
}
#facebook_twitter ul li {
	float: left;
}
#facebook_twitter ul li a {
	display: block;
	width: 100px;
	height: 20px;
	overflow: hidden;
	text-indent: -100px;
	overflow: hidden;
	outline-style: none;
}
#btn_facebook {
	background: url(/images/side/bg_facebook.png) no-repeat;
}
#btn_twitter {
	background: url(/images/side/bg_twitter.png) no-repeat;
}
.ui-tabs-active #btn_facebook, .ui-tabs-active #btn_twitter {
	background-position: 0 -30px;
}
#tabs_facebook {
	background: #ffffff;
}
#facebook_twitter_box {
	position: relative;
	height: 300px;
}
#tabs_facebook, #tabs_twitter {
	position: absolute;
	left: 0;
	top: 0;
}
#tabs_facebook {
	display: none;
}
/*----------------------------------------
■footer
-----------------------------------------*/
#site-footer {
	background: #04a893;
	color: #fff;
	font-size: 92%;
	text-align: center;
}
#site-footerinner {
	position: relative;
	padding: 25px 0 17px;
	width: 920px;
	margin: auto;
	background: url(/images/item/QRcode.png) no-repeat 780px 80px;
}
.inner {
	width: 920px;
	margin: auto;
}
#footer-nav {
	position: absolute;
	top: -35px;
	left: 0;
	color: #555;
}
#footer-nav li {
	display: inline-block;
	margin: 0 -2px 0 0;
}
#footer-desc {
	margin: 0 0 5px;
	color: #a4d6ce;
}
#footer-sns {
	position: absolute;
	top: 84px;
	left: 440px;
}
#footer-sns li {
	float: left;
	margin: 0 10px 0 0;
}
#footer-copyright {
	margin: 75px 0 0;
}
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 466px;
	right: 30px;
}
#back-top a {
	width: 40px;
	height: 40px;
	display: block;
}
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../../../images/item/up-arrow.png) no-repeat center center;
	cursor: pointer;
}
/*----------------------------------------
■TOP
-----------------------------------------*/
/* homeSec01 */
.homeSec01 {
	line-height: 2;
	padding: 100px 0 65px;
	text-align: center;
}
.homeSec01 h3 {
	margin: 0 0 35px;
}
/* homeSec02 */
.homeSec02 h3 {
	margin: 0 0 0 -5px;
}
.homeSec02 h3+p {
	width: 320px;
	padding: 30px 0 15px;
}
.homeSec02.even h3 {
	margin: 0 0 0 600px;
}
.homeSec02.even p {
	margin: 0 0 0 605px;
}
.homeSec02.sec01 {
	height: 403px;
	padding: 114px 0 0;
	background: url(/images/top/bg01.jpg) no-repeat center 0;
	color: #fff;
}
.homeSec02.sec02 {
	height: 402px;
	padding: 59px 0 0;
	background: url(/images/top/bg02.jpg) no-repeat center 0;
	color: #fff;
}
.homeSec02.sec03 {
	height: 403px;
	padding: 58px 0 0;
	background: url(/images/top/bg03.jpg) no-repeat center 0;
	color: #fff;
}
.homeSec02.sec04 {
	height: 373px;
	padding: 88px 0 0;
	background: url(/images/top/bg04.jpg) no-repeat center 0;
}
.homeSec02.sec05 {
	height: 373px;
	padding: 88px 0 0;
	background: url(/images/top/bg05.jpg) no-repeat center 0;
}
.homeSec02.sec06 {
	height: 427px;
	padding: 89px 0 0;
	background: url(/images/top/bg06.jpg) no-repeat center 0;
}
/*----------------------------------------
■ダクト製作・取付・種類
-----------------------------------------*/
/* ductSec01 */
.ductSec01 {
	margin: 0 0 80px;
}
.ductSec01 h4 {
	padding: 10px 0 35px;
	text-align: center;
}
.ductSec01 p {
	line-height: 2;
	text-align: center;
}
/* ductSec02 */
.ductSec02 {
	margin: 0 0 80px;
}
.ductSec02>div {
	padding: 39px;
	border: 1px solid #7fc7be;
	background: #e4fbf8;
}
.ductSec02>div+div {
	margin: 30px 0 0;
}
.ductSec02 .pic {
	float: right;
	margin: 0 0 0 30px;
}
.ductSec02 .even .pic {
	float: left;
	margin: 0 30px 0 0;
}
.ductSec02 dt {
	margin: 0 0 15px;
	color: #04a893;
	font-weight: bold;
	font-size: 123%;
}
/* ductSec03 */
.ductSec03>div {
	width: 960px;
	overflow: hidden;
	margin: -30px -40px 80px 0;
}
.ductSec03>div>div {
	float: left;
	width: 440px;
	margin: 30px 40px 0 0;
}
.ductSec03 .pic {
	float: left;
	margin: 0 20px 0 0;
}
.ductSec03 dt {
	margin: 10px 0 5px;
	color: #04a893;
	font-weight: bold;
	font-size: 115%;
}
/* ductSec04 */
.ductSec04 th {
	width: 50%;
	text-align: center;
}
.ductSec04 td {
	text-align: center;
}
/*----------------------------------------
■製作フロー
-----------------------------------------*/
/* flowSec01 */
.flowSec01 li a {
	display: block;
	float: left;
	width: 166px;
	padding: 5px 0;
	border: 1px solid #068a79;
	background: #04a893;
	color: #fff;
	font-size: 123%;
	text-align: center;
	text-decoration: none;
}
.flowSec01 li a:hover {
	background: #26c7b2;
}
.flowSec01 li+li a {
	margin: 0 0 0 20px;
}
.flowSec01 li.no03 a {
	width: 126px;
}
.flowSec01 li.no05 a {
	width: 206px;
}
.flowSec01 li a span {
	padding: 0 0 0 16px;
	background: url(/images/item/ico_arrow02.png) no-repeat 0 5px;
}
.flowSec01>div {
	line-height: 2;
	padding: 80px 0 0;
	text-align: center;
}
.flowSec01>div h4+p {
	padding: 35px 0;
}
/*----------------------------------------
■強み・こだわり
-----------------------------------------*/
/* strengthSec01 */
.strengthSec01 p {
	line-height: 2;
	padding: 40px 0 0;
	text-align: center;
}
.strengthSec01+.strengthSec01 {
	margin: 80px 0 0;
}
/*----------------------------------------
■協力業者募集・採用情報
-----------------------------------------*/
.recruitSec01 {
	padding: 0 0 0 188px;
}
.recruitSec01 li a {
	display: block;
	float: left;
	width: 166px;
	padding: 5px 0;
	border: 1px solid #068a79;
	background: #04a893;
	color: #fff;
	font-size: 123%;
	text-align: center;
	text-decoration: none;
}
.recruitSec01 li a:hover {
	background: #26c7b2;
}
.recruitSec01 li+li a {
	margin: 0 0 0 20px;
}
.recruitSec01 li a span {
	padding: 0 0 0 16px;
	background: url(/images/item/ico_arrow02.png) no-repeat 0 5px;
}
/* recruitSec02 */
.recruitSec02 {
	padding: 80px 0 0;
}
recruitSec02 h3 {
	margin: 0 0 40px;
}
.recruitSec02>div {
	width: 720px;
	margin: 0 auto;
	background: url(/images/recruit/bg_line01.gif) repeat-y center 0;
}
.recruitSec02>div>div {
	padding: 29px;
	border: 1px solid #7fc7be;
	background: #e4fbf8;
}
.recruitSec02>div>div+h4 {
	margin-top: 20px;
}
.recruitSec02 h4 {
	margin: 0 0 20px;
	text-align: center;
}
.recruitSec02 .pic {
	float: left;
	margin: 0 30px 0 0;
}
.recruitSec02 .even .pic {
	float: right;
	margin: 0 0 0 30px;
}
.recruitSec02 dt {
	margin: 0 0 10px;
	color: #04a893;
	font-weight: bold;
	font-size: 123%;
}
/* recruitSec03 */
.recruitSec03 {
	padding: 80px 0 0;
}
.recruitSec03>div {
	margin-bottom: 30px
}
.recruitSec03>div+div {
	margin-bottom: 40px;
}
.recruitSec03 dt {
	margin: 10px 0;
	color: #04a893;
	font-weight: bold;
	font-size: 123%;
}
/*----------------------------------------
■施工事例
-----------------------------------------*/
.gallery_list_outer {
	margin: -30px 0 80px;
}
.gallery_list {
	list-style: none;
	margin: 0 0 0 -16px;
}
.gallery_list li {
	width: 158px;
	float: left;
	margin: 30px 0 0 16px;
}
.gallery_list li p.name {
	line-height: 3;
	height: 40px;
	overflow: hidden;
	text-align: center;
}
.gallery_list .detail {
	text-align: center;
}
#beforeafter_box {
	float: right;
	width: 470px;
	margin: 0 40px 0 0;
}
.before_after {
	display: none;
	margin: 0 0 15px;
}
.balinkswrap {
	display: none;
	/*	height:50px;
	margin:0 0 50px 0;*/
	position: relative;
}
.balinksleft {
	float: left;
}
.balinksright {
	float: right;
}
.gallery_switch {
	list-style: none;
	float: left;
	width: 130px;
}
.gallery_switch li {
	width: 146px;
	margin: 0 0 4px 0;
}
.gallery_photo {
	list-style: none;
	margin: 0 0 50px 0;
}
.gallery_photo li {
	margin: 0 0 20px 0;
}
.gallery_photo li img {
	float: left;
	padding: 0 30px 0 0;
	width: 216px;
}
/*----------------------------------------
■サイトウブログ
-----------------------------------------*/
.blog #contents article {
	margin: 0 0 80px;
}
.blog-nomb img {
	margin-bottom: 0!important;
	width: 114px;
	height: auto;
}
.postmeta {
	margin: 30px 0 0;
	padding: 10px 0;
	border-top: dotted 1px #ccc;
	position: relative;
}
.postmeta ul {
	list-style: none;
}
.postmeta ul li {
	float: left;
}
.single_meta {
	position: absolute;
	right: 0;
	top: 10px;
}
.single_meta li {
	padding-left: 10px;
}
/* comment form */
.form-submit {
	margin-top: 3px;
}
.comment-form-url, .comment-form-email, .comment-form-author, .comment-notes {
	padding: 3px;
}
.logged-in-as {
	text-align: right;
	margin-top: -20px
}
.comment-form-comment textarea {
	width: 670px;
	height: 50px;
}
.form-allowed-tags, .comment-form-comment label {
	display: none;
}
#commentform input {
	margin-left: 5px;
}
#reply-title {
	margin: 0 0 20px;
	padding: 10px 20px 10px 37px;
	background: url(/images/item/ico_tit01.png) no-repeat 10px center #eee;
	font-size: 123%;
}
/*----------------------------------------
■会社情報
-----------------------------------------*/
.page-id-2 table+h3 {
	margin-top: 80px;
}
.googlemap {
	width: 100%;
	height: 450px;
	margin: 0 0 80px;
}
/*----------------------------------------
■お問い合わせ
-----------------------------------------*/
label {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}
.required {
	color: #ff1d1d;
	font-size: 85%;
}
.wpcf7-form>p {
	padding: 20px 0 0;
	text-align: center;
}
.wpcf7 input[type=text], .wpcf7 textarea {
	border: 1px #ccc solid;
	padding: 3px;/* CSS3 */
}
.wpcf7 select {
	border: 1px #ccc solid;
	padding: 3px;
}
.wpcf7 .btn-submit {
	text-align: center;
}
.wpcf7 .wpcf7-submit {
	display: block;
	cursor: pointer;
	clear: both;
	width: 220px;
	height: 50px;
	margin: 30px auto 0 auto;
	border: none;
	background: url(/images/inquiry/btn01.png) no-repeat 0 0;
	text-indent: -9999px;
}
.wpcf7-textarea {
	width: 430px;
	height: 100px;
	resize: vertical;
}
#privacy {
	margin-top: 80px;
}
/*----------------------------------------
■サイトマップ
-----------------------------------------*/
#menu-sitemap li {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
#menu-sitemap li a {
	padding: 0 0 0 17px;
	background: url(/images/item/ico_arrow01.png) no-repeat 3px center;
}
/*----------------------------------------
■コメント
-----------------------------------------*/
#comments .comment-meta {
	position: absolute;
	right: 0;
	top: 0;
}
#comments .comment-body {
	position: relative;
}
#comments .comment-body cite {
	font-style: normal;
	font-weight: bold;
	margin-left: 5px;
}
#comments .comment {
	margin: 20px 0;
}
#comments .children, #comments .comment-body>p, #comments .reply {
	margin-left: 40px
}
#comments .comment-author>span, #comments .comment-author>cite {
	vertical-align: super;
}
/*----------------------------------------
■Flexslider
-----------------------------------------*/
.flex-viewport {
	width: 675px;
}
.slides {
	margin-left: -10px !important;
}
.flex-direction-nav a {
	opacity: 1 !important;
}
.flex-prev {
	background: url(/images/item/prev2.png) 0 0 no-repeat;
}
.flex-next {
	background: url(/images/item/next2.png) 0 0 no-repeat;
}
/*----------------------------------------
■colorbox
-----------------------------------------*/
#cboxOverlay {
	background: #000000 !important;
	opacity: 0.7 !important;
}
.gallery_photo li {
}
.gallery_photo {
	width: 390px;
}
#cboxNext {
	background: url(/images/item/next1.png) 0 0 no-repeat !important;
}
#cboxPrevious {
	background: url(/images/item/prev1.png) 0 0 no-repeat !important;
}
#cboxClose {
	background: url(/images/item/close.png) 0 0 no-repeat !important;
}
#cboxTitle {
	color: #FFFFFF !important;
}
.voice {
	width: 280px;
	float: left;
}
.mt100 {
	margin-top: 100px;
}