@charset "utf-8";

/*  story
-----------------------------------------------------------------------------*/
#story {
  line-height: 22px;
  margin-top: 5px;
  background: url(../img/story/story_w_mid.jpg) repeat-y;
}

#story #main_tit {
	font-size: 16px;
	text-align: center;
	padding: 45px 75px 30px 75px;
	background: url(../img/story/story_w_top.jpg) no-repeat top center;
}

#story #main_tit_long {
	font-size: 16px;
	text-align: center;
	padding: 45px 75px 40px 75px;
	background: url(../img/story/story_w_top02.jpg) no-repeat top center;
}

#story #main_contents {
  margin: 0 auto;
  width: 660px;
}

#story #main_contents .fl { width: 420px; }

#story #main_contents .fl .story_movie {
  text-align: center;
  padding-bottom: 5px;
}

#story #main_contents .fl .story_shopping {
  margin: 0 auto;
  padding: 46px 16px 11px 16px;
  width: 311px;
  background: url(../img/story/a_y_shopping_back.jpg);
}

#story #main_contents .fl .story_shopping .f_l_s { float: left; }
#story #main_contents .fl .story_shopping .f_r_s { float: right; }

#story #main_contents .fl .story_movie .btn {
  margin-bottom: 11px;
  margin-left: 23px;
}

#story #main_contents .fl p, #story #main_contents .fr p { padding-bottom: 20px; }
#story #main_contents .fr { width: 220px; }

#story #main_contents .fr img {
  margin-bottom: 5px;
  border: #1C1D18 1px solid;
  width: 220px;
}

#story #main_contents .week_meka {
  margin: 10px auto;
  width: 660px;
}
#story #main_contents .week_meka:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#story #main_contents .week_meka { display: inline-block; }

/* exclude MacIE5 \*/
* html #story #main_contents .week_meka{ height: 1%; }
#story #main_contents .week_meka { display:block; }
/* end MacIE5 */

#story #main_contents .week_meka #y_box,#story #main_contents .week_meka #d_box {
	float:left;
	width:330px;
	margin:-5px auto 0 auto;
	padding:5px 0 15px 0;
	text-align:center;
}

#story #main_contents .week_meka:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#story #main_contents .week_meka { display: inline-block; }

/* exclude MacIE5 \*/
* html .week_meka #box_tit,* html .week_meka #box_tit { height: 1%; }
#story #main_contents .week_meka #y_box,#story #main_contents .week_meka #d_box { display:block; }
/* end MacIE5 */

.week_meka #y_box #box_tit,.week_meka #d_box #box_tit {
	background: url(../img/story/story_week_bot.jpg) no-repeat left bottom;
}
#box_tit:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#box_tit { display: inline-block; }

/* exclude MacIE5 \*/
#box_tit { height: 1%; }
#box_tit { display:block; }
/* end MacIE5 */

#box_tit div {
	padding:15px 27px;
	float:left;
}
#mecha_dis {
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}

#y_box div a:hover,#d_box div a:hover { text-decoration:none; }

/*  story side  */
#con_r_story {
  padding-top: 72px;
  width: 160px;
  background: url(../img/story/side_tit.gif) no-repeat top center;
  float: right;
}

#con_r_story #back_n_tit {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  width: 100%;
}

#con_r_story #side {
  color: #FFFFFF;
  margin-bottom: 13px;
  padding: 2px 6px 5px 7px;
  background: url(../img/story/side_bottom.gif) bottom center;
}

/*  mainth  */
#con_r_story #side .mainth {
  font-weight: bold;
  line-height: 23px;
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 4px;
  height: 23px;
  background: url(../img/story/side_tit_bottom.jpg) bottom no-repeat center;
}

#con_r_story #side .mainth p {
  padding: 0 20px;
  display: inline;
}

#con_r_story #side .mainth img { vertical-align: middle; }

/*  side_week  */
#con_r_story #side .side_week {
  color: #000000;
  margin-bottom: 10px;
  padding: 10px 7px 5px 7px;
  border: 1px solid #C9C9C9;
  background: url(../img/story/side_week_tit.gif) no-repeat 2px 9px #FFFFFF;
}

#con_r_story #side .side_week strong {
  text-align: center;
  margin: 0 auto 5px auto;
  width: 106px;
  display: block;
}

#con_r_story #side .side_week img {
  margin-bottom: 10px;
  border: 1px solid #605C5B;
}

#con_r_story #side .side_week span {
  font-size: 10px;
  text-align: right;
  display: block;
}

a:hover.pink { text-decoration:none; }

#con_r_story #side .side_week span a:hover {
	color:1084ce;
	text-decoration:none;
}