/* global
----------------------------------------------- */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align : center ;
background: #fff ;
font-family:helvetica,sans-serf;
color:#888888;
}

img {
border:none;
}


/* layout
----------------------------------------------- */
#wrapper {
position: relative;
width: 840px;
margin: auto;
padding: 0 0 0 0;
text-align: center;
background: #fff  repeat-y center;
}

#header {
background: #fff repeat-y center;
width: 840px;
height:56px;
margin: auto;
padding: 0 0 0 0;
clear:both;
}

.mainlogo{
float:left;
width: 270px;
height:56px;
margin: auto;
padding: 0 0 0 0;
}

.mainlogo a{
display:block;
width: 100%;
height:100%;
margin: auto;
padding: 0 0 0 0;
background:  transparent url(http://www.ashiya-architects.com/i/mainlogo.gif) no-repeat 0px bottom;
}

.mainlogo span{
display:none;
}

.contact{
float:right;
width: 117px;
height:21px;
margin: auto;
padding: 18px 0 0 0;
}

.contact a{
display:block;
width: 100%;
height:100%;
margin: auto;
padding: 0 0 0 0;
background:  transparent url(http://www.ashiya-architects.com/i/contact_btn.gif) no-repeat 0px 0px;
}

.contact a:hover{
display:block;
width: 100%;
height:100%;
margin: auto;
padding: 0 0 0 0;
background:  transparent url(http://www.ashiya-architects.com/i/contact_btn.gif) no-repeat 0px -21px;
}

.contact span{
display:none;
}



#pageheader {
background: #fff ;
width: 840px;
height: 162px;
margin: auto;
padding: 0 0 0px 0;
text-align: right;
}



#content {
margin: 0 0 0 0;
padding: 0 0 0 0 ;
background: #ffffff ;
text-align: left;
}

#topimg {
width: 840px;
height: 360px;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
}

#imageContainer {
	position:relative;
	margin:auto;
	width:840px; /*画像の横幅*/
	height:360px;
	border:0px solid #000; /*画像のまわりのボーダー*/
}
	
#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}


#right-box{
width: 300px;
background: #ffffff;
float: right;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#left-box{
float: left;
width: 380px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#footer {
display:block;
width: 840px;
padding: 20px 0 12px 0;
margin: 0 0 0 0;
clear: both;
text-align: center;
color: #888888 ;
}


p {
font-size:12px;
line-height: 24px;
color:#888888;
}

table {
font-size:12px;
line-height: 24px;
color:#888888;
}
td {
margin: 4px 4px 4px 4px;
}

h1{
color: #99cc00;
font-size:18px;
line-height:24px;
padding: 0 0 0 0;
margin: 180px 0 12px 0;
}

h2{
color: #99cc00;
font-size:18px;
line-height:24px;
padding: 0 0 0 0;
margin: 0 0 12px 0;
}

h3{
color:#888888;
font-size:18px;
line-height:24px;
padding: 0 0 4px 0;
margin: 0 0 24px 0;
border-bottom:1px solid #ddd;
}

.openstudio-h3{
color: #99cc00;
font-size:14px;
line-height:24px;
padding: 0 0 0 0;
margin: 8px 0 8px 0;
border-bottom:0px solid #ddd;

}


h4{
color:#888888;
font-size:14px;
line-height:16x;
padding: 0 0 0 0;
margin: 20px 0 8px 0;
}

h5{
color:#888888;
font-size:12px;
line-height:16px;
padding: 8px 0 0 0;
margin: 8px 0 4px 0;
}

a {
color:#888888;
font-weight: normal;
}

a:hover {
color: #99cc00;
}


/* navi
----------------------------------------------- */
#navi {
background: transparent ;
width: 840px;
height: 34px;
margin:  0 0 20px 0;
padding: 0 0 0 0 ;
text-align: left;
background:  transparent url(http://www.ashiya-architects.com/i/navi.gif) no-repeat 0px 0px;
}

#navi li {
width:116px;             /* 項目の幅 */
height:34px;             /* 項目の高さ */
float:left;              /* 各項目を左側から回り込み */
}

#navi span{
display:none;
}

.navi_all {
width:840px;             /* リスト全体の幅 */
height:34px;             /* リスト全体の高さ */
list-style:none;         /* リストマークを無しにする */
margin: auto;
padding: 0 0 0 0 ;
background:  transparent url(http://www.ashiya-architects.com/i/navi.gif) no-repeat 0px 0px;
}
   
.to_about a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat 0px 0px;
}
.to_about a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat 0px -34px;
}

.to_works a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -116px 0px;
}
.to_works a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -116px -34px;
}

.to_project a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -232px 0px;
}
.to_project a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -232px -34px;
}

.to_packs a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -348px 0px;
}
.to_packs a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -348px -34px;
}

.to_blog a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -464px 0px;
}
.to_blog a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -464px -34px;
}

.to_openstudio a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -580px 0px;
}
.to_openstudio a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/navi.gif) no-repeat -580px -34px;
}

/* g-navi
----------------------------------------------- */
#g-navi {
background: transparent ;
width: 840px;
height: 17px;
margin:  0 0 12px 0;
padding: 0 0 0 0 ;
text-align: right;
}

#g-navi li {
width:40px;             /* 項目の幅 */
height:17px;             /* 項目の高さ */
float:right;            /* 各項目を左側から回り込み */
margin:0 0 0 4px;            
}

#g-navi span{
display:none;
}


.g-navi-all {
width:840px;             /* リスト全体の幅 */
height:17px;             /* リスト全体の高さ */
list-style:none;         /* リストマークを無しにする */
margin: auto;
padding: 0 0 0 0 ;
}

.to_html {
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi.gif) no-repeat 0px 0px;
}

.to_html a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi.gif) no-repeat 0px -17px;
}
.to_html a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi.gif) no-repeat 0px 0px;
}

.to_flash {
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi.gif) no-repeat -44px 0px;
}

.to_flash a{
width:100%; height:100%;  
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi.gif) no-repeat -44px -17px;
}
.to_flash a:hover{
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi.gif) no-repeat -44px 0px;
}


/* works
----------------------------------------------- */


#works {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}

#works-left {
margin: auto;
padding: 0 0 0 0;
width:180px;
text-align: left;
float:left;
background: transparent  ;
}

#works-right {
margin: auto;
padding: 0 0 0 0;
width:660px;
text-align: left;
float:right;
background: transparent  ;
}


.works-thum {
margin: 0px 0 0 0px  ;
padding: 0 0 0 0  ;
float:left;
background-color: #ddd ;
text-align:center middle;
}
.works-thum a:hover {
background-color: #888888 ;
}


.works-detail-navi {
width:660px;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
margin: 16px 0 16px 0;
padding: 4px 0 4px 0 ;
text-align: right;
font-size:12px;
background: #efefef; 
color:#ff3300;
}

.works-detail-navi ul{
background: transparent; 
padding: auto ;
margin: auto;
}

.works-detail-navi li{
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 4px 0 0 ;
}

.works-detail-navi li .now{
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 4px 0 0 ;
font-color:#99cc00;
}


.back-to-works{
font-size:12px;
margin: 24px 0 24px 0;
padding: 0 0 0 0 ;
}

/* about
----------------------------------------------- */


#about {
text-align: left;
}

#about-left {
margin: auto;
padding: 0 0 0 0;
width:180px;
text-align: left;
float:left;
background: transparent  ;
}

#about-right {
margin: auto;
padding: 0 0 0 0;
width:660px;
text-align: left;
float:right;
background: transparent  ;
}

#about_menu {
margin: 20px 0 0 0 ;
padding: 0 0 0 0;
text-align: left;
}

#about_menu ul {
margin: auto;
padding: 0 0 0 0;
background: transparent  ;
color:#888888;
}

#about_menu ul li {
height:32px;
list-style:none ;
margin: 0 0 0 0;
padding: 0 0 0 16px;
text-align: left;
font-size:12px;
background:  url(http://www.ashiya-architects.com/i/dot_green.gif) no-repeat 0px 4px;
}

#about_menu ul li a{
display:block;
text-decoration:none;
}

#about_menu ul li ul {
list-style:none ;
margin: 16px 0 0px 0;
padding: 0 0 0 12px;
font-size:10px;
background:  url(http://www.ashiya-architects.com/i/dot_green_small.gif) no-repeat 0px 3px;
}

#about_menu ul li ul a{
font-size:10px;
display:block;
text-decoration:none;
}

#about p{
margin: 8px 0 8px 0;
padding: 0 0 0 0;
}

.message{
margin: 0 0 0px 0;
padding: 4px 80px 20px 180px;
}

.message-comment{
margin: 24px 0 24px 0;
padding: 12px 12px 12px 12px;
background:#eeeeee;
border: 1px solid #cccccc;
text-align:center;
}

.process{
margin: 0 0 0px 0;
padding: 4px 40px 20px 100px;
}

/* contact
----------------------------------------------- */
#contact {

}


.contact-header-p{
padding: 24px 0 0 0 ;
}

#contact table{
border-collapse: collapse;
font-size: 11px;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
} 
#contact td{
color: #ba8738 ;
font-style: bold;
line-height : 16px; 
border: 1px solid #d8c099;
padding: 8px 5px 8px 5px;
}

#contact  th{
color: #ba8738 ;
font-style: normal;
line-height : 16px; 
border: 1px solid #d8c099;
padding: 8px 5px 8px 5px;
}

.contact-h3 {
font-size: 14px ;
color: #ba8738 ;
font-weight: bold ;
padding: 12px 0 0px 0;
}

/* footer
----------------------------------------------- */


#footer-menu {
width:840px;
margin: 0 0 0 0;
padding: 12px 0 0 0 ;
text-align: right;
font-size:11px;
border-top:1px solid #dddddd;
}

#footer-menu ul{
background: transparent; 
padding: auto ;
margin: auto;
}

#footer-menu li{
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 4px 0 0 ;
}

#copyright{
width:840px;
font-size:10px;
height:28px;
clear: both;
padding: 16px 0 12px 0 ;
text-align: right;
line-height:16px;
}


/* thanks
----------------------------------------------- */

.thanks{
padding: 150px 30px 150px ;
} 

/* flash
----------------------------------------------- */

#flash_contents{
width:840x;
height: 520px;
padding: 0 0 0 0;
margin: 40px 0 0px 0 ;
background:  #fff;
}

/* top
----------------------------------------------- */

#toplogo {
background:  url(http://www.ashiya-architects.com/i/mainlogo.gif) no-repeat 0px 0px;
height:80px;
width:100%;
margin:  150px 0 36px 0;
text-align:center;
}

#toplogo span{
display:none;
}

#top-g-navi {
width:100% ;
height: 17px;
margin:  auto;
padding: 0 0 0 0 ;
text-align: center;
}


#top-g-navi li {
width:40px;             /* 項目の幅 */
height:17px;             /* 項目の高さ */
float:center;            /* 各項目を左側から回り込み */
margin:0 0 0 4px;            
}

#top-g-navi span{
display:none;
}


.topto {
list-style:none;         /* リストマークを無しにする */
margin: auto;
padding: 0 0 0 0 ;
width:40px;
}


.topto span{
display:none;
}


.to-html {
margin: 0 0px 12px 0px  ;
padding: 0 0 0 0 ;
}
.to-html a{
width:40px;             /* 項目の幅 */
height:17px;             /* 項目の高さ */
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi_top.gif) no-repeat 0px -17px;
}

.to-html a:hover{
width:40px;             /* 項目の幅 */
height:17px;             /* 項目の高さ */
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi_top.gif) no-repeat 0px 0px;
padding: 0 0 0 0 ;
margin: 0 0px 0px 0px  ;
}

.to-flash {
margin: 0 0px 12px 0px  ;
padding: 0 0 0 0 ;
}

.to-flash a{
width:40px;             /* 項目の幅 */
height:17px;             /* 項目の高さ */
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi_top.gif) no-repeat -44px -17px;
}
.to-flash a:hover{
width:40px;             /* 項目の幅 */
height:17px;             /* 項目の高さ */
display: block;
background:  url(http://www.ashiya-architects.com/i/g_navi_top.gif) no-repeat -44px 0px;
}


/* packs
----------------------------------------------- */

.packs {
width:100%;
margin :0 0 6px 0;
background: #ABCD04;
}
.packs_thum {
width:108px;
padding:4px 24px 4px 4px;
margin:4px 32px 4px 4px;
}

.packs_title {
width:150px;
font-size:14px;
color:#ffffff;
padding:4px 4px 4px 4px;
margin:4px 4px 4px 4px;
}

.packs_lead {
font-size:12px;
color:#ffffff;
padding:4px 56px 4px 24px;
margin:4px 4px 4px 4px;
}

.packs_description {
padding:8px 16px 0px 0px;
}


/* openstudio
----------------------------------------------- */
#openstudio {
text-align:left;
overflow:auto;
}

#openstudio-left{
width:400px;
float:left;
}
#openstudio-right{
width:380px;
border-top: 1px solid #99cc00;
border-right: 1px solid #99cc00;
border-bottom: 1px solid #99cc00;
border-left: 1px solid #99cc00;
padding:8px 8px 8px 8px;
margin:0 0 0 0;
float:right;
}

.openstudio-right-h3{
background:#99cc00;
font-size:14px;
line-height:14px;
color:#ffffff;
border-top: 0px solid #99cc00;
border-right: 0px solid #99cc00;
border-bottom: 0px solid #99cc00;
border-left: 0px solid #99cc00;
padding:8px 8px 8px 8px;
margin:0 0 0 0;
}

.openstudio-right-p{
background:#ffffff;
font-size:13px;
line-height:26px;
color:#666666;
font-wight:bold;
border-top: 0px solid #99cc00;
border-right: 0px solid #99cc00;
border-bottom: 0px solid #99cc00;
border-left: 0px solid #99cc00;
padding:4px 4px 4px 4px;
margin:0 0 18px 0;
}

/* architects
----------------------------------------------- */
#architects {
text-align:left;
}

.architects-h4{
color:#888888;
font-size:14px;
line-height:16x;
padding: 0 0 0 0;
margin: 0px 0 8px 0;
}

.masato {
text-align:left;
margin: 0 0 24px 0;
padding: 18px 0 0 0;
background:  transparent url(http://www.ashiya-architects.com/i/masato.jpg) no-repeat 400px 18px;
overflow:auto;
}

.yasuko {
text-align:left;
margin: auto;
padding: 0 0 0 0;
background:  transparent url(http://www.ashiya-architects.com/i/yasuko.jpg) no-repeat 400px 0px;
overflow:auto;
height:180px;
}

/* topblog
----------------------------------------------- */
#topblog{
width: 100%;
padding: 0 0 0 0;
margin: 16px 0 0px 0;
text-align:left;
}

#topblog  h2{
border-bottom: 0px solid #aaa;
font-size: 13px;
font-style: normal;
color: #666 ;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 0px;
}

#topblog  h2{
color: #f66 ;
margin: 0 0 0 0;
padding: 0 0 20px 0;
background:  url(http://www.ashiya-architects.com/i/top_blog_h.gif) no-repeat  ;
text-indent:-999px;
}


.topblog-unit {
padding: 0 0 4px 0;
margin: 0 0 0 0;
}

#topblog p {
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 4px 12px;
line-height: 18px;
background:  url(http://www.ashiya-architects.com/i/dot4.gif) no-repeat 0px 8px ;
}