@charset "utf-8";

/*======================================
category:special 
----------------------------------------
description:override layout.css and elements
edit: 2012/09/24
lastupdate:
======================================*/

html, body {
	height: 100%;
}
body{
	margin: 0;
	min-width: 960px;
	padding: 0;
	
	color: #222;
	font-size: 12px;
	line-height: 150%;
	
	background: url(../image/special/bg_special.gif) no-repeat top center fixed;
}

.specialBanner {
	width: 660px;
	height: 60px;
	margin: 0 auto 8px auto;
}
.specialBanner a {
	display: block;
	width: 660px;
	height: 60px;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../image/special/special_banner_bluray.png) no-repeat;
}
.specialBanner a:hover {
	background-position: -660px 0;
}

/*======================================
special
======================================*/
#special{
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}


#special .contents h2 {
	width: 660px;
	height: 30px;
	margin: 59px auto 46px auto;
	padding: 0;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../image/special/h2.png) no-repeat;
}

.specialAreaTop {
	width: 660px;
	height: 14px;
	margin: 0;
	padding: 0;
	
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	background: url(../image/special/bg_blogarea_top.png) no-repeat;
}
.specialArea {
	width: 634px;
	min-height: 480px;
	margin: 0;
	padding: 0 13px 13px 13px;
	background: url(../image/special/bg_blogarea.png) repeat-y;
}
.specialAreaBottom {
	clear: both;
	width: 660px;
	height: 8px;
	margin: 0 0 85px 0;
	padding: 0;
	
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	background: url(../image/special/bg_blogarea_bottom.png) no-repeat;
}

.specialTitleArea {
	width: 632px;
	height: 34px;
	padding: 0;
	margin: 0 0 2em 0;
	background: url(../image/special/bg_blog_title.png) no-repeat;
}
.specialTitleArea:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
* html .specialTitleArea            	{ zoom: 1; } /* IE6 */  
*:first-child+html .specialTitleArea	{ zoom: 1; } /* IE7 */

.specialTitleArea h3 {
	float: left;
	
	margin: 0;
	padding: 11px 0 0 20px;
	
	font-size: 14px;
	font-weight: 100;
	line-height: 100%;
	color: #FFF;
}
.specialTitleArea h3 a {
	color: #FFF;
}
.specialTitleArea div {
	float: right;
	margin: 0;
	padding: 13px 20px 0 0;
	
	font-size: 12px;
	line-height: 100%;
	color: #FC0;
}


.specialMain {
	margin: 0 20px 2em 20px;
}

/*======================================
interviewList
======================================*/
.interviewListTop {
	width: 660px;
	height: 5px;
	margin: 0;
	padding: 0;
	background: url(../image/special/bg_interview_top.png) no-repeat;
}
.interviewListBottom {
	width: 660px;
	height: 5px;
	margin: 0 0 8px 0;
	padding: 0;
	background: url(../image/special/bg_interview_bottom.png) no-repeat;
}

.interviewList {
	width: 520px;
	
	margin: 0 0 0 0;
	padding: 15px 10px 11px 130px;
	
	list-style: none;
	background: url(../image/special/bg_interview_main_2.png) repeat-y -50% 0;
}
.interviewList:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}
* html .interviewList            	{ zoom: 1; } /* IE6 */  
*:first-child+html .interviewList	{ zoom: 1; } /* IE7 */
.interviewList li {
	float: left;
	padding-right: 20px;
	padding-bottom: 4px;
}
.interviewList li a {
	padding-left: 13px;
	background: url(../image/special/icon_arrow.gif) no-repeat 0 3px;
}
.interviewList li.interviewNext {
	padding-left: 13px;
	color: #AAA;
	background: url(../image/special/icon_none.gif) no-repeat 0 3px;
}
#specialInterview01 .interviewList li#iList01 a,
#specialInterview02 .interviewList li#iList02 a,
#specialInterview03 .interviewList li#iList03 a,
#specialInterview04 .interviewList li#iList04 a,
#specialInterview05 .interviewList li#iList05 a,
#specialInterview06 .interviewList li#iList06 a,
#specialInterview07 .interviewList li#iList07 a,
#specialInterview08 .interviewList li#iList08 a
{
	color: #F33;
	text-decoration: none;
}

/*======================================
nazonazoList
======================================*/
.nazonazoListTop {
	width: 660px;
	height: 5px;
	margin: 0;
	padding: 0;
	background: url(../image/special/bg_interview_top.png) no-repeat;
}
.nazonazoListBottom {
	clear: both;
	width: 660px;
	height: 5px;
	margin: 0 0 8px 0;
	padding: 0;
	background: url(../image/special/bg_interview_bottom.png) no-repeat;
}

.nazonazoListArea {
	padding: 10px 0 1px 0;
	background: url(../image/special/bg_nazonazo_main.png) repeat-y 0 0;
}
.nazonazoListArea:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}
* html .nazonazoListArea            	{ zoom: 1; } /* IE6 */  
*:first-child+html .nazonazoListArea	{ zoom: 1; } /* IE7 */

.nazonazoList {
	margin: 0 0 0 0;
	padding: 0 10px 0 130px;
	
	list-style: none;
}
.nazonazoList:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}
* html .nazonazoList            	{ zoom: 1; } /* IE6 */  
*:first-child+html .nazonazoList	{ zoom: 1; } /* IE7 */
.nazonazoList li {
	float: left;
	padding-right: 18px;
	padding-bottom: 4px;
	margin-top: 2px;
}
.nazonazoList li a {
	padding-left: 13px;
	background: url(../image/special/icon_arrow.gif) no-repeat 0 3px;
}
.nazonazoCaution {
	clear: both;
	padding: 0 10px 0 143px;
	margin-bottom: 0.5em;
	color: #693;
}


#specialNazonazo01 .nazonazoList li#nList01 a,
#specialNazonazo02 .nazonazoList li#nList02 a,
#specialNazonazo03 .nazonazoList li#nList03 a,
#specialNazonazo04 .nazonazoList li#nList04 a,
#specialNazonazo05 .nazonazoList li#nList05 a,
#specialNazonazo06 .nazonazoList li#nList06 a,
#specialNazonazo07 .nazonazoList li#nList07 a,
#specialNazonazo08 .nazonazoList li#nList08 a,
#specialNazonazo09 .nazonazoList li#nList09 a,
#specialNazonazo10 .nazonazoList li#nList10 a,
#specialNazonazo11 .nazonazoList li#nList11 a,
#specialNazonazo12 .nazonazoList li#nList12 a

{
	color: #F33;
	text-decoration: none;
}
.nazonazoList li.none {
	padding-left: 15px;
	color: #CCC;
	background: url(../image/special/icon_none.gif) no-repeat 0 3px;
}
/*
.nazonazoList li#nList12 {
	margin-top: 2px;
}
.nazonazoList li#nList12 a {
	margin: 5px auto 5px auto;
	padding: 3px 0 10px 140px;
	background: url(../image/special/icon_wallpaper.gif) no-repeat 0 0;
}*/


/*======================================

======================================*/
.wallpaperList {
	float: right;
	width: 186px;/*326*/
	
	margin: 0 0 0 0;
	padding: 0 10px 0 130px;
	
	list-style: none;
}
.wallpaperList:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}
* html .wallpaperList            	{ zoom: 1; } /* IE6 */  
*:first-child+html .wallpaperList	{ zoom: 1; } /* IE7 */
.wallpaperList li {
/*	float: left;*/
	padding-right: 18px;
	padding-bottom: 4px;
}
.wallpaperList li a {
	padding-left: 15px;
	background: url(../image/special/icon_arrow.gif) no-repeat 0 3px;
}
#specialWallpaper01 .wallpaperList li#wList01 a,
#specialWallpaper02 .wallpaperList li#wList02 a,
#specialWallpaper03 .wallpaperList li#wList03 a,
#specialWallpaper04 .wallpaperList li#wList04 a,
#specialWallpaper05 .wallpaperList li#wList05 a,
#specialWallpaper06 .wallpaperList li#wList06 a,
#specialWallpaper07 .wallpaperList li#wList07 a,
#specialWallpaper08 .wallpaperList li#wList08 a
{
	color: #F33;
	text-decoration: none;
}
.wallpaperList li {
	padding-left: 15px;
	color: #CCC;
	background: url(../image/special/icon_none.gif) no-repeat 0 5px;
}


/*======================================

======================================*/
.questionList {
}
.questionList dt {
	padding: 10px;
	margin-bottom: 8px;
	color: #088;
	background-color: #F0F0F0;
}
.questionList dd {
	line-height: 150%;
	margin-bottom: 2.2em;
}


.navigation {
	width: 260px;
	margin: 0 auto 80px;;
}
.navigation:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
* html .navigation            	{ zoom: 1; } /* IE6 */  
*:first-child+html .navigation	{ zoom: 1; } /* IE7 */

.navLeft {
	float: left;
}
.navRight {
	float: right;
}

.interviewImageLeft {
	float: left;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
.interviewImageRight {
	float: right;
	margin: 0 auto;
	padding: 0 10px 0 0;
}

.interviewFooter {
	margin: 2em auto 0 auto;
	padding-bottom: 0 0 1px 0;
}
.interviewFooterLeft {
	float: left;
	margin: 0 auto;
	padding: 0 0 0 15px;
	
	background: url(../image/special/icon_arrow_mirror.gif) 0 5px no-repeat;
}
.interviewFooterRight {
	float: right;
	margin: 0 auto;
	padding: 0 15px 0 0;
	
	background: url(../image/special/icon_arrow.gif) right 5px no-repeat;
}
.none {
	color: #CCC;
	background: url(../image/special/icon_none.gif) right 5px no-repeat;
}

h4.h4Interview {
	padding: 0 0 0 16px;
	font-size: 14px;
	color: #0091a7;
	background:url(../image/special/icon_circle.gif) no-repeat 0 3px;
}


.nazonazoSns {
	width: 440px;
	margin: 0.5em auto 2em auto;
}

.nazonazoSnsTwitter {
	float: right;
	padding-right: 5px;
}
.nazonazoSnsFacebook {
	float: right;
	padding-right: 12px;
}
.nazonazoSnsGoogle {
	float: right;
	padding-right: 3px;
}
iframe.twitter-share-button{
	width:120px !important;
}

.btnAnswer {
	display: block;
	width: 400px;
	height: 60px;
	margin: 0 auto;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../image/special/btn_answer.jpg) no-repeat;
}
.btnAnswer:hover {
	background-position: -400px 0;
}

.downloadArea {
	width: 550px;
	margin: 0 auto 2em auto;
}

.btnDownload {
	display: block;
	width: 271px;
	height: 105px;
	margin: 0 auto;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../image/special/btn_download.jpg) no-repeat;
}
.btnDownload:hover {
	background-position: -271px 0;
}
.answerArea {
	margin-bottom: 2.5em;
}