@charset "UTF-8";

/*/////////////////////////////////////////////////////////////

CSS : top
DATE : 2012.06.01

[top] 
	0. Content

//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Content
------------------------------------------------------------ */

#article{
	width: 960px;
	overflow:hidden;
}

.article {
	float:left;
	display:block;
	overflow:hidden;
	margin: 0 2px 2px 0;
}
.article a{
	display:block;
}


/* 変動 */
#pa_voice{
	float: left;
}
#sp_voice_sp{
	margin: 0;
	display: none;
}
#sh{
	float: right;
	margin: 0 0 2px 0;
	width: 382px;
}
#sh_sp{
	margin: 0;
	display: none;
}
#ba_voice{
	float: right;
	margin: 0 0 2px 0;
	width: 382px;
}
#ba_voice_sp{
	margin: 0;
	display: none;
}

#external1{
	margin: 0 0 2px 0;
}
#external1_sp{
	margin: 0;
	display: none;
}
#external2{
	margin: 0 2px 0 0;
}
#external2_sp{
	margin: 0;
	display: none;
}
#external3{
	margin: 0;
}
#external3 a{
}


/* 固定 */

#news{
	float:right;
	display:block;
	overflow:hidden;
	width: 189px;
	border:1px solid #333;
	background:#100d0e;
	margin: 0 0 2px 0;
}
#newsInner{
	width: 185px;
	background:#333;
	margin: 2px 2px 1px;
}
#newsTitle{
	padding: 7px 10px;
	border-bottom:1px solid #0a0a0a;
}

#news1{
	height: 50px;
}
#news2{
	height: 56px;
}
#news3{
	height: 80px;
}

#newsInner p{
	overflow:hidden;
	font-size:11px;
	font-size:1.2rem;
	line-height:155%;
	padding: 3px 8px 4px 22px;
	border-top:1px solid #474747;
	border-bottom:1px solid #0a0a0a;
	background: url(../images/top/arr.png) no-repeat 11px 9px;
}
#newsInner p a{
	text-decoration:underline;
	font-size:11px;
}
#newsInner p a:hover{
	text-decoration:none;
}
#newsInner p span{
	color:#999;
}

/* nav */

.article_nav {
	float:left;
	position:relative;
	top:0;
	left:0;
	display:block;
	overflow:hidden;
	margin: 0 2px 2px 0;
	cursor:pointer;
}

#navBannerHR.article_nav {
	margin: 0 0px 2px 0;
}
#navBannerMA.article_nav {
	margin: 0 0px 2px 0;
}

#navBannerMA{
}
#navBannerBA{
}
#navBannerEB{
}
#navBannerMS{
}
#navBannerSP{
}
#navBannerDS{
}
#navBannerPA{
}
#navBannerM1{
}
#navBannerM10{
}
#navBannerHR{
}

/* popup */

.popup{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width: 191px;
	height: 250px;
	visibility:hidden;
	background: url(../images/top/popup_bg.jpg) no-repeat;
}
.popup_min{
	width: 190px;
	background: url(../images/top/popup_bg2.jpg) no-repeat;
}
.popupInner{
	position:absolute;
	top:3px;
	left:3px;
	z-index:1;
	width: 185px;
	height: 244px;
	overflow:hidden;
}
#navBannerMAinner{
}
#navBannerBAinner{
}
#navBannerEBinner{
}
#navBannerMSinner{
}
#navBannerSPinner{
}
#navBannerDSinner{
}
#navBannerPAinner{
}
#navBannerM1inner{
}
#navBannerM10inner{
}
#navBannerHRinner{
}

.popupImage{
	position:absolute;
	top: 0;
	left:0;
}
.popupTitle{
	position:absolute;
	bottom: 67px;
	left:0;
}

.popup ul{
	position:absolute;
	bottom: 0;
	left:0;
	width: 185px;
	height: 62px;
	overflow:hidden;
}
.popup_min ul{
	width: 184px;
}


.popup ul li{
	position:absolute;
	display:block;
}
.popup ul li.nav1{
	top: 0;
	left:0;
	width: 100px;
	height: 30px;
}
.popup ul li.nav2{
	top: 0;
	left:94px;
	width: 92px;
	height: 30px;
}
.popup ul li.nav3{
	top: 32px;
	left:0;
	width: 92px;
	height: 30px;
}
.popup ul li.nav4{
	top: 32px;
	left:85px;
	width: 100px;
	height: 30px;
}

/* ------ 
#navBannerNFC .popup{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width: 382px;
	height: 250px;
	visibility:hidden;
	background: url(../images/top/popup_bg3.jpg) no-repeat;
}
#navBannerNFC .popupInner{
	position:absolute;
	top:3px;
	left:3px;
	z-index:1;
	width: 376px;
	height: 244px;
	overflow:hidden;
}
#navBannerNFC .popupImage{
	position:absolute;
	top: 0;
	left:0;
}
#navBannerNFC .popupTitle{
	position:absolute;
	bottom: 87px;
	left:0;
}

#navBannerNFC .popup ul{
	position:absolute;
	bottom: 0;
	left:0;
	width: 376px;
	height: 62px;
	overflow:hidden;
}

#navBannerNFC .popup ul li.nav1{
	top: 0;
	left:0;
	width: 192px;
	height: 30px;
}
#navBannerNFC .popup ul li.nav2{
	top: 0;
	left:186px;
	width: 190px;
	height: 30px;
}
#navBannerNFC .popup ul li.nav3{
	top: 32px;
	left:0;
	width: 184px;
	height: 30px;
}
#navBannerNFC .popup ul li.nav4{
	top: 32px;
	left:178px;
	width: 198px;
	height: 30px;
}

 ------ */


.popup2{
	display:none;
}


/* アンケート */
#research{
	position:absolute;
	top:135px;
	right:0;
	width: 30px;
	height:140px;
	display:block;
	background:url(../images/top/research.gif) no-repeat;
}
#research a{
	width: 30px;
	height:140px;
	display:block;
}
#research span{
	display:none;
}

/**************************************************************
smaller than 650
**************************************************************/
@media screen and (max-width: 650px) {

#contentsInner{
	margin: 0 auto 20px;
	padding: 0;
}
#article{
	width: 100%;
	overflow:hidden;
	margin: auto;
}

.article {
	float:left;
	width:100%;
	display:block;
	overflow:hidden;
	margin: 0 0 2px;
}
.article a{
	display:block;
}


/* 変動 */

#nfc_tech{
}
#pa_voice{
	margin: 0;
	margin-bottom: 0.3%;
}
#sp_voice_sp{
	margin: 0;
	display: none;
}
#sh{
	margin: 0;
	display: none;
}
#sh_sp{
	display:block;
	margin-bottom: 0.3%;
}
#ba_voice{
	margin: 0;
	display: none;
}
#ba_voice_sp{
	width: 100%;
	display:block;
	margin-bottom: 0.3%;
}

#external1{
	margin: 0;
	display: none;
}
#external1_sp{
	display:block;
	margin-bottom: 0.3%;
}


#sp_voice_sp{
	float:left;
	width:33.1%;
	margin-right: 0.2%;
	margin-bottom: 0.2%;
	display:block;
}
#ma_voice{
	width:66.4%;
}

#eb_tech img,
#sp_voice img,
#sp_voice_sp img,
#ma_voice img,
#eb_sp_contents_sp img,
#eb_sp_contents_rino_sp img{
	width:100%;
}

#external1{
	margin: 0;
	display: none;
}

#external1_sp{
	display:block;
	width:33.0%;
	margin-right: 0%;
	margin-bottom: 0.45%;
	float: left;
}

#external2{
	margin: 0;
	display: none;
}

#external2_sp{
	display:block;
	float:left;
	width:66.4%;
/*	width:33.2%; */
	margin-right: 0.2%;
	margin-bottom: 0.2%;
}
#external3{
	width:100%;
/*	width:66.5%; */
}
#external3 a{
}

#external1 img,
#external1_sp img,
#external2 img,
#external2_sp img,
#external3 img,
#external3_sp img{
	width:100%;
}




/* 固定 */

#news{
	float:none;
	display:block;
	overflow:hidden;
	width: 100%;
	border:none;
	border-top:1px solid #424242;
	margin: 0;
	padding: 0;
	background:none;
}
#newsInner{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top:1px solid #252525;
	background:none;
}
#newsTitle{
	width: 94%;
	margin: 0 auto;
	padding: 20px 0 0;
	border-bottom:none;
}
#newsInner p{
	width: 90%;
	height: auto;
	overflow:hidden;
	font-size:14px;
	font-size:1.4rem;
	line-height:155%;
	margin: 0 auto;
	padding: 20px 10px;
	background: url(../images/top/arr.png) no-repeat 0 25px;
	border-top:none;
}
#newsInner p.borderTop{
	border-top:1px solid #474747;
}
#newsInner p.borderBottom{
	border-bottom:1px solid #0a0a0a;
}

#newsInner p a{
	text-decoration:underline;
}
#newsInner p a:hover{
	text-decoration:none;
}
#newsInner p span{
	color:#999;
}

/* nav */

.article_nav {
	float:left;
	position:relative;
	top:0;
	left:0;
	display:block;
	overflow:hidden;
}

#navBannerMA{
	width:33.2%;
	margin-right: 0%;
	margin-bottom: 0.25%;
}
#navBannerBA{
	width:33.0%;
	margin-right: 0;
	margin-bottom: 0.2%;
}
#navBannerEB{
	width:33.0%;
	margin-right: 0;
	margin-bottom: 0.2%;
}
#navBannerMS.article_nav{
	width:33.0%;
	margin-right: 0%;
	margin-bottom: 0.1%;
}
#navBannerSP.article_nav{
	width:33.0%;
	margin-right: 0.2%;
	margin-bottom: 0.1%;
}
#navBannerDS{
	width:33.0%;
	margin-right: 0.1%;
	margin-bottom: 0.1%;
}
#navBannerPA{
	width:33.0%;
	margin-right: 0.2%;
	margin-bottom: 0.2%;
}
#navBannerM1{
	width:33.0%;
	margin-right: 0.2%;
	margin-bottom: 0.2%;
}
#navBannerM10{
	width:33.0%;
	margin-right: 0.2%;
	margin-bottom: 0.2%;
}
#navBannerHR.article_nav{
	width:33.0%;
	margin-right: 0.2%;
	margin-bottom: 0.2%;
}


#navBannerMA img,
#navBannerBA img,
#navBannerEB img,
#navBannerMS img,
#navBannerNFC img,
#navBannerSP img,
#navBannerDS img,
#navBannerPA img,
#navBannerM10 img,
#navBannerHR img,
#navBannerM1 img{
	width:100%;
}


/* popup */

.popup{
	display:none;
}

.popup2{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width: 100%;
	height: auto;
	display:none;
	background: #000;
}

.popup2Border{
	position:relative;
	margin: 20px auto;
	width: 96%;
	border:1px solid #333;
	background: #100d0e;
}
.popup2Inner{
	width: auto;
	height: auto;
	background: url(../images/popup/bg.jpg) repeat-x;
	overflow:hidden;
	padding-bottom: 20px;
	margin: 2px;
}
#SPnavBannerMAinner{
}
#SPnavBannerBAinner{
}
#SPnavBannerEBinner{
}
#SPnavBannerMSinner{
}
#SPnavBannerNFCinner{
}
#SPnavBannerSPinner{
}
#SPnavBannerDSinner{
}
#SPnavBannerPAinner{
}
#SPnavBannerM1inner{
}
#SPnavBannerM10inner{
}
#SPnavBannerHRinner{
}

.popup2Close{
	position:absolute;
	top:20px;
	right:20px;
	z-index:10;
	width: 6%;
}

.popup2Image{
	width:100%;
	margin: 30px 0 10px 0;
	/*margin-bottom: 10px;*/
}

.popup2 ul{
	width: 92%;
	height: 60px;
	margin: 0 auto;
}

.popup2 ul li{
	width: 50%;
	float:left;
	display:block;
}
.popup2 ul li.empty{
}

.popup2 ul li .innerBorder{
	margin: 2px;
	background: #FFF;
}
.popup2 ul li.empty .innerBorder{
	padding: 10px;
	height: 16px;
	background: #666;
}
.popup2 ul li .innerBorder a{
	width: 80%;
	display:block;
}
.popup2 ul li .innerBorder a img{
	height: 16px;
	padding: 10px;
}
.popup2 ul li .innerBorder a img{
	height: 16px;
	padding: 10px;
}
.popup2 ul li.empty .innerBorder.twoLines{
	height: 16px;
	background: #666;
}
.popup2 ul li .innerBorder.twoLines a{
	width: 80%;
	display:block;
}
.popup2 ul li .innerBorder.twoLines a img{
	height: 26px;
	padding: 5px 10px;
}

	
}