/* -------------------------------- 

page preset module

-------------------------------- */
body {
	position:relative;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#fff;
	background:none;
}
body,
html {
	/* important */
	height:100%;
}
/*-- returnTop anchor --*/

.returnTop {
	/*margin-bottom:25px;*/
	font-size:15px;
	font-weight:bold;
	text-align:right;
}
.interview .returnTop {
	margin-bottom:0;
	padding-bottom:0;
}
.returnTop a:link {
	color:#fff;
}
.returnTop a:visited {
	color:#fff;
}
/* -------------------------------- 

container module

-------------------------------- */

/* ----------------
z-index
---------------- */

#scrollNav {
	z-index:99;
}
.page,#title,.contentArea,#footerArea {
	z-index:3;
}
#videoContainer {
	z-index:0;
}

/* -------------------------------- 

main component 

-------------------------------- */

/* ----------------
myjcom header
---------------- */

.page {
	position:relative;
	min-height:86px;
	_height:100%;
	font-size:83%;
	line-height:1.5;
	color:#333333;
	text-align:center;
	background:url(//cc-www.myjcom.jp/common/images3/bg-body.gif) repeat-x scroll 0 -22px;
	overflow:hidden;
}
.page img {
	line-height:1;
}
.page hr {
	display:none;
}
.page strong {
	font-weight:bold;
}
.page sub {
	vertical-align:bottom;
}
.page sup {
	vertical-align:top;
}
.page ins {
	text-decoration:none;
}
#headerArea {
	top:0;
	left:0;
	height:86px;
}
/* ----------------
scroll navigation
---------------- */

#scrollNav {
	/* total height 63px */
	/*overflow:hidden;*/
	position:absolute;
	bottom:0;
	width:100%;
	height:61px;
	line-height:61px;
	border-top:1px solid #ddd;
	background:url(/special/column/nagasawa/img/bg_scrollNav.jpg) repeat-x 0 0;
}
#scrollNav::after {
	/* clearfix */
	content:'';
	display:table;
	clear:both;
}
#scrollNav:after {
	content:'';
	display:table;
	clear:both;
}
#scrollNav.isFixed {
	position:fixed;
	top:0;
}
#scrollNav ul#gNav {
	width:958px;
	height:61px;
	margin:0 auto;
	text-align:center;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#scrollNav li {
	float:left;
}
#scrollNav li a,
#scrollNav li a:hover {
	overflow:hidden;
	height:61px;
	text-decoration:none;
	border-right:1px solid #ddd;
}
#scrollNav li.gnavFirst {
	width:158px;
}
#scrollNav li.gnavSecond {
	width:160px;
}
#scrollNav li.gnavThird {
	width:158px;
}
#scrollNav li.gnavFourth {
	width:480px;
	border:none;
}
#scrollNav li a {
	display:block;
	color:#333;
}
#scrollNav li.gnavFourth ul.snsGroup {
	width:480px;
	height:61px;
	border:none;
}
#scrollNav li.gnavFourth ul.snsGroup::after {
	/* clearfix */
	content:'';
	display:table;
	clear:both;
}
#scrollNav li.gnavFourth ul.snsGroup li a,
#scrollNav li.gnavFourth ul.snsGroup li a:hover {
	border:none;
}
#scrollNav li.gnavFourth ul.snsGroup li.zaqbutton {
	height:33px;
	width:160px;
	margin-left:43px;
	margin-top:-3px;
}
/*#scrollNav li.gnavFourth ul.snsGroup li.zaqbutton #socp-action-buttons {
	width:160px;
}*/
#scrollNav li.gnavFourth ul.snsGroup li.facebook,
#scrollNav li.gnavFourth ul.snsGroup li.twitter {
  margin-top:8px;
  margin-left:18px;
}
#scrollNav li.gnavFourth ul.snsGroup li.facebook,
#scrollNav li.gnavFourth ul.snsGroup li.facebook .fb-like,
#scrollNav li.gnavFourth ul.snsGroup li.facebook .fb_iframe_widget {
  height:23px !important;
  position:relative;
}
.fb_iframe_widget span {
	display:block !important;
}
#scrollNav li.gnavFourth ul.snsGroup li.twitter {
	width:130px;
	margin-top:5px;
}
#scrollNav li.gnavFourth ul.snsGroup li.hana_alice {
	margin-top:6px;
	margin-left:12px;
	border-right:none;
}

#interviewSns {
  /*overflow:hidden;
  margin-bottom:20px;*/
}
#interviewSns li {
  float:left;
  margin-left:15px;
}
#interviewSns li:first-child {
  margin-left:0;
  margin-bottom:3px;
}
#interviewSns li.facebook {
  padding-top:7px;
  position:relative;
}
#interviewSns li.twitter {
  padding-top:8px;
}
/* ----------------
video content
---------------- */

#videoContainer {
	position:fixed;
	top:0;
	left:0;
	height:100%;
}
/* ----------------
content wrapper
---------------- */

.contentArea {
	position:relative;
	width:100%;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
	box-shadow:0 0 50px rgba(0, 0, 0, 0.5);
}
.contentInner {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:50px 0;
}
#title {
	position:absolute;
	bottom:90px;
	left:50%;
	margin-left:-360px;
}
#title img {
	width:720px;
}
.returnTop {
	/*margin-bottom:25px;*/
	font-size:15px;
	font-weight:bold;
	text-align:right;
}
.interview .returnTop {
	margin-bottom:0;
	padding-bottom:0;
}
.returnTop a:link {
	color:#fff !important;
}
.returnTop a:visited {
	color:#fff !important;
}
/* ----------------
intro
---------------- */

.contentArea.intro p {
	width:700px;
	margin:0 auto;
	padding:35px 20px;
	font-size:18px;
	/*font-weight:bold;*/
	line-height:1.6;
	color:#370000;
	border-top:2px solid #d5475b;
	border-bottom:2px solid #d5475b;
}
.contentArea.intro p.first {
	border-bottom:none;
}
/* ----------------
interview
---------------- */

.contentArea.interview {
	color:#03414b;
}
.contentArea.interview .contentInner {
	width:90%;
	max-width:768px;
	margin:0 auto;
}
.contentArea.interview .preface {
	margin-bottom:50px;
	padding:20px;
	/*font-size:0.9em;*/
	line-height:1.6;
	border-top:1px solid #03414b;
	border-bottom:1px solid #03414b;
}
.contentArea.interview h3 {
	margin-bottom:1.3em;
	font-size:1.7em;
	font-weight:bold;
	line-height:1.5;
}
.contentArea.interview p {
	margin-bottom:1.6em;
	line-height:1.6;
}
.contentArea.interview p:last-child {
	margin-bottom:0;
}
.contentArea.interview p.interviewer {
	font-weight:bold;
	margin-bottom:2.5em;
}
.contentArea.interview p.actress {
	margin-left:3em;
	text-indent:-3em;
}
.contentArea.interview p.actress span {
	font-weight:bold;
	padding-right:1em;
}
.contentArea.interview p.credit {
	font-size:0.6em;
	text-align:right;
}
.contentArea.interview p.credit span {
	font-size:1.3em;
	text-align:right;
}
/* ----------------
	recommend
---------------- */

.contentArea.recommend {
	color:#624e0d;
}
.contentArea.recommend a:link,
.contentArea.recommend a:visited {
	color:#cd0065;
}
.contentArea.recommend .obiWrapper {
	position:relative;
	width:960px;
	margin:0 auto;
}
.contentArea.recommend h3 {
	position:absolute;
	top:0;
	left:0;
	margin-top:-10px;
}
.contentArea .recommendBox {
	overflow:hidden;
	margin-bottom:30px;
}
.contentArea .recommendBox h4 {
	margin:4px 0 8px;
	font-size:0.8em;
	text-align:center;
}
.contentArea .recommendBox .programTtl {
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}
.contentArea .recommendBox .programCap {
	margin-bottom:1.2em;
	font-size:0.9em;
	text-align:center;
}
.contentArea .recommendBox .programIntro {
	float:left;
	width:585px;
}
.contentArea .recommendBox .programIntro h5 {
	margin-bottom:1em;
	padding:8px 0 8px 8px;
	font-size:1.1em;
	font-weight:bold;
	border-left:4px solid #624e0d;
}
.contentArea .recommendBox .programIntro p {
	font-size:0.9em;
	line-height:1.6;
}
.contentArea .recommendBox .programIntro p.border {
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px dotted #333;
}
.contentArea .recommendBox .visual {
	float:right;
	width:355px;
	text-align:right;
}
.contentArea .recommendBox .visual .copyright {
	margin-top:4px;
	font-size:10px;
}
/* ----------------
perform
---------------- */

.contentArea.perform {
	color:#374506;
}
.contentArea.perform a:link,
.contentArea.perform a:visited {
	color:#fac524;
}
.contentArea.perform .obiWrapper {
	position:relative;
	width:960px;
	margin:0 auto;
}
.contentArea.perform h3 {
	position:absolute;
	top:0;
	left:0;
	margin-top:-10px;
}
.contentArea.perform .contentInner {
	overflow:hidden;
	padding-left:80px;
}
.contentArea.perform .contWrap {
	overflow:hidden;
	margin-bottom:20px;
}
.contentArea.perform .visual {
	float:left;
	width:330px;
	margin-left:45px;
}
.contentArea.perform .visual .copyright {
	margin-top:4px;
	font-size:10px;
}
.contentArea.perform .contents {
	float:left;
	width:500px;
	margin-left:30px;
	color:#ffecb1;
	border-bottom:1px solid #ffecb1;
}
.contentArea.perform h4 {
	margin-bottom:1em;
	padding:1em 0.5em;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #ffecb1;
	border-bottom:1px dotted #ffecb1;
}
.contentArea.perform .contLeft {
	float:left;
	width:240px;
	font-size:0.8em;
	line-height:1.5;
}
.contentArea.perform .contLeft p {
	text-align:center;
}
.contentArea.perform .contLeft p.channel {
	margin-top:0.5em;
	padding:1.2em 0.8em;
	border-top:1px dotted #ffecb1;
}
.contentArea.perform .contRight {
	float:right;
	width:245px;
	font-size:0.9em;
	line-height:1.6;
}
/*-----*/

.contentArea.recommend_green .recommendBox {
	color:#FFECB1;
}
.contentArea.recommend_green .recommendBox a:link,
.contentArea.recommend_green .recommendBox a:visited {
	color:#fac524;
}
.contentArea.recommend_green .recommendBox h5 {
	margin-bottom:1em;
	padding:8px 0 8px 8px;
	font-size:1.1em;
	font-weight:bold;
	border-left:4px solid #FFECB1;
}
.contentArea .recommendBox .programIntro p.border {
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px dotted #FFECB1;
}
/* ----------------
bg-color preset
---------------- */

.bgPink {
	background-color:#FF8294;
}
.bgBlue {
	background-color:#37bbd0;
}
.bgYellow {
	background-color:#eaba19;
}
.bgGreen {
	background-color:#92a54f;
}
/* ----------------
myjcom footer
---------------- */

#footerArea {
	width:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.interviewFooter {
	padding-top:20px;
}
.interviewFooter a:link {
	color:#0066CC;
	text-decoration:none;
}
.interviewFooter a:visited {
	color:#9966CC;
	text-decoration:none;
	;
}
.footerNav {
	width:960px;
	margin:0 auto;
	font-size:14px;
	line-height:1.6;
}
/* ----------------
ai hana_alice
background image
---------------- */

/* ----------------
 z-index
---------------- */

/*.cd-main-content{z-index:1;}*/

/*embed,
.hana_aliceMovie,
#player_uid_689192648_1,
#player{z-index:0;}*/

.cd-fixed-bg {
	z-index:1;
}
#videoContainer {
	z-index:0;
}
.contentArea,
.contentInner {
	z-index:5;
}
#scrollNav {
	z-index:999;
}
.nameImage {
	z-index:9;
}