@charset "UTF-8";

/**/


/* グローバルナビ
------------------------------------------------------*/
#gnavi { float: right; width: 592px; height: 79px; list-style-type: none; }
#gnavi li { float: left; margin: 0 1px 1px 0; text-indent: -9999px; }
#gnavi li a { display: block; background: url(../image/common/bg_gnavi_s.jpg) no-repeat; width: 147px; height: 39px; }

#gnavi li.gn-about {}
#gnavi li.gn-question {}
#gnavi li.gn-keep {}
#gnavi li.gn-life {}
#gnavi li.gn-interview {}
#gnavi li.gn-investigate {}
#gnavi li.gn-kinect {}

#gnavi li.gn-about a { background-position: 0 0; }
#gnavi li.gn-about a:hover,
body#about #gnavi li.gn-about a { background-position: -592px 0; }

#gnavi li.gn-question a { background-position: -148px 0; }
#gnavi li.gn-question a:hover,
body#question #gnavi li.gn-question a { background-position: -740px 0; }

#gnavi li.gn-keep a { background-position: -296px 0; }
#gnavi li.gn-keep a:hover,
body#keep #gnavi li.gn-keep a { background-position: -888px 0; }

#gnavi li.gn-life a { background-position: -444px 0; }
#gnavi li.gn-life a:hover,
body#life #gnavi li.gn-life a { background-position: -1036px 0; }

#gnavi li.gn-interview a { background-position: 0 -40px; }
#gnavi li.gn-interview a:hover ,
body#interview #gnavi li.gn-interview a { background-position: -592px -40px; }

#gnavi li.gn-investigate a { background-position: -148px -40px; }
#gnavi li.gn-investigate a:hover ,
body#investigate #gnavi li.gn-investigate a  { background-position: -740px -40px; }

#gnavi li.gn-kinect a { background-position: -296px -40px; }
#gnavi li.gn-kinect a:hover { background-position: -888px -40px; }

#gnavi li.gn-enquete a { background-position: -444px -40px; }
#gnavi li.gn-enquete a:hover { background-position: -1036px -40px; }




/* 共通レイアウト
------------------------------------------------------*/
#container-o { margin: 0 auto; padding-bottom: 20px; width: 100%; background: url(../image/common/bg.gif) repeat-y center top; }
#header { margin: 0 auto; width: 100%; height: 125px; background: url(../image/common/bg_header.jpg) no-repeat center top; }
#header-main { margin: 0 auto; width: 900px; padding-top: 36px; }
#header-main h1 { float: left; }

#contents { margin: 0 auto; width: 900px; line-height: 1.3; }
.titlebar { margin-bottom :20px; }
.titlebar-q { margin-bottom :5px; }

.titlebar2 { margin:30px 0 20px 0; }

#mainCon-about { clear: both; background: url(../image/about/subtitle_about.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }

.mainCon { clear: both; padding: 10px 10px 0 10px; background:url(../image/common/bg_maincon.gif) repeat-y; margin:0;}
.mainCon2 { clear: both; padding: 15px 15px 0 15px; background:url(../image/common/bg_maincon.gif) repeat-y; }
.mainCon3 { clear: both; padding: 0 10px 0 10px; background:url(../image/common/bg_maincon.gif) repeat-y; }

.mainConSq { clear: both; padding: 10px 10px 0 10px; background:url(../image/common/bg_maincon_mo.gif) repeat-y; margin:0;}
#mainCon-b { height: 14px; background:url(../image/common/bg_maincon_b.gif) no-repeat; }
#mainCon-o { height: 14px; background:url(../image/common/bg_maincon_o.gif) no-repeat; }

#guide { 
	clear:both; width:900px; /*height:30px;*/ margin:20px auto 0 auto; background-color:#e9f0f8; font-size:12px; 
	text-align:center; line-height:30px;
}
#guide a { text-decoration:none; }
#guide .guideBar { font-size:15px; color:#c6d9ee; }

img.centered { clear:both; display: block; margin-left: auto; margin-right: auto; }
.spacer-top { padding-top: 10px; }



/* 脳トレ問題紹介 
------------------------------------------------------*/
body#question #contents dl{ width: 216px; float: left; margin-right: 12px; }
body#question #contents dl.last { width: 216px; float: left; margin-right: 0; }

body#question #contents dl.nopad{ margin-right:0 !important;}
body#question #contents dt { text-indent: -9999px; }
body#question #contents dd.img {}
body#question #contents dd a:hover img { filter:alpha(opacity=60); opacity:0.6; }

#mainCon-q1 { clear: both; background: url(../image/question/subtitle_q1.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q2 { clear: both; background: url(../image/question/subtitle_q2.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q3 { clear: both; background: url(../image/question/subtitle_q3.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q4 { clear: both; background: url(../image/question/subtitle_q4.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q5 { clear: both; background: url(../image/question/subtitle_q5.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q6 { clear: both; background: url(../image/question/subtitle_q6.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q7 { clear: both; background: url(../image/question/subtitle_q7.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q8 { clear: both; background: url(../image/question/subtitle_q8.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q9 { clear: both; background: url(../image/question/subtitle_q9.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q10 { clear: both; background: url(../image/question/subtitle_q10.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q11 { clear: both; background: url(../image/question/subtitle_q11.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q12 { clear: both; background: url(../image/question/subtitle_q12.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q13 { clear: both; background: url(../image/question/subtitle_q13.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q14 { clear: both; background: url(../image/question/subtitle_q14.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-q15 { clear: both; background: url(../image/question/subtitle_q15.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }

#mainCon-sq1 { clear: both; background: url(../image/question/subtitle_sq1.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-sq2 { clear: both; background: url(../image/question/subtitle_sq2.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-sq3 { clear: both; background: url(../image/question/subtitle_sq3.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }
#mainCon-sq4 { clear: both; background: url(../image/question/subtitle_sq4.jpg) no-repeat center top; height: 39px; text-indent: -9999px; }


#q-youtube { float: right; width: 364px; height: 229px; border: 3px solid #7dc8ff; }


#btnListBack { float: right; width: 183px; height: 31px; padding-bottom: 7px; list-style-type: none; text-indent: -9999px; }
#btnListBack a { 
	display: block; width: 183px; height: 31px; 
	background: url(../image/question/btnlistback.jpg) no-repeat; background-position: 0 0; 
}
#btnListBack a:hover { background-position: -183px 0; }

.sqImgCon{
	margin-top: -50px;
}

.sqImgCon img{
	vertical-align: bottom;
}

.spCapCon div{
	float: left;
	
}
.spCapConL{
	width: 250px;
	margin-right: 5px;
	text-align: center;
}
.spCapConC{
	width: 250px;
	margin-right: 5px;
	text-align: left;
}
.spCapConR{
	width: 360px;
	text-align: center;
}

.titlebar-sq{
	display: block;
	margin-top:10px;
	padding-top:10px;
	clear: both;
}

.titlebar-sq img{
	display: block;
	margin-top: 10px;
}

/* 体験者インタビュー 
------------------------------------------------------*/
#mainCon-interview { clear: both; background: url(../image/interview/top_img.jpg) no-repeat center top; height: 465px; text-indent: -9999px; }

#inavi1{
	list-style-type: none;
	background: url(../image/interview/menu_bg1.jpg) no-repeat center top; 
	
	padding:40px 0 0 7px;
	
	margin:0 auto 10px auto;
	height: 60px;
	width:863px;
	
	_margin:0 0 -25px 0;
	_height:100px;
	
}

#inavi1 li { float: left; margin: 0 7px 1px 7px; text-indent: -9999px;  }
#inavi1 li a { display: block; background: url(../image/interview/bg_inavi1.jpg) no-repeat; width: 270px; height: 50px; }

#inavi1 li.menu1 a { background-position: 0 0; }
#inavi1 li.menu1 a:hover { background-position: 0 -50px; }

#inavi1 li.menu2 a { background-position: -270px 0; }
#inavi1 li.menu2 a:hover { background-position: -270px -50px; }

#inavi1 li.menu3 a { background-position: -540px 0; }
#inavi1 li.menu3 a:hover { background-position: -540px -50px; }



#inavi2{
	list-style-type: none;
	background: url(../image/interview/menu_bg2.jpg) no-repeat center top; height: 100px;
	
	padding:40px 0 0 7px;
	
	margin:0 auto 10px auto;
	height: 60px;
	width:863px;
	
	_margin:0 0 -25px 0;
	_height:100px;

}

#inavi2 li { float: left; margin: 0 7px 1px 7px; text-indent: -9999px;  }
#inavi2 li a { display: block; background: url(../image/interview/bg_inavi2.jpg) no-repeat; width: 270px; height: 50px; }

#inavi2 li.menu1 a { background-position: 0 0; }
#inavi2 li.menu1 a:hover { background-position: 0 -50px; }

#inavi2 li.menu2 a { background-position: -270px 0; }
#inavi2 li.menu2 a:hover { background-position: -270px -50px; }

#inavi2 li.menu3 a { background-position: -540px 0; }
#inavi2 li.menu3 a:hover { background-position: -540px -50px; }


#subCon-top1 { clear: both; background: url(../image/interview/subtitle_interview1.jpg) no-repeat center top; height: 55px; text-indent: -9999px; }
#subCon-top2 { clear: both; background: url(../image/interview/subtitle_interview2.jpg) no-repeat center top; height: 55px; text-indent: -9999px; margin-top:20px;}
#subCon-top3 { clear: both; background: url(../image/interview/subtitle_interview3.jpg) no-repeat center top; height: 55px; text-indent: -9999px; margin-top:20px;}

#subCon-b { height: 13px; background:url(../image/interview/bg_subcon_b.jpg) no-repeat; }
#subCon-bl { height: 13px; background:url(../image/interview/bg_subcon_b.jpg) no-repeat; padding-bottom:7px;}

#sstitle1 { clear: both; background: url(../image/interview/sstitle1.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin:0 0 10px 0;}
#sstitle2 { clear: both; background: url(../image/interview/sstitle2.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin:0 0 10px 0;}
#sstitle3 { clear: both; background: url(../image/interview/sstitle3.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin:0 0 10px 0;}
#sstitle4 { clear: both; background: url(../image/interview/sstitle4.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin:0 0 10px 0;}
#sstitle5 { clear: both; background: url(../image/interview/sstitle5.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin:0 0 10px 0;}
#sstitle6 { clear: both; background: url(../image/interview/sstitle6.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin:0 0 10px 0;}

.subCon { clear: both; padding: 10px 14px 0 14px; border-left:1px #cccccc solid; border-right:1px #cccccc solid;}

.subCon .youtube_wrapper {width: 370px; float:left; padding:10px 25px 20px 25px;}
.subCon .youtube_wrapper .youtube {width: 364px; height: 229px; border: 3px solid #7dc8ff; margin-bottom:10px; }

.subCon .youtube_wrapper  dl{font-size:14px;}
.subCon .youtube_wrapper  dl dt{font-weight:bold; padding-bottom:3px;}
.subCon .youtube_wrapper  dl dd{padding-bottom:10px;}

dl.interview { display:block; line-height:150%; font-size:14px;}
dl.interview dt { width:160px; display:block; float:left; font-weight:bold; padding:10px 0 10px 0;}
dl.interview dd { width:680px; display:block; float:left; padding:10px 0 10px 0;}
dl.interview dd.mc { width:680px; display:block; float:left; padding:10px 0 10px 0; font-style:italic;}
dl.interview dd.ph { width:370px; display:block; float:left; padding:10px 310px 10px 0;}
dl.interview dd.ph_mc { width:368px; display:block; float:left; padding:10px 310px 10px 0; font-style:italic;}

.topBtn { width: 200px; margin: 20px auto 0 auto; text-indent: -9999px; padding-bottom:30px; }
.topBtn a{ display: block; background: url(../image/interview/bg_cnavi.jpg) no-repeat; width: 200px; height: 35px; }
.topBtn a:hover { background-position: -200px 0; }

.topBtn2 { clear:both; width: 200px; margin: 20px auto 0 auto; text-indent: -9999px; padding-bottom:17px; }
.topBtn2 a{ display: block; background: url(../image/interview/bg_cnavi.jpg) no-repeat; width: 200px; height: 35px; }
.topBtn2 a:hover { background-position: -200px 0; }

.dBtn { clear:both; width: 300px; margin: 20px auto 0 auto; text-indent: -9999px; padding-bottom:17px; }
.dBtn a{ display: block; background: url(../image/interview/bg_dnavi.jpg) no-repeat; width: 300px; height: 50px; }
.dBtn a:hover { background-position: -300px 0; }

.ph1{background:url(../image/interview/ph1.jpg) 100% 96% no-repeat;}
.ph2{background:url(../image/interview/ph2.jpg) 100% 96% no-repeat;}
.ph3{background:url(../image/interview/ph3.jpg) 100% 96% no-repeat;}
.ph4{background:url(../image/interview/ph4.jpg) 100% 96% no-repeat;}



/* 生活の質調査結果
------------------------------------------------------*/
#mainCon-investigate { clear: both; background: url(../image/investigate/top_img.jpg) no-repeat center top; height: 120px; text-indent: -9999px; }
#mainCon-investigate2 { clear: both; background: url(../image/investigate/stitle4.jpg) no-repeat center top; height: 45px; text-indent: -9999px; }

body#investigate #subCon-top1 { clear: both; background: url(../image/investigate/stitle1.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin-bottom:15px;}
body#investigate #subCon-top2 { clear: both; background: url(../image/investigate/stitle2.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin-bottom:15px;}
body#investigate #subCon-top3 { clear: both; background: url(../image/investigate/stitle3.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin-bottom:15px;}
body#investigate #subCon-top4 { clear: both; background: url(../image/investigate/stitle5.jpg) no-repeat center top; height: 35px; text-indent: -9999px; margin-bottom:15px;}

.investigate_w {padding:0 10px 10px 10px; font-size:14px; }

.investigate_w dl { display:block; font-size:10px; clear:both; width:100%;}

.investigate_w dl dt{
	text-align:center;
	font-weight:bold;
	width:165px;
	float:left;
	display:block;
	padding:15px 0 0 0;
}

.investigate_w dl dd{
	width:665px;
	float:right;
	display:block;
	margin:15px 0 0 20px;
}

span.sstitle {
	color:#0074CA;
	font-weight:bold;
	font-size:16px;
}

span.sstitle2 {
	color:#0074CA;
	font-weight:bold;
	font-size:12px;
}

.catch {
	padding:2px 0 8px 0;
}

.glaph {
	padding:10px 0 20px 0;
}

.glaph2 {
	padding:10px 0 0 0;
}

/**/

/*DLC*/

.mainCon-dlc {
	clear: both;
	background: url(../image/dlc/top-frame.jpg) no-repeat;
	height: 5px;
	margin: 5px 0 0 0;
	padding: 0;
	overflow: hidden;
}

.mainCon-dlc2 {
	clear: both;
	background: url(../image/dlc/no2_top-frame.jpg) no-repeat;
	height: 5px;
	margin: 5px 0 0 0;
	padding: 0;
	overflow: hidden;
}

.newQuestion,
.newQuestion2{
	list-style: none;
}

.newQuestion li{
	color: #0073ca;
	font-weight: bold;
	float: left;
	margin: 10px 10px 10px 0;
	text-align: center;
}

.newQuestion2 li{
	color: #FA4B01;
	font-weight: bold;
	float: left;
	margin: 10px 10px 10px 0;
	text-align: center;
}

.newQuestion li a,
.newQuestion2 li a{
	margin-top:5px;
	display: block;
}

.newQuestion li a:hover,
.newQuestion2 li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.dlcText{
	clear: both;
	width: 100%;
	margin-top:10px;
}

.btnXboxLive{
	text-align: right;
	display:block;
	margin: 0 0 10px 0;
}

.btnXboxLive a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.dlcText_b{
	color: #0073ca;
	font-weight: bold;
}
.dlcText2_b{
	color: #FA4B01;
	font-weight: bold;
}

.dlcCon{
	margin-bottom: 10px;
}

#btnClose{
	width: 148px;
	margin: 10px auto 0 auto;
	display: block;
}

#btnClose:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.no_b {
	margin-bottom: 50px;
}