@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}


ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
}



/* common
------------------------------------*/
body{
font-size:90%;
background-image: url(../image/bg.gif);
background-repeat: repeat-x;
background-position: left top;
}

#container{
text-align:center;
}



/* header
------------------------------------*/
#header {
width:900px;
margin:0 auto;
}

#header h1 {
float: left;
padding:11px 0 22px;
width:135px;
}

#header #headerNavi {
float: right;
width:500px;
text-align:right;
font-size:70%;
}

#header #headerNavi ul {
padding:4px 0 6px;
}

#header #headerNavi p {
margin:5px 8px 0 0;
}


#header #headerNavi ul li {
display:inline;
background-color:#BE0000;
padding:6px 8px;
background-image: url(../image/header_navibg.gif);
background-repeat: no-repeat;
background-position: left center;
}

#header #headerNavi ul li#liLeft {
background-image:none;
padding-left:10px;
}

#header #headerNavi ul li#liRight {
padding-right:10px;
}

#header #headerNavi ul li a {
color:#FFFFFF;
}



/* globalNavi
------------------------------------*/
#globalNavi {
margin:0px auto;
}

#globalNavi ul {
width:900px;
margin:0 auto;
}

#globalNavi ul li{
display:inline;
}

#footer {
margin:16px auto 44px;
width:900px;
font-size:90%;
}

#footer #estimate {
margin:0 0 10px;
}

#footer #logo1 .image {
float:left;
width:40px;
}

#footer #logo1 .spec {
margin:0 0 0 56px;
display:block;
padding:14px 0 0;
}

#footer #logo2 {
margin: 10px 0 0;
clear:both;
}

#footer #logo2 .image {
float:left;
width:113px;
}

#footer #logo2 .spec {
display:block;
margin:0 0 0 115px;
padding:5px 0 0;
}

#footer #logo2 .spec span {
color: #5C5C5C;
font-size:110%;
margin: 0 7px 0;
}


/* contents
------------------------------------*/
#contents{
display:block;
width:900px;
margin:0 auto;
color:#000000;
text-align:left;
}

#contents #indexBox {
background-image: url(../image/indexbox_bg.gif);
background-repeat: repeat-y;
background-position: left top;
padding:  0 40px;
}

#contents #indexBox #columnLeft {
width: 537px;
float: left;
}

#contents #indexBox #columnLeft h2{
}

#contents #indexBox #columnLeft ul {
margin: 17px 0 0;
font-size:90%;
}

#contents #indexBox #columnLeft ul li {
margin: 0 0 10px;
padding: 0 0 10px;
background-image: url(../image/line.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#contents #indexBox #columnLeft ul li #date {
font-weight:bold;
width:100px;
display:block;
float:left;
}

#contents #indexBox #columnLeft ul li #date span {
background-image:url(../image/indexbox_icon.gif);
background-position:12px 4px;
background-repeat:no-repeat;
display:block;
padding:0 0 0 28px;
}

#contents #indexBox #columnLeft ul li #spec {
display:block;
margin:0 0 0 120px;
}

#contents #indexBox #columnRight {
width: 247px;
float: right;
}

#contents #indexBox #columnRight ul {
margin: 8px 0 0;
}

#contents #indexBox #columnRight ul li {
margin: 0 0 11px;
}

/* index
------------------------------------*/


/* float
------------------------------------*/
.clearfix:after,
#header:after,
#contents #indexBox:after,
#contents #indexBox #columnLeft ul li:after,
#footer #logo1:after,
#footer #logo2:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix,
#header,
#contents #indexBox,
#contents #indexBox #columnLeft ul li,
#footer #logo1,
#footer #logo2 {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix,
* html #header,
* html #contents #indexBox,
* html #contents #indexBox #columnLeft ul li,
* html #footer #logo1,
* html #footer #logo2 {
height: 1%
}

.clearfix,
#header,
#contents #indexBox,
#contents #indexBox #columnLeft ul li,
#footer #logo1,
#footer #logo2 {
display:block;
}
/* end MacIE5 */