@charset "utf-8";
/**
 * index.css
 * (c) FOURDIGIT Inc.
 */

/* MainArea */
  #MainArea { margin-bottom: 15px; zoom: 1; }
  #MainArea:after { content : ''; display : block; clear : both; }
  #MainAreaAside {
    float: left;
    width: 230px;
  }
  #MainAreaContent {
    float: right;
    width: 700px;
  }
  #ArticleMain { margin-bottom: 10px!important; }
  #AsideLeftMember { margin-bottom: 0; }

/* BrandPanel */
  #BrandPanel {
    height: 224px;
  }
  #BrandPanel .content {
    padding: 50px 20px 0;
    text-align: center;
  }
  #BrandPanel .content h2 {
    margin-bottom: 10px;
    font-weight: bold;
  }

/* ContentArea */
  #ContentArea {
    clear: both;
    width: 100%;
    zoom: 1;
  }
  #ContentArea:after { content : ''; display : block; clear : both; }

/* ContentAreaTop */
  #ContentAreaTop,
  #ContentAreaTop .content {
    background-color: transparent;
    background-image: url(../imgs/index/bg-main-bottom.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    zoom: 1;
  }
  #ContentAreaTop .content:after { content : ''; display : block; clear : both; }
  #ContentAreaTop {
    margin-bottom: 10px;
  }
  #ContentAreaTop .content {
    padding: 4px 6px;
    background-image: url(../imgs/index/bg-main-top.jpg);
    background-position: center top;
  }
  #ContentAreaTop .box {
    float: left;
    width: 439px;
    min-height: 214px;
    height: 100%!important;
    height: 214px;
  }
  #ContentAreaTop .title {
    margin-bottom: 5px;
  }
  #ContentAreaTop .box dl {
    clear: both;
    margin-left: 9px;
    padding-left:30px;
    zoom: 1;
  }
  #ContentAreaTop .box dl:after { content : ''; display : block; clear : both; }
  #ContentAreaTop .box dt.step {
    float: left;
    width: 50px;
  }
  #ContentAreaTop .box dd {
    float: left;
    margin-left: 10px;
    padding:0px;
    width: 330px;
  }
  #ContentAreaTop .box dd .block {
    zoom: 1;
  }
  #ContentAreaTop .box dd .block:after { content : ''; display : block; clear : both; }
  #ContentAreaTop .box dd .caption {
    float:left;
    width:75px;
    line-height:200%;
  }
  #ContentAreaTop .box .list li {
    float: left;
    white-space: nowrap;
    margin: 2px 10px 2px 0;
  }
  #ContentAreaTop .box dl .submitBtn {
    text-align:center;
    margin-right:50px;
    zoom: 1;
  }
  #ContentAreaTop .box dl .submitBtn input {
    margin:10px 0 15px;
  }
  #ContentAreaTop .box #daysearchArea {
      width: 195px;
  }
  .searchKeywords {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    zoom: 1;
  }
  .searchKeywords:after { content : ''; display : block; clear : both; }
  .searchKeywords .title {
    background-color: transparent;
    background-image: url(../imgs/index/bg-h-main-03.gif);
    background-repeat: repeat-x;
    background-position: left top;
  }
  .searchKeywords .input {
    padding-left: 9px;
    padding-bottom: 10px;
  }
  .searchKeywords .input input {
    margin-top: 3px;
    width: 250px;
  }
  * html .searchKeywords .input input { width: 230px; }
  *+html .searchKeywords .input input { width: 230px; }
  .searchKeywords p {
    float: left;
  }
  .searchKeywords p.submitBtn {
    float: right;
    margin-right: 20px;
    zoom: 1;
  }

/* AreaSearchBox */
  #AreaSearchBox {
    float: right;
    width: 498px;
  }
  #AreaSearchBox .box {
    float: none;
    border-right: none;
    padding: 0 10px 0;
    width: auto;
    min-height: 214px;
    height: 100%!important;
    height: 214px;
  }
  #AreaSearchBox .box h2 {
    margin-bottom: 40px;
    font-weight: bold;
  }

/* ArticleMainHeader */
  #ArticleMainHeader {
    margin-top: 5px;
  }
  #ArticleMainHeader,
  #ArticleMainHeader .separator {
    margin-bottom: 15px;
    zoom: 1;
  }
  #ArticleMainHeader .separator:after { content : ''; display : block; clear : both; }
  #ArticleMainHeader .box {
    position: relative;
    width: 348px;
    background-color: transparent;
    background-image: url(../imgs/index/bg-01-bottom.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  #ArticleMainHeader .box .content {
    padding: 17px 12px 12px;
    background-color: transparent;
    background-image: url(../imgs/index/bg-01-top.jpg);
    background-repeat: no-repeat;
    background-position: center top;
  }
  #ArticleMainHeaderBox01 { float: left; }
  #ArticleMainHeaderBox02 { float: right; }
  #ArticleMainHeaderBox03 { float: none; }
  #ArticleMainHeader .title {
    margin-bottom: 8px;
  }
  #ArticleMainHeader .btn {
    margin-top: 7px;
    margin-bottom: 10px;
  }
  #ArticleMainHeader .icon {
    position: absolute;
    right: 1px;
    top: 5px;
  }
  #ArticleMainHeader .list li {
    float: left;
    width: 158px;
  }
  #ArticleMainHeader .list .first {
    margin-right: 8px;
  }
  #ArticleMainHeader .thumb {
    margin-bottom: 10px;
  }
  #ArticleMainHeader .list .status {
    float: left;
    padding: 0 6px;
    font-weight: bold;
    background-color: #868686;
    color: #ffffff;
  }
  #ArticleMainHeader .list .link {
    clear: both;
  }
  #ArticleMainHeader .link a {
    display: block;
    padding-left: 10px;
    background-color: transparent;
    background-image: url(../common/imgs/base/blt-02.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
  }
  #ArticleMainHeader .copy {
    margin-bottom: 5px;
    margin-left: 10px;
    padding-top: 2px;
  }
  #ArticleMainHeader .copy strong img {
    vertical-align: top;
  }
  #ArticleMainHeader .copy span {
    font-size: 83%;
    line-height: 18px;
  }
  #ArticleMainHeader .copy strong {
    padding-left: 12px;
    font-weight: bold;
    font-size: 120%;
    background-color: transparent;
    background-image: url(../common/imgs/base/blt-arrow-01.gif);
    background-repeat: no-repeat;
    background-position: left 50%;
    color: #e80000;
  }
  #ArticleMainHeaderBox03 .content { zoom: 1; }
  #ArticleMainHeaderBox03 .content:after { content : ''; display : block; clear : both; }
  #ArticleMainHeader #ArticleMainHeaderBox03 {
    width: 100%;
    background-color: transparent;
    background-image: url(../imgs/index/bg-02-bottom.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  #ArticleMainHeader #ArticleMainHeaderBox03 .content {
    padding: 17px 12px 7px;
    background-color: transparent;
    background-image: url(../imgs/index/bg-02-top.jpg);
    background-repeat: no-repeat;
    background-position: center top;
  }
  #ArticleMainHeaderBox03 .text {
    margin-right: 12px;
    width: 295px;
  }
  #ArticleMainHeaderBox03 .title,
  #ArticleMainHeaderBox03 .text,
  #ArticleMainHeaderBox03 .btn,
  #ArticleMainHeaderBox03 .thumb { float: left!important; }
  #ArticleMainHeaderBox03 .btn {
    margin-top: 0;
    margin-bottom: 0;
  }
  #ArticleMainHeaderBox03 .list {
    float: left;
    width: 365px;
  }
  #ArticleMainHeaderBox03 .list li {
    width: auto;
  }
  #ArticleMainHeaderBox03 .list {
    margin-right: 0;
  }
  #ArticleMainHeaderBox03 .icon {
    right: 2px;
    top: 3px;
  }
  #ArticleMainHeaderBox03 .list .thumb {
    float: left!important;
    margin-right: 10px;
    margin-bottom: 0px;
    width: 70px;
  }
  #ArticleMainHeaderBox03 .list .text {
    clear: none!important;
    float: left;
    margin-right: 0;
    width: 220px;
  }
  #ArticleMainHeaderBox03 .copy strong {
    background-position: left 50%;
  }

/* contentArea */
  #Contents01 .separator {
    margin-bottom: 10px;
  }
  .contentArea {
    margin-bottom: 15px;
    background-color: transparent;
    background-image: url(../imgs/index/bg-02-bottom.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .contentArea .content {
    padding: 10px 12px 2px;
    zoom: 1;
  }
  .contentArea .content:after { content : ''; display : block; clear : both; }

/* Contents01 */
  .contentArea .box {
    float: left;
    width: 333px;
  }
  .contentArea .list {
    padding: 10px;
    background-color: #f0f0f0;
  }
  .contentArea .list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbbbbb;
  }
  .contentArea .leftBox {
    margin-right: 10px;
  }
  .contentArea .title,
  .contentArea .thumb {
    margin-bottom: 10px;
  }
  .contentArea .thumb {
    float: left;
    padding-right: 10px;
  }
  .contentArea .list .link,
  .contentArea .list .status { width: auto; }
  * html .contentArea .list .status { float: left; }
  *+html .contentArea .list .status { float: left; }
  .contentArea .list .status span {
    padding: 2px 6px;
    font-weight: bold;
    background-color: #868686;
    color: #ffffff;
  }
  .contentArea .link a {
    display: block;
    padding-left: 10px;
    background-color: transparent;
    background-image: url(../common/imgs/base/blt-02.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
  }
  .contentArea .link strong {
    font-size: 108%;
    font-weight: bold;
    color: #e80000;
  }
  .contentArea .copy {
    clear: both;
  }
  .contentArea .copy strong {
    font-size: 108%;
    font-weight: bold;
    color: #e80000;
  }
  .contentArea .point {
    font-size: 77%;
  }
  .contentArea .point strong {
    font-weight: bold;
    font-size: 108%;
    color: #ff6600;
  }
  .contentArea .toolTip {
    text-align: right;
  }
  .contentArea .toolTip a {
    padding-left: 20px;
    line-height: 16px;
    background-color: transparent;
    background-image: url(../imgs/index/blt-question.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    zoom: 1;
  }

/* Contents02 */
  #Contents02 { background-image: url(../imgs/index/bg-index_rank-bottom.jpg);}
  #Contents02 .content { padding: 10px 16px 15px; }
  #Contents01 .separator { position: static; }
  #Contents02 .titleArea {
    position:relative;
    margin-bottom:6px;
    padding-bottom:5px;
    border-bottom:3px double #C8986A;
  }
  #Contents02 .titleArea .btn {
    position:absolute;
    right:0;
    top:0;
  }
  #Contents02 .list .thumb {
    width:151px;
    height:135px;
    float: none;
    margin-right: 0;
    overflow:hidden;
  }
  #Contents02 .list {
    padding: 0;
    width: 480px;
    background-color: transparent;
    zoom:1;
  }
  #Contents02 .list:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
  }
  * html #Contents02 .list { width: 495px; }
  *+html #Contents02 .list { width: 495px; }
  #Contents02 .list li {
    float: left;
    border: none;
    padding: 0;
    width: 151px!important;
  }
  #Contents02 .status {
    margin-bottom: 2px;
  }
  #Contents02 .link {
    clear: both;
  }
  #Contents02 .list .status span{
    padding:0;
  }

  #Contents02 .otherPanking td{
    padding-bottom:5px;
  }

  #Contents02 .no1 {
    margin-right: 11px!important;
    _margin-right: 4px!important;
    display:inline;
  }
  #Contents02 .no2 {
    margin-right: 11px!important;
    _margin-right: 3px!important;
    display:inline;
  }
  #Contents02 .no3 {
    margin-right: 0!important;
    display:inline;
  }
  #Contents02 .linkCmn01 li {
    display: block;
    margin-right: 15px;
    margin-bottom: 4px;
    white-space: nowrap;
  }
  #Contents02 .fix-width li {
    width: 95px;
  }
  #Contents02 .underline {
    border-bottom:#C1C1C1 1px solid;
  }

/* asideBox */
  .asideBox {
    padding: 0 0 13px 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../common/imgs/side/bg-ml-searchlist-01.gif);
    background-position: center bottom;
  }
  .asideBox .title {
      margin-bottom: 10px;
  }
  .asideBox .content {
    margin: 0 auto 0;
    padding: 0 0 10px 0;
    width: 206px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../common/imgs/side/bg-ml-searchlist-02-bottom.gif);
    background-position: center bottom;
  }

/* asideBoxForFriend */
  .asideBoxForFriend {
    padding: 0 0 13px 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../common/imgs/side/bg-ml-searchlist-01_gray.gif);
    background-position: center bottom;
  }
  .asideBoxForFriend .title {
    margin-bottom: 5px;
  }
  .asideBoxForFriend .content {
    margin: 0 auto 0;
    padding: 0 0 10px 0;
    width: 206px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../common/imgs/side/bg-ml-searchlist-02-bottom.gif);
    background-position: center bottom;
  }
  .asideBoxForFriend li {
    padding:10px 0 0 20px;
    position:relative;
    width:176px;
  }
  .asideBoxForFriend li span {
    left:0;
    position:absolute;
    top:10px;
  }

/* type02 */
  .type02 .head {
    position: relative;
  }
  .type02 .head .btn {
    position: absolute;
    left: 42px;
    top: 76px;
  }
  .type02 .content {
    padding-bottom: 0;
    width: 208px;
    background-image: none;
  }

.asideBox .content .splanBox .image{
	width:78px;
	float:left;
}
.asideBox .content .splanBox .text{
	width:130px;
	float:left;
	font-size:93%;
}



#ArticleAside .titiBox .sideBoxBrdG ,
#ArticleAside .mtitiBox .sideBoxBrdG {
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 7px 0px;
}

#ArticleAside .titiBox .sideBoxBrdG .image,
#ArticleAside .mtitiBox .sideBoxBrdG .image{
	float:left;
	width:66px;
}
#ArticleAside .titiBox .sideBoxBrdG .text,
#ArticleAside .mtitiBox .sideBoxBrdG .text{
	float:right;
	font-size:86%;
	width:140px;
}
#ArticleAside .titiBox .sideBoxBrdG .text span,
#ArticleAside .mtitiBox .sideBoxBrdG .text span{
	display:block;
}

#ArticleAside .titiBox .sideBoxBrdG .text .fc-r,
#ArticleAside .mtitiBox .sideBoxBrdG .text .fc-r{
	color:#FF0000;
	display:inline;
}


.asideBox .content .splanBox .text .status{
    background-color: #868686;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    padding: 0 6px;
}
.asideBox .content .splanBox .text .alink{
    padding:5px 0;
    clear: both;
}

.content .splanBox .copy strong {
    background-position: left 50%;
}
.content .splanBox .copy strong {
    background-color: transparent;
    background-image: url("../common/imgs/base/blt-arrow-01.gif");
    background-position: left 50%;
    background-repeat: no-repeat;
    color: #E80000;
    font-size: 120%;
    font-weight: bold;
    padding-left: 10px;
}
.content .splanBox .copy strong img {
    vertical-align: middle;
}
.content .splanBox .copy span {
    font-size: 77%;
    line-height: 18px;
}


/* SideCoupon */
  #SideCoupon {
    margin: 0 auto 15px;
    padding: 50px 11px 13px;
    width: 206px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../imgs/index/bg-side-tocoupon.jpg);
    background-position: center bottom;
  }
  #SideCoupon .title {
    height: 0px;
    line-height: 0px;
    text-indent: -9999px;
  }

/* SidePlatina */
  #SidePlatina {
    margin-bottom: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../imgs/index/bg-side-platinum.gif);
    background-position: center bottom;
  }
  #SidePlatina .content {
    margin: 0 auto 0;
    padding: 9px 12px 13px;
    width: 206px;
  }

/* SideBnrs */
  #SideBnrs {
    padding-bottom: 3px;
  }
  #SideBnrs .content {
    padding-bottom: 0;
    width: 208px;
    background-image: none;
  }
  #SideBnrs .list li {
    margin-bottom: 5px;
  }

/* SideNews */
  #SideNews .list li .thumb {
    float: right;
    margin-left: 10px;
  }
  #SideNews .list li {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #bbbbbb;
  }
  #SideNews .list li.first {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
	overflow:hidden;
  }
  #SideNews .list .status span {
    padding: 0 6px;
    font-weight: bold;
    background-color: #868686;
    color: #ffffff;
  }
  #SideNews .list .text {
    font-weight: bold;
    font-size: 108%;
    color: #000;
  }
  #SideNews .list .time {
    clear: both;
  }

/* SideGrapevine */
  #SideGrapevine .head .btn {
    top: 91px;
  }
  #SideGrapevine .num {
    position: absolute;
    left: 12px;
    top: 35px;
    font-size: 77%;
    width: 210px;
  }
  #SideGrapevine .list li {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #bbbbbb;
  }
  #SideGrapevine .list li.first,
  #SideGrapevine .list .point li {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  #SideGrapevine .num strong {
    font-size: 108%;
    font-weight: bold;
    color: #db0000;
  }
  #SideGrapevine .point li {
    float: left;
    margin-right: 5px;
    width: auto;
  }
  .win #SideGrapevine .point li {
    margin-right: 10px;
  }
  #SideGrapevine .point li strong {
    font-weight: bold;
    color: #ff6600;
  }
  #SideGrapevine .list .time {
    clear: both;
  }
  #SideGrapevine .list .name {
    margin-bottom: 3px;
    padding-left: 18px;
    line-height: 22px;
    background-color: transparent;
    background-image: url(../imgs/index/blt-grapevine.gif);
    background-repeat: no-repeat;
    background-position: left top;
    zoom: 1;
  }
  #SideGrapevine .list .place {
    font-weight: bold;
  }

/* ArticleEnd */
  #ArticleEnd {
    clear: both;
    margin-bottom: 60px;
  }
  #ArticleEnd .box {
    margin-bottom: 15px;
    width: 700px;
  }
  #ArticleEnd .box_min {
    width: 345px;
  }
  #ArticleEnd .box .content {
    padding: 0 12px 12px;
    background-color: transparent;
    background-image: url(../imgs/index/bg-03-bottom.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  #ArticleEnd .box_min .content {
    padding: 0 12px 12px;

  }
  #ArticleEnd .box_min li{
    text-indent: -10px;
    padding: 0pt 0pt 0pt 10px;
  }
  #ArticleEnd .box .linkCmn01 {
    padding: 10px;
		background-color: #fff;
  }
  #ArticleEnd .box_min .linkCmn01 {
    padding: 10px;
		background-color: #fff;
  }
  #ArticleEnd .top_news {
    width:700px;
    background-color: transparent;
    background-image: url(../imgs/index/bg-03-bottom_min.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 15px;
  }
  #ArticleAside .box_side .content {
    padding: 0 12px 12px;
    background-color: transparent;
    background-image: url(../imgs/index/bg-03-bottom_side.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  #ArticleAside .box_side .content {
    padding: 0 12px 12px;
  }
  #ArticleAside .box_side li{
    text-indent: -10px;
    padding: 0pt 0pt 0pt 10px;
  }
  #ArticleAside .box_side .linkCmn01 {
    padding: 10px;
    background-color: #fff;
  }


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}