@charset "utf-8";

.inner0{
	padding-top:20px !important;
	padding-bottom:39px !important;
	font-size:16px !important;
	line-height:1.5;
}

.inner0 p{
	margin:0 !important;
	padding:0 !important;
}

.mainImg{
	width:880px;
	margin:0 auto 40px auto !important;
	padding:0 !important;
	position:relative;
}

.mainImg p{
	margin:0 !important;
	padding:0 !important;
}

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

div#contents .titleArea h2,
div#contents .titleArea p{
	margin:0 !important; 
}
div#contents .titleArea .textBlock{
	padding-left:20px;
	padding-top:5px;
}

div#contents .titleArea .socialArea {
	position: absolute;
	top:190px;
	left: 765px;
}

/* ==========================================================================
 quizFrame
=========================================================================== */

.quizFrame{
	width:880px;
	margin:0 auto 20px auto;

	border:solid 4px #000000;
	border-top:none;
}
.quizFrameInner{
	width:872px;
	border:solid 3px #ffffff;
}
.quizFrameInner p{
	margin:25px auto !important;
	padding:0;
	text-align:center;
}
.quizFrameInner p.hint{
}

.quizFrameInner .hintItem{
	text-align:center;
}
.quizFrameInner .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;
}
.quizFrameInner .btnItem{
	margin:15px auto 20px auto;
	width:523px;
}
.quizFrameInner .btnItem p{
	margin:0 !important;
	padding:5px 0 0 0 !important;
	text-align:left;
}

/* ==========================================================================
 itemlist
=========================================================================== */

.beinglist{
	width:880px;
	margin:20px auto 0 auto;
}

.beinglist h4{
	margin-bottom:10px !important;
	padding:0 !important;
}

ul.itemlist {
	width:910px;
	margin:0 0 0 -20px !important;
	padding:0;
	list-style-type: none;
}

ul.itemlist li {
	float: left;
	margin: 0;
	padding:0 0 15px 20px;
	position:relative;
}

.itemlist li .fb_btn{
	position: absolute;
	left: 200px;
	bottom: 30px;
}

/* ==========================================================================
 �^�u�lj���
=========================================================================== */

/* 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;
}

/* tabarea -------------------------------------------*/
#tabarea #tab{
	border-bottom:3px solid #cb0800;
	width:880px;
	overflow:hidden;
	margin-top:50px;
}
#tabarea #tab li{
	float:left;
	width:280px;
	margin-right:20px;
}
#tabarea #tab li.right{
	margin-right:0 !important;
}

#tabarea #detail01,#tabarea #detail02,#tabarea #detail03{
	border-bottom:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	padding:20px 19px;
	background-color:#ffffff;
	width:840px;
	overflow:hidden;
	display: none;
}
.tabarea_btnset dt,.tabarea_btnset dd{
	padding-bottom:10px;
}

/* detail01 */
#tabarea #detail01_inner{
/*
	margin-bottom:30px;
*/
	background:url(../images/default_tab01_bg02.gif) no-repeat left bottom;
	/padding-bottom:1px;
}
#tabarea #detail01_inner02{
	background:url(../images/default_tab01_bg01.gif) repeat-y left top;
	width:840px;
	overflow:hidden;
}
#tabarea #detail01_inner dl{
	float:left;
	width:285px;
}
#tabarea #detail01_inner dl.right{
	width:270px;
}
#tabarea #detail01_inner dd{
	padding:20px 20px 19px 20px;
	width:230px;
}

/* detail02 */
/*
#tabarea #detail02_inner{
	margin-bottom:10px;
}
*/
#tabarea #detail02_inner dt{
	background:url(../images/default_tab02_bg.gif) no-repeat left top;
	padding:7px 20px 0 20px;
	height:28px;
}
#tabarea #detail02_inner dd{
	border-bottom:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding:14px 19px 19px 19px;
	margin-bottom:20px;
}

/* detail03 */
/*
#tabarea #detail03_inner{
	margin-bottom:30px;
}
*/
#detail03_inner p{
	margin-top:0 !important;
}

#detail03_inner .dl{
	overflow: hidden;
}

#detail03_inner .dl dt.first,
#detail03_inner .dl dd.first {
	border:none !important;
}

#detail03_inner .dl dt {
	float: left;
	border-top:dotted 1px #cccccc;
	padding:5px 0;
	font-weight:bold;
}
#detail03_inner .dl dd {
	border-top:dotted 1px #cccccc;
	padding:5px 0 5px 9.5em;
}

.btnAreaFrame{
	width:880px;
	padding:0;
	background:url(../images/default_btn_bg_body.gif) repeat-y left top;
}

#tabarea .btnAreaFrame{
	width:840px;
	margin:0 auto;
	background:none !important;
}

.btnAreaInner{
	width:795px;
	margin:0 auto;
}

.btnAreaInner img{
	padding-bottom:10px;
}

.btnAreaInner .floatL{
	width:385px;
	float:left;
}

.btnAreaInner .floatR{
	width:385px;
	float:right;
}

.btnAreaFrame p{
	width:795px;
	margin:0 auto !important;
}

.btnAreaFrame p span {
    color: #CCCCCC;
}

/* stracture -------------------------------------------*/
.subarea{
	background:url(../images/default_btn_bg_top.gif) no-repeat left top;
	width:880px;
	margin:30px auto;
	padding-top:17px;
}
.subarea_inner{
	background:url(../images/default_btn_bg_bottom.gif) no-repeat left bottom;
	width:880px;
	padding-bottom:17px;
}
.subarea_inner2{
	background:url(../images/default_btn_bg_body.gif) repeat-y left top;
	width:880px;
	padding:7px 0;
}
.subarea_inner2 p{
	margin:0 !important;
	padding:0 !important;
}
.subarea_inner2 .structure{
	margin-bottom:25px !important;
	text-align:center;
}
.subarea_inner2 .technology{
	text-align:center;
}