@charset "utf-8";

div#contents .titleArea{
	width:880px;
	margin:0 auto;
	position: relative;
}

/* ==========================================================================
 titleBar
=========================================================================== */

div#contents .titleBar{
	margin:0 auto 16px auto;
	width:880px;
	position: relative;
}

div#contents .socialArea {
	position: absolute;
	top: 10px;
	left: 765px;
	z-index:100;
}
div#contents .titleBar p{
	margin:0;
	padding:0.5em 0 0 1.5em;
}

/* ==========================================================================
 quizArea
=========================================================================== */

.quizArea{
	margin:0 auto 25px auto;
	width:880px;
	color:#000000;
}
.quizArea a:link,
.quizArea a:visited,
.quizArea a:hover,
.quizArea a:active {
	color: #0000ff !important;
	text-decoration: none;
}
.quizArea .socialItem {
	position: absolute;
	top: -37px;
	left: 748px;
	z-index:200;
}
.quizArea .presentItem{
	width:600px;
	margin:0 auto;
	padding:25px 0 10px 0;
}
.quizArea .presentItem h3{
	padding:10px 0 20px 0 !important;
}
.quizArea .presentItem .item01,
.quizArea .presentItem .item02{
	text-align:center;
}

/* mainItem -----*/
.quizArea .mainItem{
	width:870px;
	background:#e6e6e6;
	border:solid 5px #000000;
	border-top:none;
}

/* hintItem -----*/

.quizArea .hintItem{
	padding-top:20px;
	text-align:center;
	z-index:100;
}
.quizArea .hintItem a{
	background:url(/cp/present/images/default2_131218_icn_hint.png) center left no-repeat;
	padding:3px 0 3px 25px;
	text-decoration:underline !important;
	font-weight:bold;
}
.quizArea .hintItem a:link{
}

/* btnItem -----*/

.quizArea .btnItem,
.quizArea .btnItem02{
	margin:0 auto;
	width:522px;
}
div#contents .presentItem .btnItem span{
}
div#contents .presentItem .btnItem p.btnItem01{
	padding:0;
}
div#contents .btnItem p.alignR{
	padding:5px 0 0 0 !important;
}

/* ==========================================================================
 presentArea
=========================================================================== */

.inner .presentArea{
	width:880px;
	margin:0 auto 20px auto;
}
.presentArea h4{
	margin-bottom:15px !important;
	text-align:center;
}
.inner .presentArea ul{
	width:880px;
	margin:0 auto;
}
.inner .presentArea ul li{
	float:left;
}
.inner .presentArea ul li.pl10{
	padding-left:10px;
}

/* ==========================================================================
 bnrArea
=========================================================================== */

.inner .bnrArea{
	width:880px;
	margin:0 auto 30px auto;
}
.inner .bnrArea p{
	margin:0 !important;
	padding:0 !important;
}

/* ==========================================================================
 btnarea
=========================================================================== */

.btnarea{
	background:url(../images/default_btn_bg_top.gif) no-repeat left top;
	width:880px;
	padding-top:17px;
	margin:0 auto;
}
.btnarea_inner{
	background:url(../images/default_btn_bg_bottom.gif) no-repeat left bottom;
	width:880px;
	padding-bottom:17px;
}
.btnarea_inner2{
	background:url(../images/default_btn_bg_body.gif) repeat-y left top;
	width:861px;
	padding-left:19px;
}
.btnarea .end{
	padding:0px !important;
}
.btnarea span,.tabarea_btnset span{color:#cccccc;}
.btnarea img{
	display: inline !important;  
    vertical-align: middle !important;
}
.btnarea dt,.btnarea dd{
	padding-bottom:10px;
}
.btnAreaFrame{
	width:880px;
	padding:0;
	background:url(../images/default_btn_bg_body.gif) repeat-y left top;
}