@charset "UTF-8";

/*
	Site Name:  必殺仕事人2015
	Description: style import
	Version: 
	Author: 
*/


/*
===== CONTENTS ===========================================

	 0: TOP
	   : header
	   : main_visual
	   : top_contents
	   : contents_left
	   : news slider
	   : topics slider
	   : contents_right
	   : special
	 1: news
	 2: about
	 3: story
	 4: cast
	 5: music
	 6: staff
	 7: mobile
	 8: backnumber

==========================================================
*/



/*
===== 3: story ====================================
*/

#story_page .clear-type {
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}


#story_page{
	background-color: #000;
	width:100%;
	min-height: 100%;
}

#story_main a:link{ color:#c1c300; text-decoration: underline;}
#story_main a:hover{ text-decoration:none;}
#story_main a:visited{ color: #c1c300;}
#story_main a:active{ color: #c1c300;}

#story_main{
	padding:0 0 0 0;
	width:902px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	position:relative;
}

#story_main .section {
	font-size: 18px;
}
/* Ruby Base */
#story_main .section em {
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: none;
	display: inline-block;
	color:#fff;
}
#story_main .section em.pop {
	background-color: #bcbe04;
	color:#000;
}
/* Ruby Text */
#story_main .section em:before {
	font-size: 0.5em;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	display: block;
	content: attr(title);
	background-color: #000;
	color:#fff;
}
#story_main .sec_00 {
	margin: 0 20px 55px 30px;
}
#story_main .sec_00 p {
	margin-bottom: 25px;
}
#story_main .sec_01 {
	background:url(../img2/story/story_bg01.png) no-repeat #000;
	height:462px;
}
#story_main .sec_01 .text_area {
	width:385px;
	margin-left:500px;
	padding-top: 50px;
}
#story_main .sec_02 {
	background:url(../img2/story/story_bg02.png) no-repeat #000;
	height:427px;
}
#story_main .sec_02 .text_area {
	width:375px;
	margin-left:50px;
	padding-top: 50px;
}
#story_main .sec_03 {
	background:url(../img2/story/story_bg03.png) no-repeat #000;
	height:458px;
}
#story_main .sec_03 .text_area {
	width:400px;
	margin-left:480px;
	padding-top: 40px;
}
#story_main .sec_04 {
	background:url(../img2/story/story_bg.png) no-repeat #000;
	padding-top: 105px;
}
#story_main .sec_04 dl {
	position:relative;
}
#story_main .sec_04 dd ul {
	float:left;
	font-size:14px;
	margin-right:20px;
}
#story_main .sec_04 dd ul li {
	padding:5px 0;
}
#story_main .sec_04 dd ul li a {
	text-decoration:none;
	color:#fff;
}
#story_main .sec_04 dd ul li a:hover {
	text-decoration:underline;
	color:#fff;
}
#story_main .sec_04 dd.list {
	border-top:1px solid #737373;	
	border-bottom:1px solid #737373;
	padding:20px 0 20px 15px;
}
#story_main .sec_04 dd.photo {
	position:absolute;
	right:-12px;
	bottom:-25px;
}
.show-content {
	display:inline-block;
	position:relative;
}
.pop-content,
.pop-content-ruby {
  position:absolute;
  line-height: 1;
  width: 455px;
  padding:5px;
  text-align: left;
  display:block;
  background:#f3f3f3;
  color:#333;
}
.pop-content .box_btm,
.pop-content-ruby .box_btm {
	border:2px solid #7c0909;
	padding: 7px 10px;
	display:block;
	background:url(../img2/story/pop_bg.png) no-repeat right top #fff;
}
.pop-content dt,
.pop-content-ruby dt {
	font-weight:bold;
	padding-bottom:5px;
	font-size:18px;
	font-family: 'ＭＳ Ｐゴシック';
}
.pop-content dd,
.pop-content-ruby dd {
	font-size:13px;
	font-family: 'ＭＳ Ｐゴシック';
}


/*
=====  commom ====================================
*/
#page_header{ margin:0 auto;
width:1090px;}

#header_line{ border-bottom:#bdbc30 3px solid;
margin-top:3px;}


#header_area{background-color:#000;
z-index:999;}
	
#page_contents{margin:0 auto;
width:1090px;
position:relative;
padding-bottom:50px;
}

#page_contents #page_left {
  width: 188px;
  float: left;
  position: relative;
}

#page_contents #page_left.fixed{
    position: fixed;
    top: 0;
    z-index: 1000;
}


#page_contents #page_right{width:902px;
float: right;
background:url(../img2/news/news_bg.gif) no-repeat;
position:relative;
padding-bottom:200px;}


#page_title{
	float:left;
}
#page_image{
	float:left;
}


#side_sp_interview{
padding-top:8px;}

#side_sp_interview ul li{
padding:5px 0;}

#side_sp_interview ul li a:hover img {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

#page_left .contents_wrap{
width:188px;}

#page_left .contents_wrap ul li{
	margin:2px 0;}
	
#page_left .contents_wrap .last{
	margin:25px 0 10px 0;}


 #topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 70px;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      /* ▼最初は非表示にしておく */
      display: none;
   }

   #topbutton a:hover img {
      /* ▼マウスが載ったときの装飾 */
      opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
   }