@charset "UTF-8";

html, body{
margin: 0;	/* 余白の削除 */
padding: 0;	/* 余白の削除 */
height: 100%;	/* 縦の高さを100% */
width: 100%;	/* 横の幅を100% */
}

body {
    background: url("../images/bg-content.png") no-repeat scroll left 257px #fff;
}

#wrap {
position: relative;	/* フッター部の配置用に定義 */
min-height: 100%;	/* 縦の表示領域を100% */
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
}

#container { 
  margin-top: 50px;
  width: 960px;
  padding-bottom: 50px;    
}



/* ヘッダー
------------------------------------------------------------ */
#header-outer {
    background: url("../images/bg-top.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#header-outer #header {
    height: 257px;
    position: relative;
    width: 960px;
}
#header-outer #header #logo-content {
    left: 20px;
    position: absolute;
    top: 92px;
}


/* サイドナビゲーション
------------------------------------------------------------ */
#side-nav {
    float: left;
    width: 286px;
}



/* フッターナビゲーション
------------------------------------------------------------ */

#footer {
  width: 100%; /* 横の幅を100% */
  height: 50px; /* 縦の幅を120px */
  position: absolute; /* 絶対位置指定することを定義 */
  bottom: 0px; /* 絶対位置指定(左0px,下0px) */
  padding: 10;
}


#utility-nav {
 /*border: 1px solid #fff; 表示領域を白枠で囲う */
height: 15px; /* 縦幅の指定100px */
width: 960px; /* 横の幅970px */
margin: auto; /* 中央揃え */
}

#utility-nav li {
    background: url("../images/line.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left;
    margin-right: 14px;
    padding-left: 15px;
}
#utility-nav li a {
    color: #5b5959;
    display: block;
    font-size: 0.563em;
    text-decoration: none;
    font-weight: bold;
}
#utility-nav li a:hover {
  color: #000;
  font-size: 0.563em;
  font-weight: bold;
}
#utility-nav li .current {
    color: #000;
}

#utility-nav .list {
    background: url("none") repeat scroll 0 0 rgba(0, 0, 0, 0);
}