@charset "utf-8";

/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/--------------------------------------------------------------------*/

/**********************************************************************
	基本設定
**********************************************************************/
.wrapper{
 background:#000;
 color: #222;
 font:13px/1.6 Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
 *font-size:small;
 *font:x-small;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/**********************************************************************
	サイト共通設定
**********************************************************************/

.wrapper .hidetext {
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
}
.wrapper .w100 {
	width:100%;
}

/**********************************************************************
	トップ
**********************************************************************/

.wrapper .mainvisual {
	padding:10px;
}
.wrapper .socialbtn{
	margin:20px auto 0 auto ;
	padding:0 0 0 10px;
}
.wrapper .gaiyou {
	padding:0 5% 15px 5%;
	line-height:1.8;
}
.wrapper .mokugeki {
	color:#FFED00;
	font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	font-weight:bold;
	text-shadow: 0 0 6px #BFBE1E;
	text-align:center;
	margin:10px 0;
}
.wrapper .mokugeki_s {
	color:#FFED00;
	font-size:14px;
	text-shadow: 0 0 6px #BFBE1E;
	text-align:center;
	margin:10px 0;
}
#contents {
	background:#fff;
	padding:2%;
}
#contents .title {
	clear:both;
  background:#111 url(../../../images/bg_title.png) no-repeat top left;
	background-size:150%;
	padding:10px 10px 10px 30px;
	font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.05em;
	color:#fff;
}
#contents .criminal li {
	float:left;
	width:48%;
	margin-bottom:20px;
}
#contents .criminal li:nth-child(2n) {
	margin-left:4%;
}
#contents .criminal li:nth-child(odd) {
	clear:both;
}
#contents .photo {
	border: solid 5px #fff;
	-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.48);
	-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.48);
	box-shadow:1px 1px 4px rgba(0,0,0,0.48);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#7a000000,Positive=true)";
	margin:5px 0;
}
#contents .button {
	background:#E40A0D;
	-moz-border-radius:6px ;
	-webkit-border-radius:6px ;
	border-radius:6px ;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 0px #820002;
	-moz-box-shadow: 0px 3px 0px #820002;
	box-shadow: 0px 3px 0px #820002;
}
#contents .button:hover {
	background:#FF2C30;
}
#contents .button a {
	display:block;
  background: url(../../../images/icon_mail.png) no-repeat 10px 10px;
	background-size:20%;
	padding:10px 0 8px 20px;
	color:#fff;
	text-align:center;
	text-shadow: -1px -1px 0px #820002;
	font-size:14px%;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:10px;
}
#contents .button a .icon_mail {
	width:32px;
	height:20px;
}
#contents .crime_ti {
	font-size:15px;
	margin-bottom:5px;
}
#contents .spec {
	font-weight:bold;
	margin:8px 0;
	padding:8px 0;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
#footer_contents {
	background:#000;
	padding:5%;
}

/**********************************************************************
　フロート
**********************************************************************/

.wrapper .float_l { float: left; }
.wrapper .float_r { float: right; }
.wrapper .clearfix:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; }
.wrapper .clearfix { zoom: 1; }
.wrapper .clear { clear: both; }

/**********************************************************************
	テキスト
**********************************************************************/

.wrapper .left { text-align:left; }
.wrapper .right { text-align:right; }
.wrapper .center { text-align:center; }
.wrapper .white { color:#fff; }
.wrapper .yellow { color:#FFF500; }


/**********************************************************************
	リンクカラー
**********************************************************************/
/*ソーシャルバー（削除不可）*/
.wrapper #tx_social_bar a { color:#fff; text-decoration:none; }


/**********************************************************************
　調整
**********************************************************************/

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb40 { padding-bottom: 40px !important; }