@charset "utf-8";
/* CSS Document */
/*
Theme Name: HARIGAYA ARCHTECTURE
Theme URI: http://www.harigaya.com
Description: 針谷建築事務所オリジナルテーマ
Version: 1.00
Author: Yuki Katayama
Author URI: http://www.seeknetusa.net/
*/

body {
	font-family:'ＭＳ Ｐゴシック', sans-serif ;
	line-height:155%;
	font-size:0.75em;
	margin:0;
	background:#999999;
	color:#5f5a55;
	}
	
a{
	color:#73a528;
	text-decoration:underline;
	}

a:hover{
	color:#73a528;
	text-decoration:none;
	}

img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}

p {
	margin:0;
	padding:0;
	}

ul {
	list-style-type: none;
	}

form {
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	}

.left {
	float:left;
	}
	
.right {
	float:right;
	}

.clear {
	clear:both;
	line-height:1px !important; }

/* ------------------------------------------------------------------------- */
/* Common */
/* ------------------------------------------------------------------------- */

.clear{			clear:both;	}
.left{			float:left; }
.right{			float:right; }

.alignCenter{	text-align:center; }
.alignRight{	text-align:right; }

.pdnBtm10{		padding-bottom:10px !important; }
.pdnBtm20{		padding-bottom:20px !important; }
.pdnBtm30{		padding-bottom:30px !important; }
.pdnBtm40{		padding-bottom:40px !important; }
.pdnBtm50{		padding-bottom:50px !important; }

.pdnTop10{		padding-top:10px !important; }
.pdnTop20{		padding-top:20px !important; }
.pdnTop30{		padding-top:30px !important; }
.pdnTop40{		padding-top:40px !important; }
.pdnTop50{		padding-top:50px !important; }

.pdnLeft10{		padding-left:10px !important; }
.pdnLeft20{		padding-left:20px !important; }
.pdnRight10{	padding-right:10px !important; }
.pdnRight20{	padding-right:20px !important; }

.mgnBtm10{		margin-bottom:10px !important; }
.mgnBtm20{		margin-bottom:20px !important; }
.mgnBtm30{		margin-bottom:30px !important; }
.mgnBtm40{		margin-bottom:40px !important; }
.mgnBtm50{		margin-bottom:50px !important; }

.mgnTop10{		margin-top:10px !important; }
.mgnTop20{		margin-top:20px !important; }
.mgnTop30{		margin-top:30px !important; }
.mgnTop40{		margin-top:40px !important; }
.mgnTop50{		margin-top:50px !important; }

.w10	{ width: 10px !important; }
.w15	{ width: 15px !important; }
.w20	{ width: 20px !important; }
.w30	{ width: 30px !important; }
.w40	{ width: 40px !important; }
.w45	{ width: 45px !important; }
.w50	{ width: 50px !important; }
.w60	{ width: 60px !important; }
.w70	{ width: 70px !important; }
.w75	{ width: 75px !important; }
.w80	{ width: 80px !important; }
.w90	{ width: 90px !important; }
.w100	{ width: 100px !important; }
.w105	{ width: 105px !important; }
.w110	{ width: 110px !important; }
.w120	{ width: 120px !important; }
.w130	{ width: 130px !important; }
.w135	{ width: 135px !important; }
.w150	{ width: 150px !important; }
.w180	{ width: 180px !important; }
.w190	{ width: 190px !important; }
.w200	{ width: 200px !important; }
.w210	{ width: 210px !important; }
.w230	{ width: 230px !important; }
.w240	{ width: 240px !important; }
.w260	{ width: 260px !important; }
.w270	{ width: 270px !important; }
.w300	{ width: 300px !important; }
.w320	{ width: 320px !important; }
.w330	{ width: 330px !important; }
.w350	{ width: 350px !important; }
.w360	{ width: 360px !important; }
.w380	{ width: 380px !important; }
.w390	{ width: 390px !important; }
.w400	{ width: 400px !important; }
.w435	{ width: 435px !important; }
.w450	{ width: 450px !important; }
.w450	{ width: 460px !important; }
.w480	{ width: 480px !important; }
.w490	{ width: 490px !important; }
.w500	{ width: 500px !important; }
.w550	{ width: 550px !important; }
.w660	{ width: 660px !important; }

.red{ color:#A52828; }

/* ------------------------------------------------------------------------- */
/* Layout */
/* ------------------------------------------------------------------------- */

#container{
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

#header{
	background:#ffffff;
	width:960px;
	margin:0 auto;
	padding:0;
	position:fixed;
	z-index:10;
	}

#heaedrLogo{
	margin:0;
	padding:20px 0 10px 10px;
	float:left;
	}

#headerContact{
	margin:0;
	padding:0;
	float:right;
	}

#headerContact a img{	background:url(/wp/wp-content/themes/harigaya/img/navi_contact.gif) left top no-repeat; }
#headerContact a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/navi_contact.gif) left bottom no-repeat; }

#headerNavi{
	margin:0;
	padding:0;
	float:right;
	}

#headerNavi ul{
	margin:0;
	padding:0 10px 0 0;
	}

#headerNavi ul li{
	marign:0;
	padding:10px 10px 0 0;
	float:left;
	}

#headerNavi ul li.navi01 a img{	background:url(/wp/wp-content/themes/harigaya/img/navi01.gif) left top no-repeat; }
#headerNavi ul li.navi02 a img{	background:url(/wp/wp-content/themes/harigaya/img/navi02.gif) left top no-repeat; }
#headerNavi ul li.navi03 a img{	background:url(/wp/wp-content/themes/harigaya/img/navi03.gif) left top no-repeat; }
#headerNavi ul li.navi04 a img{	background:url(/wp/wp-content/themes/harigaya/img/navi04.gif) left top no-repeat; }
#headerNavi ul li.navi05 a img{	background:url(/wp/wp-content/themes/harigaya/img/navi05.gif) left top no-repeat; }

#headerNavi ul li.navi01 a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/navi01.gif) left bottom no-repeat; }
#headerNavi ul li.navi02 a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/navi02.gif) left bottom no-repeat; }
#headerNavi ul li.navi03 a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/navi03.gif) left bottom no-repeat; }
#headerNavi ul li.navi04 a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/navi04.gif) left bottom no-repeat; }
#headerNavi ul li.navi05 a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/navi05.gif) left bottom no-repeat; }


#contents{
	clear:both;
	marign:0;
	padding:80px 0 0;
	background:#ffffff;
	}

#mainImg{
	position:relative;
	marign:0;
	padding:0 0 20px;
	}

#mainImgLogo{
	position:absolute;
	bottom:30px;
	left:40px;
	}

#banArea{
	margin:0 10px 20px;
	padding:0;
	}

#topNewsTitle{
	margin:0;
	padding:0 10px 10px;
	}

#topNewsMore{
	margin:0;
	padding:0;
	text-align:right;
	}

#topNewsMore a img{	background:url(/wp/wp-content/themes/harigaya/img/top_news_more.gif) left top no-repeat; }
#topNewsMore a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/top_news_more.gif) left bottom no-repeat; }

#footer{
	clear:both;
	background:#ffffff;
	height:45px;
	margin:0;
	padding:0 10px;
	}

#footerCnt{
	background:url(/wp/wp-content/themes/harigaya/img/line_dot_gray.gif) left top repeat-x #ffffff;
	margin:0;
	padding:5px 0 0;
	}

#footerNavi{
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	}

#footerNavi ul{
	margin:0;
	padding:0;
	}

#footerNavi ul li{
	margin:0;
	padding:0 10px 20px;
	float:left;
	}

#footerNavi ul li.navi01 a img{	background:url(/wp/wp-content/themes/harigaya/img/footer_navi01.gif) left top no-repeat; }
#footerNavi ul li.navi02 a img{	background:url(/wp/wp-content/themes/harigaya/img/footer_navi02.gif) left top no-repeat; }

#footerNavi ul li.navi01 a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/footer_navi01.gif) left bottom no-repeat; }
#footerNavi ul li.navi02 a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/footer_navi02.gif) left bottom no-repeat; }

#footerCopy{
	margin:0;
	padding:5px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	float:right;
	}


/* ------------------------------------------------------------------------- */
/* 下層ページ */
/* ------------------------------------------------------------------------- */

#headerDetail{
	background:#7a7a7a;
	margin:0;
	padding:0;
	color:#ffffff;
	zoom:1;
	}
	
#pan{
	margin:0;
	padding:4px 0 4px 30px;
	float:left;
	line-height:12px;
	zoom:1;
	}

#pan a{
	color:#ffffff;
	}

#pageTitle{
	marign:0;
	padding:20px 10px 10px;
	}

#detailCnt{
	marign:0;
	padding:0 30px 20px;
	}

#listBack{
	margin:20px 0 0;
	padding:0;
	}

#listBack a img{	background:url(/wp/wp-content/themes/harigaya/img/list_back_btn.gif) left top no-repeat;	}

#listBack a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/list_back_btn.gif) left bottom no-repeat;	}

.pagetop{
	clear:both;
	margin:0;
	padding:30px 0 10px;
	text-align:right;
	}

.stitle{
	clear:both;
	margin:0 0 20px;
	padding:0;
	}

.altrow{
	background:#f5f5f5;
	}

/* ------------------------------------------------------------------------- */
/* お知らせ一覧 news index */
/* ------------------------------------------------------------------------- */

.paginate{
	margin:0 0 20px;
	padding:0;
	}

.page-numbers{
	margin:0 5px 0 0;
	padding:4px 6px 2px;
	line-height:12px;
	border:1px solid #999999;
	color:#999999;
	text-decoration:none;
	}

a.page-numbers:hover{
	background:#999999;
	color:#ffffff;
	}

.paginate a{
	margin:0 5px 0 0;
	padding:4px 6px 2px;
	line-height:12px;
	border:1px solid #999999;
	color:#999999;
	text-decoration:none;
	}

.paginate a:hover{
	background:#999999;
	color:#ffffff;
	}

#newsCnt{
	marign:0;
	padding:0 30px 20px;
	}

#newsTable{
	margin:0 0 20px;
	padding:0;
	}

#newsTable th{
	marign:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	line-height:20px;
	font-weight:normal;
	}

#newsTable td{
	width:770px;
	margin:0;
	padding:0 0 5px;
	vertical-align:top;
	text-align:left;
	line-height:20px;
	}

/* ------------------------------------------------------------------------- */
/* お知らせ詳細 news view */
/* ------------------------------------------------------------------------- */

#newsDate{
	font-size:14px;
	margin:0 10px 0 0;
	padding:0;
	}

#newsTitle{
	background:url(/wp/wp-content/themes/harigaya/img/line_dot_gray.gif) left bottom repeat-x;
	margin:5px 0 10px;
	padding:0 0 15px;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	}

#newsDescription{
	margin:0 0 20px;
	padding:0;
	line-height:25px;
	}

/* ------------------------------------------------------------------------- */
/* 業務案内 services */
/* ------------------------------------------------------------------------- */

.servicesBtn{
	margin:0;
	padding:0;
	}

.servicesBtn li{
	margin:0;
	padding:20px 0;
	float:left;
	}

.servicesBtn li.center{
	margin:0;
	padding:20px 15px !important;
	float:left;
	}

.servicesFlowPhoto{
	float:right;
	margin:0;
	padding:0 0 20px 20px;
	}

#servicesFlowCnt{
	clear:both;
	background:#efefef;
	margin:0;
	padding:10px;
	}

/* ------------------------------------------------------------------------- */
/* 作品紹介　一覧 works index */
/* ------------------------------------------------------------------------- */

#worksNavi{
	width:200px;
	margin:0;
	padding:0 40px 30px 0;
	float:left;
	}

#worksContents{
	width:660px;
	margin:0;
	padding:0 0 30px;
	float:left;
	}

.worksNaviTitle{
	margin:0 0 10px 0;
	padding:0;
	}

.worksNaviList{
	background:#f5f5f5;
	margin:0 0 10px;
	padding:10px 10px 0;
	}

.worksNaviList li{
	marign:0;
	padding:0 10px 10px;
	line-height:12px;
	}
	
#worksYear{
	width:148px;
	margin:0 10px 0 0;
	padding:5px 4px;
	border:1px solid #999999;
	vertical-align:middle;
	}

#worksSubmitBtn{
	background:url(/wp/wp-content/themes/harigaya/img/btn_search.gif) left top no-repeat;
	vertical-align:middle;
	margin:0;
	padding:0;
	}

#worksSubmitBtn:hover{	background:url(/wp/wp-content/themes/harigaya/img/btn_search.gif) left bottom no-repeat;	}

.worksListCnt{
	overflow:hidden;
	zoom:1;
	background:url(/wp/wp-content/themes/harigaya/img/line_dot_gray.gif) left bottom repeat-x;
	margin:0 0 10px;
	padding:0 0 10px;
	}

.worksListPhoto{
	margin:0;
	padding:0 20px 0 0;
	width:120px;
	float:left;
	}

.worksListInfo{
	width:380px;
	margin:0;
	padding:0 20px 0 0;
	float:left;
	}

.worksListTitle{
	font-size:16px;
	margin:5px 0 5px;
	padding:0;
	line-height:20px;
	font-weight:normal;
	}

.worksListDetail{
	marign:0;
	padding:0;
	font-size:10px;
	line-height:15px;
	}

.worksMore{
	width:120px;
	margin:0;
	padding:60px 0 0;
	float:left;
	}

.worksMore a img{	background:url(/wp/wp-content/themes/harigaya/img/list_detail_btn.gif) left top no-repeat;	}
.worksMore a:hover img{	background:url(/wp/wp-content/themes/harigaya/img/list_detail_btn.gif) left bottom no-repeat;	}


/* ------------------------------------------------------------------------- */
/* 作品紹介　詳細 works view */
/* ------------------------------------------------------------------------- */

#worksGalleryMain{
	margin:0 0 20px;
	padding:0;
	height:480px;
	text-align:center;
	}

#worksGalleryList{
	margin:0 -5px;
	padding:0;
	zoom:1;
	overflow:hidden;
	}

#worksGalleryList ul{
	margin:0 auto;
	padding:0;
	text-align:center;
	}

#worksGalleryList li{
	width:124px;
	margin:0;
	padding:0 3px 10px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	}

#worksGalleryList li span{
	cursor:pointer;
	}

#worksGalleryList img{
	border:2px solid #ffffff;
	}

#worksTitle{
	clear:both;
	margin:0 0 15px;
	padding:0;
	}

#worksTitle h3{
	display:inline;
	margin:0;
	padding:0 0 5px;
	border-bottom:1px solid #cccccc;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	}

.worksTitleFuri{
	font-size:10px;
	line-height:12px;
	}

#worksDescription{
	width:600px;
	margin:0;
	padding:20px 20px 0 0;
	float:left;
	line-height:20px;
	}

#worksInfo{
	width:258px;
	margin:0;
	padding:20px 0 0;
	float:left;
	}

#worksDetail{
	background:#f5f5f5;
	margin:0;
	padding:10px;
	border:1px dotted #3c3c3c;
	}

#worksTable{
	margin:0;
	padding:0;
	}

#worksTable td{
	font-size:10px;
	line-height:12px;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	}

#worksAttention{
	margin:10px 0 0;
	padding:0;
	font-size:10px;
	}

/* ------------------------------------------------------------------------- */
/* 事務所概要 office */
/* ------------------------------------------------------------------------- */

#officeHeadNavi{
	margin:0;
	padding:0 25px 0 0;
	}

#officeHeadNavi li{
	margin:0;
	padding:0 5px;
	float:right;
	}

.officeStitle{
	margin:0 0 20px;
	padding:0;
	}

#office01Left{
	margin:0;
	padding:0 20px 0 0;
	float:left;
	}

#office01Right{
	margin:0;
	paddin:0;
	float:right;
	}

#prizeBtn{
	marign:0 0 10px;
	padding:0;
	border-bottom:2px solid #666666;
	overflow:hidden;
	}

#prizeBtn ul{
	margin:0;
	padding:0;
	}

#prizeBtn ul li{
	margin:0;
	padding:0 10px 0 0;
	float:left;
	cursor:pointer;
	}

#prize01{
	clear:both;
	margin:0;
	padding:10px 0 0;
	}

#prize02{
	clear:both;
	margin:0;
	padding:10px 0 0;
	display:none;
	}

#prize03{
	clear:both;
	margin:0;
	padding:10px 0 0;
	display:none;
	}

.officeTable{
	width:390px;
	marign:0;
	padding:0 0 20px;
	}

.officeTable th{
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px 5px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}

.officeTable td{
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px 5px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}

.officeTable tr td:nth-child(1) { width: 110px !important; }
.officeTable tr td:nth-child(2) { width: 260px !important; }


.officeTable tr:nth-child(2n){
	background:#f5f5f5;
	}


#enkakuCnt{
	width:720px;
	margin:0;
	padding:0 30px 0 0;
	float:left;
	}

#enkakuPhoto{
	width:150px;
	margin:0;
	padding:0;
	float:left;
	}

#enkakuPhoto ul{
	margin:0;
	padding:0;
	}

#enkakuPhoto ul li{
	margin: 0 0 10px;
	padding:0;
	}

.enkakuTable{
	marign:0;
	padding:0 0 20px;
	}

.enkakuTable th{
	width:120px !important;
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px 0;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}

.enkakuTable td{
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px 0;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}

.enkakuTable tr td:nth-child(1) { width: 120px !important; }
.enkakuTable tr td:nth-child(2) { width: 600px !important; }


.enkakuTable th p{
	margin:0;
	padding:0 0 0 5px;
	line-height:20px;
	border-left:3px solid #aaaaaa;
	}
	
.enkakuTable tr:nth-child(2n){
	background:#f5f5f5;
	}

.jushoTable{
	width:100%;
	marign:0;
	padding:0 0 20px;
	}


.jushoTable th{
	background:#666666;
	margin:0;
	padding:5px 10px;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	color:#ffffff;
	}

.jushoTable tr:nth-child(2n){
	background:#f5f5f5;
	}

.jushoTable td{
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:5px 10px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}

.wph4{
	display:none;
	}

.officeGmap{
	margin:10px 0 0;
	padding:0;
	}

.officeGmap a img{
	background:url(/wp/wp-content/themes/harigaya/img/office_gmap.gif) left top no-repeat;
	}

.officeGmap a:hover img{
	background:url(/wp/wp-content/themes/harigaya/img/office_gmap.gif) left bottom no-repeat;
	}

/* ------------------------------------------------------------------------- */
/* 採用情報 recruit */
/* ------------------------------------------------------------------------- */

.recruitTitle{
	background:url(/wp/wp-content/themes/harigaya/img/line_dot_gray.gif) left bottom repeat-x;
	clear:both;
	margin:0 0 20px;
	padding:0 0 5px;
	font-size:18px;
	font-weight:normal;
	}

.recruitTable{
	margin:0;
	padding:0;
	}

.recruitTable th{
	width:120px !important;
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px 0;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}

.recruitTable td{
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px 0;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}

.recruitTable tr:nth-child(2n){
	background:#f5f5f5;
	}

.recruitAccess{
	margin:0;
	paddin:0;
	width:490px;
	float:right;
	}


.recruitBtn{
	border:1px solid #999999;
	background:#999999;
	margin:10px 0;
	padding:0;
	text-align:center;
	font-size:16px;
	line-height:16px;
	}

.recruitBtn a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:6px 0;
	}

.recruitBtn a:hover{
	color:#999999;
	}

.recruitBtn:hover{
	background:#ffffff;
	}

/* ------------------------------------------------------------------------- */
/* お問い合わせ contact */
/* ------------------------------------------------------------------------- */

#contactTable{
	margin:0 0 30px;
	padding:0;
	}

#contactTable th{
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px;
	width:130px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	}

#contactTable td{
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:10px;
	width:730px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	}

#contactTable td input{
	border:1px solid #cccccc;
	background:#efefef;
	margin:0;
	padding:9px 10px;
	line-height:12px;
	font-size:12px;
	vertical-align:middle;
	}

#contactTable td select{
	border:1px solid #cccccc;
	margin:0;
	padding:6px 10px;
	line-height:12px;
	font-size:12px;
	vertical-align:middle;
	}


#contactTable td textarea{
	border:1px solid #cccccc;
	background:#efefef;
	margin:0;
	padding:9px 10px;
	line-height:15px;
	font-size:12px;
	vertical-align:middle;
	}

#submit{
	text-align:center;
	}

#submitBtn{
	background:url(/wp/wp-content/themes/harigaya/img/contact_confirm_btn.gif) left top no-repeat;
	width:200px;
	height:50px;
	}

#submitBtn:hover{
	background:url(/wp/wp-content/themes/harigaya/img/contact_confirm_btn.gif) left bottom no-repeat;
	}

#sendBtn{
	background:url(/wp/wp-content/themes/harigaya/img/contact_send_btn.gif) left top no-repeat;
	width:200px;
	height:50px;
	}

#sendBtn:hover{
	background:url(/wp/wp-content/themes/harigaya/img/contact_send_btn.gif) left bottom no-repeat;
	}
	


/* ------------------------------------------------------------------------- */
/* プライバシーポリシー privacy policy */
/* ------------------------------------------------------------------------- */


.privacyTitle{
	margin:0 0 10px;
	padding:8px 10px;
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	font-weight:normal;
	font-size:12px;
	}

/* ------------------------------------------------------------------------- */
/* サイトマップ sitemap */
/* ------------------------------------------------------------------------- */

#siemapList{
	margin:0 30px;
	padding:0;
	}

#siemapList li{
	margin:0;
	padding:0 0 10px;
	font-size:14px;
	line-height:14px;
	}