@charset "Shift_JIS";
/*------------------------------------------------------
	奈良建築環境設計室	
	(c) 奈良建築環境設計室
--------------------------------------------------------*/
/*------------------------------------------------------
 property resset
--------------------------------------------------------*/
html { margin:0; padding:0; width:100%; height:100%; }
body { margin:0; padding:0; width:100%; height:100%; background-color:#fff; color:#333; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; text-align:center; background:url(../images/common/bg_main_top.gif) repeat-x left top; }

p, h1, h2, h3, h4, h5, h6, a { margin: 0px; padding: 0px; font-weight: normal; }
ul, ol, li, dl, dt, dd { margin: 0px; padding: 0px; list-style:none; }
strong { color: #090; }

img { border: 0; }

a, a:link, a:visited, a:active { text-decoration: underline; color: #090; }
a:hover { text-decoration: none; color: #333; }

/*------------------------------------------------------
 common tools
--------------------------------------------------------*/
.stxt { font-size:70%; line-height:130%; }
.mtxt { font-size:80%; line-height:130%; }
.ltxt { font-size:90%; line-height:130%; }
.mtxt .stxt { font-size:85%; }

.stxtL { font-size:70%; line-height:170%; }
.mtxtL { font-size:80%; line-height:170%; }
.ltxtL { font-size:90%; line-height:170%; }
.mtxtL .stxtL { font-size:85%; }

.left { text-align: left; }
.right { text-align: right; }
.leftF  { float: left; }
.rightF { float: right; }
.center { text-align: center; }
.clear { clear: both; }

.ml10 { margin-left:10px; !important}
.mr10 { margin-right:10px; !important}
.mt10 { margin-top:10px; !important}
.mb10 { margin-bottom:10px; !important}
.mb30 { margin-bottom:30px; !important}
.pb4  { padding-bottom:4px; !important}
/*------------------------------------------------------
 clearfix
--------------------------------------------------------*/
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* WinIE7 only */
*:first-child+html .clearfix {
	height:1%;
}

/* WinIE6 and below */
/*\*/
* html .clearfix {
	height:1%;
}
/**/

/* MacIE only */
/*\*//*/
.clearfix {
	display:inline-table;
}
/**/

/*------------------------------------------------------
 iepngfix
--------------------------------------------------------*/
* html img.iepngfix {
display:block;
behavior: url(/resource/script/iepngfix.htc);
}


/*------------------------------------------------------
 layout
--------------------------------------------------------*/
div#wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
}

/* Header */
div#header {
width:853px;
height:118px;
padding:27px 0 0 47px;
background:url(../images/header/bg_header.jpg) no-repeat 100% 4px;
position:relative;
}
div#header h1 {
height:79px;
}
/* globalnavi */
ul#globalnavi {
border-left:#119E00 solid 1px;
border-right:#119E00 solid 1px;
width:798px;
margin-left:3px;
height:38px;
}
ul#globalnavi li {
float:left;
border-right:#CDE4BC solid 1px;
height:38px;
}

/* Footer */
div#footer {
text-align:left;
width:790px;
height:55px;
margin:0 auto 20px;
padding:11px 0 0 18px;
background:url("../images/footer/bg_footer.gif") no-repeat 50% 100%;;
clear:both;
position:relative;
}
div#footer div {
position:absolute;
top:-21px;
left:337px;
}
div#footer p#pageTop {
position:absolute;
top:-100px;
left:806px;
}
* html div#footer div img {
display:block;
behavior: url(/resource/script/iepngfix.htc);
width:464px;
height:82px;
}

/*------------------------------------------------------
メイン
--------------------------------------------------------*/
div#mainContent {
text-align:left;
width:808px;
margin:0 auto;
padding:8px 0 0;
background:url("../images/common/bg_content_top.gif") no-repeat;
}
div#mainContentIn {
width:800px;
padding:0 4px;
background:url("../images/common/bg_content.gif") repeat-y left top;
}
div#mainContent div.splash {
padding:7px 0 15px 15px;
}



/*------------------------------------------------------
メイン 2カラム トップ
--------------------------------------------------------*/
div#mainContent div#contentsCover {
background:url("../images/common/bg_main_2clum.gif") repeat-y;
}
div#mainContent div#contentsCover div#mainSpace {
float:left;
width:569px;
padding-left:1px;
}

div#mainContent div#contentsCover div#subSpace {
float:left;
width:228px;
margin-bottom:30px;
padding-left:1px;
}
div#mainContent div#contentsCover div#subSpace div.sideCont {
width:200px;
margin:15px auto;
}
/*------------------------------------------------------
メイン 2カラム 2階層目
--------------------------------------------------------*/
div#mainContent div#contentsCover.second {
background:none;
}
div#mainContent div#contentsCover.second div#mainSpace {
float:right;
width:530px;
padding-left:19px;
padding-right:16px;
padding-top:7px;
}

div#mainContent div#contentsCover.second div#subSpace {
float:right;
width:220px;
padding-top:7px;
padding-left:15px;
}
div#mainContent div#contentsCover.second div#subSpace div.sideCont {
width:200px;
margin:10px auto;
}

/* localnavi */
ul#localNavi {
padding-top:2px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border:1px solid #CCC;
margin-bottom:10px;
}
ul#localNavi li{
clear:both;
padding:8px 0 8px 18px;
line-height:1;
font-size:77%;
border-bottom:1px dotted #CCC;
background:url("../images/common/icon_type1.gif") no-repeat 0% 48%;
}



/*------------------------------------------------------
RSS
-------------------------------------------------------*/
div.rssTitle{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background:#F0F0F0;
height:24px;
clear:both;
}
div.rssTitle h3{
float:left;
padding-left:15px;
padding-top:4px;
}
div.rssTitle p{
float:right;
padding-right:15px;
padding-top:3px;
}
/*======================================

    77% = 10px	| 	122% = 16px	|	167% = 22px
    85% = 11px	|	129% = 17px	|	174% = 23px
    92% = 12px	|	136% = 18px	|	182% = 24px
    100% = 13px	|	144% = 19px	|	189% = 25px
    107% = 14px	|	152% = 20px	|	197% = 26px
    114% = 15px	|	159% = 21px	|

=======================================*/
/*------------------------------------------------------
RSSニュース一覧 トップ
-------------------------------------------------------*/
dl.rssNews{
width:540px;
margin:0 auto 10px;
}
dl.rssNews dt{
}
dl.rssNews dd{
}

/*------------------------------------------------------
RSSニュース一覧 共通
-------------------------------------------------------*/
dl.rssNews dt,
dl.rssNews dd{
padding:8px 0;
font-size:77%;
}
dl.rssNews dt{
font-weight:bold;
color:#498800;
clear:both;
padding-left:12px;
padding-right:14px;
background:url("../images/common/icon_type1.gif") no-repeat 0% 50%;
white-space:nowrap;
}
dl.rssNews dd{
padding-left:12px;
padding-top:0px;
border-bottom:1px dotted #CCC;
}
/*------------------------------------------------------
最新の作品 共通
-------------------------------------------------------*/
dl.workNews dt,
dl.workNews dd{
margin:0 0 4px;
font-size:77%;
}
dl.workNews dt{
font-weight:bold;
color:#498800;
padding-left:12px;
background:url("../images/common/icon_type1.gif") no-repeat 0% 50%;
}
dl.workNews p{
font-size:77%;
margin:0 0 4px;
}

/*------------------------------------------------------
パンくず
-------------------------------------------------------*/
p#pankuzu {
border-bottom:1px dotted #CCC;
margin:0 auto 12px;
padding-bottom:10px;
font-size:77%;
}
p#pankuzu a {
font-weight:bold;
}
p#pankuzu a:hover {
color: #090;
}
p#pankuzu strong { color: #333; }

/*------------------------------------------------------
横の情報
-------------------------------------------------------*/

div.sideInfo{
width:196px;
background:#FFF url("../images/common/bg_sideinfo.gif") no-repeat 0 0;
height:132px;
display:block;
margin:0 auto 15px;
}
div.sideInfo h4 {
padding-top:12px;
padding-left:12px;
padding-bottom:2px;
margin:0;
}
div.sideInfo p,
div.sideInfo address {
font-size:10px;
padding-left:12px;
line-height:1.3;
}
div.sideInfo address {
font-weight:bold;
font-style:normal;
}
div.sideInfo p.tel {
padding-bottom:2px;
}
div.sideInfo p a,
div.sideInfo p a:link,
div.sideInfo p a:active,
div.sideInfo p a:hover,
div.sideInfo p a:visited {
font-size:10px;
}

/*------------------------------------------------------
共通
-------------------------------------------------------*/
p.more{
clear:both;
text-align:right;
padding-right:15px;
}
p a.way1,
p a.way1:link,
p a.way1:active,
p a.way1:visited {
background:url("../images/common/icon_way1_on.gif") no-repeat 0% 50%;
padding-left:14px;
font-size:77%;
}
p a.way1:hover {
background:url("../images/common/icon_way1_off.gif") no-repeat 0% 50%;
}
.samphoto a img,
img.photo {
padding:5px !important;
background:url("../images/common/bg_img.gif");
}
img.photo2 {
padding:10px;
background:url("../images/common/bg_img.gif");
}
dt a,
dt a:link,
dt a:active,
dt a:visited {
font-weight:bold;
color:#498800;
text-decoration:none;
}
dt a:hover {
text-decoration:underline;
}


/*------------------------------------------------------
共通 2階層目
-------------------------------------------------------*/
div#mainContent div#contentsCover.second div#mainSpace h2 {
padding-bottom:20px;
}
div#mainContent div#contentsCover.second div#mainSpace h2.pb4 {
padding-bottom:4px;
}
div#mainContent div#contentsCover.second div#mainSpace p.rssBtn {
padding-bottom:20px;
text-align:right;
}
div#mainContent div#contentsCover.second div#mainSpace .notice1 {
width:488px;
border:1px solid #498800;
padding:10px 10px 0;
margin:0 auto 20px;
}
div#mainContent div#contentsCover.second div#mainSpace .help {
background:url("../images/common/icon_help.gif") no-repeat;
padding:8px 0 14px 35px;
}
div#mainContent div#contentsCover.second div#mainSpace .hd {
font-size:122%;
font-weight:bold;
color:#498800;
}
div#mainContent div#contentsCover.second div#mainSpace .hd span {
font-size:77%;
}
div#mainContent div#contentsCover.second div#mainSpace .notice1 p {
padding-left:2px;
padding-right:2px;
}
div#mainContent div#contentsCover.second div#mainSpace .notice2 {
background:#F0F0F0;
padding:7px 10px;
margin:0 auto 10px;
font-weight:bold;
font-size:77%;
}
a.popup {
background:url("../images/common/icon_popup.gif") no-repeat 100% 50%;
padding-right:12px;
border:none;
}
div#latestWork {
border:1px solid #CCC;
border-top:none;
padding-bottom:10px;
}
div#latestWork div.sideInfo{
margin:0 auto;
}

table.list {
clear:both;
}
table.list th,
table.list td {
border-top:1px solid #CCC;
padding:5px 0;
vertical-align:top;
text-align:left;
font-size:77%;
}
table.list th {
width:107px;
font-weight:bold;
color:#498800;
border-right:3px solid #FFF;
font-weight:bold;
white-space:nowrap;
}
table.list td {
width:371px;
}

img.left {
float:left;
padding-bottom:10px;
padding-right:10px;
}

/*------------------------------------------------------
仕事の流れ
-------------------------------------------------------*/
.step {
border-bottom:1px solid #CCC;
margin-bottom:18px;
}
.step h3 {
padding-bottom:6px;
}
.step p {
font-size:85%;
padding-left:6px;
padding-right:6px;
padding-bottom:10px;
}



/*------------------------------------------------------
お問い合わせ
-------------------------------------------------------*/
form{
padding:0;
margin:0;
line-height:1.5;
}
form div.submit{
text-align:center;
padding:10px 0;
}
form .w100{
width:100px;
}
form .w160{
width:160px;
}
form .w350{
width:350px;
}

/*------------------------------------------------------
リンク
-------------------------------------------------------*/
ul.titleStyle1 li a{
padding:1px 0 3px 10px;
border-left:solid #C00 4px;
border-bottom:solid #CCC 1px;
margin:0 3px 10px;
font-weight:bold;
line-height:1;
display:block;
}
ul.titleStyle1 li a,
ul.titleStyle1 li a:link,
ul.titleStyle1 li a:active,
ul.titleStyle1 li a:visited{
font-weight:bold;
color:#333;
text-decoration:none;
}
ul.titleStyle1 li a:hover{
color:#333;
text-decoration:underline;
}
ul.titleStyle1 li div{
padding:0 14px 20px;
display:block;
font-size:85%;
}
/*------------------------------------------------------
事務所からのお知らせ
-------------------------------------------------------*/
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace {
padding-bottom:20px;
}
div#mainContent div#contentsCover.second div#mainSpace h3.titleStyle1,
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace h3 {
padding:3px 0 3px 10px;
border-left:solid #498800 4px;
border-bottom:solid #CCC 1px;
margin:0 3px 8px;
font-weight:bold;
color:#498800;
line-height:1;
display:block;
clear:both;
}
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace h3 a,
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace h3 a:link,
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace h3 a:active,
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace h3 a:visited{
font-weight:bold;
color:#498800;
text-decoration:none;
}
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace h3 a:hover{
color:#333;
text-decoration:underline;
}
div#mainContent div#contentsCover.second div#mainSpace h3.titleStyle1 span{
padding:5px 0 0 10px;
font-weight:normal;
color:#333;
font-size:12px;
}
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace p.right {
font-size:85%;
padding-bottom:10px;
}
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace div.entryBody {
font-size:85%;
padding-left:10px;
padding-bottom:10px;
}
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace p.readmore {
padding-left:10px;
padding-bottom:10px;
}
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace div.tagSpace {
margin-left:10px;
padding:4px 10px;
background:#F0F0F0;
font-size:77%;
}
div#mainContent div#contentsCover.second div#mainSpace div.entrySpace div.tagSpace strong {
color:#333;
}
div#mainContent div#contentsCover.second div#mainSpace div.footNavi {
padding-bottom:30px;
}
div#mainContent div#contentsCover.second div#mainSpace div.footNavi p.left {
float:left;
}
div#mainContent div#contentsCover.second div#mainSpace div.footNavi p.right {
float:right;
}
div#mainContent div#contentsCover.second div#mainSpace div.footNavi p a,
div#mainContent div#contentsCover.second div#mainSpace div.footNavi p a:link,
div#mainContent div#contentsCover.second div#mainSpace div.footNavi p a:active,
div#mainContent div#contentsCover.second div#mainSpace div.footNavi p a:visited {
font-size:12px;
padding:4px 6px;
display:block;
width:88px;
height:12px;
line-height:1;
border:1px solid #CCC;
color:#498800;
text-decoration:none;
font-weight:bold;
}
div#mainContent div#contentsCover.second div#mainSpace div.footNavi p a:hover {
background-color:#498800;
color:#9C9;
display:block;
}


/*------------------------------------------------------
作品紹介
-------------------------------------------------------*/
div#mainContent div#contentsCover.second div#mainSpace div.step h3.title {
padding:3px 0 3px 10px;
border-left:solid #498800 4px;
border-bottom:solid #CCC 1px;
margin:0 3px;
font-weight:bold;
line-height:1;
display:block;
clear:both;
}
div#mainContent div#contentsCover.second div#mainSpace div.step h3.title a,
div#mainContent div#contentsCover.second div#mainSpace div.step h3.title a:link,
div#mainContent div#contentsCover.second div#mainSpace div.step h3.title a:active,
div#mainContent div#contentsCover.second div#mainSpace div.step h3.title a:visited{
font-weight:bold;
color:#498800;
text-decoration:none;
}
div#mainContent div#contentsCover.second div#mainSpace div.step h3.title a:hover{
color:#333;
text-decoration:underline;
}



div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem {
clear:both;
width:500px;
padding:15px 5px;
}

div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem2 {
clear:both;
width:500px;
padding:15px 5px;
}

div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem .entryPhoto {
float:left;
width:155px;
}

div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem .entryInfo {
float:right;
padding-left:14px;
width:331px;
}
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem2 .entryPhoto h3,
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem .entryInfo h3 {
font-size:92%;
color:#498800;
font-weight:bold;
line-height:1;
padding:0 0 0 18px;
margin:0 0 5px;
background:url("../images/common/icon_way2.gif") no-repeat 0% 50%;
}
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem2 .entryPhoto h3 a,
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem .entryInfo h3 a {
font-weight:bold;
color:#498800;
text-decoration:none;
}
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem2 .entryPhoto h3 a:hover,
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem .entryInfo h3 a:hover {
text-decoration:underline;
}

div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem2 .entryPhoto {
float:left;
width:155px;
margin-bottom:30px;
margin-right:10px;
}
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem2 .entryPhoto img {
margin-bottom:5px;
}
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem2 .entryPhoto h3 {
font-size:85%;
}
div#mainContent div#contentsCover.second div#mainSpace div.step div.entryItem .entryInfo p {
padding:0;
width:520px;
}


div#mainContent div#contentsCover.second div#mainSpace div.entrySpace img,
div#mainContent div#contentsCover.second div#mainSpace div.entry img {
padding-bottom:10px;	
}
div#mainContent div#contentsCover.second div#mainSpace div.entry {
margin:0 4px;
font-size:85%;
}
div#mainContent div#contentsCover.second div#mainSpace div.entry div.btoa div.left {
width:210px;
float:left;
}
div#mainContent div#contentsCover.second div#mainSpace div.entry div.btoa div.right {
width:310px;
float:right;
}
div#mainContent div#contentsCover.second div#mainSpace p.tagSpace {
font-weight:bold;
padding:10px 0;
border-bottom:1px dotted #CCC;
font-size:79%;
}
/*リスト部分*/
div#mainContent div#contentsCover.second div#mainSpace div.entryBody {
padding:10px 0 0 0 !important;
}
div#mainContent div#contentsCover.second div#mainSpace div.entryBody h3.titleStyle1 {
border-left:none;
border-bottom:none;
}
div#mainContent div#contentsCover.second div#mainSpace div.narrowcolumn div.entryItem2 {
clear:both;
width:500px;
padding:0 5px 15px;
}

/*------------------------------------------------------
トップへ戻る
-------------------------------------------------------*/
div#goPageTop {
position:fixed;
width:20px;
height:110px;
bottom:100px;
z-index:11;
width:expression(document.body.clientWidth-16);
}


/*------------------------------------------------------
ナビゲーション
-------------------------------------------------------*/
div.navigation{
padding:10px 0 30px;
font-size:77%;
}
div.navigation .alignleft{float:left;}
div.navigation .alignright{float:right;}