@charset "UTF-8";

/* ---------------------Common --------------------- */

p{
	margin: 0;
	padding: 0;
	line-height: 140%;
}

/*回り込み解除*/
.plc_ladder_clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .plc_ladder_clearfix {
    height: 1em;
    overflow: visible;
}
/**/


/* Hides from IE-mac \*/
* html .plc_ladder_clearfix {height: 1%;}
.plc_ladder_clearfix {display: block;}
/* End hide from IE-mac */

div#plc_ladder_container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#plc_ladder_container_inner {
	width: 836px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/*行揃え*/
.plc_ladder_textalign_left {
text-align:left;
}

.plc_ladder_textalign_right {
text-align:right;
}

.plc_ladder_textalign_center {
display:block;
text-align:center;
}

.plc_ladder_redtext {
	color: #F00;
}

/* --------------------- Index Page --------------------- */

div#plc_ladder_index_box {
	overflow: hidden;
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
}

div#plc_ladder_index_box_inner {
	width: 970px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#plc_ladder_index_alpha {
	float: left;
	text-align: left;
	width: 300px;
}

#plc_ladder_index_beta {
	float: left; 
	text-align: left;
	padding-left: 35px;
	width: 300px;
}

#plc_ladder_index_theta {
	float: left; 
	text-align: left;
	padding-left: 35px;
	width: 300px;
}

#plc_ladder_index_alpha table.plc_ladder,
#plc_ladder_index_beta table.plc_ladder,
#plc_ladder_index_theta table.plc_ladder {
	border: none;
	margin: 0;
	padding: 0;
}

#plc_ladder_index_alpha table.plc_ladder_tbl th,
#plc_ladder_index_beta table.plc_ladder_tbl th,
#plc_ladder_index_theta table.plc_ladder_tbl th {
	background-color: #228856;
	padding: 8px 8px 8px 10px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	border: none;
	border-top: 5px solid #1A643F;
}

#plc_ladder_index_alpha table.plc_ladder_tbl td,
#plc_ladder_index_beta table.plc_ladder_tbl td,
#plc_ladder_index_theta table.plc_ladder_tbl td {
	border: none;
	padding: 10px;
}

#plc_ladder_index_alpha table.plc_ladder_tbl td a,
#plc_ladder_index_beta table.plc_ladder_tbl td a,
#plc_ladder_index_theta table.plc_ladder_tbl td a {
	margin-left: 26px;
	display: block;
	width: 254px;
}

#plc_ladder_index_alpha table.plc_ladder_tbl td.plc_ladder_tbl_gray1,
#plc_ladder_index_beta table.plc_ladder_tbl td.plc_ladder_tbl_gray1,
#plc_ladder_index_theta table.plc_ladder_tbl td.plc_ladder_tbl_gray1 {
	background: url(../../img/landing_page/plc_ladder/plc_ladder_li.gif) no-repeat 10px 10px;
	background-color: #f6f6f6;
}

#plc_ladder_index_alpha table.plc_ladder_tbl td.plc_ladder_tbl_gray2,
#plc_ladder_index_beta table.plc_ladder_tbl td.plc_ladder_tbl_gray2,
#plc_ladder_index_theta table.plc_ladder_tbl td.plc_ladder_tbl_gray2 {
	background: url(../../img/landing_page/plc_ladder/plc_ladder_li.gif) no-repeat 10px 10px;
	background-color: #e7e7e7;
}

#plc_ladder_index_alpha table.plc_ladder_tbl td.plc_ladder_tbl_gray1_new,
#plc_ladder_index_beta table.plc_ladder_tbl td.plc_ladder_tbl_gray1_new,
#plc_ladder_index_theta table.plc_ladder_tbl td.plc_ladder_tbl_gray1_new {
	background: url(../../img/landing_page/plc_ladder/plc_ladder_new.gif) no-repeat 10px 10px;
	background-color: #f6f6f6;
}

#plc_ladder_index_alpha table.plc_ladder_tbl td.plc_ladder_tbl_gray2_new,
#plc_ladder_index_beta table.plc_ladder_tbl td.plc_ladder_tbl_gray2_new,
#plc_ladder_index_theta table.plc_ladder_tbl td.plc_ladder_tbl_gray2_new {
	background: url(../../img/landing_page/plc_ladder/plc_ladder_new.gif) no-repeat 10px 10px;
	background-color: #e7e7e7;
}


#plc_ladder_banner_alpha {
	clear: both;
	float: left;
	text-align: left;
	margin-top: 20px;
}

#plc_ladder_banner_beta {
	float: left;
	text-align: left;
	margin-left: 28px;
	margin-top: 20px;
}



/* --------------------- Title --------------------- */

h1.plc_ladder_title {
	font-size: 30px; color: #FFF;
	background-color: #228856; 
	padding: 5px 20px 3px 20px; 
	margin-bottom: 10px;
}


/* --------------------- Question --------------------- */

dl#plc_ladder_question {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	font-size: 22px;
	color: #333;
	border-bottom: 2px dashed #CCCCCC;
}


#plc_ladder_question dt{
	float: left;
	margin: 0 20px;
	padding: 10px 0;
}

#plc_ladder_question dd{
	float: left;
	margin: 0 20px;
	padding: 10px 20px;
	border-left: 2px solid #CCC;
}


#plc_ladder_box {
	clear: both;
	width : 828px;
	margin: 0 0 20px 8px;
	font-size: 14px;
}


#plc_ladder_box_alpha{
	float: left;
	text-align: left;
}


#plc_ladder_box_beta{
	float: left; 
	text-align: left;
	margin-left: 20px;
}


/* --------------------- Options --------------------- */

#plc_ladder_option2 {
	clear: both;
	width : 836px;
	margin: 0;
}

#plc_ladder_option2_alpha {
	float: left;
	text-align: left;
}

#plc_ladder_option2_beta{
	float: left; 
	text-align: left;
	padding-left: 56px;
}

#plc_ladder_option3 {
	clear: both;
	width : 836px;
	margin: 0;
}

#plc_ladder_option3_alpha {
	float: left;
	text-align: left;
}

#plc_ladder_option3_beta{
	float: left; 
	text-align: left;
	padding-left: 16px;
}

#plc_ladder_option3_theta{
	float: left; 
	text-align: left;
	padding-left: 16px;
}

#plc_ladder_option4 {
	clear: both;
	width : 836px;
	margin: 0;
}

#plc_ladder_option4_alpha {
	float: left;
	text-align: left;
}

#plc_ladder_option4_beta{
	float: left; 
	text-align: left;
	padding-left: 1px;
}

#plc_ladder_option4_theta{
	float: left; 
	text-align: left;
	padding-left: 1px;
}

#plc_ladder_option4_delta{
	float: left; 
	text-align: left;
	padding-left: 1px;
}

p.plc_ladder_btn img {
	display: block;
	cursor: pointer;
}


/* --------------------- Answer --------------------- */

div#plc_ladder_answer {
	margin: 0;
	padding: 0;
}

div#plc_ladder_kaitou_a {
	clear: both;
	width : 836px;
	margin: 0;
	padding-top: 50px;
	background: url(../../img/landing_page/plc_ladder/plc_ladder_001_04.gif) no-repeat top;
	font-weight: bold;
}

	div#plc_ladder_kaitou_a01 {
		width: 130px;
		float: left;
		text-align: center;
		margin: 0;
		padding-top: 5px;
		font-size: 18px;
		color: #208654;
	}

	div#plc_ladder_kaitou_a02 {
		width: 250px;
		float: left;
		text-align: left;
		padding-left: 10px;
		margin: 0;
		font-size: 30px;
	}

	div#plc_ladder_kaitou_a03 {
		width: 130px;
		float: left;
		text-align: center;
		margin: 0 0 0 56px;
		padding-top: 5px;
		font-size: 18px;
		color: #208654;
	}

div#plc_ladder_kaitou_b {
	clear: both;
	width : 836px;
	margin: 0;
	padding-top: 50px;
	background: url(../../img/landing_page/plc_ladder/plc_ladder_002_05.gif) no-repeat top;
	font-weight: bold;
}

	div#plc_ladder_kaitou_b01 {
		width: 130px;
		float: left;
		text-align: center;
		margin: 0;
		padding-top: 5px;
		font-size: 18px;
		color: #208654;
	}

	div#plc_ladder_kaitou_b02 {
		width: 128px;
		float: left;
		text-align: center;
		padding-left: 10px;
		margin: 0;
		font-size: 30px;
	}

	div#plc_ladder_kaitou_b03 {
		width: 130px;
		float: left;
		text-align: center;
		margin: 0 0 0 14px;
		padding-top: 5px;
		font-size: 18px;
		color: #208654;
	}

div#plc_ladder_kaitou_c {
	clear: both;
	width : 836px;
	margin: 0;
	padding-top: 50px;
	background: url(../../img/landing_page/plc_ladder/plc_ladder_018_09.gif) no-repeat top;
	font-weight: bold;
}

	div#plc_ladder_kaitou_c01 {
		width: 66px;
		float: left;
		text-align: center;
		margin: 0;
		padding-top: 5px;
		font-size: 18px;
		color: #208654;
	}

	div#plc_ladder_kaitou_c02 {
		width: 124px;
		float: left;
		text-align: center;
		padding-left: 10px;
		margin: 0;
		font-size: 30px;
	}

	div#plc_ladder_kaitou_c03 {
		width: 66px;
		float: left;
		text-align: center;
		margin: 0 0 0 10px;
		padding-top: 5px;
		font-size: 18px;
		color: #208654;
	}

.plc_ladder_correct {
	color: #FF0000;
}

.plc_ladder_wrong {
	color: #3366CC;
}

div#plc_ladder_kaisetsu {
	clear: both;
    overflow: hidden;
	width : 836px;
	margin: 20px 0;
	padding: 0;
	background: url(../../img/landing_page/plc_ladder/plc_ladder_001_05.gif) no-repeat top;
}

	div#plc_ladder_kaisetsu01 {
		width: 836px;
		margin: 0;
		padding: 30px 0 0 38px;
		font-size: 22px;
		font-weight: bold;
		overflow: hidden;
	}
	
		div#plc_ladder_kaisetsu01 span {
			display: block;
			height: 50px;
			margin: 0;
		}
	
	div#plc_ladder_kaisetsu02 {
		overflow: hidden;
		width: 836px;
		padding: 0;
		background: url(../../img/landing_page/plc_ladder/plc_ladder_001_06.gif) repeat-y top;
	}

		div.plc_ladder_kaisetsu02_box1 {
			clear: both;
			width : 760px;
			margin: 10px 0 10px 38px;
			font-size: 14px;
		}

		div.plc_ladder_kaisetsu02_box2 {
			clear: both;
			width : 760px;
			border: 1px solid #59A25A;
			margin: 10px 0 10px 38px;
			padding: 17px 0;
		}
		
		div.plc_ladder_kaisetsu02_box2_alpha {
			font-size: 14px;
			float: left;
			text-align: left;
			width: 276px;
			margin-left: 17px;
		}
		
		div.plc_ladder_kaisetsu02_box2_beta {
			font-size: 14px;
			float: left;
			text-align: left;
			width: 440px;
			margin-left: 10px;
		}

		div.plc_ladder_kaisetsu02_box3 {
			clear: both;
			width : 760px;
			border: 1px solid #59A25A;
			background-color: #FBFAF9;
			margin: 20px 0 10px 38px;
			padding: 17px 0;
		}
		
		div.plc_ladder_kaisetsu02_box3_inner {
			margin: 0 17px 0 17px;
			font-size: 14px;
		}
	
	div.plc_ladder_kaisetsu02_title {
		clear: both;
		width: 160px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 18px;
		background: url(../../img/landing_page/plc_ladder/plc_ladder_001_14.png) no-repeat top;
		margin: 0 0 10px 17px;
		padding-top: 8px;
	}
	
	div.plc_ladder_kaisetsu02_title2 {
		clear: both;
		width: 300px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 18px;
		background: url(../../img/landing_page/plc_ladder/plc_ladder_001_16.png) no-repeat top;
		margin: 0 0 10px 17px;
		padding-top: 8px;
	}
	
		div.plc_ladder_kaisetsu02_title span,
		div.plc_ladder_kaisetsu02_title2 span {
			display: block;
			height: 30px;
			margin: 0;
		}

	div#plc_ladder_kaisetsu03 {
		width: 836px;
		height: 20px;
		background: url(../../img/landing_page/plc_ladder/plc_ladder_001_13.gif) repeat-y top;
	}

/* --------------------- Download --------------------- */


dl#plc_ladder_download {
	margin: 0;
	padding: 0;
	position: relative;
}

dl#plc_ladder_download dt {
	clear: both;
	width : 520px;
	margin: 40px 0 0 3px;
	padding: 5px 5px 5px 305px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	background-color: #333;
}

dl#plc_ladder_download dd {
	clear: both;
	width : 820px;
	margin: 0 0 0 3px;
	padding: 20px 5px 10px 5px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background-color: #F5F4EB;
	border-bottom:  1px solid #B7B7B7;
}

	dl#plc_ladder_download dd p {
		margin-left: 300px;
	}
	
dl#plc_ladder_download dd p a {
	/*mac IE用\*//*/
	display: inline-table;
	/**/
	/* Hides mac-IE5\*/
	display: block;
	/**/
	padding: 6px 0 0 30px;
	margin: 10px 0;
	border: none;
	width: 114px;
	height: 29px;
	background: url(../../img/landing_page/plc_ladder/plc_ladder_btn.gif) 0 0 no-repeat;
	overflow: hidden;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

span#plc_ladder_download03 {
	position: absolute;
	top: -20px;
	left: 10px;	
}