@charset "Shift_JIS";



/*  全TOPICS共通ｽﾀｲﾙ */
div #index{
	max-width: 1280px;
	min-width: 960px;
}


div#watchheader {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    min-width: 850px;
    zoom: 100%;
    font-size: 80%;
	padding:0px!important;}

div#watchheader img{
	max-width: 100%;}


/*  bxsliderｽﾀｲﾙここから */
#topicsmainfull_in .bx-wrapper {
	background: none!important;}
#topicsmainfull_in .bx-wrapper .bx-prev {
    background: url(image/global_controls.png) no-repeat 0 -32px;}
#topicsmainfull_in .bx-wrapper .bx-next {
    background: url(image/global_controls.png) no-repeat -43px -32px;}
#topicsmainfull_in .bx-wrapper .bx-pager {
	display:none;}
/*  bxsliderｽﾀｲﾙここまで */

#topicsmainfull_in #topic img{
	padding:7px;}

#topicsmainfull_in p {
    color: #4e4e4e;
    font-size: 15px;}

/*  h2 */
#topicsmainfull_in h2 {
	background: url(image/icon.png) no-repeat left center;
	padding: 0 0 0 45px;
	border-bottom: 0px solid #000;
	color: #4e4e4e;
	font-size: 220%;
	text-align: left;
	margin:10px 0 5px 0;
	font-weight:normal!important;
}

/*  h3 */
#topicsmainfull_in h3 {
	background: url(image/icon2.png) no-repeat left center;
	background-position:2%;
	padding:2px 0 10px 41px;
	border-bottom: 0px solid #000;
	color: #4e4e4e;
	font-size: 180%;
	text-align: left;
	margin:35px 0 0 0;
	font-weight:normal;
	border: 0px;}

/*  h4 */
#topicsmainfull_in h4 {
	font-size: 16px;
	margin:10px 0 15px 30px;
	font-weight:normal;
	border-left:solid #696969 7px;
}

/*  他のページに飛ばすとき */
#topicsmainfull_in .otherpage{
    background: url(image/icon3.png) no-repeat left center;
    padding: 5px 0 5px 35px;
    border-bottom: 0px solid #000;
    color: #4e4e4e;
    font-size: 150%;
    text-align: left;
    font-weight: normal!important;
    border: 1px solid #4f4f4f;
    background-position: 2%;
	border-radius: 5px;}


/* hoverで半透明文字表示ｽﾀｲﾙここから */
.insta {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
.insta .caption {
	font-size: 120%;
	text-align: left;
	padding: 150px 10px 10px 15px;
	color:			#fff;
}
.insta .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.3);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.insta:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* hoverで半透明文字表示ｽﾀｲﾙここまで */


/*  機能くくり */
.select {
	border: 1px solid #696969;
	background-color: #fff;
	padding: 20px 0px 20px 0px;
    margin: 0 50px 0 50px;}


/*-- ▼スライドショーのためのCSSここから --*/
#slideshow {
	position: absolute;
	width:  640px;
	height: 270px;}
#slideshow img {
	position: absolute;
	top:  0;
	left: 0;
	z-index: 8;
	opacity: 0.0;}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;}
#slideshow img.last-active {
	z-index: 9;}
/*-- ▼スライドショーのためのCSSここまで --*/


/*リンクスタイルバナー状ここから*/
.linkbtn {
	font-size:100%;
	background-color: #fff;
	border:1px solid #000000;
	border-radius: 5px;
	color: #000000;
	text-align:center;
	margin:10px auto 10px auto;
    padding: 10px 20px 10px 20px;
    width: 30%;
}

.linkbtn:hover {
	background:rgb(239, 239, 239);
	border:1px solid #696969;
	color: #696969;}
/*リンクスタイルバナー状ここまで*/

/*  チェック見出し */
.check li{
	position:relative;
	padding:2px 0 0 35px;
	font-size: 120%;
	text-align: left;
}
.check li:after, .check li:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#727171; 
	position:absolute; 
	top:2px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.check li:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:8px; 
	left:7px
}


<%--ふきだしと文字重ねる為のCSS--%>
#topicsmainfull_in .relative {
    position: relative;}
#topicsmainfull_in .absolute {
    position: absolute;
    bottom: 35%;
    left: 15%;
	white-space: nowrap;}

/*  共通フッター */
#topicsmainfull #watchfooter{
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	margin-top:40px;
	margin-top: 10%;}
#topicsmainfull #watchfooter #pan{
	border:none;
	padding: 20px 0;}


/* 文字赤 */
red {
	color:#e60012;
    font-weight: bold;}

#watchfooter {padding: 0px!important;}

/* 各特集ページ最新情報 */
#newinfo .title{
	padding: 0 0 10px 0;
    border-bottom: 1px solid #d4d4d4;
    margin: 10px 0 0 0;
    font-size: 16px;
    font-weight: bold;
	text-align:left;}
#newinfo img{
    vertical-align: middle;
    padding-right: 10px;}