@charset "Shift_JIS";

/*--- information
--------------------------------------------------------------------------	

	Build Date : 2009/11/7;
	Site Name : Nintendo iwataasks;
	About : iwataasks‹¤’ĘCSS;

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

/*--- 00.common
--------------------------------------------------------------------------*/

/*--- font-size adjustment

 -------------+-------------
  pixels (px) | percent (%)
 -------------+-------------
       10     |     77
       11     |     85
       12     |     93
       13     |    100
       14     |    108
       15     |    116
       16     |    123.1
       17     |    131
       18     |    138.5
       19     |    146.5
       20     |    153.9
       21     |    161.6
       22     |    167
       23     |    174
       24     |    182
       25     |    189
       26     |    197
 -------------+-------------
 
--------------------------------------------------------------------------*/


/*--- 01.body hdr container wrapper htr
--------------------------------------------------------------------------*/

/* FireFox 3 only */
html>/**/body, x:-moz-any-link, x:default
{
	padding-right:1px;
}

/*--- 02.fixed-parts
--------------------------------------------------------------------------*/

#asks-navi {
	width:768px;
	height:27px;
	margin:0 auto 20px;
	background-image:url(../imgcmn/bg_asksnavi.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
}

.headtext {
	width:110px;
	height:27px;
	position:absolute;
	top:0;
	left:0;
}

.btn-top {
	width:48px;
	height:27px;
	position:absolute;
	top:0;
	left:110px;
}

.btn-voice {
	width:108px;
	height:27px;
	position:absolute;
	top:0;
	left:530px;
}

.btn-links {
	width:113px;
	height:27px;
	position:absolute;
	top:0;
	left:646px;
}


/*  #volbox --> volbox.css  */


/* interview-title */

#asks-title {
	width:768px;
	height:27px;
	margin:0 auto 15px;
	position:relative;
}

h1 {
	width:674px;
	height:27px;
	position:absolute;
	top:0;
	left:0;
}

.link-official {
	width:87px;
	height:23px;
	position:absolute;
	top:4px;
	left:681px;
}

.btn-official {
	display:block;
	width:87px;
	height:23px;
	background-image:url(../imgcmn/btn_official.gif);
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.btn-official:hover {
	background-position:0 -23px;
}


.link-introduction {
	width:87px;
	height:23px;
	position:absolute;
	top:4px;
	left:681px;
}

.btn-introduction {
	display:block;
	width:87px;
	height:23px;
	background-image:url(../imgcmn/btn_introduction.gif);
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.btn-introduction:hover {
	background-position:0 -23px;
}

/* interview-title RUBI version */

#asks-title-rubi {
	width:768px;
	height:38px;
	margin:0 auto 15px;
	position:relative;
}

#asks-title-rubi h1 {
	height:38px;
}

#asks-title-rubi .link-official {
	top:15px;
}

#asks-title-rubi .link-introduction {
	top:15px;
}

/* end */

#main-visual {
	width:768px;
	/*height:236px;*/
	margin:0 auto 13px;
}

/* 111031-nintendo */
.quoteInfo {
	 font-size: 90%;
	 text-align:center; 
	 margin: 30px 0 30px;
}
/* end */

h2 {
	width:768px;
	height:27px;
	margin:0 auto 13px;
}

#pagebox-wrap {
	width:768px;
	margin:0 auto;
	padding:12px 0 0;
	font-size:100%;
	background-image:url(../imgcmn/dotlinebox_base.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.pagebox {
	width:742px;
	margin:0 13px;
	padding:0 0 7px;
}

.pagenum, .pagenums, .sepaline {
	width:742px;
	height:21px;
	margin:0 0 5px;
	padding:2px 0 0;
	background-image:url(../imgcmn/bg_pagelink.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.pagenums {
	background-image:url(../imgcmn/bg_pagelink_stay.gif);
}

.sepaline {
	margin:0;
	background-image:url(../imgcmn/dotlinebox_line.gif);
	background-position:0 10px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
}

.pagebox a {
	color:#777;
	font-size:100%;
	line-height:1.4;/*test-1.4*/
	margin:auto 10px auto 25px;/*test*/
	/*margin:0 25px;*/
}

.pagebox a,
.pagebox a:link, .pagebox a:visited {
	color:#777;
	text-decoration:none;
}

.pagebox a:hover {
	color:#ff458c;
	text-decoration:underline;
}

.pagenums a,
.pagenums a:link, .pagenums a:visited, .pagenums a:hover {
	color:#777;
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}

.whatsnew {
	color:#d00;
	font-size:inherit;
	line-height:1.4;/*test-1.4*/
	/*font-weight:bold;*/
	margin:0;
	padding:0;
}


/*--- 03.interview
--------------------------------------------------------------------------*/

h3 {
	width:608px;
	margin:0 auto 30px;
}

.topmargin30px {
	margin-top:30px;
}

.img-photo {
	width:250px;
	margin:0 auto 30px;
}

.slideicon {
	margin:0 2px;
}


.int-box {
	width:608px;
	margin:0 auto;
	clear:both;
}

.int-box p {
	font-size:108%;
	line-height:1.6;
}

.int-box p sup {
	font-size:77%;
	/*vertical-align:text-top;*/
}

.int-name {
	width:55px;
	margin:0 10px 30px 0;
	/*margin-right:10px;*/
	text-align:right;
	float:left;
	display:inline;
}

.int-name p {
	font-size:108%;
	font-weight:bold;
}

.int-text {
	width:540px;
	margin:0 0 30px;
	float:right;
	display:inline;
}

.int-text p {
	font-size:108%;
	letter-spacing:0.05em;
}

.int-box p a,
.int-box p a:link,
.int-box p a:visited,
.int-box p a:hover {
	color:#ff458c;
	/*font-size:108%;*/
	font-size:inherit;/*test*/
	text-decoration:underline;
}

.noscript_cont, .noscript_cont a {
	font-size:inherit;
	line-height:inherit;
}

.noscript_cont a {
	color:inherit;
	font-size:inherit;
	line-height:inherit;
	text-decoration:underline;
}

/* cyusyaku */
.notes-box {
	width:540px;
	margin:0;
	clear:both;
}

.notes-box p {
	font-size:77%;
	line-height:1.5;
}

.notes-box-14px p {
	font-size:108%;
	line-height:1.5;
}

.notes-box-13px p {
	font-size:100%;
	line-height:1.5;
}

.notes-box-12px p {
	font-size:93%;
	line-height:1.5;
}

.notes-num {
	width:30px;
	margin:8px 0 0;
	text-align:left;
	white-space:nowrap;
	float:left;
	display:inline;
}

.notes-text {
	width:495px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	display:inline;
}

.notes-box .notes-text p {
	letter-spacing:0.05em;
}

.notes-box .notes-text a,
.notes-box .notes-text a:link,
.notes-box .notes-text a:visited,
.notes-box .notes-text a:hover {
	color:#ff458c;
	text-decoration:underline;
}


.int-box .int-text p.photo,
.notes-box .notes-text p.photo {
	padding-top:10px;
}


/*teisei*/

.notes-box-correct p {
	font-size:100%;
	line-height:1.6;
}

.notes-box-correct .notes-num {
	width:35px;
}

.notes-box-correct .notes-text {
	width:490px;
}


/* Long-name 5moji - DIV ID=int-box-wrap CLASS=name5 */
.name5 .int-name {
	width:95px;
	margin:0 10px 30px 0;
	/*margin-right:10px;*/
	text-align:right;
	float:left;
	display:inline;
}

.name5 .int-text {
	width:500px;
	margin:0 0 30px;
	float:right;
	display:inline;
}

.name5 .notes-box, .name5 .notes-box-correct {
	width:500px;
	margin:0;
	clear:both;
}

.name5 .notes-num {
	width:30px;
	margin:8px 0 0;
	text-align:left;
	white-space:nowrap;
	float:left;
	display:inline;
}

.name5 .notes-text {
	width:455px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	display:inline;
}

.name5 .notes-box-correct .notes-num {
	width:35px;
	margin:8px 0 0;
	text-align:left;
	white-space:nowrap;
	float:left;
	display:inline;
}

.name5 .notes-box-correct .notes-text {
	width:450px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	display:inline;
}


/* Long-name 7moji - DIV ID=int-box-wrap CLASS=name7 */
.name7 .int-name {
	width:125px;
	margin:0 10px 30px 0;
	/*margin-right:10px;*/
	text-align:right;
	float:left;
	display:inline;

}

.name7 .int-text {
	width:470px;
	margin:0 0 30px;
	float:right;
	display:inline;
}

.name7 .notes-box, .name7 .notes-box-correct {
	width:470px;
	margin:0;
	clear:both;
}

.name7 .notes-num {
	width:30px;
	margin:8px 0 0;
	text-align:left;
	white-space:nowrap;
	float:left;
	display:inline;
}

.name7 .notes-text {
	width:435px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	display:inline;
}

.name7 .notes-box-correct .notes-num {
	width:35px;
	margin:8px 0 0;
	text-align:left;
	white-space:nowrap;
	float:left;
	display:inline;
}

.name7 .notes-box-correct .notes-text {
	width:430px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	display:inline;
}


/* Long-name 9moji - DIV ID=int-box-wrap CLASS=name9 */
.name9 .int-name {
	width:155px;
	margin:0 10px 30px 0;
	/*margin-right:10px;*/
	text-align:right;
	float:left;
	display:inline;
}

.name9 .int-text {
	width:440px;
	margin:0 0 30px;
	float:right;
	display:inline;
}

.name9 .notes-box, .name9 .notes-box-correct {
	width:440px;
	margin:0;
	clear:both;
}

.name9 .notes-num {
	width:30px;
	margin:8px 0 0;
	text-align:left;
	white-space:nowrap;
	float:left;
	display:inline;
}

.name9 .notes-text {
	width:405px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	display:inline;
}

.name9 .notes-box-correct .notes-num {
	width:35px;
	margin:8px 0 0;
	text-align:left;
	white-space:nowrap;
	float:left;
	display:inline;
}

.name9 .notes-box-correct .notes-text {
	width:400px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	display:inline;
}


/*--- 04.pagination
--------------------------------------------------------------------------*/

#page-prev, #page-next {
	/*min-width:200px;
	max-width:766px;*/
	height:31px;
	margin:0 0 32px;
}

#page-prev {
	background:url(../imgcmn/bg_prev.gif) no-repeat right top;
	float:left;
}

#page-next {
	background:url(../imgcmn/bg_next.gif) no-repeat left top;
	float:right;
}

#page-prev a,
#page-next a {
	display:block;
	height:24px;
	margin:auto 0;
	color:#ababab;
	font-size:93%;
	letter-spacing:0.05em;
	text-align:center;
}

#page-prev a,
#page-next a {
	min-width/**/:200px;
	max-width/**/:768px;
}

#page-prev a {
	background:url(../imgcmn/bg_prev_arrow.gif) no-repeat left top;
	padding:7px 10px 0 30px;
}

#page-next a {
	background:url(../imgcmn/bg_next_arrow.gif) no-repeat right top;
	padding:7px 30px 0 10px;
}


/*--- 05.link
--------------------------------------------------------------------------*/