@charset "UTF-8";

@import url(common.css);

/* TOPICS */

#topics {
  clear:both;
  width:860px;
  border:1px #CCC solid; 
  background:#FFF;
  margin:auto;
  text-align:center;
  padding:20px 0 15px 0;
}

#topics_in {
  width:820px;
  margin:auto;
  text-align:left;
  background:url(../img/top/line_length_dot.gif) repeat-y top left;
}

#topics_in .left_block {
  float:left;
  margin-right:5px;
}

#topics_in .right_block {
  float:right;
}

#topics:after { 
  content: "";
  display: block; 
  clear: both; 
}

#topics #magazine {
  width:560px;
  float:left;
  height:auto;
}

#topics #magazine:after {
content: "";
display: block;
clear: both;
}

#topics #pickupmovie {
  width:235px;
  height:225px;
  float:right;
  padding-top:25px;
}

#topics #pickupmovie h2 {
  width:111px;
  height:20px;
  background:url(../img/top/tit_movie.gif) no-repeat top left;
  float:left;
  text-indent:-9999px;
  margin-bottom:5px;
}

#topics #pickupmovie #mv {
  clear:both;
  background:#000;
  width:235px;
  height:178px;
}

/* MAIN */

#main_top {
  width:420px;
  margin:0 0 10px 10px;
  float:left;
  text-align:left;
}

#main_top h2 {
  clear:both;
  width:420px;
  height:21px;
  background:url(../img/top/tit_bgh2.gif) no-repeat top left;
  font-size:12px;
  font-weight:bold;
  padding:2px 0 10px 0;
  text-indent:5px;
}

#main_top .h2left {
  float:left;
  width:200px;
}

#main_top .h2link {
  background:url(../img/top/btn_h2.gif) no-repeat top right;
  font-size:10px;
  font-weight:bold;
  text_align:right;
  float:right;
  padding-right:20px;
}

#main_top .about_block_left {
  width:207px;
  float:left;
  margin-bottom:10px;
}

#main_top .about_block_right {
  width:207px;
  float:right;
  margin-bottom:10px;
}

#main_top .about_block_txt {
  width:105px;
  float:left;
}

#main_top .about_block_txt h3 {
  font-size:12px;
  line-height:14px;
  background:url(../img/common/list_redl.gif) no-repeat top left;
  padding:0 0 5px 15px;
}

#main_top .life_block {
  width:418px;
  border:1px solid #ccc;
  margin-bottom:5px;
  font-size:90%;
}

#main_top .life_block img {
  margin:5px 0 5px 5px;
}

#main_top .life_block p {
  clear:both;
  margin-left:5px;
}

#main_top .life_block:after { 
  content: "";
  display: block; 
  clear: both;
}

#main_top .life_block ul {
  font-weight:bold;
  margin-top:5px;
}

#main_top .life_block li {
  float:left;
  width:92px;
  background:url(../img/common/list_reds.gif) no-repeat top left;
  padding-left:12px;
  margin-left:3px;
}

#main_top .life_block li.long {
  width:190px;
  background:url(../img/common/list_reds.gif) no-repeat top left;
  padding-left:13px;
}

#main_top .price_block {
  width:205px;
  float:left;
  margin-bottom:10px;
  border:1px solid #ccc;
  font-size:90%;
}

#main_top .site_block {
  width:205px;
  float:left;
  margin:0 0 10px 5px;
  border:1px solid #ccc;
  font-size:90%;
}

.site_block img, .price_block img {
  margin:5px;
}

.site_block p, .price_block p {
  margin-left:5px;
}

.top-sp-block {
clear:both;
margin:0px 0 0px;
padding:5px 0 15px 0;
height:auto;
text-align:center;
}

.top-sp-block-in {
padding-left:15px;
}

.top-sp-block h3 {
font-size:12px;
margin:0 0 10px 0;
color:#FFF;
background:#000;
text-align:center;
}

.top-sp-block:after {
content: "";
display: block;
clear: both; 
}

.top-sp-block .sp-block-in {
float:left;
width:130px;
font-size:10px;
line-height:12px;
}

.ad-center-left {
width:200px;
float:left;
}

.ad-center-right {
width:200px;
float:right;
}

.ad-center-block {
height:auto;
padding:10px 0 10px;
border-top:#CCC 1px solid;
margin-top:10px;
}

.ad-center-block:after {
content: "";
display: block;
clear: both; 
}

/* RIGHTNAVI */

#right_navi {
  width:150px;
  background:#F3F3F3;
  float:left;
  font-size:10px;
  line-height:14px;
  text-align:center;
  padding:10px 0;
  margin-left:10px;
}

#right_navi h2 {
  width:130px;
  background:#FF0000;
  font-size:12px;
  margin:0 auto 10px;
  color:#FFF;
}

#right_navi .dvd_block {
clear:both;
margin-bottom:10px;
height:auto;
}

#right_navi .dvd_block:after {
content: "";
display: block;
clear: both;
}

#right_navi #keimaga {
  background:#EAC705;
  width:110px;
  padding:10px;
  margin:auto;
}

#right_navi #keimaga h3 {
  font-size:12px;
}