/*
Theme Name: Eight One Building
Theme URI: 
Description: Eight One Building  only
Version: 1.0.0
Author: Teruhisa Osawa
Author URI: 
Tags: white base, two columns
*/

@charset "utf-8";
@import "reset.css";


/*-----------------------------------------------
 BASIC
-----------------------------------------------*/
*{
font-size:14px;
}
html{
height:100%;
background-color:#f3fbe3;
}
body {
height:100%;
background-color:#f3fbe3;
font-family:'ヒラギノ角ゴ Pro W3',sans-serif,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
text-align:center;
}

br{letter-spacing:normal;}
a{color:#000000;text-decoration:none;}
a:hover {color:crimson;text-decoration:none;}
p {line-height:180%;margin:0 0 1em;color:#333333;line-height:180%;}
li{list-style:none;}
strong{font-weight:bold;}
img,
fieldset {
border:0;
margin:0px;
padding:0px;
}
a.alpha:hover img{
filter:alpha(opacity=40);
opacity:0.4;
}
/*-----------------------------------------------
 LAYOUT
-----------------------------------------------*/

div#container {
width:960px;
margin:0 auto;
text-align:left;
min-height:100%;
height: auto !important;
height:100%;
position: relative;
background-image:url("../img/all/bg.gif");
background-repeat:repeat-y;
background-position:center;
}
div#inner{
width:910px;
padding-left:25px;
}

div#contents_left {
width:445px;
float:left;
}
 
div#contents_right {
width:455px;
float:right;
}
body > div#wrapper{
height:auto;
}
div#wrapper{
width:910px;
height:100%;
margin:0px 0px 15px 0px;
padding-bottom:90px;
}
div#wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#footer {
 width:100%;
 clear:left;
}

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
color:#0000ff;
/*font-weight:bold;*/
text-decoration:none;
}

a:link {
}

a:visited {
/*color:#800080;*/
}

a:hover {
color:crimson;
text-decoration:underline;
}

a:active {
}



/*-----------------------------------------------
 HEADER
-----------------------------------------------*/
div#header{
width:910px;
height:70px;
background-image:url("../img/all/hd_bg.jpg");
background-repeat:no-repeat;
background-position:right;
margin-bottom:5px;
}
h1{
color:#999999;
font-size:50%;
text-align:right;
line-height:180%;
}
div#header img.logo{
float:left;
}
div#header img.btn1{
float:right;
margin:15px 20px 0px 0px;
}
div#header img.btn2{
float:right;
margin:15px 0px 0px 0px;
}


/*-----------------------------------------------
 Floor Guide
-----------------------------------------------*/
ul.box1{
clear:left;
width:425px;
height:108px;
border:1px solid #cccccc;
padding:12px 20px 5px 0px;
margin-bottom:20px;
}
ul.box1 li.b1{float:right;}
ul.box1 li.b2{float:left;}
ul.box1 li.b3{float:left;}
ul.box1 li.b4{text-align:right;padding:0px 140px 5px 0px;}
ul.box1 li.b5{text-align:right;padding:0px 140px 0px 0px;}

ul.box1_2{
clear:left;
width:425px;
height:128px;
border:1px solid #cccccc;
padding:12px 20px 5px 0px;
margin-bottom:20px;
}
ul.box1_2 li.b1{float:right;}
ul.box1_2 li.b2{float:left;}
ul.box1_2 li.b3{float:left;}
ul.box1_2 li.b4{text-align:right;padding:0px 140px 5px 0px;}
ul.box1_2 li.b5{text-align:right;padding:0px 140px 0px 0px;}

div#catch{
width:910px;
height:290px;
padding-bottom:20px;
background-image:url("../img/all/catch.jpg");
background-repeat:no-repeat;
}
div#catch img.copy{
position:relative;
top:43px;
left:535px;
}
div#catch div#topics{
position:relative;
top:84px;
left:609px;
width:283px;
height:124px;
background-color:#ffffff;
border:1px solid #cccccc;
}
div#catch  div#topics h2{
padding:20px 0px 0px 19px;
font-size:12px;
}
div#catch div#topics dl{
padding:18px 0px 0px 17px;
}
div#catch  div#topics dt {
clear: left;
float: left;
margin: 0 0 0.8em;
width: 4.7em;
padding-left: 5px;
color: #000;
font-size:12px;
}

div#topics dd {
margin-bottom: 0.8em;
margin-left: 4.7em;
font-size:12px;
}

div#topics iframe{
padding:0px;
margin:0px;
border:0px;
}
div#topics .ifm{
border:0px;
width:283px;
height:124px;
}

/*-----------------------------------------------
 About Building
-----------------------------------------------*/
div#contents h2{
clear:left;
width:910px;
background-image:url("../img/all/h2.gif");
background-repeat:no-repeat;
background-position:right;
color:#131313;
}

ul.photo{
padding:20px 0px;
}
ul.photo:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
ul.photo li{
float:left;
padding-right:27px;
}
ul.photo li.last{
padding:0px;
}

div#map{
width:530px;
height:450px;
float:left;
padding-right:40px;
}
div#information{
width:300px;
height:300px;
float:left;
}
div#information p.contact{
font-size:16px;
font-weight:bold;
padding:25px 0px 0px 0px;
margin:0px;
color:#666666;
}
div#information p.number{
font-size:30px;
line-height:120%;
font-family:"Arial";
padding:0px;
color:#666666;
}

/*-----------------------------------------------
 FOOTER
-----------------------------------------------*/
div#footer{
text-align:center;
color:#cccccc;
padding:1px 0px 0px 0px;
width:950px;
height:45px;
position: absolute;
bottom: 0;
border-top:3px solid #62a282;
margin:0px 0px 0px 5px;
}
* html div#footer {
	bottom:expression(document.getElementById("wrapper").offsetHeight % 2 == 0 ? 0 : -1);
}
div#footer div{
padding:5px 5px 0px 0px;
text-align:right;
border-top:1px solid #cccccc;
}
address{
color:#999999;
font-size:12px;
font-family:"Arial";
font-style:normal;
}


/*-----------------------------------------------
 CLEAR FIX
-----------------------------------------------*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */