@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;
    border-right: 1px solid #666666;
    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 .content { padding-bottom: 12px; }
  #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:208px;
  	height:135px;
    float: none;
    margin-right: 0;
	overflow:hidden;
  }
  #Contents02 .list {
    padding: 0;
    width: auto;
    background-color: transparent;
	zoom:1;
  }
  #Contents02 .list:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
  }
  * html #Contents02 .list { width: 676px; }
  *+html #Contents02 .list { width: 676px; }
  #Contents02 .list li {
    float: left;
    border: none;
    padding: 0;
    width: 218px!important;
  }
  #Contents02 .status {
    margin-bottom: 2px;
  }
  #Contents02 .link {
    clear: both;
  }
  #Contents02 .no1 {
    margin-right: 11px!important;
	display:inline;
  }
  #Contents02 .no2 {
    margin-right: 11px!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;
  }

/* 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;
  }

/* 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;
  }