@charset "UTF-8";
/* CSS Document */

#media_contents{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#media_category_switch{
	margin:0px 0px 0 10px ;
}

/*clearfix*/
#media_category_switch:after {
    content: "";
    clear: both;
    display: block;
}

	#media_category_switch .category_switch_button{
		width:163px;
		margin:0px 11px 0 0 ;
		padding:7px 0px 5px 0px;
		color:#000;
		text-shadow: 0px 1px 0px #fff;
		filter: dropshadow(color=#fff, offx=0, offy=1); 
		text-align:center;
		font-size:22px;
		font-weight:normal;
		float:left;
		line-height:1em;
		cursor:pointer;
		
		/*css3.0*/
		background: #ededed; /* Old browsers */
		background: -moz-linear-gradient(top,  #ededed 0%, #A9A9A9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#A9A9A9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ededed 0%,#A9A9A9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ededed 0%,#A9A9A9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ededed 0%,#A9A9A9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ededed 0%,#A9A9A9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#A9A9A9',GradientType=0 ); /* IE6-9 */


		-webkit-border-radius: 4px 4px 0px 0px;
		-moz-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;

	}
	#media_category_switch .category_switch_button:last-child{
		margin:0px 0 0 0 ;
	}
	#media_category_switch .category_switch_button.selected{
		margin-top:0;
		color:#fff;
		text-shadow: 0px -1px 0px #954C4E;
		filter: dropshadow(color=#954C4E, offx=0, offy=-1); 
		
		/*css3.0*/
		background: #E93237; /* Old browsers */
		background: -moz-linear-gradient(top,  #E93237 0%, #C30E0E 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E93237), color-stop(100%,#C30E0E)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #E93237 0%,#C30E0E 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #E93237 0%,#C30E0E 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #E93237 0%,#C30E0E 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #E93237 0%,#C30E0E 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E93237', endColorstr='#C30E0E',GradientType=0 ); /* IE6-9 */

	}


#media_disp_area{
	background:#EEEEE6;
	border-top:#CC0000 6px solid;
	border-bottom:#CC0000 6px solid;
	width:705px;
	height:760px;
	overflow-y:scroll;
	padding-top:25px;
}
	#media_disp_area .loading_text{
		margin:0 30px;
		text-align:center;
	}




	.media_wrapper{
		margin:0 25px 25px 25px;
		padding-bottom:10px;
		background:url(image/media_editor/media_wrapper_bg.png);
		
		-webkit-box-shadow: 0px 2px 6px -3px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 2px 6px -3px rgba(0, 0, 0, 0.6);
	}
		.media_wrapper .date{
			background:#DE1111;
			border-bottom:#DBDBDA 2px solid;
			color:#fff;
			display:inline-block;
			padding:1px 20px 0px 20px;
			font-size:13px;
			font-weight:normal;
			margin:16px 0 10px 0;
		}
		.media_wrapper .index{
			width:595px;
			border-bottom:#7E7E97 1px dotted;
			color:#000;
			padding:0 0 0px 0;
			font-size:20px;
			font-weight:normal;
			margin:0 30px 7px 30px;
		}
		.media_wrapper .text{
			width:595px;
			color:#000;
			font-size:13px;
			font-weight:normal;
			margin:0 30px 10px 30px;
		}
		
		.media_wrapper .eyecatch{
			width:595px;
			margin:0 30px 10px 30px;
			text-align:center;
		}
			.media_wrapper .eyecatch img,
			.media_wrapper .eyecatch iframe{
				border:none;
				background:#FFF;

				-webkit-box-shadow: 0px 2px 6px -3px rgba(0, 0, 0, 0.6);
				box-shadow: 0px 2px 6px -3px rgba(0, 0, 0, 0.6);
			}
		
		.media_wrapper a.disp_on,
		.media_wrapper .disp_on,
		.media_wrapper .disp_off{
			width:115px;
			background:#505050;
			border-bottom:#DBDBDA 2px solid;
			color:#fff;
			padding:1px 0px 0px 0px;
			text-align:center;
			font-size:13px;
			font-weight:normal;
			margin:6px 0 10px 30px;
            display:block;
            text-decoration:none;
		}
		.media_wrapper .disp_on:hover,
		.media_wrapper .disp_off:hover{
			background:#777;
			cursor:pointer;
		}