@charset "utf-8";

/*--------------------------------------------------
GLOBAL RESET
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
img{
vertical-align:middle;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

/*--------------------------------------------------
link
--------------------------------------------------*/
a{
color:#2D8FCA;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:underline;
}
/*--------------------------------------------------
LAYOUT
--------------------------------------------------*/
html,body{
height:100%;
}
body{
background:#fff url(../img/blueline.png) repeat-x;
font-size:62.5%;
font-family: Verdana, Arial, sans-serif;
color:#333;
}
div#wrapper{
font-size:1.2em;
line-height:1.8em;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}
div#upper{
background:url(../img/sports.png) no-repeat 0 5px;
}
div#bluetag-area{
position:relative;
background:url(../img/line.png) no-repeat -115px bottom;
padding-top:50px;
padding-left:230px;
padding-bottom:53px;
}
div#about-bluetag{
width:650px;
}
div#bluetag-desc{
background:url(../img/imaya.jpg) no-repeat right bottom;
padding-right:140px;
min-height:475px;
height:auto !important;
height:475px;
}
ul#banner li{
float:left;
margin-right:10px;
margin-bottom:10px;
}
ul#banner li span{
display:block;
color:#111987;
margin-top:5px;
line-height:1em;
font-size:0.8em;
}
div#company-area{
position:relative;
padding-top:20px;
padding-left:230px;
padding-bottom:50px;
}
div#about-company{
width:650px;
}
div#footer,div#push{
height:20px; /* .push must be the same height as .footer */
}
div#footer{
background:url(../img/blueline.png) repeat-x bottom;
}
p#copy{
width:880px;
text-align:right;
color:#999;
}
/*--------------------------------------------------
見出し
--------------------------------------------------*/
h2{
margin-bottom:2.5em;
}
h2#bluetag-logo{
position:absolute;
bottom:20px;
left:30px;
}
h2#company-logo{
position:absolute;
top:20px;
left:30px;
}
h3{
margin-bottom:1.2em;
font-weight:bold;
}
h3#about-title{
background:url(../img/about.png) no-repeat;
width:178px;
height:22px;
}
* html h3#about-title{
background:url(../img/about-ie6.png) no-repeat;
}
h3#about-title span{
display:none;
}
h4.border-h4{
margin-bottom:1.2em;
font-weight:bold;
border-bottom:1px solid #0089B7;
text-shadow:#f5f5f5 0px -1px,#f5f5f5 1px 0px,#f5f5f5 0px 1px,#f5f5f5 -1px 0px;
}

/*--------------------------------------------------
parts
--------------------------------------------------*/
p,li{
text-shadow:#f5f5f5 0px -1px,#f5f5f5 1px 0px,#f5f5f5 0px 1px,#f5f5f5 -1px 0px;
}
.dispnone{
display:none;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.fright{
float:right;
}
.fleft{
float:left;
}
.center{
text-align:center;
}
.sec{
margin-bottom:20px;
}
.highlight{
border-top:1px solid #78B72B;
padding-top:20px;
}
/*--------------------------------------------------
フォント
--------------------------------------------------*/
em{
font-weight:bold;
}
.small{
font-size:0.8em;
}
.ssmall{
font-size:0.7em;
}
.large{
font-size:1.1em;
}
.blue{
color:#111987;
}
/*--------------------------------------------------
clearfix
--------------------------------------------------*/
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix{
display: inline-block;
} 
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
} 
.clearfix{
display: block;
} 
/* End hide from IE-mac */