@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      life.css
 Adddate:        2010.11.19
 Upddate:        2011.01.17
 Style Info:     life Page CSS
----------------------------------------------------------- */
#life-container {
 width: 960px;
 margin: 0 auto;
 padding-top: 8px;
 background: url(../../img/bg_top.jpg) no-repeat left top;
 text-align: left;
}
#life-middle {
 background: url(../../img/bg_middle.jpg) repeat-y left top;
}
#life-bottom {
 background: url(../../img/bg_bottom.jpg) no-repeat left bottom;
 padding: 0 15px 30px 0;
}

#life-left {
 float: left;
 width: 740px;
}
#life-right {
 float: right;
 width: 205px;
 padding-top: 22px;
}

#life-main {
 margin-bottom: 10px
}

ul#life-localmenu {
 margin-bottom: 30px;
 background: url(../../img/border.gif) no-repeat right center;
}
ul#life-localmenu li {
 float: left;
 padding-left: 3px;
 background: url(../../img/border.gif) no-repeat left center;
}

#life-cont-wrap {
 margin-left: 11px;
 padding-top: 43px;
 width: 724px;
 background: url(../../img/bg_contents_top.gif) no-repeat left top;
}
#life-cont {
 width: 724px;
 background: url(../../img/bg_contents_middle.gif) repeat-y left top;
}
#life-cont-inner {
 width: 675px;
 padding: 0 25px 20px 24px;
 background: url(../../img/bg_contents_bottom.gif) no-repeat left bottom;
}

.life-section {
 width: 675px;
 margin-bottom: 10px;
}
#life-cont-inner h3 {
 margin-bottom: 20px;
}
.life-cont-left {
 float: left;
 width: 485px;
}
.life-cont-right {
 float: right;
 width: 170px;
}
.life-cont-left p {
 margin-bottom: 10px;
 line-height: 1.6em;
}

.life-prd-wrap {
 width: 675px;
 margin-bottom: 15px;
}
.life-prd-left, .life-prd-right, .life-prd-left-under {
 width: 329px;
 background: url(../../img/bg_prd_top.jpg) no-repeat left top;
}
.life-prd-left {
 float: left;
}
.life-prd-right {
 float: right;
}
.life-prd-left-under {
 float: left;
 margin-top:15px;
}
.life-prd {
 position: relative;
 padding: 18px;
 background: url(../../img/bg_prd_bottom.jpg) no-repeat left bottom;
 min-height:130px;
 height: auto !important;
 height: 130px;
}
.life-prd-photo {
 float: left;
 width: 98px;
}
.life-prd-text {
 float: right;
 width: 180px;
 font-size: 93%;
}
.life-prd-name {
 color: #D00;
 font-size: 110%;
 font-weight: bold;
}
.life-prd-text p {
 margin-bottom: 5px;
}
.bt-detail {
 position: absolute;
 right: 18px;
 bottom: 10px;
 text-align: right;
}

.backnumber-wrap {
 width: 205px;
 margin-top: 10px;
}
.backnumber {
 background: url(../../img/bg_backnumber_middle.gif) repeat-y bottom;
}
.backnumber ul {
 width: 181px;
 padding: 10px 12px 0;
 background: url(../../img/bg_backnumber_bottom.gif) no-repeat bottom;
}
.backnumber ul li {
 padding-bottom: 10px;
 margin-bottom: 10px;
 background: url(../../../img/border_dot_h01.gif) repeat-x bottom;
}
.backnumber ul li.end {
 background: none;
}
.backnumber ul li a {
 display: block;
 padding-left: 20px;
 background: url(../../../img/arrow04.gif) no-repeat 3px 3px;
}
.backnumber ul li a, .backnumber ul li a:link, .backnumber ul li a:visited, .backnumber ul li a:hover, .backnumber ul li a:active {
 color: #5C3811;
}
.backnumber ul li a.active, .backnumber ul li a:hover, .backnumber ul li a:active {
 background-color: #FFF5C9;
 text-decoration: none;
}
#pagepath {
 width: 675px;
 padding: 10px 0 0 0;
 background: none;
}
#pagepath ul {
 width: 541px;;
}