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

qa.css

 0.default,common
 1.PC

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

/*============================
0.default,common
============================*/
/*----------------
default
----------------*/
/*reset*/
ul,li{list-style:none:}
dl,dd,dt{padding:0; margin:0;}
/*clearfix*/
.clearfix:after{content:"."; display: block; height:0px; clear:both; line-height:0;  visibility:hidden;}
.clearfix{zoom:1;}
* html .clearfix{display: inline-block;}
*+html .clearfix{display: inline-block;}
/*----------------
common
----------------*/
#contentarea{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#Contents{width:100%;}
#qaTit a:link,#qaTit a:visited{color:#fff;}
#qaTit a:hover,#qaTit a:active{color:#fff;}

/*============================
1.PC
============================*/
/*----------------
common
----------------*/
#contentsarea #qaTit{
	font-size:30px;
	font-weight:bold;
	width:100%;
	padding:25px 20px;
	box-sizing:border-box;
	background:url(../images/bg_tit.png) center right no-repeat #00aaea;
	text-shadow: 1px 1px 1px #0091c7;
	margin-top:25px;
	border-radius:3px;		/* CSS3草案 */  
	-webkit-border-radius:3px;	/* Safari,Google Chrome用 */  
	-moz-border-radius:3px;		/* Firefox用 */  
}

/*----------------
toiawase.html
----------------*/
#contentsarea ul#qaList{
	width:100%;
	margin:0 0 30px 0;
}

#contentsarea ul#qaList li{
	display:block;
	width:200px;
	float:left;
	color:#333;
	font-size:81.25%;
	margin:30px 16px 0 0;
}
#contentsarea ul#qaList li:nth-child(4n){
	margin:30px 0 0 0;
}
ul#qaList li dl dt{
	display:table;
	table-layout: fixed;
	width:100%;
}
ul#qaList li dl dt a{
	border:2px solid #ccc;
	color:#00aaea;
	display:table-cell;
	vertical-align:middle;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	padding:10px 10px 10px 55px;
	width:200px;
	height:75px;
	box-sizing:border-box;
	border-radius:3px;		/* CSS3草案 */  
	-webkit-border-radius:3px;	/* Safari,Google Chrome用 */  
	-moz-border-radius:3px;		/* Firefox用 */
}
ul#qaList li dl dt a#registration{background:url(../images/icon_registration.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#login{background:url(../images/icon_login.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#message{background:url(../images/icon_message.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#mobile{background:url(../images/icon_mobile.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#entry{background:url(../images/icon_entry.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#bookmark{background:url(../images/icon_bookmark.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#company_reseach{background:url(../images/icon_company_reseach.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#schedule{background:url(../images/icon_schedule.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#job_event{background:url(../images/icon_job_event.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#post{background:url(../images/icon_post.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#spec{background:url(../images/icon_spec.png) no-repeat 10px center #fff; background-size:35px;}
ul#qaList li dl dt a#toiawaseform{
	background:url(../images/icon_toiawaseform.png) no-repeat 150px center #00aaea;
	background-size:35px;
	padding:10px 10px 10px 20px;
	border:none;
	color:#fff;
}
ul#qaList li a:hover,ul#qaList li a:active,ul#qaList li a:focus{background-color:#f0f0f0!important;}
ul#qaList li a#toiawaseform:hover,ul#qaList li a#toiawaseform:hover,ul#qaList li a#toiawaseform:focus{background-color:#0387e4!important;}
ul#qaList li dl dd{
	margin:10px 0 0 0;
}

/*----------------
each page
----------------*/
#contentsarea #qaIndex{
	border:3px solid #ccc;
	border-radius:3px;		/* CSS3草案 */  
	-webkit-border-radius:3px;	/* Safari,Google Chrome用 */  
	-moz-border-radius:3px;		/* Firefox用 */
	padding:10px 15px;
	margin:20px 0 0 0;
}
#contentsarea #qaIndex h2{
	/*color:#00aaea;*/
	color:#333;
	font-weight:bold;
	font-size:18px;
	padding:10px 10px 10px 45px;
}
#qaIndex h2#registrationTit{background:url(../images/icon_registration.png) no-repeat left center; background-size:35px;}
#qaIndex h2#loginTit{background:url(../images/icon_login.png) no-repeat left center; background-size:35px;}
#qaIndex h2#messageTit{background:url(../images/icon_message.png) no-repeat left center; background-size:35px;}
#qaIndex h2#mobileTit{background:url(../images/icon_mobile.png) no-repeat left center; background-size:35px;}
#qaIndex h2#entryTit{background:url(../images/icon_entry.png) no-repeat left center; background-size:35px;}
#qaIndex h2#bookmarkTit{background:url(../images/icon_bookmark.png) no-repeat left center; background-size:35px;}
#qaIndex h2#company_reseachTit{background:url(../images/icon_company_reseach.png) no-repeat left center; background-size:35px;}
#qaIndex h2#scheduleTit{background:url(../images/icon_schedule.png) no-repeat left center; background-size:35px;}
#qaIndex h2#job_eventTit{background:url(../images/icon_job_event.png) no-repeat left center; background-size:35px;}
#qaIndex h2#postTit{background:url(../images/icon_post.png) no-repeat left center; background-size:35px;}
#qaIndex h2#specTit{background:url(../images/icon_spec.png) no-repeat left center; background-size:35px;}

#contentsarea #qaIndex ul{
	margin:10px auto 0;
	width:98%;
}
#contentsarea #qaIndex ul li{
	background:url(../images/icon_q.png) no-repeat;
	background-size:20px;
	padding:1px 0 3px 25px;
}

#contentsarea .qaSec{
	width:96%;
	margin:30px auto;
}

#contentsarea .qaSec h3{
	font-size:120%;
	background:url(../images/icon_q.png) no-repeat;
	background-size:20px;
	border-bottom:1px solid #ccc;
	padding:0 0 15px 25px;
	font-weight:bold;
	color:#333;
}
#contentsarea .qaSec .answer{
	background:url(../images/icon_a.png) no-repeat;
	background-size:20px;
	padding:0 0 0 25px;
	margin:15px 0 0 0;
}
#contentsarea .qaSec .pageTop a{
	border:1px solid #eee;
	border-radius:2px;		/* CSS3草案 */  
	-webkit-border-radius:2px;	/* Safari,Google Chrome用 */  
	-moz-border-radius:2px;		/* Firefox用 */
	background:url(../images/icon_pagetop.png) no-repeat 2px 4px;
	background-size:11px;
	font-size:10px;
	padding:2px 3px 2px 17px;
	display:block;
	float:right;
	margin:10px 0 0 auto;
	text-decoration:none;
}