@charset "EUC-JP";

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src:url(/fonts/google/MaterialIcons-Regular.eot); /* For IE6-8 */
	src:
	 local('Material Icons'),
	 local('MaterialIcons-Regular'),
	 url(/fonts/google/MaterialIcons-Regular.woff2) format('woff2'),
	 url(/fonts/google/MaterialIcons-Regular.woff) format('woff'),
	 url(/fonts/google/MaterialIcons-Regular.ttf) format('truetype');
}


/**************************************** 基本要素 ****************************************/

p,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,blockquote,dl,dt,dd,iframe{
	padding:0;
	margin:0;
}

body{
//	font-size:90%;
	margin:0 auto 0 auto;
	text-align:center;
	color:#333333;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	background:#e0e0e0;
}

a:link{
	color:#000080;
}

a:visited{
	color:#7D7DB3;
}

a:hover{
	color:#0033ff;
}

input{
	padding:0;
	margin:0;
}


img{
	padding:0;
	margin:0;
	border:none;
}

ul,
ol{
	padding:0em;
	margin:0em;
	list-style:none;
}

li{
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6{
}

.clear_both{
	clear:both;
}

.center{
	text-align:center;
	margin:0 auto;
}


/*==============================================================================================================
/ base design
/==============================================================================================================*/

/**************************************** base design ****************************************/

body.guide{
}

#guide_container{
	margin:0 auto;
}


/****************************** common header ******************************/

.guide_common_header{
	background:#000;
	padding:0;
	height:30px;
	text-align:left;
	position:absolute;
	top:0;
	z-index:100;
	width:100%;
}

.guide_common_header img{
	padding:5px 0 5px 5px;
	vertical-align:middle;
}

.guide_common_header menu{
	display:inline;
	float:right;
	margin: 0 0 0 auto;
	font-size:11px;
	height:30px;
}

.guide_common_header menu ul{
	display:inline;
}

.guide_common_header menu li{
	text-align:center;
	display:block;
	float:left;
	padding:5px 10px;
	height:20px;
	line-height:20px;
	border-left:1px solid rgba(255,255,255,.3);
}

.guide_common_header menu li a{
	display:block;
	color:#fff;
	text-decoration:none;
	color:#ccc;
}


/****************************** header ******************************/

header.guide_header{
	clear:both;
	width:100%;
	margin:0 auto;
	padding-top:30px;
	position:relative;
	background:#000;
//	border-bottom:5px solid #6a0f0c;
}

header.guide_header h1{
	width:100%;
	margin:50px 0;
	height:220px;
	line-height:220px;
	color:#fff;
}

body.guide_common header.guide_header h1{
	margin:10px 0;
	height:110px;
	line-height:110px;
}


/****************************** content-body ******************************/

.content-body{
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width:960px;
	margin:10px auto 20px;
}

.finding{
	-webkit-order:1;
	order:1;
}

aside.guide_sidemenu{
	-webkit-order:2;
	order:2;
}

#guide_contents{
	-webkit-order:3;
	order:3;
}


/******************** finding ********************/

.content-body > .finding{
	width:960px;
	padding:0px 0 10px 210px;
	font-size:70%;
	text-align:right;
	color:#333;
}

.content-body > .finding p.catname{
	position:relative;
	display:inline-block;
	float:left;
	height:16px;
	padding:2px 6px 2px 8px;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	box-shadow:inset 1px 1px 0px rgba(0,0,0,0.1);
	color:#fff;
	background:#6a0f0c;
	line-height:16px;
}

.content-body > .finding p.catname:after{
	position:absolute;
	top:0;
	right:-20px;
	content:" ";
	height:0px;
	width:0px;
	border:10px solid transparent;
	border-left-color:#6a0f0c;
}

.content-body > .finding p.uptime{
	position:relative;
	display:inline-block;
	float:right;
	height:16px;
	padding:2px 8px;
	box-shadow:inset 1px 1px 0px rgba(0,0,0,0.1);
	border-radius:2px;
	color:#fff;
	background:#6a0f0c;
	line-height:16px;
}

.content-body > .finding img{
	float:right;
}


/******************** main ********************/

#guide_contents{
	width:700px;
	background-color: #ffffff;
	margin-bottom:30px;
	padding:25px;
	background:#fff;
	border-radius:4px;
	box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);
}


/********** SNS **********/

.sns_container{
	height:21px;
	margin:0px 0px 0px 20px;
}

#SOCIALBOOKMARK_BAR{
	float:right;
}

#SOCIALBOOKMARK_BAR:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}


/***** twitter *****/

.twitter_official{
	float:right;
	height:20px;
	margin-right:5px;
}

.twitter_official iframe{
	float:left;
}

.twitter_official img{
	float:left;
	width:54px;
}

.twitter_search_link{
	position:relative;
	display: block;
	float: left;
	height: 14px;
	margin: 0px 0px 0px 4px;
	padding: 2px 3px 2px 1px;

	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	font-size: 9px;
	text-decoration: none;
	letter-spacing: -2px;
	line-height: 14px;

	border-radius: 2px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.twitter_search_link:after, .twitter_search_link:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.twitter_search_link:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 4px;
	margin-top: -4px;
}

.twitter_search_link:before {
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #ddd;
	border-width: 5px;
	margin-top: -5px;
}


/***** hatena *****/

.facebook_share,
.facebook_share iframe,
.hatena,
.hatena iframe{
	float:right;
}

.hatena{
	margin-right:5px;
}


/********** inner **********/

article.guide_article{
	text-align:left;
	background: #ffffff;
	padding:25px 0px;
	clear:both;
	line-height:1.5;
}


/******************** sidemenu ********************/

aside.guide_sidemenu{
	width:210px;
	margin:-30px 0px 20px 0;
	text-align:left;
	padding-right:15px;
	box-sizing:border-box;
	word-wrap:break-word;
}


/******************** footer ********************/

footer.guide_footer{
	font-size:70%;
	clear:both;
	padding:10px 0;
	margin:25px 0px;
	color:#999;
	border-top:1px solid #333;
}

footer.guide_common_footer{
	font-size:70%;
	clear:both;
	width:100%;
	padding:10px 0;
	background-color:#000000;
	color:#ffffff;
}

footer.guide_common_footer a{
	color:#ffffff;
}


/*==============================================================================================================
/ guide menu
/==============================================================================================================*/


/****************************** menu_1 ******************************/

.guide_menu_1{
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-flex-direction:column;
	flex-direction:column;
}

header.guide_header h1{
	-webkit-order:2;
	order:2;
	-webkit-flex:1;
	flex:1;
}

.guide_menu_1 .HEADER_MENU{
	-webkit-order:1;
	order:1;
	-webkit-flex:1;
	flex:1;
	width:100%;
	background:rgba(255,255,255,0.8);
}


/********** ul **********/

.guide_menu_1 .HEADER_MENU ul{
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	overflow:hidden;
	width:960px;
	margin:0 auto;
	background:#fff;
	font-size:90%;
}

.guide_menu_1 .HEADER_MENU li{
	-webkit-flex:1;
	flex:1;
	height:40px;
	line-height:40px;
	font-weight:bold;
}

.guide_menu_1 .HEADER_MENU li a{
	color:#333;
	text-decoration:none;
	display:block;
	border-left:1px solid #ddd;
	padding-left:1em;
}

.guide_menu_1 .HEADER_MENU li a:after{
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	content:"keyboard_arrow_right";
	color:#333;
	vertical-align:middle;
	padding-left:5px;

}


/****************************** menu_2 ******************************/

.guide_menu_2{
	padding:0;
	font-size:80%;
}


/********** a **********/

.guide_menu_2 a{
	color:#000080;
	text-decoration:none;
}

.guide_menu_2 a:hover{
	text-decoration:underline;
}


/********** offical **********/

.official_button{
	margin-bottom:25px;
}

.official_button br{
	display:none;
}

.official_button a{
	position:relative;
	z-index:100;
	box-sizing:border-box;
	display:table-cell;

	width:200px;
	height:50px;
	padding:10px 10px;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	vertical-align:middle;
	text-align:center;

	border-radius:4px;
	background:#339944;
	color:#fff !important;
}


.official_button a:before{
	display:block;
	float:left;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	font-size:11px;
	height:11px;
	line-height:25px;
	content:"play_arrow";
	color:#fff;

	padding:0;
}


/********** QR **********/

article.guide_article h2.emphasis{
	border:none;
	text-indent:0;
}

.guide_menu_2 h2.emphasis:before{
	display:none;
}

.guide_menu_2 h2.emphasis.QRCODE{
	border-radius:4px;
	overflow:hidden;
}

.guide_menu_2 h2.emphasis.QRCODE a{
	display:none;
}

.guide_menu_2 h2.emphasis.QRCODE .QRCODE_POPUP{
	display:block;
}

.guide_menu_2 h2.emphasis.QRCODE .QRCODE_POPUP img{
	width:100%;
	height:100%;
}

.guide_menu_2 h2.emphasis:hover .QRCODE_POPUP{
	position:static;
	margin:0;
	background:transparent;
	box-shadow:none;
	padding:0;
	border-radius:0;
	border:none;
	width:auto;
	height:auto;
	border-radius:4px;
	overflow:hidden;
}

.guide_menu_2 h2.emphasis:hover .QRCODE_POPUP:before,
.guide_menu_2 h2.emphasis:hover .QRCODE_POPUP:after{
	content:none;
}


/********** h **********/

.guide_menu_2 h2.emphasis{
	width:auto;
}

.guide_menu_2 h2{
	padding:12px 10px;
	font-size:100%;
	background:#349;
	color:#fff;
	box-shadow:none;
	overflow:hidden;
}

.guide_menu_2 h4{
	font-size:100%;
	border-left:6px solid #6a0f0c;
	padding:6px 2px 6px 6px;
	margin-bottom:10px;
	background:#fff;
	box-shadow:none;
	background:#fff;
}


/****************************** list ******************************/

/******************** default ********************/

.guide_menu_2 > ul.def{
	overflow:hidden;
}

.guide_menu_2 ul.def li{
	clear:both;
	height:100%;
	line-height:1.5em;
}

.guide_menu_2 ul.def li span,
.guide_menu_2 ul.def li a{
	display:block;
	padding:6px 10px;
	font-weight:bold;
}

.guide_menu_2 > ul.def > li > a.sub,
.guide_menu_2 > ul.def > li > ul.def > li a,
.guide_menu_2 > ul.def > li > ul.def > li span{
	font-weight:normal;
}

.guide_menu_2 ul.def li ul.def li ul.def li a,
.guide_menu_2 ul.def li ul.def li ul.def li span{
}

.guide_menu_2 ul.def li:last-child{
}


/******************** GameID menu ********************/

.guide_menu_2 dl{
	overflow:hidden;
	margin-bottom:10px;
}


/********** dt **********/

.guide_menu_2 dl dt{
}

.guide_menu_2 dl dt a,
.guide_menu_2 dl dt strong{
	display:block;
	padding:12px 10px;
	color:#fff;
}

.guide_menu_2 dl dt a strong{
	padding:0;
}

.guide_menu_2 dl dd{
}


/********** li **********/

.guide_menu_2 dl dd > ul li > a,
.guide_menu_2 dl dd > ul li > span{
	display:block;
	padding:6px 10px;
}


/******************** TITLE ********************/

.guide_menu_2 li.LEVEL_1.TITLE,
.guide_menu_2 li.LEVEL_2.TITLE,
.guide_menu_2 li.LEVEL_3.TITLE{
}

.guide_menu_2 dl dd > ul li.TITLE > a,
.guide_menu_2 dl dd > ul li.TITLE > span{
	font-weight:bold;
}


/******************** LEVEL ********************/

.guide_menu_2 li.LEVEL_1,
.guide_menu_2 li.LEVEL_2,
.guide_menu_2 li.LEVEL_3{
}


/********** LEVEL1 **********/

.guide_menu_2 dl dd > ul{
}

.guide_menu_2 dl dd > ul > li:first-child > a,
.guide_menu_2 dl dd > ul > li:first-child > span{
}

.guide_menu_2 dl dd > ul > li.LEVEL_1 > a,
.guide_menu_2 dl dd > ul > li.LEVEL_1 > span,
.guide_menu_2 dl dd > ul > li.LEVEL_1.TITLE > a,
.guide_menu_2 dl dd > ul > li.LEVEL_1.TITLE > span{
	font-weight:bold;
}


/********** LEVEL2 **********/

.guide_menu_2 dl dd > ul > li > ul{
}

.guide_menu_2 dl dd > ul > li > ul > li{
}

.guide_menu_2 dl dd > ul li.LEVEL_2 > a,
.guide_menu_2 dl dd > ul li.LEVEL_2 > span,
.guide_menu_2 dl dd > ul li.LEVEL_2.TITLE > a,
.guide_menu_2 dl dd > ul li.LEVEL_2.TITLE > span{
}


/********** LEVEL3 **********/

.guide_menu_2 dl dd > ul > li > ul > li > ul{
}

.guide_menu_2 dl dd > ul > li > ul > li > ul > li{
}

.guide_menu_2 dl dd > ul li.LEVEL_3 > a,
.guide_menu_2 dl dd > ul li.LEVEL_3 > span,
.guide_menu_2 dl dd > ul li.LEVEL_3.TITLE > a,
.guide_menu_2 dl dd > ul li.LEVEL_3.TITLE > span{
}


/********** first-child **********/

.guide_menu_2 dl dd > ul > li > a,
.guide_menu_2 dl dd > ul > li > span,
.guide_menu_2 dl dd > ul > li > ul > li > a,
.guide_menu_2 dl dd > ul > li > ul > li > span,
.guide_menu_2 dl dd > ul > li > ul > li > ul > li > a,
.guide_menu_2 dl dd > ul > li > ul > li > ul > li > span{
}

.guide_menu_2 dl dd > ul > li:first-child > a,
.guide_menu_2 dl dd > ul > li:first-child > span,
.guide_menu_2 dl dd > ul > li > ul > li:first-child > a,
.guide_menu_2 dl dd > ul > li > ul > li:first-child > span,
.guide_menu_2 dl dd > ul > li > ul > li > ul > li:first-child > a,
.guide_menu_2 dl dd > ul > li > ul > li > ul > li:first-child > span{
}


/********** last-child **********/

.guide_menu_2 ul.def > li:last-child > a,
.guide_menu_2 ul.def > li:last-child > span,
.guide_menu_2 dl dd > ul > li:last-child > a,
.guide_menu_2 dl dd > ul > li:last-child > span,
.guide_menu_2 dl dd > ul > li > ul > li:last-child > a,
.guide_menu_2 dl dd > ul > li > ul > li:last-child > span,
.guide_menu_2 dl dd > ul > li > ul > li > ul > li:last-child > a,
.guide_menu_2 dl dd > ul > li > ul > li > ul > li:last-child > span{
	border-bottom:none;
}


/******************** coloring ********************/

/********** H **********/

.guide_menu_2 h2,
.guide_menu_2 dl dt > a,
.guide_menu_2 dl dt > strong{
	overflow:hidden;
	display:table-cell;
	height:3em;
	width:200px;
	font-size:1.3em;
	vertical-align:middle;
	background:#6a0f0c;
}


/********** LEVEL1 **********/

.guide_menu_2 > ul.def > li > a,
.guide_menu_2 > ul.def > li > span,
.guide_menu_2 dl dd > ul > li.LEVEL_1 > a,
.guide_menu_2 dl dd > ul > li.LEVEL_1 > span,
.guide_menu_2 dl dd > ul > li.LEVEL_1.TITLE > a,
.guide_menu_2 dl dd > ul > li.LEVEL_1.TITLE > span{
	margin-top:-1px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	background:#fff;
	color:#aa2211;
}


/********** LEVEL2 **********/

.guide_menu_2 > ul.def > li > a.sub{
	border:0px;
}

.guide_menu_2 > ul.def > li > a.sub,
.guide_menu_2 > ul.def > li > ul.def > li > a,
.guide_menu_2 > ul.def > li > ul.def > li > span,
.guide_menu_2 dl dd > ul li.LEVEL_2 > a,
.guide_menu_2 dl dd > ul li.LEVEL_2 > span,
.guide_menu_2 dl dd > ul li.LEVEL_2.TITLE > a,
.guide_menu_2 dl dd > ul li.LEVEL_2.TITLE > span{
	padding-left:0.5em;
	margin-top:0px;
	margin-bottom:1px;
	border-left:1em solid #eee;
	background:#f9f9f9;
	color:#333;
}


/********** LEVEL3 **********/

.guide_menu_2 > ul.def > li > a.subsub{
	border:0px;
}

.guide_menu_2 > ul.def > li > a.subsub,
.guide_menu_2 > ul.def > li > ul.def > li > ul.def > li > a,
.guide_menu_2 > ul.def > li > ul.def > li > ul.def > li > span,
.guide_menu_2 dl dd > ul li.LEVEL_3 > a,
.guide_menu_2 dl dd > ul li.LEVEL_3 > span,
.guide_menu_2 dl dd > ul li.LEVEL_3.TITLE > a,
.guide_menu_2 dl dd > ul li.LEVEL_3.TITLE > span{
	padding-left:0.5em;
	margin-bottom:0px;
	border-left:1em solid #f6f6f6;
	background:#fff;
	color:#333;
}

.guide_menu_2 > ul.def > li > strong:only-child{
	display: block;
	padding: 6px 10px;
	font-weight: bold;
	margin-top: -1px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	background:#6a0f0c;
	color:#fff;
}

.guide_menu_2 > ul.def > li > span:only-child{
	color:#eecccc;
}


/*==============================================================================================================
/import news_article.css
/==============================================================================================================*/

/**************************************** article ****************************************/

/******************** h ********************/

#guide_contents h1 {
	text-align:left;
	background: #ffffff;
	padding: 0;
	margin:0px 0px 25px;
	clear:both;
}

.guide_article h2 {
	color: #3333cc;
	font-size: 125%;
	margin-bottom:10px;
	padding:10px 10px;
	text-indent:5px;
	color:#fff;

	background:#333;
	border:1px solid #333;

	background:#6a0f0c;
	border:1px solid #6a0f0c;

	box-shadow:inset 0px 0px 0px 2px #fff;
}

.guide_article h2:before{
	display:block;
	float:left;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	font-size: 24px;
	margin-top:-5px;
	padding-right:5px;

	content:"verified_user";
	content:"videogame_asset";
	-webkit-transform:rotate3d(0,0,1,30deg);
	transform:rotate3d(0,0,1,30deg);
	color: #fff;
	font-weight:normal;
}

.guide_article h2.emphasis:before{
	content:none;
	display:none;
}

.guide_article h4 {
	color: #333;
	color: #6a0f0c;
	font-size: 110%;
	margin-bottom:10px;
}


.guide_article h4:before{
	display:block;
	float:left;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	font-size:100%;
	line-height:100%;

	content:"colorize";
	padding:1px;
	margin:1px 2px 0 0;
	font-weight:normal;
	-webkit-transform:rotate3d(1,0,0,180deg);
	transform:rotate3d(1,0,0,180deg);
}

.guide_article h6 {
	border-left: 10px solid #333;
	border-left: 10px solid #6a0f0c;
	color: #000000;
	font-size: 110%;
	padding-left: 12px;
	margin-bottom:10px;
}

.text_box{
	background:#f3f3f3;
	border: 1px solid #999999;
	margin: 0 1em;
	padding: 1em;
}



/********** 著者名 **********/

.author{
	height:20px;
	line-height:20px;
	text-align:right;
	font-size:11px;
	margin:0px 0px 10px;
	border-top:1px solid #349;
	border-top:1px solid #333;
}


/********** paging **********/

.paging{
	clear:both;
	padding:25px 0;
	background:#fff;
	font-size:14px;
}

.paging span,
.paging a{
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:0px 5px;
}

.paging span{
	color:#fff;
	background:#6a0f0c;
}

.paging a{
	color:#fff;
	background:#999;
	text-decoration:none;
}


/********** image **********/

.content-body table.img_center{
	width:auto;
	background:#e5e5e5;
}

.content-body table.img_center caption{
	text-shadow:none;
	line-height:130%;
	text-align:left;
}

.content-body table.img_center td,
.content-body table.img_center caption{
	background:#e5e5e5;
	padding:3px;
}

.content-body table.img_center td img{
	max-width:100%;
}



/**************************************** 記事内用CSS ****************************************/

/********** icon_cursor **********/

.icon_cursor{
	vertical-align:text-top;
}

.img_center .icon_cursor,
.img_left_top .icon_cursor,
.img_right_top .icon_cursor{
	height:13px;
	vertical-align:text-bottom;
}


/********** common **********/

.guide_article i.def{}

.guide_article .text_box_def,
.guide_article .text_box_01,
.guide_article .text_box_02,
.guide_article .text_box_03,
.guide_article blockquote.def,
.guide_article blockquote.text_box_01,
.guide_article blockquote.text_box_02,
.guide_article blockquote.text_box_03,

.guide_article .text_box,
.guide_article .text_box_yellow,
.guide_article .text_box_blue,
.guide_article .text_box_green,
.guide_article blockquote.text_box,
.guide_article blockquote.text_box_yellow,
.guide_article blockquote.text_box_blue,
.guide_article blockquote.text_box_green{
	padding:1em;
	margin:0 1em;
	background:#f3f3f3;
	border:1px solid #999999;
	height:100%;
	word-wrap:break-word;
}

.guide_article .text_box_01,
.guide_article blockquote.text_box_01,
.guide_article .text_box_yellow,
.guide_article blockquote.text_box_yellow{
	background:#fcfcf3;
}

.guide_article .text_box_02,
.guide_article blockquote.text_box_02,
.guide_article .text_box_blue,
.guide_article blockquote.text_box_blue{
	background:#f4f9ff;
}

.guide_article .text_box_03,
.guide_article blockquote.text_box_03,
.guide_article .text_box_green,
.guide_article blockquote.text_box_green{
	background:#f5faf7;
}


/********** bold **********/

.bold,
.bold1,
span.bold,
strong.bold,
span.bold1,
strong.bold1{
	color:#d01000;
	font-weight:bold;
}

.bold2,
span.bold2,
strong.bold2{
	color:#00881f;
	font-weight:bold;
}

.bold3,
span.bold3,
strong.bold3{
	color:#4420d0;
	font-weight:bold;
}

.bold4,
span.bold4,
strong.bold4{
	color:#000000;
	font-weight:bold;
}

.bold5,
span.bold5,
strong.bold5{
	color:#ff6600;
	font-weight:bold;
}

.bold6,
span.bold6,
strong.bold6{
	color:#229988;
	font-weight:bold;
}

.bold7,
span.bold7,
strong.bold7{
	color:#2266ff;
	font-weight:bold;
}

.bold8,
span.bold8,
strong.bold8{
	color:#cc00ee;
	font-weight:bold;
}

.bold9,
span.bold9,
strong.bold9{
	color:#ff00cc;
	font-weight:bold;
}


/********** テキスト寄せ **********/

.news_right{
	text-align:right;
}

.news_center{
	text-align:center;
}


/********** フォントサイズ **********/

.font_small{
	font-size:80%;
	line-height:130%;
}

.font_large{
	font-size:120%;
	line-height:130%;
}

.font_x-large{
	font-size:150%;
	line-height:130%;
}


/********** 画像用テーブル **********/

.img_right_top,
.guide_article table.img_right_top{
	float:right;
	margin:0 0 4px 4px;
	background:#e5e5e5;
}

.img_left_top,
.guide_article table.img_left_top{
	float:left;
	margin:0 12px 8px 0;
	background:#e5e5e5;
}

.guide_article table.img_right_top{
	margin:0 0 8px 8px;
}

.guide_article table.img_left_top{
	margin:0 8px 8px 0;
}

.guide_article table.img_center{
	margin:0 auto 0;
	background:#e5e5e5;
}

.guide_article table.img_right_top td,
.guide_article table.img_left_top td,
.guide_article table.img_center td{
	vertical-align:top;
}


/********** キャプション **********/

.guide_article table.img_right_top td.cap,
.guide_article table.img_left_top td.cap,
.guide_article table.img_center td.cap{
	vertical-align:top;
	line-height:125%;
	padding:0 2px 2px;
	background:#e5e5e5;
	text-align:left;
	font-size:12px;
}

.guide_article table.img_right_top td div.cap,
.guide_article table.img_left_top td div.cap,
.guide_article table.img_center td div.cap{
	vertical-align:top;
	line-height:125%;
	padding:2px 2px 2px;
	background:#e5e5e5;
	text-align:left;
	font-size:12px;
}


.guide_article table.img_right_top caption.cap,
.guide_article table.img_left_top caption.cap,
.guide_article table.img_center caption.cap{
	caption-side:bottom;
	line-height:125%;
	padding:0 4px 2px;
	text-align:left;
	background:#e5e5e5;
	font-size:12px;
}

.guide_article table.img_center caption.cap{
	margin:0 auto;
}


/********** リスト **********/

/*
.guide_article ul,
.guide_article ol{
	padding:1em;
	margin:1em;
}
*/

.guide_article ul.def{
	margin:0 2em;
	padding:0;
	list-style-type:disc;
	margin-top:0.3em;
}

.guide_article ol.def{
	margin:0 2em;
	padding:0;
	list-style-type:decimal;
	margin-top:0.3em;
}

.guide_article ul.def li,
.guide_article ol.def li{
	line-height:130%;
	margin-bottom:0.3em;
}


/********** 水平線 **********/

.guide_article hr.def{
	width:100%;
}


/********** clear:both **********/

.clear_both{
	clear:both;
}


/******************** ストリーミング ********************/

.streaming_cotaner,
.streaming_container{
	height:100%;
	text-align:center;
}

.streaming_cotaner p.movie_title,
.streaming_container p.movie_title{
	color:#333333;
	padding:4px 0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:110%;
	margin:0 auto;
}

.streaming_cotaner object,
.streaming_container object{
	margin:0;
	padding:0;
}

.streaming_cotaner embed,
.streaming_container embed{
	background:#ffffff;
	margin:0;
	padding:0;
}

.streaming_cotaner .interface,
.streaming_container .interface{
	background:url(/image/bg_streaming_bottom1.gif) left top;
	text-align:center;
	margin:0 auto;
}

.streaming_cotaner .interface p.dl_caution,
.streaming_container .interface p.dl_caution{
	margin:0;
	padding:5px 0 2px;
	background:#ececec;
	font-size:11px;
	line-height:110%;
	border:1px solid #bbbbbb;
	border-top:none;
}

.streaming_cotaner .interface p.dl_caution strong,
.streaming_container .interface p.dl_caution strong{
	color:#D90000;
}

.streaming_cotaner .interface .button,
.streaming_container .interface .button{
	height:100%;
	line-height:100%;
	margin:0 auto;
	text-align:center;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
}

.streaming_cotaner .interface .button div,
.streaming_container .interface .button div{
	border-top:1px solid #ffffff;
	margin-bottom:-2px;
}

.streaming_cotaner .interface .button img,
.streaming_container .interface .button img{
	margin-top:2px;
}

.streaming_cotaner .interface .button .streaming_cap,
.streaming_container .interface .button .streaming_cap{
	font-size:80%;
	line-height:110%;
	background:#ececec;
	padding:4px 8px 6px 10px;
	margin:0;
	text-align:left;
	border-bottom:1px solid #bbbbbb;
}

.streaming_cotaner .interface .button .download,
.streaming_container .interface .button .download{
}

.streaming_cotaner .interface .button .download_high,
.streaming_container .interface .button .download_high{
}

.streaming_cotaner .interface .button .fullscreen,
.streaming_container .interface .button .fullscreen{
	display:none;
}

* + html .streaming_cotaner .interface .button .fullscreen,
* + html .streaming_container .interface .button .fullscreen{
	display:inline;
}

* html .streaming_cotaner .interface .button .fullscreen,
* html .streaming_container .interface .button .fullscreen{
	display:inline;
}

.streaming_cotaner .interface .button .fullscreen,
.streaming_container .interface .button .fullscreen{
}

.streaming_cotaner .interface .button .fullscreen img,
.streaming_container .interface .button .fullscreen img{
	cursor:pointer;
}

.streaming_cotaner .interface .button p.filesize,
.streaming_container .interface .button p.filesize{
	font-size:13px;
	line-height:110%;
	margin-bottom:0;
	padding:2px 0 3px;
}

.movie_attention{
	padding:4px;
	font-size:11px;
	line-height:120%;
	text-align:left;
	color:#ff1111;
	border:1px solid #ff1111;
	background:#ffffdd;
}


/******************** 旧 CSS ********************/

/********** txt **********/

.txt0 {
	font-size: 60%;
	line-height: 130%;
}

.txt1 {
	font-size: 75%;
	line-height: 130%;
}
.txt2 {
	font-size: 80%;
	line-height: 130%;
	margin-top:0px;
	margin-bottom:0px;
}
.txt3 {
	font-size: 92%;
	line-height: 130%;
}
.txt4 {
	font-size: 102%;
	line-height: 130%;
}
.txt5 {
	font-size: 122%;
	font-weight: bold;
	line-height: 130%;
}
.txt6 {
	font-size: 182%;
	font-weight: bold;
	line-height: 130%;
}
.txtWhite {
	color: #ffffff;
}


/********** リリース **********/

.blockquote{
	color:#880000;
}

.release_table{
	table-layout:auto;
	width:520px;
	text-align:left;
	background:#ffffff;
	margin-bottom:1em;
}

.release_title{
	width:100%;
	border-left:solid 1px #333399;
	border-right:solid 1px #333399;
	border-top:solid 1px #333399;
	padding-left:4px;
}

.release_deli_origin{
	width:50px;
	border-left:solid 1px #333399;
	border-bottom:solid 1px #333399;
	border-top:solid 1px #333399;
	background:#DDDDFF;
	text-align:center;
}

.release_maker{
	width:330px;
	border-left:solid 1px #333399;
	border-bottom:solid 1px #333399;
	border-top:solid 1px #333399;
	padding-left:4px;
}

.release_deli_date{
	width:50px;
	border-left:solid 1px #333399;
	border-bottom:solid 1px #333399;
	border-top:solid 1px #333399;
	background:#DDDDFF;
	text-align:center;
}

.release_date{
	width:90px;
	text-align:center;
	border-right:solid 1px #333399;
	border-bottom:solid 1px #333399;
	border-left:solid 1px #333399;
	border-top:solid 1px #333399;
}

.release_caution{
	color:red;
	padding-bottom:1em;
	margin-bottom:1em;
	text-align:center;
	border-bottom:1px dashed #9999CC;
}

hr.release_eol,
hr.dotspliter{
	clear:both;
	display:block;
	height: 1px; 
	line-height:1px;
	border-style: dashed none none none;
	border-top-width: 1px; 
	border-top-color: #9999CC; 
}


/********** review **********/

.review_lead{
	border:1px solid #999999;
	background:#DDDDFF;
	padding:2px 1em 6px;
}

.review_raquo{
	color:red;
	font-size:130%;
	line-height:130%;
	font-weight:bold;
}

.insection {
	margin: 8px 0px;
	padding: 8px;
	background: #eeeeee;
	border: 1px solid #cccccc;
}


/**************************************** TEXTTABLE ****************************************/

.guide_article table.TEXTTABLE{
	margin:0 auto 0;
	background:#3C9CD0;
}


/******************** DEF ********************/

.TABLE_DEF,
.TABLE_BLUE,
.TABLE_RED,
.TABLE_GREEN{
	margin:0 auto;
	font-size:80%;
	border-collapse:collapse;
	border-bottom:1px solid #aaaaaa;
}

.TABLE_DEF th,
.TABLE_DEF td,
.TABLE_BLUE th,
.TABLE_BLUE td,
.TABLE_RED th,
.TABLE_RED td,
.TABLE_GREEN th,
.TABLE_GREEN td{
	text-align:left;
	line-height:120%;
	border:1px solid #e0e0e0;
	border-bottom:0px solid #e0e0e0;
	padding:5px;
	background:#ffffff;
}

.TABLE_DEF th,
.TABLE_BLUE th,
.TABLE_RED th,
.TABLE_GREEN th{
	text-align:center;
	background:#222222;
	color:#ffffff;
	border:1px solid #666666;
	border-top-color:#000000;
	border-bottom-color:#000000;
}

.TABLE_DEF th:first-child,
.TABLE_BLUE th:first-child,
.TABLE_RED th:first-child,
.TABLE_GREEN th:first-child{
	border-left:1px solid #000000;
}

.TABLE_DEF th:last-child,
.TABLE_BLUE th:last-child,
.TABLE_RED th:last-child,
.TABLE_GREEN th:last-child{
	border-right:1px solid #000000;
}

.TABLE_DEF td:first-child,
.TABLE_BLUE td:first-child,
.TABLE_RED td:first-child,
.TABLE_GREEN td:first-child{
	border-left:1px solid #aaaaaa;
}

.TABLE_DEF td:last-child,
.TABLE_BLUE td:last-child,
.TABLE_RED td:last-child,
.TABLE_GREEN td:last-child{
	border-right:1px solid #aaaaaa;
}

.TABLE_DEF tr:first-child td,
.TABLE_BLUE tr:first-child td,
.TABLE_RED tr:first-child td,
.TABLE_GREEN tr:first-child td{
	border-top:1px solid #aaaaaa;
}

.TABLE_DEF tr:last-child td,
.TABLE_BLUE tr:last-child td,
.TABLE_RED tr:last-child td,
.TABLE_GREEN tr:last-child td{
}


/********** STRIPE **********/

table.STRIPE{
}

table.STRIPE .even th,
table.STRIPE .even td{
	background:#f9f9f9;
}


/********** TH **********/

table.TABLE_DEF td.TH,
table.TABLE_BLUE td.TH,
table.TABLE_RED td.TH,
table.TABLE_GREEN td.TH,
table.STRIPE td.TH{
	font-weight:bold;
	background:#666666;
	color:#ffffff;
	border:1px solid #444444;
}


/********** BLUE **********/

table.TABLE_BLUE th{
	background:#1f497c;
	color:#ffffff;
	border:1px solid #000000;
}

table.TABLE_BLUE td.TH{
	font-weight:bold;
	background:#4f81bc;
	color:#ffffff;
	border:1px solid #000000;
}


/********** RED **********/

table.TABLE_RED th{
	background:#770000;
	color:#ffffff;
	border:1px solid #000000;
}

table.TABLE_RED td.TH{
	font-weight:bold;
	background:#bb5555;
	color:#ffffff;
	border:1px solid #000000;
}


/********** GREEN **********/

table.TABLE_GREEN th{
	background:#006611;
	color:#ffffff;
	border:1px solid #000000;
}

table.TABLE_GREEN td.TH{
	font-weight:bold;
	background:#559955;
	color:#ffffff;
	border:1px solid #000000;
}


/********** TH2 **********/

table.TABLE_DEF td.TH2,
table.TABLE_BLUE td.TH2,
table.TABLE_RED td.TH2,
table.TABLE_GREEN td.TH2,
table.STRIPE td.TH2{
	font-weight:bold;
	background:#f3f3f3;
	border-bottom-color:#dddddd;
	border-right-color:#dddddd;
}

table.TABLE_DEF tr:last-child td.TH2,
table.TABLE_BLUE tr:last-child td.TH2,
table.TABLE_RED tr:last-child td.TH2,
table.TABLE_GREEN tr:last-child td.TH2,
table.STRIPE tr:last-child td.TH2{
	border-bottom-color:#bbbbbb;
}


/******************** OPTION ********************/


/***** EMPTY *****/

.TABLE_DEF th.EMPTY{
	border:none;
	border-bottom:1px solid #aaaaaa;
	background:transparent;
}

/***** RESULT *****/

.TABLE_DEF tr.result td{
	border-top:3px solid #000000;
	background:#ffffff;
}


/***** FONT *****/

table.SMALL{
	font-size:80%;
}

table.BIG{
	font-size:110%;
}


/***** FLOAT *****/

table.CENTER{
	margin:0 auto;
}

table.LEFT{
	float:left;
	margin:0px 10px 10px 0;
}

table.RIGHT{
	float:right;
	margin:0px 0px 10px 10px;
}


/******************** FIRST CHILD TH ********************/

/***** DEF *****/

.TH_DEF td:first-child{
	font-weight:bold;
	text-align:left;
	background:#666666;
	color:#ffffff;
	border:1px solid #444444;
}

.TH_DEF tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_DEF tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}

/***** BULE *****/

.TH_BLUE td:first-child{
	font-weight:bold;
	text-align:left;
	background:#4f81bc;
	color:#ffffff;
	border:1px solid #000000;
}

.TH_BLUE tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_BLUE tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}

/***** TH_RED *****/

.TH_RED td:first-child{
	font-weight:bold;
	text-align:left;
	background:#bb5555;
	color:#ffffff;
	border:1px solid #000000;
}

.TH_RED tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_RED tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}

/***** TH_GREEN *****/

.TH_GREEN td:first-child{
	font-weight:bold;
	text-align:left;
	background:#559955;
	color:#ffffff;
	border:1px solid #000000;
}

.TH_GREEN tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_GREEN tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}


/******************** FIRST CHILD TH2 ********************/

/***** DEF *****/

.TH2_DEF td:first-child,
.TH2_BLUE td:first-child,
.TH2_RED td:first-child,
.TH2_GREEN td:first-child{
	font-weight:bold;
	text-align:left;
	background:#f3f3f3;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.TH2_DEF tr:last-child td:first-child,
.TH2_BLUE tr:last-child td:first-child,
.TH2_RED tr:last-child td:first-child,
.TH2_GREEN tr:last-child td:first-child{
	border-bottom:1px solid #bbbbbb;
}

.TH2_DEF tr:first-child td:first-child,
.TH2_BLUE tr:first-child td:first-child,
.TH2_RED tr:first-child td:first-child,
.TH2_GREEN tr:first-child td:first-child{
	border-top-color:#aaaaaa;
}

.TH2_DEF tr.result td:first-child,
.TH2_BLUE tr.result td:first-child,
.TH2_RED tr.result td:first-child,
.TH2_GREEN tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}


/******************** SPLITTER ********************/

tr.splitter td{
	border-top:3px solid #000000 !important;
}

th.SPLIT,
td.SPLIT{
	border-right:3px solid #000000 !important;
}


/****************************** expand ******************************/

.expand_button:before{
	content:"▼";
}

.expand_button{
	cursor:pointer;
	border:none;
	background:#ffffff;
	padding:10px 0;
	margin:0 auto;
	font-size:80%;
	display:block;
	color:#0077ff;
	font-weight:bold;
	width:350px;
	border-radius:4px;
	border:1px solid #999;
	text-align:center;

	background:#ddd;
	background: -ms-linear-gradient(top, #fff, #ddd);
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: linear-gradient(top, #fff, #ddd);
}

.expand_button:hover{
	text-decoration:underline;
}

.expand.off{
	height:0;
	max-height:0;
	overflow:hidden;
}

.expand.on{
	height:auto;
	max-height:10000px;
	overflow:hidden;

	transition:max-height 2s ease-in 0s;
	-moz-transition:max-height 2s ease-in 0s;
	-webkit-transition:max-height 2s ease-in 0s;
	-o-transition:max-height 2s ease-in 0s;
	-ms-transition:max-height 2s ease-in 0s;
}



/****************************** 2015/03/27 sound player ******************************/

.SOUNDPLAYER{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	width:500px;
	margin:0 auto;
	font-size:10px;
	color:#fff;
	background:#000;
	background:#333;
	border-collapse:collapse;
}

.SOUNDPLAYER th,
.SOUNDPLAYER td{
	border:1px solid #333;
}

.SOUNDPLAYER.NO_PLAYER{
	display:none;
}


/********** cover **********/

.SOUNDPLAYER .COVER{
	width:150px;
	height:150px;
	background:#333;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient(to bottom, #222 0%, #333 50%, #000 51%, #333 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), color-stop(0.5, #333), color-stop(0.51, #000), to(#333));
}


/********** text **********/

.SOUNDPLAYER .PLAYNAME{
	width:300px;
	height:100px;
	vertical-align:top;
	background:#eee;
	background:#222;
	padding:0;
}

.SOUNDPLAYER .PLAYNAME .LIST:empty,
.SOUNDPLAYER .PLAYNAME .NAME:empty,
.SOUNDPLAYER .PLAYNAME .INFO:empty{
	display:none;
}

.SOUNDPLAYER .PLAYNAME .LIST{
	width:294px;
	height:14px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	border-bottom:1px solid #444;
	box-shadow:0px 1px 0px 0px #000;
	background:#333;
	background: linear-gradient(to bottom, #444, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-shadow:inset 0px 1px 0px 0px #666;
}

.SOUNDPLAYER .PLAYNAME .NAME{
	width:294px;
	min-height:10px;
	padding:8px;
	line-height:1.5em;
	font-size:10px;
}

.SOUNDPLAYER .PLAYNAME .NAME .NUM{
	margin-right:5px;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}

.SOUNDPLAYER .PLAYNAME .INFO{
	border-top:1px dotted #444;
	padding:8px;
	font-size:10px;
	line-height:1.5em;
}


/********** control **********/

.SOUNDPLAYER .CONTROL{
	width:300px;
	height:50px;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient(to bottom, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	box-shadow:inset 0px 1px 0px 0px #777;
}

.SOUNDPLAYER .CONTROL span{
	display:inline-block;
	width:40px;
	height:40px;
	margin:5px;
	border-radius:8px;
	background: linear-gradient(to bottom, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	box-shadow:inset 1px 1px 0px 0px #fff;
	border:2px solid #333;
	cursor:pointer;
}

.SOUNDPLAYER .CONTROL span img{
	width:40px;
	height:40px;
}

.TRACKLIST .PLAY a{
	display:inline-block;
	width:20px;
	height:20px;
	margin:5px;
	border-radius:10px;
	background: linear-gradient(to bottom, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	box-shadow:inset 1px 1px 0px 0px #fff, 1px 1px 0px 0px #999;
}

.TRACKLIST .PLAY a img{
	width:20px;
	height:20px;
}


/********** volume **********/

.SOUNDPLAYER .VOLUME{
	width:20px;
	background-position: center 10px;
	background-repeat: no-repeat;
	text-align:center;
	padding:2px 4px;
}

.SOUNDPLAYER .VOLUME:before{
	content:"Vol";
	display:block;
	height:13px;
	font-size:10px;
	line-height:12px;
}

.SOUNDPLAYER .VOLUMEBAR{
	height:12px;
	font-size:10px;
	line-height:14px;
	height:12px;
	overflow:hidden;
	text-align:center;
	background:#000000;
	box-shadow:0px -1px 0 1px #333;
	border-left:1px solid #000;
	border-top:1px solid #000;
	opacity:1;
	cursor:pointer;
/*
	text-indent:-999px;
*/
}

.SOUNDPLAYER .VOLUMEBAR:last-child{
	height:14px;
}

.SOUNDPLAYER .VOLUMEBAR.OFF{
	opacity:1;
	background:#000 !important;
}

.SOUNDPLAYER .VOLUMERANGE{
	height: 150px;
	margin: 0;
	padding: 0; 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 20px;
}


/********** color **********/

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(2){
	background:#f00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(3){
	background:#e00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(4){
	background:#d00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(5){
	background:#c00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(6){
	background:#b00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(7){
	background:#a00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(8){
	background:#900;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(9){
	background:#800;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(10){
	background:#700;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(11){
	background:#600;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12):before{
	content:"OFF";
	display:block;
	text-align:center;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12){
	background:transparent !important;
	text-indent:0px;
	border-left:1px solid #333;
	border-top:1px solid #333;
}


/********** progress **********/

.SOUNDPLAYER .PROGRESS{
	vertical-align:top;
	vertical-align:middle;
	padding:5px;
	background:#000;
	border-top:2px solid #000;
}

.SOUNDPLAYER .FILETYPE,
.SOUNDPLAYER .TIME,
.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	display:inline-block;
	height:15px;
	line-height:15px;
	text-align:center;
	float:left;
}

.SOUNDPLAYER .FILETYPE{
	width:40px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background:#666;
}

.SOUNDPLAYER .TIME{
	min-width:70px;
	padding:0px 5px;
	font-size:10px;
	color:#fff;
}

.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	width:360px;
	height:12px;
	padding-top:5px;
	text-align:left;
}

.SOUNDPLAYER .PROGRESSBAR{
/*
	position:relative;
	top:9px;
*/
	display:block;
	width:0%;
	height:6px;
	background:#fff;
	transition:width 0s liner 0s;
}


/******************** list ********************/

.TRACKLIST{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	width:500px;
	margin:0 auto;
	border-collapse:collapse;
	color:#444;
	background:#fff;
}

.TRACKLIST th,
.TRACKLIST td{
	font-size:10px;
	line-height:1.5em;
	padding:5px;
	border: 1px solid #ffffff;
}

.TRACKLIST th{
	border-bottom:1px solid #ccc;
	background:#ddd;
	background: linear-gradient(to bottom, #eeeeee, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e3e3e3));
	box-shadow:inset 0px 1px 0px 0px #fff;
}


/********** color **********/

.TRACKLIST tr:first-child th,
.TRACKLIST tr:first-child td{
	border-top:1px solid #ccc;
}

.TRACKLIST th:first-child,
.TRACKLIST td:first-child{
	border-left:1px solid #ccc;
}

.TRACKLIST th:last-child,
.TRACKLIST td:last-child{
	border-right:1px solid #ccc;
}

.TRACKLIST tr:last-child th,
.TRACKLIST tr:last-child td{
	border-bottom:1px solid #ccc;
}

.TRACKLIST tr:nth-child(odd) td{
	background:#e9f0ff;
}


/********** coloring **********/

.TRACKLIST.BLUE tr:nth-child(odd) td{
	background:#e9f0ff;
}

.TRACKLIST.YELLOW tr:nth-child(odd) td{
	background:#fcfce9;
}

.TRACKLIST.RED tr:nth-child(odd) td{
	background:#ffeef9;
}


/********** heading **********/

.TRACKLIST .PLAYLISTNAME{
	font-size:16px;
	line-height:100%;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	box-shadow:inset 0px 1px 0px 0px #fff;
}


/********** text **********/

.TRACKLIST th,
.TRACKLIST .NUM{
	text-align:center;
}

.TRACKLIST td{
	text-align:left;
}

.TRACKLIST td.DURATION{
	text-align:right;
}


/********** width **********/

.TRACKLIST .NAME{
/*
	width:205px;
*/
}

.TRACKLIST .NUM{
	width:30px;
	padding-left:0px;
	padding-right:0px;
}

.TRACKLIST .INFO{
	width:170px;
}

.TRACKLIST .DURATION{
	width:30px;
}

.TRACKLIST .PLAY{
	width:30px;
}


/********** NO_DURATION **********/

.PLAYLISTNAME.NO_DISPLAY,
.NO_INFO tr th.INFO,
.NO_INFO tr td.INFO,
.NO_DURATION tr th.DURATION,
.NO_DURATION tr td.DURATION{
	display:none;
}


/****************************** CARDVIEW CONTAINER ******************************/

.CARDVIEW_CONTAINER{
	position:relative;
}

.CARDVIEW_CONTAINER > span:first-child{
	display:block;
	position:absolute;
	z-index:100;
	left:10px;
	top:0px;
	padding:4px 0px 4px 4px;
	font-size:11px;
	line-height:11px;
	text-indent:2px;
	color:#fff;
	background:#999;
	border-top-left-radius:4px;
}

.CARDVIEW_CONTAINER > span:first-child:empty{
	display:none;
}

.CARDVIEW_CONTAINER > span:first-child:after{
	content:" ";
	display:block;
	position:absolute;
	right:-14px;
	top:0;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:19px 14px 0 0;
	border-color:#999 transparent transparent transparent;
}


/******************** CARDVIEW ********************/

.CARDVIEW{
	padding:15px 10px;
	margin:10px;
	border:1px dotted #999;
	border-radius:4px;
	background:#fff;
}

.CARDVIEW:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}


/*********** CARD **********/

article.guide_article .CARDVIEW.CARD h2{
	float:right;
	width:525px;
	padding:0;
	margin:0;
	font-size:95%;
	line-height:140%;
	border:none;
	background:none;
}

article.guide_article .CARDVIEW.CARD h2 a{
	text-decoration:none;
}

article.guide_article .CARDVIEW.CARD h2 a:hover{
	text-decoration:underline;
}

article.guide_article .CARDVIEW.CARD .img_right_top{
	float:left;
	margin:0px 10px 0px 0;
}

article.guide_article .CARDVIEW.CARD p{
	float:right;
	width:525px;
	margin-top:5px;
	font-size:75%;
	line-height:150%;
}

article.guide_article .CARDVIEW.CARD .published_time,
article.guide_article .CARDVIEW.CARD .timestamp{
	display:none;
}

article.guide_article .CARDVIEW.CARD h2:before{
	content:none;
}


/*********** CARD5 **********/

article.guide_article .CARDVIEW.CARD5 h2{
	float:right;
	width:405px;
	padding:0;
	margin:0;
	font-size:95%;
	line-height:140%;
	border:none;
	background:none;
}

article.guide_article .CARDVIEW.CARD5 h2 a{
	text-decoration:none;
}

article.guide_article .CARDVIEW.CARD5 h2 a:hover{
	text-decoration:underline;
}

article.guide_article .CARDVIEW.CARD5 .img_right_top{
	position:static;
	float:left;
	width:240px;
	height:180px;
	margin:0px 10px 0 0;
}

article.guide_article .CARDVIEW.CARD5 p{
	float:right;
	width:360px;
	margin-top:5px;
	font-size:75%;
	line-height:150%;
}

article.guide_article .CARDVIEW.CARD5 .published_time,
article.guide_article .CARDVIEW.CARD5 .timestamp{
	display:none;
}

article.guide_article .CARDVIEW.CARD5 h2:before{
	content:none;
}


/********** oneline **********/

article.guide_article .CARDVIEW .oneline h2{
	float:none;
	width:auto !important;
	margin:15px auto 0px;
}

article.guide_article .CARDVIEW .oneline h2 + a{
	display:none;
}

article.guide_article .CARDVIEW_CONTAINER > span:empty + .CARDVIEW .oneline h2{
	margin:0 auto !important;
}


/********** oneline_thumb **********/

article.guide_article .CARDVIEW.CARD .oneline_thumb h2{
	float:right;
	width:525px !important;
	padding:0;
	margin:0 !important;
	font-size:95%;
	line-height:140%;
	border:none;
	background:none;
}

article.guide_article .CARDVIEW.CARD5 .oneline_thumb h2{
	float:right;
	width:405px !important;
	padding:0;
	margin:0 !important;
	font-size:95%;
	line-height:140%;
	border:none;
	background:none;
}

article.guide_article .CARDVIEW .oneline_thumb h2 + a{
	display:block;
}

article.guide_article .CARDVIEW .oneline_thumb h2 + a .img_right_top{
	display:block;
}


/********** paragraph **********/

article.guide_article .text_box_def .CARDVIEW.CARD h2,
article.guide_article .text_box_def .CARDVIEW.CARD p,
article.guide_article .text_box_01 .CARDVIEW.CARD h2,
article.guide_article .text_box_01 .CARDVIEW.CARD p,
article.guide_article .text_box_02 .CARDVIEW.CARD h2,
article.guide_article .text_box_02 .CARDVIEW.CARD p,
article.guide_article .text_box_03 .CARDVIEW.CARD h2,
article.guide_article .text_box_03 .CARDVIEW.CARD p,
article.guide_article .text_box .CARDVIEW.CARD h2,
article.guide_article .text_box .CARDVIEW.CARD p,
article.guide_article .text_box_yellow .CARDVIEW.CARD h2,
article.guide_article .text_box_yellow .CARDVIEW.CARD p,
article.guide_article .text_box_blue .CARDVIEW.CARD h2,
article.guide_article .text_box_blue .CARDVIEW.CARD p,
article.guide_article .text_box_green .CARDVIEW.CARD h2,
article.guide_article .text_box_green .CARDVIEW.CARD p,
article.guide_article blockquote .CARDVIEW.CARD h2,
article.guide_article blockquote .CARDVIEW.CARD p{
	width:460px;
}

article.guide_article .text_box_def .CARDVIEW.CARD5 h2,
article.guide_article .text_box_01 .CARDVIEW.CARD5 h2,
article.guide_article .text_box_02 .CARDVIEW.CARD5 h2,
article.guide_article .text_box_03 .CARDVIEW.CARD5 h2,
article.guide_article .text_box .CARDVIEW.CARD5 h2,
article.guide_article .text_box_yellow .CARDVIEW.CARD5 h2,
article.guide_article .text_box_blue .CARDVIEW.CARD5 h2,
article.guide_article .text_box_green .CARDVIEW.CARD5 h2,
article.guide_article blockquote .CARDVIEW.CARD5 h2{
	width:340px;
}


/***** online *****/

article.guide_article .text_box_def .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article .text_box_01 .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article .text_box_02 .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article .text_box_03 .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article .text_box .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article .text_box_yellow .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article .text_box_blue .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article .text_box_green .CARDVIEW.CARD .oneline_thumb h2,
article.guide_article blockquote .CARDVIEW.CARD .oneline_thumb h2{
	width:460px !important;
}

article.guide_article .text_box_def .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article .text_box_01 .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article .text_box_02 .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article .text_box_03 .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article .text_box .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article .text_box_yellow .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article .text_box_blue .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article .text_box_green .CARDVIEW.CARD5 .oneline_thumb h2,
article.guide_article blockquote .CARDVIEW.CARD5 .oneline_thumb h2{
	width:340px !important;
}


/********** none **********/

article.guide_article .CARDVIEW .V2_article_tag,
article.guide_article .CARDVIEW .tag_list{
	display:none;
}


/********** QR **********/

.CARDVIEW_CONTAINER .QRCODE_POPUP{
	display:none;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP{
	display:block;
	position:absolute;
	z-index:400;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP{
	display:block;
	position:absolute;
	z-index:300;
	left:auto;
	right:0;
	top:0;
	width:228px;
	height:228px;
	padding:10px;
	margin:auto;
	margin-top:-233px;
	border:5px solid #000000;
	border-radius:10px;
	background:#ffffff;
	box-shadow:0px 0px 5px 0px #000000;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP:before{
	content:" ";
	position:absolute;
	right:8px;
	top:100%;
	width:0;
	height:0;
	margin-left:-22px;
	pointer-events:none;
	border:solid transparent;
	border-color:rgba(000, 000, 000, 0);
	border-top-color:#000000;
	border-width:22px;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP:after{
	content:" ";
	position:absolute;
	right:15px;
	top:100%;
	width:0;
	height:0;
	margin-left:-15px;
	pointer-events:none;
	border:solid transparent;
	border-color:rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP img{
	width:228px;
	height:228px;
}


/********** CHARM **********/

.CARDVIEW_CONTAINER.BUTTON_CHARM > span:first-child + img{
	position:absolute;
	z-index:1;
	left:0px;
}








/*==============================================================================================================
/import news_layout.css
/==============================================================================================================*/


/****************************** HDムービー ******************************/

.streaming_layer_gray{
	background:url(/image/bg_streaming_hd_full.png);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:998;
	display:none;
}

.streaming_hd_contaner,
.streaming_hd_container{
	border:2px solid #eeeeee;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	display:none;
}


/********** mouse over **********/

.streaming_normal,
.streaming_sd,
.streaming_hd{
	background:url(/image/bg_streaming_opacity.gif) no-repeat center top;
}

.button_streaming_play:hover{
	opacity: 0.8;
	-moz-opacity: 0.8; /********** Firefox **********/
	filter: alpha(opacity=80); /********** IE6/7 **********/
	-ms-filter: "alpha(opacity=80)"; /********** IE8 **********/
}


/****************************** ライブアラート ******************************/

.live_alert_popup{
	overflow:hidden;
	position:fixed;
	bottom:0;
	right:80px;
	z-index:100;
	width:206px;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック";
}

.live_alert_normal{
	position:relative;
	width:206px;
	height:62px;
	border-top:1px solid #000000;
	background:url(/image/bg_livealert_popup.png) no-repeat left -351px;
}

.live_alert_recruit{
	position:relative;
	width:206px;
	height:62px;
	border-top:1px solid #000000;
	background:url(/image/bg_livealert_popup.png) no-repeat left -243px;
}

.live_alert_comingsoon{
	position:relative;
	width:206px;
	height:62px;
	border-top:1px solid #000000;
	background:url(/image/bg_livealert_popup.png) no-repeat left -135px;
}

.live_alert_onair{
	position:relative;
	width:206px;
	height:62px;
	border-top:1px solid #000000;
	background:url(/image/bg_livealert_popup.png) no-repeat left -27px;
}

.live_alert_popup_heading{
	cursor:pointer;
	width:206px;
	height:26px;
	line-height:31px;
	text-indent:18px;
	font-size:10px;
	color:#555555;
	font-weight:bold;
	overflow:hidden;
	background:url(/image/bg_livealert_popup.png) no-repeat left top;
}


/******************** コンテンツ ********************/

.live_alert_contents{
	position:relative;
	padding-left:68px;
}


/********** thumb **********/

.live_alert_image{
	position:absolute;
	top:8px;
	left:8px;
}

*html .live_alert_image{
	left:-60px;
}

/********** 見出し **********/

.live_alert_heading{
	font-size:12px;
	width:130px;
	height:26px;
	line-height:29px;
	overflow:hidden;
	font-weight:normal;
}

.live_alert_heading a{
	color:#ffff00;
	text-decoration:none;
}

.live_alert_heading a:hover{
	text-decoration:underline;
}


/********** リード **********/

.line_alert_text{
	font-size:11px;
	line-height:13px;
	padding-top:4px;
	width:130px;
	height:35px;
	overflow:hidden;
}

.line_alert_text a{
	color:#ffffff;
	text-decoration:none;
}

.line_alert_text a:hover{
	text-decoration:underline;
}


/********** 閉じる **********/

.live_alert_close{
	width:13px;
	height:13px;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:8px;
	border:1px solid #bbbbbb;
}

.live_alert_close img{
	display:block;
}


/****************************** live player ******************************/

.live_player_body:after,
.live_player_description:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.live_player{
	clear:both;
	margin:0 auto;
	text-align:left;
}

.live_player_close{
	position:absolute;
	right:10px;
	top:10px;
	width:13px;
	height:13px;
	overflow:hidden;
}


/******************** header ********************/

.live_player_heading{
	overflow:hidden;
	font-size:13px;
	line-height:32px;
	height:32px;
	width:100%;
	background:#000000;
	color:#e6e6e6;
	text-indent:20px;
	background:url(/image/bg_liveplayer_heading.png) no-repeat left top;
}

.live_player_ustream .live_player_heading{
	background:url(/image/bg_liveplayer_heading.png) no-repeat left -107px;
}

.live_player_heading strong{
	display:block;
	width:100%;
	height:32px;
}

/******************** body ********************/

.live_player_body{
	border:1px solid #000000;
	border-top:none;
	background:#e6e6e6;
	padding:10px 20px;
}

.live_player_radio .live_player_body{
	height:545px;
}

.live_player_radio_mini .live_player_body{
	height:399px;
}

.live_player_radio .live_player_ustream{
	height:587px;
}

.live_player_ustream_mini .live_player_body{
	height:471px;
}


/****************************** radio ******************************/

.live_player_radio{
	overflow:hidden;
	width:1004px;
	height:598px;
}

.live_agplayer{
	overflow:hidden;
	width:689px;
	height:380px;
	padding:1px;
	border:1px solid #ffffff;
	background:#cccccc;
	float:left;
	margin:7px 0 2px;
}

.live_agplayer iframe{
	overflow:hidden;
	width:695px;
	height:355px;
	padding:0;
	margin:0 0 0 -6px;
	border:none;
	background:#ffffff;
	float:left;
	vertical-align:top;
}

.live_agplayer_caution{
	height:24px;
	line-height:25px;
	oveflow:hidden;
	font-size:11px;
	text-indent:8px;
	background:#ffffcc;
	width:689px;
	float:left;
	border-top:1px solid #cccccc;
}


/********** 関連情報 **********/

.live_player_radio .live_player_related{
	float:left;
	overflow:hidden;
	width:693px;
	height:135px;
	padding-top:11px;
	background:url(/image/bg_liveplayer_heading.png) no-repeat left -216px;
}

.live_player_radio .live_player_description{
	float:left;
	overflow:hidden;
	width:691px;
	height:86px;
	margin:0 0 10px;
	font-size:13px;
	border:1px solid #ffffff;
	border-top:none;
}

.live_player_radio .live_player_description .description_heading{
	overflow:hidden;
	height:16px;
	width:669px;
	padding:10px 10px 7px;
	border:1px solid #cccccc;
	border-top:none;
	border-bottom:1px dotted #cccccc;
	background:#ffffff;
}

.live_player_radio .live_player_description .description_text{
	overflow:hidden;
	width:669px;
	height:31px;
	line-height:16px;
	border:1px solid #cccccc;
	padding:10px;
	border-top:none;
	background:#ffffff;
}


/****************************** ustream ******************************/

.live_player_ustream{
	overflow:hidden;
	width:920px;
	height:640px;
}

.live_ustream{
	width:612px;
	float:left;
}

.live_ustream h2{
	font-size:15px;
	width:612px;
	overflow:hidden;
	height:15px;
	line-height:15px;
	margin:14px 0 12px;
}

.live_ustream_container{
	width:608px;
	height:368px;
	background:#000000;
	border:1px solid #ffffff;
	padding:1px;
}


/********** 関連情報 **********/

.live_player_ustream .live_player_related{
	float:left;
	overflow:hidden;
	width:612px;
	height:161px;
	padding-top:11px;
	background:url(/image/bg_liveplayer_heading.png) no-repeat left -149px;
	margin-top:2px;
}

.live_player_ustream .live_player_description{
	float:left;
	overflow:hidden;
	width:610px;
	height:106px;
	margin:0 0 10px;
	font-size:13px;
	border:1px solid #ffffff;
	border-top:none;
}

.live_player_ustream .live_player_description .description_heading{
	overflow:hidden;
	width:588px;
	height:16px;
	padding:10px 10px 7px;
	border:1px solid #cccccc;
	border-top:none;
	border-bottom:1px dotted #cccccc;
	background:#ffffff;
}

.live_player_ustream .live_player_description .description_text{
	overflow:hidden;
	width:588px;
	height:51px;
	line-height:16px;
	border:1px solid #cccccc;
	padding:10px;
	border-top:none;
	background:#ffffff;
}


/****************************** mini ******************************/

.live_player_radio_mini{
	height:452px;
}

.live_player_ustream_mini{
	height:524px;
}

.live_player_ustream_mini .live_ustream h2{
}

.live_player_radio_mini .live_agplayer{
	margin-bottom:0;
}

.live_player_radio_mini .live_player_related{
	display:none;
}

.live_player_ustream_mini .live_player_related{
	background:none;
}

.live_player_ustream_mini .live_player_description{
	display:none;
}

/******************** widget ********************/

.live_twitter_widget{
	width:230px;
	float:right;
	background:#a0a0a0;
	padding:0 10px;
}


/******************** リンク ********************/

.live_player_link{
	clear:both;
	overflow:hidden;
	height:34px;
	font-size:11px;
	list-style:none;
	margin:0 auto;
	text-align:center;
}

.live_player_link li{
	display:inline-block;
	overflow:hidden;
	height:34px;
	line-height:34px;
	margin:0 5px;
	background:#000000;
	color:#ffffff;
	text-align:center;
	background:url(/image/bg_liveplayer_heading.png) no-repeat left -42px;
}

.live_player_link li a{
	display:block;
	float:left;
	overflow:hidden;
	margin:0 0 0 24px;
	padding-right:23px;
	height:34px;
	line-height:34px;
	color:#ffffff;
	background:url(/image/bg_liveplayer_heading.png) no-repeat right -42px;
	text-decoration:none;
}

.live_player_link li.live_button_tweet{
	background:url(/image/bg_liveplayer_heading.png) no-repeat left -170px;
}

.live_player_link li.live_button_tweet a{
	margin:0 0 0 33px;
	padding-right:10px;
	background:url(/image/bg_liveplayer_heading.png) no-repeat right -170px;
}

.live_player_link li a:hover{
	padding-top:1px;
	color:#ffff00;
	text-decoration:underline;
}


/******************** IE用 ********************/

#LIVE_TWITTER h3,
#LIVE_TWITTER h4{
	color:#ffffff;
}

#LIVE_TWITTER .twtr-timeline{
	background:#ffffff;
}


/****************************** HD閉じるボタン ******************************/

.streaming_hd_contaner .stream_close,
.streaming_hd_container .stream_close{
	opacity: 0.6;
	-moz-opacity: 0.6; /********** Firefox **********/
	filter: alpha(opacity=60); /********** IE6/7 **********/
	-ms-filter: "alpha(opacity=60)"; /********** IE8 **********/
	cursor:pointer;
	position:absolute;
	right:10px;
	top:9px;
	width:34px;
	height:33px;
	display:none;
}

.streaming_hd_contaner .stream_close:hover,
.streaming_hd_container .stream_close:hover{
	opacity:0.8;
	-moz-opacity:0.8; /********** Firefox **********/
	filter: alpha(opacity=80); /********** IE6/7 **********/
	-ms-filter: "alpha(opacity=80)"; /********** IE8 **********/
}


/****************************** HD閉じるボタン 11/11/18 ******************************/

.streaming_hd_contaner,
.streaming_hd_container{
	border-width:8px;
	border-radius:8px;		/********** CSS3草案 **********/
	-webkit-border-radius:8px;	/********** Safari,Google Chrome用 **********/
	-moz-border-radius:8px;		/********** Firefox用 **********/
}

.streaming_hd_contaner embed,
.streaming_hd_container embed{
	z-index:100;
}

.streaming_hd_contaner .stream_close_outside,
.streaming_hd_container .stream_close_outside{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	cursor:pointer;
	position:absolute;
	right:-34px;
	top:-34px;
	width:100px;
	height:100px;
	display:block;
}

.streaming_hd_contaner .stream_close_outside:hover,
.streaming_hd_container .stream_close_outside:hover{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}


/****************************** Alert ******************************/

body.custom_iPhone .alert_for_PC{
	position:absolute;
	top:20px;
	left:50%;
	margin:20px auto;
	margin-left:-460px;
	width:910px;
	height:100px;
	line-height:100px;
	background:#333333;
	background:#ffffff;
	border:5px solid #990000;
	color:#ffffff;
	color:#990000;
	font-size:24px;
	font-weight:bold;
	-webkit-border-radius:10px;
	z-index:500;
	-webkit-opacity:0.95;
}

.alert_ktai_for_PC{
	height:100px;
	line-height:100px;
	width:100%;
	background:#ffffff;
	border:5px solid #ff0000;
	color:#ff0000;
	font-size:30px;
	font-weight:bold;
}

.alert_psvita_for_PC{
	position:absolute;
	top:20px;
	left:50%;
	margin:20px auto;
	margin-left:-460px;
	width:910px;
	height:100px;
	line-height:100px;
	background:#333333;
	background:#ffffff;
	border:5px solid #990000;
	color:#ffffff;
	color:#990000;
	font-size:24px;
	font-weight:bold;
	-webkit-border-radius:10px;
	z-index:500;
	-webkit-opacity:0.95;
}


/****************************** OVERLAY SS ******************************/


/********** SS **********/

#OVERLAY_SS_area{
	z-index:999;
	position:fixed;
	background:#ffffff;
	border:8px solid #ffffff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	cursor:pointer;
}


/********** グレーアウト **********/

#OVERLAY_SS_GRAY{
	display:none;
	z-index:998;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(/image/bg_overlay_ss.png) repeat 0 0;
	cursor:pointer;
}


/********************  interface ********************/

#OVERLAY_SS_info{
	z-index:999;
	overflow:hidden;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	padding:0 10px;
	color:#333333;
	background:url(/image/bg_overlay_interface.png) repeat-x; left bottom;
	border-top:1px solid #000000;
}

#OVERLAY_SS_info ul{
	float:right;
	height:30px;
}


/********** url **********/

#OVERLAY_SS_info .box_1{
	float:left;
	width:215px;
	height:18px;
	margin:6px 0 0 0;
	padding-right:5px;
	line-height:18px;
	font-size:11px;
	border-right:1px solid #aaaaaa;
}

#OVERLAY_SS_url{
	width:170px;
	height:15px;
	padding:0 5px;
	margin:0 0 0 3px;
	line-height:15px;
	font-size:11px;
	vertical-align:1px;
}


/********** ratio **********/

#OVERLAY_SS_info .box_2{
	float:left;
	height:18px;
	padding:0 5px 0 10px;
	margin:6px 0 0 0;
	line-height:19px;
	font-size:11px;
	border-left:1px solid #ffffff;
}

#OVERLAY_SS_info .box_2_inner{
	float:left;
}

#OVERLAY_SS_height{
	padding-right:3px;
}


/********** 原寸ボタン **********/

#OVERLAY_SS_info .box_3{
	float:left;
	height:20px;
	padding-left:20px;
	margin:4px 10px 0 0;
	line-height:21px;
	font-size:10px;
	background:url(/image/button_overlay_goto.png) no-repeat left top;
	border:1px solid #ffffff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
}

#OVERLAY_SS_info .box_3 a{
	display:block;
	float:right;
	height:20px;
	padding:0 10px 0 0;
	line-height:20px;
	background:url(/image/button_overlay_goto.png) no-repeat right top;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

#OVERLAY_SS_info .box_3 a:link{
	color:#000088;
	text-decoraiton:none;
}

#OVERLAY_SS_info .box_3 a:visited{
	color:#000088;
	text-decoration:none;
}

#OVERLAY_SS_info .box_3 a:hover{
	color:#3333ff;
	text-decoration:underline;
}


/********** tweet **********/

#OVERLAY_SS_info .box_4{
	display:block;
	float:left;
	height:18px;
	padding-right:10px;
	margin:5px 10px 5px 0;
	line-height:18px;
	font-size:10px;
	border-left:1px solid #aaaaaa;
}

#OVERLAY_SS_tweet{
	float:left;
	font-weight:bold;
	display:block;
}

#OVERLAY_SS_tweet img{
	border-left:1px solid #ffffff;
	padding-left:10px;
	vertical-align:-4px;
	margin-right:1px;
}

#OVERLAY_SS_tweet:link{
	color:#2299cc;
	text-decoration:none;
}

#OVERLAY_SS_tweet:visited{
	color:#2299cc;
	text-decoration:none;
}

#OVERLAY_SS_tweet:hover{
	color:#2299cc;
	text-decoration:underline;
}

#OVERLAY_SS_tweet:hover img{
	text-decoration:none;
}


/******************** HEADLINES ********************/

.HEADLINES{
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #999999;
    margin: 0 2em;
    padding: 1em;
	margin-bottom: 1.5em;
}

.HEADLINES::before {
    content: "目次";
    font-size: 14px;
    font-weight: bold;
    margin-left: -0.5em;
    margin-top: -1em;
    position: absolute;
}

.HEADLINES.HEADLINE_LoVA{
    background: #f3c3c3 none repeat scroll 0 0;
}

.HEADLINES .LEVEL1{
	color #000000;
	font-weight:bold;
}

.HEADLINES .LEVEL2{
	color #000000;
	padding-left:20px;
	display:none;
}

.HEADLINES.HEADLINE_ALL{
	display:block;
}

.HEADLINES.HEADLINE_ALL .LEVEL2{
	display:block;
}

.HEADLINES_ANCHOR{
	padding-top: 100px;
	margin-top: -100px;
	display:inline-block;
}


/****************************** SUBPAGE ******************************/

#SUBPAGE{
	z-index:999;
	position:fixed;
	background:#ffffff;
	border:8px solid #ffffff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	height: 640px;
	left: 300px;
	margin: 0 auto;
	top: 30px;
	width: 640px;
	overflow:auto;
	text-align:center;
}

#SUBPAGE_GRAY{
	display:none;
	z-index:998;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(/image/bg_overlay_ss.png) repeat 0 0;
	cursor:pointer;
}

.SUBPAGE_INNER{
	text-align:left;
}


/****************************** 15/02/13 design heading ******************************/

/********** base **********/

.guide_article .SUBHEAD_DEF,
.guide_article .SUBHEAD_DEF_2,
.guide_article .SUBHEAD_DEF_3,
.guide_article .SUBHEAD_DEF_4,
.guide_article .SUBHEAD_RED,
.guide_article .SUBHEAD_RED_2,
.guide_article .SUBHEAD_RED_3,
.guide_article .SUBHEAD_RED_4,
.guide_article .SUBHEAD_GREEN,
.guide_article .SUBHEAD_GREEN_2,
.guide_article .SUBHEAD_GREEN_3,
.guide_article .SUBHEAD_GREEN_4,
.guide_article .SUBHEAD_BLUE,
.guide_article .SUBHEAD_BLUE_2,
.guide_article .SUBHEAD_BLUE_3,
.guide_article .SUBHEAD_BLUE_4,
.guide_article .SUBHEAD_CHINA,
.guide_article .SUBHEAD_METAL,
.guide_article .SUBHEAD_BOYISH,
.guide_article .SUBHEAD_GIRLY{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	padding:10px 15px;
	margin:0 auto 0px;
	font-size:110%;
	line-height:1.5em;
}

.guide_article h4.SUBHEAD_DEF,
.guide_article h4.SUBHEAD_DEF_2,
.guide_article h4.SUBHEAD_DEF_3,
.guide_article h4.SUBHEAD_DEF_4,
.guide_article h4.SUBHEAD_RED,
.guide_article h4.SUBHEAD_RED_2,
.guide_article h4.SUBHEAD_RED_3,
.guide_article h4.SUBHEAD_RED_4,
.guide_article h4.SUBHEAD_GREEN,
.guide_article h4.SUBHEAD_GREEN_2,
.guide_article h4.SUBHEAD_GREEN_3,
.guide_article h4.SUBHEAD_GREEN_4,
.guide_article h4.SUBHEAD_BLUE,
.guide_article h4.SUBHEAD_BLUE_2,
.guide_article h4.SUBHEAD_BLUE_3,
.guide_article h4.SUBHEAD_BLUE_4,
.guide_article h4.SUBHEAD_CHINA,
.guide_article h4.SUBHEAD_METAL,
.guide_article h4.SUBHEAD_BOYISH,
.guide_article h4.SUBHEAD_GIRLY{
	font-size:100%;
}

.guide_article .SUBHEAD_DEF,
.guide_article .SUBHEAD_DEF_2,
.guide_article .SUBHEAD_DEF_3,
.guide_article .SUBHEAD_DEF_4{
	color:#000;
}

.guide_article .SUBHEAD_RED,
.guide_article .SUBHEAD_RED_2,
.guide_article .SUBHEAD_RED_3,
.guide_article .SUBHEAD_RED_4{
	color:#922;
	color:#000;
}

.guide_article .SUBHEAD_GREEN,
.guide_article .SUBHEAD_GREEN_2,
.guide_article .SUBHEAD_GREEN_3,
.guide_article .SUBHEAD_GREEN_4{
	color:#061;
	color:#000;
}

.guide_article .SUBHEAD_BLUE,
.guide_article .SUBHEAD_BLUE_2,
.guide_article .SUBHEAD_BLUE_3,
.guide_article .SUBHEAD_BLUE_4{
	color:#33c;
	color:#000;
}


/********** design 1 **********/

.guide_article .SUBHEAD_DEF,
.guide_article .SUBHEAD_RED,
.guide_article .SUBHEAD_GREEN,
.guide_article .SUBHEAD_BLUE{
	background:#f3f3f3;
	border:1px solid #666;
	box-shadow:inset 0px 0px 0px 3px #ffffff, inset 0px 0px 0px 4px #ddd;
	border-radius:6px;
}

.guide_article .SUBHEAD_DEF.LEFT,
.guide_article .SUBHEAD_RED.LEFT,
.guide_article .SUBHEAD_GREEN.LEFT,
.guide_article .SUBHEAD_BLUE.LEFT{
	display:table;
	width:100%;
	box-sizing:border-box;
}

.guide_article .SUBHEAD_DEF.LEFT:before,
.guide_article .SUBHEAD_RED.LEFT:before,
.guide_article .SUBHEAD_GREEN.LEFT:before,
.guide_article .SUBHEAD_BLUE.LEFT:before{
	content:" ";
	display:table-cell;
	height:100%;
	width:12px;
	padding-right:0;
	border-left:6px solid #333;
}

.guide_article .SUBHEAD_DEF.LEFT:before{
	border-left-color:#333;
}

.guide_article .SUBHEAD_RED.LEFT:before{
	border-left-color:#992222;
}

.guide_article .SUBHEAD_GREEN.LEFT:before{
	border-left-color:#006611;
}

.guide_article .SUBHEAD_BLUE.LEFT:before{
	border-left-color:#3333cc;
}


/********** design 2 **********/

.guide_article .SUBHEAD_DEF_2,
.guide_article .SUBHEAD_RED_2,
.guide_article .SUBHEAD_GREEN_2,
.guide_article .SUBHEAD_BLUE_2{
	color:#fff;
	border-radius:6px;
}

.guide_article .SUBHEAD_DEF_2{
	background:#333333;
	border:1px solid #000;
	box-shadow:inset 0px 0px 0px 3px #ffffff, inset 0px 0px 0px 4px #000;
}

.guide_article .SUBHEAD_RED_2{
	background:#992222;
	border:1px solid #661111;
	box-shadow:inset 0px 0px 0px 2px #ffffff, inset 0px 0px 0px 3px #661111;
}

.guide_article .SUBHEAD_GREEN_2{
	background:#226622;
	border:1px solid #226622;
	box-shadow:inset 0px 0px 0px 2px #ffffff, inset 0px 0px 0px 3px #337733;
}

.guide_article .SUBHEAD_BLUE_2{
	background:#3333cc;
	border:1px solid #3333cc;
	box-shadow:inset 0px 0px 0px 2px #ffffff, inset 0px 0px 0px 3px #111199;
}

.guide_article .SUBHEAD_DEF_2.LEFT,
.guide_article .SUBHEAD_RED_2.LEFT,
.guide_article .SUBHEAD_GREEN_2.LEFT,
.guide_article .SUBHEAD_BLUE_2.LEFT{
	box-sizing:border-box;
	display:table;
	width:100%;
}

.guide_article .SUBHEAD_DEF_2.LEFT:before,
.guide_article .SUBHEAD_RED_2.LEFT:before,
.guide_article .SUBHEAD_GREEN_2.LEFT:before,
.guide_article .SUBHEAD_BLUE_2.LEFT:before{
	content:" ";
	display:table-cell;
	height:100%;
	width:12px;
	padding-right:0;
	border-left:6px solid #fff;
}


/********** design 3 **********/

.guide_article .SUBHEAD_DEF_3,
.guide_article .SUBHEAD_RED_3,
.guide_article .SUBHEAD_GREEN_3,
.guide_article .SUBHEAD_BLUE_3{
	padding:0px 0 4px;
	position:relative;
	margin:0px 1px 8px;
	border-left:0px;
	border-bottom:4px solid #aaa;
}

.guide_article .SUBHEAD_DEF_3:after,
.guide_article .SUBHEAD_RED_3:after,
.guide_article .SUBHEAD_GREEN_3:after,
.guide_article .SUBHEAD_BLUE_3:after{
	content:" ";
	display:block;
	position:absolute;
	bottom:-4px;
	left:0;
	height:0px;
	width:150px;
	border-bottom:4px solid #aaa;
}

.guide_article .SUBHEAD_DEF_3:after{
	border-bottom-color:#000;
}

.guide_article .SUBHEAD_RED_3:after{
	border-bottom-color:#992222;
}

.guide_article .SUBHEAD_GREEN_3:after{
	border-bottom-color:#006611;
}

.guide_article .SUBHEAD_BLUE_3:after{
	border-bottom-color:#3333cc;
}

.guide_article .SUBHEAD_DEF_3.LEFT,
.guide_article .SUBHEAD_RED_3.LEFT,
.guide_article .SUBHEAD_GREEN_3.LEFT,
.guide_article .SUBHEAD_BLUE_3.LEFT{
	padding-left:0px;
	padding-right:0px;
}


/********** design 4 **********/

.guide_article .SUBHEAD_DEF_4,
.guide_article .SUBHEAD_RED_4,
.guide_article .SUBHEAD_GREEN_4,
.guide_article .SUBHEAD_BLUE_4{
	padding:6px 15px 10px;
	margin:0px 1px 8px;
	background-image:-moz-linear-gradient(top,#ffffff, #eeeeee);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eeeeee));
	background:linear-gradient(to bottom, #ffffff, #eeeeee);
	border:2px solid #ffffff;
}

.guide_article .SUBHEAD_DEF_4{
	box-shadow:0px 0px 0px 1px #444444, inset 0px -3px 0px 0px #444444;
}

.guide_article .SUBHEAD_RED_4{
	box-shadow:0px 0px 0px 1px #333333, inset 0px -3px 0px 0px #992222;
}

.guide_article .SUBHEAD_GREEN_4{
	box-shadow:0px 0px 0px 1px #333333, inset 0px -3px 0px 0px #006611;
}

.guide_article .SUBHEAD_BLUE_4{
	box-shadow:0px 0px 0px 1px #000000, inset 0px -3px 0px 0px #002299;
}


/********** OTHER **********/

.guide_article .SUBHEAD_CHINA{
	margin-left:2px;
	margin-right:2px;
	color:#ffffff;
	background:#eeeeee;
	background-image:-moz-linear-gradient(left,#e50000, #ff1111, #e50000);
	background-image:-webkit-gradient(linear,left top,right top,from(#d50000),to(#ff1111),to(#e50000));
	background:linear-gradient(to right, #e50000, #ff1111, #e50000);
	box-shadow:inset 0px 0px 0px 1px #ffffff, 0px 0px 0px 2px #f50000;
	border:2px solid #e6a81f;
}

.guide_article .SUBHEAD_BOYISH{
	margin-left:3px;
	margin-right:3px;
	padding:8px 0;
	color:#ffffff;
	background:#88aadd;
	box-shadow:0px 0px 0px 3px #88aadd;
	border:1px dashed #ffffff;
	border-radius:4px;
}

.guide_article .SUBHEAD_GIRLY{
	margin-left:3px;
	margin-right:3px;
	padding:8px 0;
	color:#ffffff;
	background:#ee88aa;
	box-shadow:0px 0px 0px 3px #ee88aa;
	border:1px dashed #ffffff;
	border-radius:4px;
}

.guide_article .SUBHEAD_METAL{
	color:#555555;
	text-shadow:1px 1px 1px #ffffff;
	background:#eeeeee;
	background-image:-moz-linear-gradient(left,#eeeeee,#f9f9f9, #eeeeee);
	background-image:-webkit-gradient(linear,left top,right top,from(#eeeeee),to(#f9f9f9),to(#eeeeee));
	background:linear-gradient(to right, #eeeeee, #f9f9f9, #eeeeee);
	box-shadow:inset 0px 3px 0px 0px #ffffff, inset 0px -3px 0px 0px #ffffff, 0px 1px 1px 0px #eeeeee, 0px -1px 1px 0px #eeeeee;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
}


/********** font-size **********/

.guide_article h2.CENTER,
.guide_article h4.CENTER{
	text-align:center;
}

.guide_article h2.SMALL,
.guide_article h4.SMALL{
	font-size:80%;
	line-height:150%;
}

.guide_article h2.LARGE,
.guide_article h4.LARGE{
	font-size:120%;
	line-height:150%;
}


/****************************** QR POPUP ******************************/

h2.emphasis{
	clear:both;
	margin:0 10px;
	border:none;
	padding-left:0;
	padding:2px 4px;
	border:1px solid #f0f0f0;
	background:#f0f0f0;
	font-size:100%;
}

h2.emphasis a:visited{
	color:#cc0000;
}

h2.emphasis a:hover{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	color:#ff0000;
}

h2.emphasis a{
	text-align:center;
	color:#cc0000;
	display:block;
	padding:7px 4px;
	line-height:120%;
	border-top:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#ffdd44;
}

h2.emphasis{
	position:relative;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
}


/******************** coloring ********************/

h2.emphasis{
	background:#f0f0f0;
	padding:4px 5px;
	position:relative;
	display:table;
	height:52px;
	width:500px;
	margin:0 auto;
}

h2.emphasis a{
	display:table-cell;
	border-radius:4px;
	border:none;
	text-decoration:none;
	line-height:130%;
	font-size:15px;
	text-align:center;
	padding:6px 60px 4px 75px;
	padding-right:45px;
	vertical-align:middle;
	border:none;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	height:40px;
	color:#cc0000 !important;
	background-image:-moz-linear-gradient(top,#ffde47,#f0c040);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffde47),to(#f0c040));
	background:linear-gradient(to bottom, #ffde47, #f0c040);
	text-shadow:1px 1px 0px #ffdd66;
}

h2.emphasis a:before{
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	left:5px;
	content:" ";
	width:56px;
	z-index:100;
	margin:6px auto 6px;
	background:url(/image/bg_button_emphasis_right.png) no-repeat left center;
	border-right:1px solid #ddbb33;
	box-shadow:1px 0px 0px #ffdd66;
}

h2.emphasis:hover a{
	border:none;
	border-left:2px solid #000000;
	border-top:2px solid #000000;
	color:#ffffff;
	text-decoration:underline;
}

h2.emphasis:hover a:before{
	top:2px;
	left:6px;
}


/********** ios **********/

h2.emphasis.iTunes a,
h2.emphasis.GooglePlay a{
	color:#ffffff !important;
}

h2.emphasis.iTunes a{
	background-image:-moz-linear-gradient(top,#9d9d9d,#747474);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#9d9d9d),to(#747474));
	background:linear-gradient(to bottom, #9d9d9d, #747474);
	text-shadow:-1px -1px 0px #666666;
}

h2.emphasis.iTunes a:before{
	background:url(/image/bg_button_emphasis_ios.png) no-repeat left center;
	border-right:1px solid #646464;
	box-shadow:1px 0px 0px #909090;
}


/********** android **********/

h2.emphasis.GooglePlay a{
	background-image:-moz-linear-gradient(top,#a4c306,#8ba600);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#a4c306),to(#8ba600));
	background:linear-gradient(to bottom, #a4c306, #8ba600);
	text-shadow:-1px -1px 0px #819406;
}

h2.emphasis.GooglePlay a:before{
	background:url(/image/bg_button_emphasis_android.png) no-repeat left center;
	border-right:1px solid #7a9200;
	box-shadow:1px 0px 0px #b0c933;
}


/******************** POPUP制御 ********************/

h2.emphasis .QRCODE_POPUP{
	display:none;
}

h2.emphasis:hover .QRCODE_POPUP{
	display:block;
	position:absolute;
	z-index:300;
	right:0;
	top:0px;
	left:auto;
	top:0;
	margin:auto;
	margin-top:-233px;
	background:#ffffff;
	box-shadow:0px 0px 5px 0px #000000;
	padding:10px;
	border-radius:10px;
	border:5px solid #000000;

	width:228px;
	height:228px;
}

h2.emphasis:hover .QRCODE_POPUP:before{
	top:100%;
	right:8px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(000, 000, 000, 0);
	border-top-color: #000000;
	border-width: 22px;
	margin-left: -22px;
}

h2.emphasis:hover .QRCODE_POPUP:after{
	top:100%;
	right:15px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}

h2.emphasis .QRCODE_POPUP img{
	width:228px;
	height:228px;
}


/********** QRアイコン **********/

h2.emphasis.QRCODE a,
h2.emphasis.MARKET a{
	padding:6px 55px 4px 75px;
}

h2.emphasis.QRCODE a:after,
h2.emphasis.MARKET a:after{
	background:url(/image/bg_button_emphasis_qr.png) no-repeat left center;
	position:absolute;
	top:-2px;
	bottom:0px;
	margin:auto;
	right:14px;
	content:" ";
	width:42px;
}

h2.emphasis.QRCODE:hover a:after,
h2.emphasis.MARKET:hover a:after{
	top:0px;
	right:13px;
}


/******************** AD ********************/

#APPENDLINK{
	margin:20px auto 0;
}

#APPENDLINK:empty{
	margin:0;
	display:none;
}

h2.emphasis.PICKUP,
#APPENDLINK .link{
	position:relative;
	display:table;
	width:500px;
	height:52px;
	margin:0 auto;
	padding:4px 5px;
	font-size:100%;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	border:1px solid #f0f0f0;
	background:#f0f0f0;
}

h2.emphasis.PICKUP a,
#APPENDLINK .link a{
	display:table-cell;
	position:relative;
	height:40px;
	width:378px;
	padding:6px 60px 6px 75px;

	font-size:16px;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffdd66;
	vertical-align:middle;

	border:none;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-radius:0px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;

	color:#cc0000 !important;

	background:#ffde47;
	background-image:url(/image/bg_button_emphasis_special.png), url(/image/bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), -moz-linear-gradient(top,#ffde47,#f0c040);
	background-image:url(/image/bg_button_emphasis_special.png), url(/image/bg_button_emphasis_special_l.png), url(/image/bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), -webkit-gradient(linear,left top,left bottom,from(#ffde47),to(#f0c040));
	background-image:url(/image/bg_button_emphasis_special.png), url(/image/bg_button_emphasis_special_l.png), url(/image/bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), linear-gradient(to bottom, #ffde47, #f0c040) ;
	background-position:left center, left bottom, right top, left bottom, right top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x, repeat-y;
}

h2.emphasis.PICKUP:hover a,
#APPENDLINK .link:hover a{
	text-decoration:underline;
	color:#ffffff;
	border:none;
	border-left:2px solid #000000;
	border-top:2px solid #000000;
}


/********** QR **********/

.PICKUP:hover .QRCODE_POPUP{
	margin-top:-235px;
}

h2.emphasis.QRCODE.PICKUP,
h2.emphasis.MARKET.PICKUP{
	overflow:visible;
}

h2.emphasis.QRCODE.PICKUP a,
h2.emphasis.MARKET.PICKUP a{
	padding:6px 60px 6px 75px;
}


/********** decoration **********/

h2.emphasis.PICKUP:before,
h2.emphasis.PICKUP a:after{
	content:none !important;
}

h2.emphasis.PICKUP a:before,
#APPENDLINK .link a:before{
	content:" ";
	z-index:100;
	position:absolute;
	top:0px;
	left:0px;
	width:56px;
	height:100%;
	min-height:50px;
	margin:0;
	background:transparent;
	border:none;
	border-right: 1px solid #ddbb33;
	box-shadow: 1px 0px 0px #ffdd66;
}

h2.emphasis.PICKUP:hover a:before,
#APPENDLINK .link:hover a:before{
	top:0px;
	left:0px;
}

h2.emphasis.QRCODE.PICKUP:after,
h2.emphasis.MARKET.PICKUP:after{
	content:" ";
	position:absolute;
	top:-6px;
	bottom:0px;
	right:14px;
	width:42px;
	margin:auto;
	background: url(/image/bg_button_emphasis_qr.png) no-repeat left center;
}

h2.emphasis.QRCODE.PICKUP:hover:after,
h2.emphasis.MARKET.PICKUP:hover:after{
	top:-3px;
	bottom:0px;
	right:12px;
}


/******************** popup ********************/

.popup_container{
	display:inline-block;
	position:relative;
}

.popup_container .word{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',Arial,'meiryo';
	color:#d60;
	cursor:default;
	border-bottom:1px dotted #d60;
}

.popup_container:hover .word{
	color:#f00;
}

.popup_container .popup{
	box-sizing:border-box;
	min-width:200px;
	min-height:50px;
	display:none;
}

.popup_container:hover .popup{
	z-index:100;
	display:block;
	position:absolute;
	right:-1em;
	top:0.7em;
	padding-top:15px;
}

.popup_container .REFERENCE_INNER,
.popup_container .LOADING,
.popup_container .ERROR{
	position:relative;
	padding:15px;
	background:#efeff3;
	border-radius:8px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.6), inset 0px 0px 0px 1px #fff;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.6);
}


/***** arrow *****/

.popup_container .REFERENCE_INNER,
.popup_container .LOADING,
.popup_container .ERROR{
	border: 4px solid #ccd;
}

.popup_container .REFERENCE_INNER:before,
.popup_container .LOADING:before,
.popup_container .ERROR:before,
.popup_container .REFERENCE_INNER:after,
.popup_container .LOADING:after,
.popup_container .ERROR:after{
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popup_container .REFERENCE_INNER:before,
.popup_container .LOADING:before,
.popup_container .ERROR:before{
	top: -29px;
	right: 12px;
	border-color:transparent;
	border-bottom-color: #ccd;
	border-width: 14px;
	margin-left: -14px;
}

.popup_container .REFERENCE_INNER:after,
.popup_container .LOADING:after,
.popup_container .ERROR:after{
	top: -23px;
	right: 13px;
	border-color:transparent;
	border-bottom-color: #efeff3;
	border-width: 13px;
	margin-left: -13px;
}


/****************************** 160127 SAMPLE ******************************/

div.SAMPLEQUOTE,
pre.SAMPLEQUOTE{
	padding:15px;
	margin:0px 15px 1.9em;
	background:#f3f5f9;
	position:relative;
	height:100%;
}

pre.SAMPLEQUOTE{
	overflow:hidden;
}

div.SAMPLEQUOTE pre{
	box-sizing:border-box;
	margin:0 auto;
	font-size:82%;
	line-height:100%;
	font-family:"ＭＳ ゴシック","Osaka-Mono","monospace";
//	word-wrap:break-word;
	word-break:keep-all;
	white-space:pre;
	overflow-x:auto;
}

div.SAMPLEQUOTE{
	height:auto;
}


div.SAMPLEQUOTE:before,
div.SAMPLEQUOTE:after,
pre.SAMPLEQUOTE:before,
pre.SAMPLEQUOTE:after{
	content:" ";
	position:absolute;
	display:block;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

div.SAMPLEQUOTE:before,
pre.SAMPLEQUOTE:before{
	z-index:10;
	right:5px;
	bottom:5px;
	height:0;
	width:0;
	background:transparent;
	border:solid transparent;
	border-color:transparent;
	border-bottom-color:#808399;
	border-width:13px;
	margin-left:-13px;
}

div.SAMPLEQUOTE:after,
pre.SAMPLEQUOTE:after{
	width:26px;
	height:14px;
	right:-9px;
	bottom:-4px;
	background:#fff;
}


/********** design sample **********/

.designA pre.SAMPLEQUOTE:before,
.designA pre.SAMPLEQUOTE:before,
.designA pre.SAMPLEQUOTE:before,
.designA pre.SAMPLEQUOTE:before{
	right:4px;
	bottom:4px;
}

.designA pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px solid #808399;
	overflow:visible;
}

.designB pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px solid #d6d7dc;
	overflow:visible;
}

.designC pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px dotted #808399;
	overflow:visible;
}

.designD pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px solid #f3f5f9;
	overflow:visible;
}


/**************************************** 17/01/18 html5 video ****************************************/

.html5_video{
	position:relative;
	margin:20px auto;
	margin:0 auto;
	overflow:hidden;
}

.html5_video.full,
.html5_video.full video{
	width:100% !important;
	height:100% !important;
}

.html5_video video{
	cursor:pointer;
	display:block;
	background:#000;
}


/******************** controls ********************/

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-justify-content:center;
	justify-content:center;

	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:32px;
	background:#f9f9f9;
	box-shadow:inset 0px 0px 0px 1px #ddd;

	-webkit-transition:transform .3s ease-out .1s;
	-webkit-transform: translate3d(0px,32px,0px);
	transition:transform .3s ease-out .1s;
	transform: translate3d(0px,32px,0px);
}

.html5_video:hover .SIMPLE_HTML5VIDEO_CONTROLS{
	-webkit-transition:transform .3s ease 0s;
	-webkit-transform: translate3d(0px,0px,0px);
	transition:transform .3s ease 0s;
	transform: translate3d(0px,0px,0px);
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div{
	cursor:pointer;
	width:24px;
	height:24px;
	padding:4px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS img{
	width:24px;
	height:24px;
}


/********** position **********/

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.play{
	-webkit-order:1;
	order:1;
	background:url(/image/google_icons/ic_play_arrow_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.stop{
	-webkit-order:2;
	order:2;
	background:url(/image/google_icons/ic_pause_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.skip{
	-webkit-order:3;
	order:3;
	background:url(/image/google_icons/ic_skip_previous_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.time{
	-webkit-order:4;
	order:4;
	cursor:auto;
	width:100px;
	line-height:24px;
	font-size:10px;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	text-align:center;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.seekbar{
	position:relative;
	-webkit-order:5;
	order:5;
	-webkit-flex-grow:1;
	flex-grow:1;

	width:auto;
	height:8px;
	padding:0;
	margin:12px 12px 0;
	background:#eee;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.seekbar span{
	display:block;
	width:100%;
	height:8px;
	background:#f00;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.sound{
	-webkit-order:6;
	order:6;
	background:url(/image/google_icons/ic_volume_up_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.sound.mute{
	background:url(/image/google_icons/ic_volume_off_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.fullscreen{
	-webkit-order:7;
	order:7;
	background:url(/image/google_icons/ic_fullscreen_black_48dp.png) no-repeat center center /24px 24px;
}


/****************************** COMMON_OVERLAY_GRAY ******************************/

#COMMON_OVERLAY{
	display:none;
	position:fixed;
	z-index:9999;
	top:7.5%;
	left:5%;
	width:90%;
	height:85%;
	font-size:100%;
	background-color:#fff;
	border-radius:20px;
}

#COMMON_OVERLAY_GRAY{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:9998;
}

#COMMON_OVERLAY_GRAY.CLOSE,
#COMMON_OVERLAY.CLOSE{
	display:none !important;
}
#COMMON_OVERLAY_GRAY.OPEN,
#COMMON_OVERLAY.OPEN{
	display:block !important;
}

#COMMON_OVERLAY .ERROR{
	color:#f00;
	margin:20px;
}


/********** HEADER **********/

#COMMON_OVERLAY .HEADER{
	position:relative;
	padding:10px;
	background:#33c;
	color:#ffffff;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	font-weight:bold;
	text-align:center;
}


/********** CONTAINER **********/

#COMMON_OVERLAY .OVERLAY_CONTAINER{
	display:flex;
	flex-direction:column;
	height:100%;
}

#COMMON_OVERLAY .CONTAINER{
	width:100%;
	height:100%;
	overflow-y:scroll;
}

#COMMON_OVERLAY .CONTENTS{
	padding:20px;
	text-align:left;
}


/********** COMMAND **********/

#COMMON_OVERLAY .COMMAND{
	width:90%;
	padding:10px;
	margin:10px auto;
	text-align:center;
	border:1px dotted;
	background-color:#ffffee;
	border-radius:10px;
}

#COMMON_OVERLAY .COMMAND:empty{
	display:none;
}

#COMMON_OVERLAY .COMMAND .action{
	display: flex;
}

#COMMON_OVERLAY .COMMAND .group{
	margin-left:10px;
	margin-right:10px;
}


/********** FOOTER **********/

#COMMON_OVERLAY .FOOTER{
	padding:10px;
	color:#ffffff;
	background-color:#aaaaaa;
}

#COMMON_OVERLAY .FIXED_FOOTER{
	position:static;
	padding:10px;
	font-size:80%;
	line-height:100%;
	background-color:#333;
	color:#ffffff;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}

#COMMON_OVERLAY .FIXED_FOOTER:empty{
	display:none;
}


/****************************** V2_elapse ******************************/

.V2_elapse_container{
	display:none !important;
}




/*==============================================================================================================
/import news_print.css
/==============================================================================================================*/

/**************************************** 印刷用CSS ****************************************/

@media print {

body{
	background:none;
}

}