/*
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;
	background:url(/images/common/bg_top02.jpg) repeat-x center top;
	color:#000;
	font-size:81%;
	min-width:920px;
	line-height:1.6;
}
body.home {
	background:url(/images/common/bg_top01.jpg) repeat-x center top;
}
#wrapper {
	background:url(/images/common/bg_wrap02.jpg) no-repeat center top;
	overflow:hidden;
}
.home #wrapper {
	background:url(/images/common/bg_wrap01.jpg) no-repeat center top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
img {
	vertical-align:middle;
	border: none;
}
a:link,a:visited {
	color:#00a8ff;
	text-decoration:underline;
	outline-style:none;
}
a:active,
a:hover {
	color:#44bdfc;
	text-decoration:none;
}

/*----------------------------------------
■汎用クラス
-----------------------------------------*/
.icon_link{
	background:url(/images/item/icon_link.png) no-repeat left center;
	padding-left:20px;
}

/* title */
.cmnTit01 {
	background:url(/images/item/tit01_top.jpg) no-repeat left top;
	margin:0 0 18px;
	zoom:1;
}
.cmnTit01 > *{
	font-size:107%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	background:url(/images/item/tit01_bt.jpg) no-repeat left bottom;
	padding:14px 15px 13px 30px;
	zoom:1;
}
.cmnTit01 > * a{
	color:#fff;
}
.cmnTit02 {
	background:#222;
	padding:5px 0 5px 44px;
	margin:0 0 18px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
	behavior:url(/wp-content/themes/decade/lib/PIE.php);
}
.cmnTit02.flow { background:#222 url(/images/item/tit02_flow.gif) no-repeat 15px 14px; }
.cmnTit02.blog { background:#222 url(/images/item/tit02_blog.gif) no-repeat 14px 10px; }

.cmnTit02 > * {
	font-size:107%;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	padding:9px 15px 7px 14px;
	border-left:1px solid #666;
}
.cmnTit02 > * a {
	color:#fff;
}
.cmnTit03 {
	font-size:107%;
	font-weight:bold;
	color:#fff;
	background:#333 url(/images/item/tit02_ico.gif) no-repeat 12px 11px;;
	padding:11px 15px 9px 43px;
	margin:0 0 15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
	behavior:url(/wp-content/themes/decade/lib/PIE.php);
}

/* table */
.table-a{
	width:100%;
}
.table-a th{
	font-weight:normal;
	color:#fff;
	background:#3088c6;
	vertical-align:top;
	text-align:left;
	width:130px;
	padding:10px 15px;
	border:1px solid #ccc;
}
.table-a td{
	vertical-align:middle;
	padding:10px 15px;
	border:1px solid #ccc;
}
.table-b{
	width:100%;
	border:2px solid #d0d0d0;
}
.table-b th{
	font-weight:normal;
	background:#efefef;
	vertical-align:top;
	text-align:left;
	width:150px;
	padding:8px 15px;
	border-bottom:1px dotted #666;
}
.table-b td{
	vertical-align:middle;
	padding:8px 15px;
	border-bottom:1px dotted #666;
}

/* photo */
.photo01 img {
	border:5px solid #dcdcdc;
}

/* お問い合わせ */
#contactBnr{
	padding:10px 0 0;
}

/* wp_pagenavi */
.wp-pagenavi{
	clear:both;
	text-align:center;
	padding-bottom:30px;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited {
	background:#fff;
	text-decoration:none;
	padding:0.3em 0.7em;
	margin:2px;
	border:1px solid #d0d0d0;
}
.wp-pagenavi a:hover {
	text-decoration:none;
	color:#fff;
	background:#0f85d0;
	border:1px solid #0f85d0!important;
}
.wp-pagenavi span.pages {
	background:#fff;
	padding:0.3em 0.7em;
	margin:2px;
	border:1px solid #d0d0d0;
}
.wp-pagenavi span.current,
.wp-pagenavi span.extend {
	padding:0.3em 0.7em;
	margin:2px;
}
.wp-pagenavi span.current {
	color:#fff;
	background:#064793;
	border:1px solid #064793!important;
}

/* pagemnavi */
.pagenavi {
	line-height:1.4;
	clear:both;
	padding:0 0 30px;
	position:relative;
}
.pagenavi .back{
	background: url(/images/item/ico03.gif) no-repeat left 2px;
	width:300px;
	float:left;
	padding:0 20px;
}
.pagenavi .next{
	background: url(/images/item/ico01.gif) no-repeat right 2px;
	text-align:right;
	width:300px;
	float:right;
	padding:0 20px;
}

/*----------------------------------------
■header
-----------------------------------------*/
#site-header{
	position:relative;
	z-index:100;
}
#site-header-inner{
	width:920px;
	height:101px;
	margin:0 auto;
	position:relative;
}
#site-header h1{
	font-size:84%;
	font-weight:normal;
	color:#85afc8;
	padding:12px 0 0;
}
#site-header #logo{
	position:absolute;
	top:40px;
	height:0;
}
#hd_contents{
	background:url(/images/header/bg01.png) no-repeat left top;
	width:331px;
	height:111px;
	padding:0 5px 5px 0;
	position:absolute;
	top:0;
	right:0;
}
#hd_social{
	background:url(/images/header/bg01.png) no-repeat left top;
	width:331px;
	height:33px;
	padding:12px 0 0 14px;
}
#hd_social li{
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
#hd_social li img{
	vertical-align:top;
}
#hd_contact li{
	float:left;
}

/*----------------------------------------
■メインビジュアル
-----------------------------------------*/
#mainvisual{
	width:920px;
	height:181px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.home #mainvisual{
	height:493px;
	margin:-101px auto 0;
}
#mainvisual .rhinofader{
	width:1280px;
	margin-left:-180px;
}
#sub-mainvisual {
	background:#808080;
	padding:30px 0 30px 30px;
}
#sub-mainvisual>p {
	font-size:180%;
	color:#fff;
}

/*----------------------------------------
■global-nav
-----------------------------------------*/
#global-nav{
	width:920px;
	margin:0 auto;
}
#global-nav ul{
	list-style:none;
	width:920px;
}
#global-nav li{
	display:inline;
}
#global-nav a{
	background:url(/images/gnavi/gnavi.jpg) no-repeat 0 0;
	float:left;
	display:block;
	height:75px;
	overflow:hidden;
	text-indent:-100%;
	white-space:nowrap;	
}
#global-nav .globalNavi1 a{
	width:133px;
}
#global-nav .globalNavi2 a{
	background-position:-133px 0;
	width:174px;
}
#global-nav .globalNavi3 a{ 
	background-position:-307px 0;
	width:153px;
}
#global-nav .globalNavi4 a{ 
	background-position:-460px 0;
	width:153px;
}
#global-nav .globalNavi5 a{ 
	background-position:-613px 0;
	width:153px;
}
#global-nav .globalNavi6 a{ 
	background-position:-766px 0;
	width:154px;
}
#global-nav .globalNavi1 a:hover,
.home #global-nav .globalNavi1 a{
	background-position:0 -75px;
}
#global-nav .globalNavi2 a:hover,
.page-id-1228 #global-nav .globalNavi2 a{
	background-position:-133px -75px;
}
#global-nav .globalNavi3 a:hover,
.page-id-1232 #global-nav .globalNavi3 a{
	background-position:-307px -75px;
}
#global-nav .globalNavi4 a:hover,
.page-id-1236 #global-nav .globalNavi4 a{
	background-position:-460px -75px;
}
#global-nav .globalNavi5 a:hover,
.page-id-1240 #global-nav .globalNavi5 a{
	background-position:-613px -75px;
}
#global-nav .globalNavi6 a:hover,
.page-id-2 #global-nav .globalNavi6 a{
	background-position:-766px -75px;
}

/*----------------------------------------
■main
-----------------------------------------*/
#main{
	background:url(/images/common/bg_container.gif) repeat-y left top;
	width:920px;
	margin:0 auto;
	padding:33px 0 130px;
}

/*----------------------------------------
■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-bottom:18px;
}

/*----------------------------------------
■side
-----------------------------------------*/
.layout-column2-left #side-left{
	width:184px!important;
	padding-left:8px;	
}
/* menu */
#nav_menu-2 {
	background:url(/images/side/bg_menu_bt.jpg) no-repeat left bottom;
	width:184px;
	margin:0 0 31px;
}
#nav_menu-2 ul{
	background:url(/images/side/bg_menu_top.jpg) no-repeat left top;
	padding:3px 6px 4px 6px;
}
#nav_menu-2 li a{
	font-size:92%;
	color:#fff;
	text-decoration:none;
	background:url(/images/side/bg_menu.gif) no-repeat left bottom;
	display:block;
	height:28px;
	padding:14px 20px 0 8px;
}
#nav_menu-2 li:first-child a{
	padding:12px 20px 0 8px;
}
#nav_menu-2 li a:hover{
	text-decoration:underline;
}

/* バナー */
#widget_banner-2 {
	padding:0 0 14px;
}
#widget_banner-2 li{
	text-align:center;
	padding:0 0 16px;
}

/* 施工事例・お知らせ */
.widget_area.gallery,
.widget_area.blog{
	background:#333 url(/images/side/bg01.jpg) no-repeat left bottom;
	margin:0 0 20px;
}
.widget_area.gallery ul,
.widget_area.blog ul{
	padding:0 10px 5px 10px;
}
.widget_area.gallery li,
.widget_area.blog li{
	padding:9px 3px;
	border-top:1px dotted #717171;
}
.widget_area.gallery li:first-child,
.widget_area.blog li:first-child{
	border-top:none;
}
.widget_area.gallery li a,
.widget_area.blog li a{
	font-size:92%;
	color:#fff;
}

/* ウィジェット */
.widget_area.blog ul{
	list-style:none;
	margin-bottom:10px;
}
.widget_area.property h2{
	background:#a6a6a6;
	padding:6px;
	font-weight:normal;
}
.widget_area.property ul{
	list-style:none;
	margin-bottom:10px;
}
.widget_area.item h2{
	background:#a6a6a6;
	padding:6px;
	font-weight:normal;
}
.widget_area.item ul{
	list-style:none;
	margin-bottom:10px;
}

/* facebook・twitter */
#facebook_twitter ul{
	list-style:none;
	margin-bottom:10px;
}
#facebook_twitter ul li{
	float:left;
}
#facebook_twitter ul li a{
	display:block;
	width:92px;
	height:41px;
	overflow:hidden;
	text-indent:-100px;
	overflow:hidden;
	outline-style:none;
}
#btn_facebook{
	background:url(/images/side/bg_facebook.jpg) no-repeat left top;
}
#btn_twitter{
	background:url(/images/side/bg_twitter.jpg) no-repeat left top;
}
.ui-tabs-active #btn_facebook{
	background:url(/images/side/bg_facebook_sel.jpg) no-repeat left top;
}
.ui-tabs-active #btn_twitter{
	background:url(/images/side/bg_twitter_sel.jpg) no-repeat left top;
}
#tabs_facebook iframe{
	background:#ffffff;
}
#facebook_twitter_box{
	position:relative;
	height:330px;
}
#tabs_facebook,
#tabs_twitter{
	position:absolute;
	left:0;
	top:0;
}
#tabs_facebook{
	display:none;
}

/*----------------------------------------
■footer
-----------------------------------------*/
#site-footer{
	background:#1d1d1d;
	height:186px;
}
#site-footerinner{
	color:#ababab;
	width:920px;
	height:186px;
	margin:0 auto;
	position:relative;
}
#ft_logo{
	position:absolute;
	top:20px;
	left:0;
}
#footer-nav{
	padding:20px 0 18px 475px;
}
#footer-nav ul{
	list-style:none;
}
#footer-nav li{
	line-height:2.0;
	background:url(/images/common/f_line.gif) no-repeat left center;
	white-space:nowrap;
	float:left;
	padding:0 7px;
}
#footer-nav li.noBg{
	background:none;
}
#footer-nav li a{
	font-size:92%;
	color:#ababab;
}
#ft_addr{
	font-size:92%;
	text-align:center;
	padding:11px 0;
	border-top:1px solid #3d3d3d;
	border-bottom:1px solid #3d3d3d;
}
#footer-copyright{
	font-size:84%;
	text-align:center;
	padding:8px 0 0;
}

/* Back to top button */
#back-top {
	display:block!important;
	opacity:1!important;
	position:absolute;
	top:-30px;
	right:0;
}
#back-top a {
	width:78px;
	height:30px;
	display:block;
}
#back-top span {
	width:78px;
	height:30px;
	display:block;
	background:url(/images/common/f_pagetop.gif) no-repeat center center;
	cursor:pointer;
}

/*----------------------------------------
■404 NOT FOUND
-----------------------------------------*/
.error404 #contactBnr {
	padding:40px 0 0;
}

/*----------------------------------------
■TOP
-----------------------------------------*/
#message {
	background:url(/images/top/bg_message.jpg) no-repeat left top;
	width:640px;
	padding:21px 18px 19px 20px;
	margin-bottom:34px;
	border:1px solid #e5e4e4;
}
#message .txtClm {
	width:411px;
	float:left;
}
#message .imgClm {
	width:209px;
	float:right;
	padding:1px 0 0;
}
#message h3{
	margin:0 0 13px;
}
#message p{
	line-height:1.7;
}
#message ul{
	padding:17px 0 0;
}
#message li{
	float:left;
	margin:0 8px 0 0;
}

/* サービス内容 */
#topService {
	padding-bottom:35px;
	*padding-bottom:57px;
}
#topService ul {
	width:700px;
	margin:0 -20px 0 0;
}
#topService li {
	background:#f1f1f1;
	width:328px;
	float:left;
	margin:0 20px 22px 0;
	border:1px solid #d0d0d0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
	behavior:url(/wp-content/themes/decade/lib/PIE.php);
}
#topService li p{
	line-height:1.5;
	padding:12px 14px;
}

/* エリア・流れ */
#topAreaFlow {
	margin:0 0 40px;
}
#topAreaFlow ul{
	width:697px;
	margin:0 -17px 0 0;
}
#topAreaFlow li{
	width:215px;
	float:left;
	margin:0 17px 0 0;
}

/* お知らせ */
#news{
	margin:0 0 42px;
}
#news dt{
	font-weight:bold;
	background:url(/images/item/ico02.gif) no-repeat 15px 15px;
	width:100px;
	padding:10px 0 10px 36px;
	float:left;
	clear:both;
}
#news dd{
	padding:10px 0 10px 136px;
	border-bottom:1px dotted #989898;
}
#news dd a{
	color:#000;
	text-decoration:none;
}
#news dd a:hover{
	text-decoration:underline;
}

/*----------------------------------------
■ページ共通
-----------------------------------------*/
.serviceBox01 {
	margin:0 0 40px;
}
.serviceBox01 .three_boxes {
	padding-top:20px;
}

/*----------------------------------------
■NTT取次業務
-----------------------------------------*/
#nttFlets {
	padding-bottom:20px;
}
.nttBox {
	background:#f8f8f8;
	padding:20px;
	width:630px;
	margin-bottom:20px;
	border:5px solid #ddd;
}
.nttBox dt {
	font-size:123%;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	background:#0086e0 url(/images/ntt/tit01_bg.jpg) no-repeat left top;
	text-align:center;
	padding:24px 15px 21px;
	width:170px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
	behavior:url(/wp-content/themes/decade/lib/PIE.php);
}
.nttBox dd {
	width:390px;
}

/* タイトル左 */
.nttBox .titLeft { background:url(/images/item/line01.gif) repeat-y 220px top; }
.nttBox .titLeft dt { float:left }
.nttBox .titLeft dd { float:right }

/* タイトル右 */
.nttBox .titRight { background:url(/images/item/line01.gif) repeat-y 409px top; }
.nttBox .titRight dt { float:right }
.nttBox .titRight dd { float:left }

/*----------------------------------------
■求人募集
-----------------------------------------*/
#recruitTxt01 {
	color:#FFF;
	background:url(/images/recruit/bg01.jpg) no-repeat left top;
	padding:20px 30px 0px 240px;
	height:200px;
	width:410px;
}

/*----------------------------------------
■エリア・流れ
-----------------------------------------*/
#area {
	margin:0 0 15px;
}
#area h4{
	font-weight:bold;
	color:#0d6db4;
}

/* 施工の流れ */
#flow {
	padding:0 0 10px;
}

/* よくある質問 */
#faq {
	padding:0 0 20px;
}
#faq dl{
	padding:0 0 20px;
}
#faq dt{
	font-size:107%;
	font-weight:bold;
	line-height:1.4;
	background:url(/images/area_flow/ico_q.gif) no-repeat 10px top;
	padding:4px 10px 8px 45px;
	margin-bottom:10px;
	border-bottom:2px solid #dcdcdc;
}
#faq dd{
	background:#f2f9fd url(/images/area_flow/ico_a.gif) no-repeat 10px 10px;
	padding:13px 20px 13px 45px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
	behavior:url(/wp-content/themes/decade/lib/PIE.php);
}

/*----------------------------------------
■施工事例
-----------------------------------------*/
/* 一覧 */
.gallery_list{
	list-style:none;
	margin:0 -13px 0 0;
	padding-bottom:25px;
	*padding-bottom:45px;
}
.gallery_list li{
	width:160px;
	float:left;
	margin:0 13px 20px 0;
}
.gallery_list li p.name{
	background:url(/images/item/ico01.gif) no-repeat 2px 10px;
	line-height:1.4;
	padding:9px 0 0 20px;
	zoom:1;
}

/* 詳細 */
#beforeafter_box{
	float:right;
	width:470px;
	margin:0 30px 0 0;
}
.before_after{
	display:none;
}
.balinkswrap{
	display:none;
	margin:0 0 30px;
	position:relative;
}
.balinksleft{
	float:left;
	padding-top:20px;
}
.balinksright{
	float:right;
	padding-top:20px;
}
.gallery_switch{
	list-style:none;
	float:left;
	width:130px;
}
.gallery_switch li{
	width:146px;
	margin:0 0 4px 0;
}
.gallery_photo{
	list-style:none;
	padding:0 0 15px 0;
}
.gallery_photo li{
	padding:0 0 15px 0;
}
.gallery_photo li img{
	float:left;
	margin:0 16px 0 0;
}
.gallery_text {
	padding-bottom:30px;
}

/*----------------------------------------
■会社概要
-----------------------------------------*/
/* 当社の強み */
#policy {
	background:url(/images/company/bg_policy.jpg) no-repeat left top;
	padding:0 19px 11px;
	margin:0 0 40px;
	border:1px solid #e5e4e4;
}
#policy h3 {
	margin:-1px 0 13px;
}

/* 主要実績 */
#works {
	padding:0 0 15px;
}
#works h4{
	margin:0 0 10px;
}
#works h4 span{
	font-weight:bold;
	color:#fff;
	background:#013978;
	padding:3px 10px 1px;
}
#works table{
	width:100%;
	margin:0 0 25px;
	border-top:1px solid #d0d0d0;
}
#works td{
	padding:9px 15px;
	width:50%;
	border-bottom:1px solid #d0d0d0;
}

/* アクセスマップ */
.googlemap{
	width:100%;
	height:350px;
	margin:0 0 40px;
}

/*----------------------------------------
■blog
-----------------------------------------*/
#blog article {
	margin-bottom:40px;
}
.blog-nomb img{
	margin-bottom:0!important;
}
#blog .body{
	padding-bottom:18px;
}
.postmeta{
	border-top:1px solid #d0d0d0;
	text-align:right;
	padding:12px 0 0;
	position:relative;
}
.single_meta ul{
	list-style:none;
}
.single_meta li{
	float:right;
}
.single_social{
	position:absolute;
	top:12px;
	left:0;
}
.single_social li{
	float:left;
	padding-right:7px;
}

/* comment form */
#respond {
	background:#f8f8f8;
	padding:19px 19px 14px;
	margin:0 0 30px;
	border:3px solid #ddd;
}
#comments,
#respond h3 {
}
#comments a,
#respond h3 a {
	color:#333;
}
.commentlist {
	padding-bottom:20px;
	*padding-bottom:40px;
}
.commentlist > li{
	background:#eff8fe;
	padding:0 20px 0 0;
	margin-bottom:20px;
}
.commentlist .comment-body{
	padding:20px 0 20px 20px;
}
.commentlist .children .comment-body{
	padding:20px 0 20px 20px;
	border-top:1px solid #d0d0d0;
}
.commentlist .children {
	padding:0 0 5px 20px;
}
.commentlist .children li{
	padding:0 0 0 15px;
}
.commentlist .children li .comment-body{
}
.commentlist .comment-body a{
}
#respond h3 {
	font-weight:bold;
	padding:0 0 6px;
	margin-bottom:15px;
	border-bottom:1px solid #d0d0d0;
}
#respond h3 a{
}
#respond p {
	margin-bottom:7px;
}
#commentform input{
	margin-left:5px;
}
#commentform input[type="text"],
#commentform textarea {
	border:1px solid #ccc;
	padding:3px;
}
.form-allowed-tags,.comment-form-comment label {
	display:none;
}

/*----------------------------------------
■お問い合わせ
-----------------------------------------*/
#contactForm {
	margin:0 0 40px;
}
#contactForm th{
	padding:10px 15px;
}
label {
	text-align:left;
}
.wpcf7 input[type="text"],
.wpcf7 textarea {
	border:1px solid #ccc;
	padding:3px;
}
.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
	vertical-align:top;
}
.wpcf7 input[type="text"] {
	width:300px;
}
.wpcf7-textarea {
	width:400px;
	height:180px;
	resize:vertical;
}
.tate span.wpcf7-list-item{
	display:block;
}
.wpcf7 .btn-submit {
	text-align:center;
}
.wpcf7 .wpcf7-submit {
	cursor:pointer;
	text-indent:-9999px;
	background:url(/images/contact/btn01.jpg) no-repeat left top;
	display:block;
	clear:both;
	width:200px;
	height:45px;
	border:none;
	margin:20px auto 0;
}

/* プライバシーポリシー */
#privacy {
	padding-bottom:20px;
}
#privacy h4 {
	font-weight:bold;
	color:#008fe9;
}
#privacy p {
	padding-bottom:20px;
}

/*----------------------------------------
■サイトマップ
-----------------------------------------*/
.menu-sitemap-container {
	margin:0 0 40px;
}
#menu-sitemap li{
	background:url(/images/item/ico02.gif) no-repeat 15px 16px;
	padding:10px 15px 10px 38px;
	border-bottom:1px dotted #989898;
}
#menu-sitemap li a{
	color:#000;
	text-decoration:none;
}
#menu-sitemap li a:hover{
	text-decoration:underline;
}
.taC {
	text-align: center;
	margin-top:30px;
	margin-bottom:30px;
}