/* undo ---------------------------------------------------------------------------------- */
:link, :visited { 
text-decoration: none 
}
ul, ol { 
list-style: none 
}
h1, h2, h3, h4, h5, h6, pre, code { 
font-size: 0.9em; 
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd, img {
margin: 0; padding: 0; 
}
a img, :link img, :visited img { 
border: none 
}
address { 
font-style: normal;
font-size:0.7em;
}

/* for IE6 ------------------------------------------------------------------------------- */
/*
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}
*/
/* clearfix ------------------------------------------------------------------------------ */
.clearfix:after { 
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden; 
}

.clearfix {
	overflow: hidden;
	zoom: 1;
}

/* layout -------------------------------------------------------------------------------- */
body {
text-align: center;
font-family: 'Verdana','Arial','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}

#container {
width: 903px;
margin: 0 auto;
text-align: left;
}

#header {
position: relative;
width: 900px;
height: 21px;
padding: 7px 0;
font-size: 12px;
}

h1 {
display: inline;
margin: 0 40px 0 0;
font-size: 12px;
}

#description {
margin: 0 40px 0 0;
font-size: 10px;
}

#contact {
position: absolute;
top: 3px;
right: 5px;
}

#navi {
width: 903px;
height: 48px;
}

#navi li {
float: left;
}

#navi li a {
display: block;
width: 112px;
height: 48px;
text-indent: -9999px;
overflow: hidden;
}

#architect a, #results a, #staff a {
width: 113px;
}

#profile a {
width: 116px;
}

#home a {
background: 0px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}
/*
#home a:hover {
background-position: 0px -48px;
}
*/

#results a {
background: -112px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}

#results a:hover {
background-position: -112px -48px;
}

#construction a {
background: -225px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}

#construction a:hover {
background-position: -225px -48px;
}

#architect a {
background: -337px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}

#architect a:hover {
background-position: -337px -48px;
}

#environment a {
background: -450px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}

#environment a:hover {
background-position: -450px -48px;
}

#sale a {
background: -562px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}

#sale a:hover {
background-position: -562px -48px;
}





#results2 { width:320px; margin:5px 0 0 0; padding:0; float:right;
}

*html #results2 { width:320px; margin:5px 0 0 0; padding:0;
}

#results2 p{
margin:0; padding:0;
}

#results2 li.right{
margin:0 0 2px 0; padding-left:2px; float:right; font-size:9px; text-align:center;
}

*html #results2 li.right{
margin:0 0 2px 0; padding-left:1px; float:right; font-size:9px; text-align:center;
}

#results2 li.left{
margin: 0 0 2px 0; padding:0; float:left; font-size:9px; text-align:center;
}

*html #results2 li.left{
margin: 0 0 2px 0; padding:0; float:left; font-size:9px; text-align:center;
}

.img_left{
margin:0; padding:2px; border:1px solid #999999;
}

*html .img_left{
margin:0; padding:2px; border:1px solid #999999;
}

.img_right{
margin-right:2px; padding:2px; border:1px solid #999999;
}

*html .img_right{
margin-right:1px; padding:2px; border:1px solid #999999;
}

#staff a {
background: -675px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}

#staff a:hover {
background-position: -675px -48px;
}

#profile a {
background: -789px 0px no-repeat transparent;
background-image: url(../images/layout/bg_navi.png);
}

#profile a:hover {
background-position: -789px -48px;
}

#topic-path {
clear: both;
height: 10px;
padding: 7px 0px;
font-size: 12px;
}

#content {
width: 900px;
}

#side {
float: right;
width: 245px;
}

#bnr {
	margin:10px 0;
}

#aomori-studio {
}

#whalf-town {
margin: 19px 0;
}

#banner {
margin: 19px 0;
}


#main {
float: left;
width: 648px;
}

#main p {
line-height:1.8;
margin-bottom:10px;
font-size:0.8em;
text-align:left:
}

#eye-catch p {
line-height:1.8;
margin-bottom:10px;
font-size:0.9em;
padding-bottom:10px;
}

#eye-catch {

padding: 95px 0 0 0;
background: url(../images/eye_catch.png) top center no-repeat;
font-size: 80%;
line-height: 130%;
text-align: justify;
}

#news {
margin: 0 0 5px 0;
background: url(../images/bg_news.jpg) right 10px no-repeat;
}

#news li {
width: 406px;
padding: 7px 16px;
font-size: 80%;
line-height: 150%;
border-bottom: 1px dashed #ccc;
}

#news li a {
display: block;
}

h2 {
margin: 0 0 15px 0;
clear:both;
position:relative;
}

h3 {
clear: both;
margin: 0 0 15px 0px;
padding: 4px 2px;
background: url(../images/bg_h3.png) top left repeat-x;
font-size: 14px;
border-bottom: 1px solid #000;
}

h3 .inner {
margin: 0 0 0 5px;
padding: 3px 0 2px 15px;
border-left: 3px solid #e6001a;
}

h4 {
color:#00a07d;
margin: 0 0 10px 0;
font-weight: bolder;
font-size:1.0em;
line-height:1.8;
}

h5 {
clear: both;
margin: 0 0 10px 0px;
padding: 4px 4px 4px 14px;
background-color:#e1f6f1;
font-size: 12px;
border-bottom: 1px solid #00a07d;
border-top: 1px solid #00a07d;
border-left: 3px solid #00a07d;
border-right: 1px solid #00a07d;
color:#005a46;
font-weight:bold;
}



.bunjotable {
margin:5px 0 20px 0px;
width:648px;
}

.bunjotable th {
background-color:#eeeeee;
color:#747474;
font-size: 0.8em;
border-bottom:1px solid #969696;
border-right:1px solid #969696;
padding:4px;
}

.bunjotable td {
font-size: 0.8em;
line-height:1.4;
border-bottom:1px solid #969696;
border-right:1px solid #969696;
padding:4px;
}


#privacy ul {
list-style-type:circle;
font-size:12px;
line-height:1.8;
margin-left:15px;
margin-bottom:15px;
}


.blue {
color:#165797;
}

.red {
color:#CC0000;
font-weight:bold;
}

.left {
float: left;
}

img.left {
float: left;
margin: 0 15px 15px 0;
}

.right {
float: right;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

img.right {
float: right;
margin: 0 0 15px 15px;
}

/* image styles */

.img_right {
	display:block;
	float: right;
	padding:2px;
	border:1px solid #999;
	margin:0 0 10px 10px;
}
.img_left {
	display:block;
	float: left;
	padding:2px;
	border:1px solid #999;
	margin:0 10px 0 0;
}

.txcenter {
text-align:center;
}

.sml {
	font-size:0.9em;
}
ul.asj {
	margin:0;
	padding:0;
}
ul.asj li {
	padding-bottom:10px;
	
}
.gallery { margin-top:25px; }
.gallery p { margin:0; padding:0; color:#CC0000; }
.gallery ul { width:650px; margin:0; padding:0; list-style:none; }
.gallery li { display:inline; float:left; margin:0; padding:0; }
.gallery li a { display:block; width:200px; height:200px; margin:5px; padding:0; text-align:center; border:1px solid #CCCCCC; }
.gallery li a:hover { border-color:#CC6666; }
.gallery li img { margin-top:35px; width:180px; height:120px; }
.gallery li img.vert { margin-top:10px; width:120px; height:180px; }
.gallery:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#footer {
clear: both;
position: relative;
margin: 40px 0 0 0;
padding: 5px 0;
border-top: 3px double #ccc;
border-bottom: 1px solid #ccc;
line-height: 130%;
color: #666;
}

#footer a {
color: #666;
}

#footer address {
display: inline;
}

#footer strong {
font-size: 100%;
font-weight: bolder;
color: #000;
}

#anchor-to-top {
position: absolute;
top: -22px;
right: 0;
}

#anchor-to-top a {
display: block;
width: 78px;
height: 22px;
background: url(../images/layout/anchor_to_top.png) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#privacy-policy, #site-map, #outline {
margin: 0 0 0 5px;
font-size: 0.7em;
font-weight: bolder;
border-right:1px solid #454545;
padding-right:5px;
}

#copyright {
margin: 5px 0;
font-size: 0.6em;
text-align: right;
}


.uri {
background-color:#666666;
}

.staff { 
margin:0px;
width:600px;
}

.staff p { 
margin:0; padding:0; color:#454545; 
font-size:11px;
line-height:1.5;
padding:10px;
}

.staff ul { 
margin:0; 
padding:0; 
list-style:none;
}

.staff li {
display:inline; 
float:left; 
margin:5px; 
padding:3px; 
border:1px solid #78c9bb;
width:580px;
margin-left:20px;
background-color:#dff4f3;
}

.staff li img { 
width:150px; 
height:180px;
padding:10px; 
}

.staff:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
}

.tais {
color:#CC0000;
padding-top:10px;
}

.syumi {
color:#000066;
}

.tatem {
color:#336666;
}
