@charset "EUC-JP";

@import "/r_css/imports.css";

/*----------------------------------------------------------------
	#cpnHeader
	#cpnNave
	#cpnBox
	div.cpnCon
	p.copyRight
	.clearBox:after
	.color
	ul.snsWidget
	#tinymask & div#tinybox
----------------------------------------------------------------*/

div#contentsCenter {
	position: relative;
}


/* #cpnHeader
========================================== */
div#cpnHeader {
	position: relative;
	width: 950px;
	height: 224px;
	margin-bottom: 10px;
}

div#cpnHeader h1 {
	width: 950px;
	height: 245px;
}

div#cpnHeader img#headerMark {
	position: absolute;
	right: -34px;
	top: -600px;
	/* top: -34px; */
	width: 110px;
	height: 112px;
	z-index: 9997;
	cursor: pointer;
}
div#cpnHeader p#campaignPeriod{
	position: absolute;
	bottom: 15px;
	left: 250px;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow:1px 1px 0px #888;
	width: 415px;
	text-align: center;
}

/*Chrome Safari Hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#cpnHeader p#campaignPeriod {
	font-size: 90%;
}
}


/* #cpnNave
========================================== */
div#contentsCenter div.cpnEntry{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}


/* #cpnNave
========================================== */
div#cpnNave {
	width: 950px;
	margin-bottom: 10px;
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	z-index: 9996;
}

div#cpnNave p.naviTitle {
	background: #555 url(/campaign/st_cpn_new/img/common/slash.png);
	float: left;
	width: 150px;
	padding: 1px;
	margin-bottom: 1px;
	display: table;
	vertical-align: middle;
	text-align: center;

	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
}

div#cpnNave p.naviTitle span{
	display: table-cell;
	vertical-align: middle;
	border: solid 1px #FFF;
	color: #FFF;
	font-size: 16px;
	font-weight: 900;
	text-shadow:1px 1px 0px #444;

	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
}

/* height adjuster */
div#cpnNave.lineHeight-1 p.naviTitle.title01 { height: 55px;}
div#cpnNave.lineHeight-2 p.naviTitle.title01 { height: 75px;}
div#cpnNave.lineHeight-3 p.naviTitle.title01 { height: 93px;}

/* div#cpnNave p.naviTitle.title02 {
	height: 30px;	
} */

div#cpnNave ul.naviBox {
	padding: 5px 6px 5px 15px ;
	float: left;
	width: 777px;
	background-color: #efefef;
	margin-bottom: 1px;
}

div#cpnNave ul {}

div#cpnNave ul.naviBox.navi01 { height: 18px;}

/* height adjuster */
div#cpnNave.lineHeight-1 ul.naviBox.navi02 { height: 18px;}
div#cpnNave.lineHeight-2 ul.naviBox.navi02 { height: 38px;}
div#cpnNave.lineHeight-3 ul.naviBox.navi02 { height: 56px;}

div#cpnNave li {
	/* float: left; */
	display: inline;
	margin-right: 20px;
}

div#cpnNave li a span{
	font-weight: 900;
}


/* #cpnBox
========================================== */
div#cpnBox {
	width: 950px;
	margin-bottom: 10px;
}

div#cpnBar {
	clear: both;
	padding: 1px;
	width: 948px;
	background-color: #ddd;
	text-align: center;
	margin-bottom: 5px;
}

div#cpnBar h2 {
	padding: 4px 10px;
	width: 926px;
	border: solid 1px #FFF;
	color: #FFF;
	font-size: 18px;
	font-weight: 900;
	text-shadow:1px 1px 0px #666;
	background-image: url(/campaign/st_cpn_new/img/common/slash.png);
}

div#cpnRegularBar {
	clear: both;
	padding: 1px;
	width: 948px;
	background-color: #ddd;
	text-align: center;
	margin-bottom: 5px;
}

div#cpnRegularBar h2 {
	padding: 4px 10px;
	width: 926px;
	border: solid 1px #FFF;
	color: #FFF;
	font-size: 18px;
	font-weight: 900;
	text-shadow:1px 1px 0px #666;
	background-image: url(/campaign/st_cpn_new/img/common/slash.png);
}


/* div.cpnCon
========================================== */
div.cpnCon {
	border: 1px solid #EDEDED;
	float: left;
	margin: 0 1px 6px 0;
	padding: 5px;
	width: 177px;
	height: 303px;
	text-align: center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	position: relative;
	background-color: #FFF;
}

div#cpnRegularBox {
	background: #feff99 url(/campaign/st_cpn_new/img/common/slash.png);
}

div#cpnRegularBox div.cpnCon {
	background-color: #fffaee;
	height: 260px;
}

div.cpnCon p.genreName {
	background-color: gray;
	background-image: url(/campaign/st_cpn_new/img/common/slash.png);
	color: #FFF;
	font-size: 12px;
	padding: 3px 0;
	margin-bottom: 5px;
	text-shadow:1px 1px 0px #666;
	font-weight: bold;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

div.cpnCon h3{
	height: 40px;
	text-align: left;
	width: 170px;
	margin: 0 auto;
}

div.cpnCon h3 a{
	font-size: 13px !important;
	line-height: 17px;
}

div.cpnCon div.markArea {
	height: 13px;
	margin-bottom: 4px;
}

div.cpnCon div.mainImg {}

div.cpnCon div.mainImg img {
	border: solid 1px #ddd;
	width: 160px;
	height: 117px;
	padding: 1px;
	margin-bottom: 3px;
}

/* div.cpnCon p.cpnDate-old{
	font-size: 10px;
	padding: 5px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin-bottom: 3px;
} */

div.cpnCon p.catchTxt {
	font-size: 13px;
	line-height: 17px;
	width: 170px;
	margin: 0 auto;
	height: 39px;
	text-align: left;
	/* font-weight: bold; */
}

div.cpnCon p.summary {
	display: none;
	text-align: left;
	position: absolute;
	/* bottom: 63px; */
	/* bottom: -85px; */
	top: 300px;
	left: -37px;
	z-index: 100;
	width: 240px;
	background-color: #FFF;
	background-image: url(/campaign/st_cpn_new/img/common/slash.png);
	font-size: 14px;
	line-height: 19px;
	color: #666;
	text-shadow:1px 1px 0px #FFF,-1px -1px 0px #FFF,0px 0px 1px #FFF;
	/* font-weight: 900; */
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #ddd;
}

div.cpnCon p.summary span.cpnDate{
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #bbb;
	border-left: 3px solid #bbb;
	padding-left: 7px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

div.cpnCon p.summary small{
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FF0000;
}

div.cpnCon p.goToPage {
	float: left;
	/* font-weight: bold; */
	font-size: 12px;
	line-height: 16px;
	padding: 2px 0;
	width: 88px;
	/* 
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	*/
}

div.cpnCon p.viewDetail {
	float: right;
	/* font-weight: bold; */
	font-size: 12px;
	line-height: 16px;
	padding: 2px 0;
	width: 88px;
	/* 
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	*/
}

div#cpnRegularBox div.cpnCon p.goToPage {
	float: none;
	margin: 0 auto;
}

div.cpnCon p.goToPage span,
div.cpnCon p.viewDetail span{
	display: block;
	color: #0055CC;
	cursor: pointer;
}


/* p.copyRight
-------------------------------------------------------------- */
p.copyRight {
	font-size: 10px;
	color: #aaa;
	margin: 40px 0 30px;
}


/* .clearBox:after
-------------------------------------------------------------- */
.clearBox:after {
	/* overflow: hidden; */
	content: "";
	clear: both;
	display: block;
}


/* .color
========================================== */
/* background-color */
div#cpnBar.allCon { background-color: #ea6868;}

div#cpnBar.specialCon,
div#cpnRegularBar.specialCon,
div.cpnCon.specialCon p.genreName {
	background-color: #ea6868;
}

/* вз for /special/free/member/ */
div#cpnBar.recommendCon,
div#cpnRegularBar.recommendCon,
div.cpnCon.recommendCon p.genreName {
	background-color: #ea6868;
}
/* ве for /special/free/member/ */

div#cpnBar.cinemaCon,
div#cpnRegularBar.cinemaCon,
div.cpnCon.cinemaCon p.genreName {
	background-color: #6e66cd;
}

div#cpnBar.vcinemaCon,
div#cpnRegularBar.vcinemaCon,
div.cpnCon.vcinemaCon p.genreName {
	background-color:#408d8d;
}

div#cpnBar.dramaCon,
div#cpnRegularBar.dramaCon,
div.cpnCon.dramaCon p.genreName {
	background-color:#c366cc;
}

div#cpnBar.taiwandramaCon,
div#cpnRegularBar.taiwandramaCon,
div.cpnCon.taiwandramaCon p.genreName {
	background-color:#f26d6d;
}

div#cpnBar.tvCon,
div#cpnRegularBar.tvCon,
div.cpnCon.tvCon p.genreName {
	background-color:#3d8c15;
}

div#cpnBar.takarazukaCon,
div#cpnRegularBar.takarazukaCon,
div.cpnCon.takarazukaCon p.genreName {
	background-color:#e65d68;
}

div#cpnBar.koreaCon,
div#cpnRegularBar.koreaCon,
div.cpnCon.koreaCon p.genreName {
	background-color:#bf7139;
}

div#cpnBar.harlequinCon,
div#cpnRegularBar.harlequinCon,
div.cpnCon.harlequinCon p.genreName {
	background-color:#7062b3;
}

div#cpnBar.musicCon,
div#cpnRegularBar.musicCon,
div.cpnCon.musicCon p.genreName {
	background-color:#98841e;
}

div#cpnBar.relaxCon,
div#cpnRegularBar.relaxCon,
div.cpnCon.relaxCon p.genreName {
	background-color:#83a619;
}

div#cpnBar.animationCon,
div#cpnRegularBar.animationCon,
div.cpnCon.animationCon p.genreName {
	background-color:#29a2cc;
}

div#cpnBar.varietyCon,
div#cpnRegularBar.varietyCon,
div.cpnCon.varietyCon p.genreName {
	background-color:#d96c36;
}

div#cpnBar.sportsCon,
div#cpnRegularBar.sportsCon,
div.cpnCon.sportsCon p.genreName {
	background-color:#4874cd;
}

div#cpnBar.gameCon,
div#cpnRegularBar.gameCon,
div.cpnCon.gameCon p.genreName {
	background-color:#e6ac00;
}

div#cpnBar.idolCon,
div#cpnRegularBar.idolCon,
div.cpnCon.idolCon p.genreName {
	background-color:#cc5c65;
}

div#cpnBar.downloadCon,
div#cpnRegularBar.downloadCon,
div.cpnCon.downloadCon p.genreName {
	background-color:#bf868b;
}

div#cpnBar.r18cinemaCon,
div#cpnRegularBar.r18cinemaCon,
div.cpnCon.r18cinemaCon p.genreName {
	background-color:#8c4d7c;
}

div#cpnBar.r18gameCon,
div#cpnRegularBar.r18gameCon,
div.cpnCon.r18gameCon p.genreName {
	background-color:#F060DF;
}

div#cpnBar.advancedCon,
div#cpnRegularBar.advancedCon,
div.cpnCon.advancedCon p.genreName {
	background-color:#f255a4;
}

div#cpnBar.pachinko_pachislotCon,
div#cpnRegularBar.pachinko_pachislotCon,
div.cpnCon.pachinko_pachislotCon p.genreName {
	background-color:#cb7800;
}

div#cpnBar.comicCon,
div#cpnRegularBar.comicCon,
div.cpnCon.comicCon p.genreName {
	background-color:#1677d8;
}

div#cpnBar.livechatCon,
div#cpnRegularBar.livechatCon,
div.cpnCon.livechatCon p.genreName {
	background-color:#e0c122;
}

div#cpnBar.documentaryCon,
div#cpnRegularBar.documentaryCon,
div.cpnCon.documentaryCon p.genreName {
	background-color:#BF891D;
}

div#cpnBar.life_cultureCon,
div#cpnRegularBar.life_cultureCon,
div.cpnCon.life_cultureCon p.genreName {
	background-color:#adcc52;
}

div#cpnBar.mahjongCon,
div#cpnRegularBar.mahjongCon,
div.cpnCon.mahjongCon p.genreName {
	background-color:#007300;
}

/* txt */
div.cpnCon p.catchTxt { color: #555;}
/*div.cpnCon.specialCon p.catchTxt { color: #ea6868;}
div.cpnCon.cinemaCon p.catchTxt { color: #6e66cd;}
div.cpnCon.vcinemaCon p.catchTxt { color:#408d8d;}
div.cpnCon.dramaCon p.catchTxt { color:#c366cc;}
div.cpnCon.tvCon p.catchTxt { color:#3d8c15;}
div.cpnCon.takarazukaCon p.catchTxt { color:#e65d68;}
div.cpnCon.koreaCon p.catchTxt { color:#bf7139;}
div.cpnCon.harlequinCon p.catchTxt { color:#7062b3;}
div.cpnCon.musicCon p.catchTxt { color:#98841e;}
div.cpnCon.relaxCon p.catchTxt { color:#83a619;}
div.cpnCon.animationCon p.catchTxt { color:#29a2cc;}
div.cpnCon.varietyCon p.catchTxt { color:#d96c36;}
div.cpnCon.sportsCon p.catchTxt { color:#4874cd;}
div.cpnCon.gameCon p.catchTxt { color:#e6ac00;}
div.cpnCon.idolCon p.catchTxt { color:#cc5c65;}
div.cpnCon.downloadCon p.catchTxt { color:#bf868b;}
div.cpnCon.r18cinemaCon p.catchTxt { color:#8c4d7c;}
div.cpnCon.r18gameCon p.catchTxt { color:#F060DF;}
div.cpnCon.advancedCon p.catchTxt { color:#f255a4;}
div.cpnCon.pachinko_pachislotCon p.catchTxt { color:#cb7800;}
div.cpnCon.comicCon p.catchTxt { color:#1677d8;}
div.cpnCon.livechatCon p.catchTxt { color:#e0c122;}*/

/* ul.snsWidget
========================================== */
ul.snsWidget {
	position: relative;
}

ul.snsWidget li{
	display: inline;
	position: absolute;
	top: 5px;
}

ul.snsWidget li#mixi{ right: 208px;}
ul.snsWidget li#tweet{ right: 115px;}
ul.snsWidget li#fb{ right: 8px;}


/* #tinymask & div#tinybox
========================================== */
div#tinymask{ z-index: 9998;}
div#tinybox{ z-index: 9999;}