@charset "Shift_JIS";



/*-------------------------------------*/
/*---------------layout----------------*/
/*-------------------------------------*/

body{
	margin:0;
	padding:0;
}


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

#cIQWrapper{
	width:100%;
	margin-bottom:30px;
	/*margin-left:1%;
	margin-right:1%;*/
	/*width:495px;*/
}

#cIQWrapper h1{
	font-size:24px;
	color:#7b798c;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}

#cIQWrapper .read{
	margin-bottom:20px;
}

#cIQWrapper .read p{
	margin-bottom:15px;
}

#cIQWrapper .IQLogo{
	padding:5px 0 5px 30px;
	background:url(../images/logo_iq.gif) no-repeat left top;
	margin-bottom:10px;
}

#FAQ h2{
	font-size:18px;
	line-height:1.1;
	color:#003268;
	padding:10px 0 10px 20px;
	border-left:5px solid #003268;
	margin-bottom:40px;
}

#FAQ dl{
	padding-left:15px;
}

#FAQ dl dt{
	font-size:16px;
	line-height:1.2;
	color:#222;
	font-weight:bold;
	padding:10px 0 10px 15px;
	border-left:4px solid #ccc;
	margin-bottom:20px;
}

#FAQ dl dd{
	margin-bottom:40px;
}







#cIQWrapper .linkIcon{
	padding:0px 0 2px 15px;
	background:url(../images/icon_link.gif) no-repeat left top;
	line-height:1.1;
}

#cIQWrapper .notes{
	font-size:10px;
	color:#666;
	padding-top:5px;
}



@media only screen and (max-width:640px){
	#iejuuWrapper{
		width:100%;
	}
	#popup_pagewidth {
		margin:0px 0px 0px 0px;
		padding:0px 5px 0px 5px;
	}
}


@media only screen and (max-width:460px){
	#iejuuWrapper .tbBox .rightBox{
		width:76%;
		margin-left:24%;
	}
	#iejuuWrapper .recopla .recoBox .rightBox{
		width:72%;
		margin-left:28%;
	}
	#iejuuWrapper .logoNotes{
		width:100%;
	}
	#iejuuWrapper .titleAndroid{
		width:180px;
		height:auto;
	}
	/*#popup_pagewidth{width:auto;}*/
}