@charset "utf-8";
/* CSS Document */

/*========================================
　　トップ
========================================*/

/*　強み・お客様の声
----------------------------------------*/

#indexAdvantage {
    padding: 0 0 30px;
    font-size: 12px;
    line-height: 17px;
}

#indexAdvantage div.left {
    background: url(../img/index/advantage_bg.jpg) left top no-repeat;
    width: 810px;
    height: 190px;
}

#indexAdvantage div.left ul li {
    width: 270px;
    float: left;
    text-align: center;
}

#indexAdvantage div.left ul li p {
    margin: 0;
    padding: 10px 20px 0;
    height: 80px;
    color: #FFFFFF;
    text-align: left;
}

/*　マンションを探す
----------------------------------------*/

#indexSearch {
    background: url(../img/common/bg01.jpg) left top;
    margin: 0 0 30px;
    padding: 0 0 20px;
    clear: both;
}

#indexSearch img.subtitle {
    margin: 0 0 10px;
}

#indexSearchLeft {
    width: 420px;
    float: left;
    padding: 0 0 0 20px;
}

#indexSearchRight {
    width: 490px;
    float: right;
    padding: 10px 0 0;
}

/*　マンション相場価格の瞬間チェック
----------------------------------------*/

#indexCheck {
    clear: both;
    width: 950px;
    margin: 0 0 30px;
    background: url(../img/common/bg01.jpg) left top;
}

#indexCheckBg {
    padding: 0 40px 20px 0;
}

#indexCheckBg div.left {
    width: 405px;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0 0 30px;
}

#indexCheckBg div.left div {
    padding: 0 10px 30px;
}

#indexCheckBg div.left p {
    margin: 0;
    line-height: 20px;
    background: #000000;
    color: #FFFFFF;
    text-align: center;
}

#indexCheckBg div.left dl {
    clear: both;
    text-align: left;
    background: url(../img/common/dot.gif) left bottom repeat-x;
    padding: 5px 78px 5px 60px;
}

#indexCheckBg div.left dl dt {
    clear: left;
    float: left;
    width: 100px;
    text-align: right;
    line-height: 26px;
}

#indexCheckBg div.left dl dd {
    margin: 0 0 0 100px;
    padding: 0 60px 0 0;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    color: #FF9900;
    font-weight: bold;
    background: url(../img/common/check/number.gif) 90px 0 no-repeat;
}

#indexCheckBg div.left img.plan {
    margin: 30px 0 0;
}

#indexCheckForm {
    float: right;
    width: 450px;
    background: #FFFFFF;
    padding: 0 0 20px;
}

#indexCheckForm ul.clearfix {
    clear: both;
}

#indexCheckForm ul.clearfix li {
    float: left;
}

#indexCheckForm div.checkFormSubtitle {
    position: relative;
    text-align: right;
    height: 30px;
}

#indexCheckForm div.checkFormSubtitle div {
    position: absolute;
    left: 0;
    top: -10px;
}

#indexCheckForm div.checkForm {
    padding: 20px 0 0 20px;
}

#indexCheckForm dl.clearfix {
    clear: both;
    font-size: 12px;
    line-height: 14px;
    padding: 0 20px 0 10px;
}

#indexCheckForm dl dt {
    clear: left;
    float: left;
    width: 76px;
    padding: 6px 0 3px 25px;
    height: 20px;
}

#indexCheckForm dl dd {
    margin: 0 0 0 125px;
    padding: 0 0 3px;
    line-height: 26px;
}

#indexCheckForm dl dd p {
    clear: both;
    font-size: 10px;
    line-height: 14px;
    color: #CC0000;
    margin: 0;
}

#indexCheckForm dl dd ul.clearfix li li {
    float: none;
    padding: 0;
}

#indexCheckForm dl dd ul.clearfix li label {
    margin: 0 20px 0 0;
}

#indexCheckForm dl dd ul.clearfix li select {
    float: left;
    width: 155px;
}

#indexCheckForm dl dd ul.room li {
    clear: both;
    line-height: 20px;
}

#indexCheckForm dl dd select {
    width: 224px;
}

#indexCheckForm dl dd input.text01 {
    width: 240px;
}

#indexCheckForm dl dd input.text02 {
    width: 200px;
}

#indexCheckForm label {
    padding: 0 0 0 8px;
}

#indexCheckForm p.clear {
    clear: both;
    background: url(../img/common/check/mandatory.gif) 50px 15px no-repeat;
    margin: 0;
    padding: 15px 0 0 94px;
    font-size: 12px;
    line-height: 16px;
}

#indexCheckForm div.button {
    padding: 15px 20px 0 0;
    text-align: center;
}

#indexCheckForm div.button p {
    font-size: 10px;
    line-height: 12px;
    margin: 0;
    padding: 10px 0 0 10px;
    text-align: left;
}

/*　地図から探す
----------------------------------------*/

#indexSearchMap {
    padding: 0 0 20px;
}

/*　マンション名から探す
----------------------------------------*/

#indexSearchName dl dt {
    width: 275px;
    clear: both;
    float: left;
}

#indexSearchName dl dt input {
    width: 250px;
    background: url(../img/index/search_name.jpg) left top repeat-x #FFFFFF;
    border-left: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    border-top: #AAAAAA 1px solid;
    border-bottom: #DDDDDD 1px solid;
    font-size: 12px;
    padding: 5px 5px;
    height: 14px; /* content-box */
}

#indexSearchName dl dd {
    margin: 0 0 0 275px;
}

/*　マンション売却無料査定
----------------------------------------*/

#indexAssess {
    padding: 0 0 14px;
}

/*　ブランド名から探す
----------------------------------------*/

#indexSearchBrand {
    clear: both;
}

#indexSearchBrand ul {
    margin: 0;
    padding: 0;
}

#indexSearchBrand ul li {
    float: left;
    width: 126px;
    padding: 5px 10px 5px 20px;
    background: url(../img/common/icon01.gif) 0 5px no-repeat;
    line-height: 110%;
}

/*　ランキング
----------------------------------------*/

#indexRanking {
    width: 720px;
    padding: 0 0 10px;
}

#indexRanking img.subtitle {
    margin: 0 0 10px;
}

#indexRanking h3 {
    border-left: #000000 5px solid;
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
}

#indexRanking div {
    padding: 0 0 20px;
}

#indexRanking table {
    width: 100%;
    border-left: #DDDDDD 1px solid;
}

#indexRanking table .colgroup01 {
    width: 7%;
}

#indexRanking table .colgroup02 {
    width: 11%;
}

#indexRanking table .colgroup03 {
    width: 27%;
}

#indexRanking table .colgroup04 {
    width: 26%;
}

#indexRanking table .colgroup05 {
    width: 9%;
}

#indexRanking table .colgroup06 {
    width: 13%;
}

#indexRanking table .colgroup07 {
    width: 7%;
}

#indexRanking table sup {
    font-size: xx-small;
}

#indexRanking table th {
    background: #659800;
    border-right: #72A800 1px solid;
    color: #FFFFFF;
    font-weight: 100;
    text-align: center;
    padding: 5px;
    line-height: 140%;
    vertical-align: middle;
}

#indexRanking table td {
    background: url(../img/common/bg01.jpg) left top;
    border-right: #DDDDDD 1px solid;
    border-bottom: #DDDDDD 1px solid;
    text-align: center;
    padding: 5px;
    line-height: 140%;
    vertical-align: middle;
}

#indexRanking table td a span {
    display: block;
    text-decoration: none;
}

#indexRanking table td a:hover * {
    filter: alpha(style=0, opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

/*========================================
　　マンション詳細
========================================*/

/*　強み
----------------------------------------*/

#detailAdvantage {
    background: url(../img/detail/advantage_bg.jpg) left top no-repeat;
    height: 220px;
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 30px;
}

#detailAdvantage ul li {
    width: 240px;
    float: left;
    text-align: center;
}

#detailAdvantage ul li p {
    margin: 0;
    padding: 10px 20px 0;
    height: 100px;
    color: #FFFFFF;
    text-align: left;
}

/*　見出し
----------------------------------------*/

#detailTop {
    width: 720px;
    background: url(../img/common/bg01.jpg) left top;
    margin: 0 0 10px;
    padding: 0 0 20px;
}

#detailTop div.left {
    width: 590px;
}

#detailTop div.left p {
    margin: 0;
    padding: 0 0 6px 80px;
    font-size: 10px;
    line-height: 12px;
    background: url(../img/detail/id.gif) left top no-repeat;
}

#detailTop div.left p span {
    background: #000000;
    color: #FFFFFF;
    margin: 0 5px 0 0;
    padding: 0 5px;
}

#detailTop div.left strong {
    display: block;
    font-size: 26px;
    line-height: 32px;
    font-weight: 100;
    padding: 0 0 5px 20px;
}

#detailTop div.left dl {
    background: url(../img/common/dot.gif) left bottom repeat-x;
    margin: 0 0 0 20px;
}

#detailTop div.left dl dt {
    width: 80px;
    clear: left;
    float: left;
    background: url(../img/common/dot.gif) left top repeat-x;
    line-height: 22px;
    padding: 4px 0 0;
}

#detailTop div.left dl dd {
    margin: 0 0 0 80px;
    background: url(../img/common/dot.gif) left top repeat-x;
    padding: 4px 0 4px;
    font-size: 117%;
    line-height: 22px;
}

#detailTop dl.right {
    width: 100px;
    padding: 20px 10px 0 0;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

#detailTop dl.right dt {
    padding: 5px 0;
    background: #7CA405;
    color: #FFFFFF;
}

#detailTop dl.right dd {
    padding: 15px 0;
    font-size: 14px;
    background: #FFFFFF;
}

#detailTop dl.right dd b {
    font-size: 30px;
    line-height: 30px;
    padding: 0 5px 0 0;
    color: #7CA405;
}

/*　相場価格の瞬間チェック矢印
----------------------------------------*/

#detailCheckArrow {
    clear: both;
    width: 720px;
    padding: 0 0 10px;
}

#detailCheckArrow p {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 25px;
    background: url(../img/detail/check_arrow.jpg) left bottom no-repeat;
    color: #FF9900;
    font-weight: bold;
    letter-spacing: -1px;
}

/*　マンション相場価格の瞬間チェック
----------------------------------------*/

#detailCheck {
    clear: both;
    width: 720px;
    margin: 0 0 30px;
    background: #FFCC99;
}

#detailCheck div.checkFormSubtitle {
    position: relative;
    text-align: right;
    height: 30px;
}

#detailCheck div.checkFormSubtitle div {
    position: absolute;
    left: 0;
    top: -10px;
}

#detailCheckBg {
    padding: 0 20px 20px 0;
}

#detailCheckBg div.left {
    width: 265px;
    font-size: 12px;
    line-height: 16px;
    padding: 20px 0 0 20px;
}

#detailCheckBg div.left p {
    margin: 0;
    line-height: 20px;
    background: #000000;
    color: #FFFFFF;
    text-align: center;
}

#detailCheckBg div.left dl {
    clear: both;
    text-align: left;
    background: url(../img/common/dot.gif) left bottom repeat-x;
    padding: 5px 0;
}

#detailCheckBg div.left dl dt {
    clear: left;
    float: left;
    width: 90px;
    text-align: right;
    line-height: 26px;
}

#detailCheckBg div.left dl dd {
    margin: 0 0 0 90px;
    padding: 0 70px 0 0;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    color: #FF6600;
    font-weight: bold;
    background: url(../img/common/check/number.gif) 90px 0 no-repeat;
}

#detailCheckBg div.left div {
    text-align: center;
    padding: 10px 0 0;
}

#detailCheckBg div.left span {
    display: block;
    padding: 10px 0 0;
}

#detailCheckForm {
    float: right;
    width: 390px;
    padding: 0 0 20px;
}

#detailCheckForm div.checkForm {
    padding: 20px 0 0 20px;
}

#detailCheckForm dl.clearfix {
    clear: both;
    font-size: 12px;
    line-height: 14px;
    padding: 0 20px 0 0;
}

#detailCheckForm dl dt {
    clear: left;
    float: left;
    width: 76px;
    background: url(../img/common/check/mandatory.gif) 0 6px no-repeat;
    padding: 6px 0 3px 34px;
    height: 20px;
}

#detailCheckForm dl dd {
    margin: 0 0 0 125px;
    padding: 0 0 3px;
    line-height: 26px;
}

#detailCheckForm dl dd p {
    clear: both;
    font-size: 10px;
    line-height: 14px;
    color: #CC0000;
    margin: 0;
}

#detailCheckForm dl dd ul.clearfix li li {
    float: none;
    padding: 0;
}

#detailCheckForm dl dd ul.clearfix li label {
    margin: 0 20px 0 0;
}

#detailCheckForm dl dd ul.clearfix li select {
    float: left;
    width: 125px;
}

#detailCheckForm dl dd select {
    width: 194px;
}

#detailCheckForm dl dd input.text01 {
    width: 210px;
}

#detailCheckForm dl dd input.text02 {
    width: 170px;
}

#detailCheckForm label {
    padding: 0 0 0 8px;
}

#detailCheckForm p.clear {
    clear: both;
    /*background: url(../images/index/check_mandatory.gif) 50px 15px no-repeat;*/
    margin: 0;
    padding: 15px 0 0 94px;
    font-size: 12px;
    line-height: 16px;
}

#detailCheckForm div.button {
    padding: 15px 20px 0 0;
    text-align: center;
}

#detailCheckForm div.button p {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -1px;
    margin: 0;
    padding: 10px 0 0;
    text-align: left;
}

/*　売出し価格
----------------------------------------*/

#detailUnitPrice {
    width: 720px;
    padding: 0 0 5px;
}

#detailUnitPrice strong {
    display: block;
    background: #FF9900;
    color: #FFFFFF;
    text-align: center;
    height: 30px;
    padding: 10px 10px 0;
    font-size: 12px;
    line-height: 20px;
}

#detailUnitPrice strong sup {
    font-size: xx-small;
}

#detailUnitPrice div.left {
    padding: 20px 20px 0;
    background: #FFE1C4;
    height: 170px;
}

#detailUnitPrice div.left div {
    _zoom: 1;
    overflow: hidden;
    border-top: #FF6600 1px solid;
}

#detailUnitPrice div.left dl.strong {
    color: #FF6600;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 5px;
}

#detailUnitPrice div.left dl.strong dt {
    padding-top: 5px;
}

#detailUnitPrice div.left dl {
    width: 340px;
    clear: both;
    font-size: 12px;
    line-height: 24px;
}

#detailUnitPrice div.left div dl {
    margin: -1px 0 0;
    background: url(../img/detail/unit_price_dot.gif) left top repeat-x;
}

#detailUnitPrice div.left dl dt {
    float: left;
    width: 100px;
    padding: 0 0 0 20px;
    text-align: center;
}

#detailUnitPrice div.left dl dd {
    margin: 0 0 0 120px;
    padding: 0 20px 0 0;
    text-align: center;
}

#detailUnitPrice div.left dl dd sup {
    font-size: xx-small;
}

#detailUnitPrice div.right {
    width: 340px;
    height: 130px;
    background: url(../img/detail/unit_price_bg.gif) left top no-repeat #FFCC99;
    text-align: center;
    padding: 60px 0 0;
    line-height: 15px;
}

#detailUnitPrice div.right div {
    font-size: 38px;
    line-height: 42px;
    font-weight: bold;
    color: #FF6600;
}

#detailUnitPrice div.right div b {
    padding: 0 5px 0 0;
}

#detailUnitPrice div.right div img {
    margin: 0 0 5px;
}

/*　購入希望
----------------------------------------*/

#detailBuy {
    width: 280px;
    float: right;
    padding: 0 20px 0 0;
}

#detailBuy strong {
    display: block;
    background: #659800;
    color: #FFFFFF;
    text-align: center;
    height: 30px;
    padding: 10px 10px 0;
    font-size: 12px;
    line-height: 20px;
}

#detailBuy div {
    padding: 20px 0 0;
    height: 170px;
    background: #D0E0B2;
    text-align: center;
}

#detailBuy p {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    padding: 20px 0;
}

#detailBuy p b {
    font-size: 30px;
    line-height: 32px;
    color: #659800;
}

#detailBuy span {
    display: block;
    font-size: 12px;
    line-height: 12px;
}

#detailBuy span small {
    font-size: 10px;
}

/*　大阪市マンション売却ネット
----------------------------------------*/

#detailSellLink {
    clear: both;
    position: relative;
    padding: 20px 0 30px;
}

#detailSellLink img.result {
    padding: 10px 0 30px;
}

#detailSellLink div.voice {
    padding: 30px 0 20px;
}

/*　最大売却手数料50%OFF
----------------------------------------*/

#detailSellMerit b.subtitle {
    clear: both;
    display: block;
    background: #7CA405;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    width: 700px;
    padding: 0 0 0 20px;
}

#detailSellFee {
    width: 680px;
    margin: 0 0 30px;
    padding: 20px 20px 20px;
    background: url(../img/common/bg01.jpg) left top;
}

#detailSellFee div {
    padding: 10px 0 10px 20px;
}

#detailSellFee div img {
    float: left;
}

#detailSellFee div p {
    margin: 0;
    padding: 10px 0 0;
    width: 450px;
    float: right;
}

#detailSellFee p.clear {
    margin: 0;
    padding: 0 0 10px;
}

#detailSellFee table {
    clear: both;
    width: 100%;
    font-size: 14px;
    border-top: #DDDDDD 1px solid;
    border-right: #DDDDDD 1px solid;
    margin: 0 0 30px;
}

#detailSellFee table.margin0 {
    margin: 0 0 5px;
}

#detailSellFee table th {
    padding: 2px 0 2px 40px;
    width: 40%;
    background: #7CA405;
    border-bottom: #98B73A 1px solid;
    line-height: 32px;
    font-weight: 100;
    color: #FFFFFF;
    text-align: left;
}

#detailSellFee table td {
    line-height: 32px;
    padding: 3px 0 3px 40px;
    background: #FFFFFF;
    border-bottom: #DDDDDD 1px solid;
}

#detailSellFee table td b {
    font-size: 28px;
    color: #FF9900;
}

#detailSellFee ul {
    padding: 0 0 30px;
}

#detailSellFee ul li {
    font-size: 12px;
    line-height: 16px;
}

#detailSellFee img.attention {
    margin: 10px 0 0;
}

#detailSellFee p.attention {
    margin: 0;
    padding: 20px 0 0;
}

#detailSellFee p.attention b {
    color: #7CA405;
}

#detailSellFee b.clear {
    display: block;
    padding: 20px 0 10px;
    font-size: 25px;
    line-height: 30px;
    color: #FF9900;
    letter-spacing: -1px;
}

/*　売主様の利益を最優先
----------------------------------------*/

#detailSellPriority {
    clear: both;
    width: 680px;
    margin: 0 0 30px;
    padding: 20px;
    background: url(../img/common/bg01.jpg) left top;
}

#detailSellPriority div.right {
    width: 400px;
}

/*　1ヶ月お試し制度有り
----------------------------------------*/

#detailSellTry {
    clear: both;
    width: 680px;
    margin: 0 0 30px;
    padding: 20px;
    background: url(../img/common/bg01.jpg) left top;
}

#detailSellTry div.right {
    width: 400px;
}

/*　マンション売却無料査定
----------------------------------------*/

#detailSellAssess {
    clear: both;
    padding: 0 20px 0 0;
}

#detailSellAssess div.left,
#detailSellAssess div.right {
    width: 350px;
}

#detailSellAssess div {
    padding: 0 0 30px;
}

/*　リンク
----------------------------------------*/

#detailSellBanner ul {
    padding: 0 0 20px 30px;
}

#detailSellBanner ul li {
    padding: 0 0 10px;
}

/*　写真
----------------------------------------*/

#detailPhoto {
    clear: both;
    width: 720px;
    padding: 10px 0 30px;
}

#detailPhoto ul.point {
    _zoom: 1;
    overflow: hidden;
}

#detailPhoto ul.point li {
    width: 150px;
    margin: -1px 0 0;
    background: url(../img/common/dot.gif) left top repeat-x #FFCC00;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

#detailPhoto #rollover div.right {
    background: #FFFFFF;
    width: 550px;
}

#detailPhoto #rollover div.left {
    width: 160px;
}

#detailPhoto #rollover ul.thumb li {
    display: block;
    float: left;
    background: #FFFFFF;
    margin: 10px 10px 0 0;
}

/*　周辺環境
----------------------------------------*/

#detailLocation {
    clear: both;
    width: 720px;
    padding: 0 0 30px;
}

#detailLocation div.clearfix {
    padding: 10px 0 0;
}

#map_canvas, #mapStreet {
    width: 340px;
    height: 340px;
}

/*　概要
----------------------------------------*/

#detailOutline {
    clear: both;
    width: 720px;
    margin: 0 0 30px;
    padding: 0 0 20px;
    background: url(../img/common/bg01.jpg) left top;
}

#detailOutline table {
    width: 680px;
    margin: 10px 0 0 20px;
    line-height: 110%;
}

#detailOutline table th {
    width: 15%;
    font-weight: 100;
    text-align: left;
    padding: 10px 10px;
    background: url(../img/detail/outline.gif) left bottom repeat-x;
}

#detailOutline table td {
    width: 35%;
    padding: 10px 10px;
    background: url(../img/common/dot.gif) left bottom repeat-x;
}

/*　テキスト
----------------------------------------*/

#detailText {
    padding: 0 0 30px;
}

#detailText p {
    font-size: 10px;
    line-height: 14px;
    margin: 0;
}

/*　現在、新着売り出し物件のあるマンション一覧
----------------------------------------*/

#detailMansion {
    padding: 0 0 30px;
}

#detailMansion div.clearfix {
    margin: -10px 0 0;
}

#detailMansion ul li.clearfix {
    width: 350px;
    margin: 20px 20px 0 0;
    padding: 0 0 10px;
    float: left;
    background: url(../img/common/bg01.jpg) left top;
}

#detailMansion ul li p {
    margin: 0;
}

#detailMansion ul li p a {
    display: block;
    text-decoration: none;
    background: url(../img/detail/mansion_of.gif) left top no-repeat #659800;
    display: block;
    color: #FFFFFF;
    line-height: 120%;
    margin: 0;
    padding: 4px 10px;
    line-height: 17px;
}

#detailMansion ul li p a:hover {
    background: url(../img/detail/mansion_ov.gif) left top no-repeat #659800;
}

#detailMansion ul li div.left {
    width: 150px;
    padding: 10px 0 0 10px;
    background: url(../img/detail/mansion_bg.gif) 10px 10px no-repeat;
    text-align: center;
}

#detailMansion ul li div.left a:hover * {
    filter: alpha(style=0, opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

#detailMansion ul li div.right {
    width: 170px;
    float: right;
    padding: 10px 5px 0 0;
    line-height: 12px;
}

#detailMansion ul li div.right b {
    color: #659800;
    font-size: 24px;
    line-height: 26px;
    padding: 10px 3px 0 0;
}

#detailMansion ul {
    _zoom: 1;
    overflow: hidden;
}

#detailMansion ul li div.right ul li {
    line-height: 140%;
}

/*　ご注意
----------------------------------------*/

#detailAttention {
    clear: both;
    width: 720px;
    padding: 0 0 30px;
    font-size: 10px;
    line-height: 14px;
}

#detailAttention dl dt {
    float: left;
    width: 60px;
    background: #FF9900;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

#detailAttention dl dd {
    margin: 0 0 0 80px;
}

/*========================================
　　物件一覧
========================================*/

#search {
    width: 720px;
}

#search table {
    width: 100%;
    border-left: #DDDDDD 1px solid;
}

#search table .colgroup01 {
    width: 11%;
}

#search table .colgroup02 {
    width: 30%;
}

#search table .colgroup03 {
    width: 29%;
}

#search table .colgroup04 {
    width: 10%;
}

#search table .colgroup05 {
    width: 13%;
}

#search table .colgroup06 {
    width: 7%;
}

#search table sup {
    font-size: xx-small;
}

#search table th {
    background: #659800;
    border-right: #72A800 1px solid;
    color: #FFFFFF;
    font-weight: 100;
    text-align: center;
    padding: 5px;
    line-height: 140%;
    vertical-align: middle;
}

#search table td {
    background: url(../img/common/bg01.jpg) left top;
    border-right: #DDDDDD 1px solid;
    border-bottom: #DDDDDD 1px solid;
    text-align: center;
    padding: 5px;
    line-height: 140%;
    vertical-align: middle;
}

#search table td a:hover * {
    filter: alpha(style=0, opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

#search table td a span {
    display: block;
    text-decoration: none;
}

/*　パンくずリスト
----------------------------------------*/

#searchPagenavi {
    width: 720px;
}

#searchPagenavi p.pankuzu {
    width: 350px;
    float: left;
}

div.pagenavi {
    width: 350px;
    float: right;
    text-align: right;
    font-size: 12px;
    line-height: 12px;
    margin: 6px 0 0;
    padding: 3px 0;
}

#search div.pagenavi {
    text-align: right;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 0;
}

div.pagenavi span.current {
    background: #CCB59E;
    padding: 4px 5px;
}

div.pagenavi span a {
    padding: 4px;
}

div.pagenavi span a:hover {
    text-decoration: none;
}