@charset "utf-8";
/* CSS Document */

img {
	border: none;
}

h1 {
	margin:0;
	padding:0;
}

p.text {
	font-size:14px;
	line-height:170%;
}

p.question {
	margin:38px 0 0 0;
}

p.question02 {
	margin:38px 0 0 0;
}

#back_list {
	width:260px;
	height:30px;
	margin: 10px 0 20px 430px;
}

#background_01 {
	width:690px;
	height:523px;
	margin:0;
	padding:0;
	background: url(../images/bg_01.jpg) no-repeat;
	position:relative;
}

#background_01 #q_select {
	width:110px;
	height:auto;
	margin:142px 0 0 95px;
	position:absolute;
}


#background_03 {
	width:690px;
	height:854px;
	margin:0;
	padding:0;
	background: url(../images/bg_03.jpg) no-repeat;
	position:relative;
}

#background_03 #movie{
	width:350px;
	height:240px;
	margin:200px 0 0 120px;
	position:absolute;
}

#background_03 #info {
	width:290px;
	height:auto;
	margin:450px 0 0 160px;
	position:absolute;
}

#background_03 #text_area {
	width:540px;
	height:auto;
	margin:530px 0 0 20px;
	position:absolute;
}

#background_03 #link_btn01 {
	width:269px;
	height:82px;
	margin:750px 0 0 290px;
	position:absolute;
}

#ans_bg {
	width:690px;
	height:155px;
	margin:0;
	padding:0;
	background: url(../images/ans_bg.jpg) no-repeat;
}

#answer_area {
	width:690px;
	height:auto;
}

#point_bg {
	width:690px;
	height:236px;
	background: url(../images/bg_02.jpg) no-repeat;
	position:relative;
}

#point_bg #ans_txt {
	width:520px;
	height:auto;
	margin:45px 0 0 90px;
	position:absolute;
}

#point_bg #link_btn02 {
	width:269px;
	height:82px;
	margin:150px 0 0 340px;
	position:absolute;
}


#secound_background_01 {
	width:690px;
	height:484px;
	margin:0;
	padding:0;
	background: url(../images/02_bg_01.jpg) no-repeat;
	position:relative;
}

#secound_background_01 #secound_q_select {
	width:110px;
	height:auto;
	margin:142px 0 0 95px;
	position:absolute;
}

#secound_point_bg {
	width:690px;
	height:625px;
	background: url(../images/02_bg_02.jpg) no-repeat;
	position:relative;
}

#secound_point_bg #secound_ans_txt {
	width:520px;
	height:auto;
	margin:35px 0 0 90px;
	position:absolute;
}

#secound_point_bg #secound_link_btn02 {
	width:269px;
	height:82px;
	margin:400px 0 0 340px;
	position:absolute;
}

#blueback {
	width:690px;
	height:1300px;
	margin:0;
	background:url(../images/blueback.gif);
}

#blueback {
	width:690px;
	height:1450px;
	margin:0;
	background:url(../images/blueback.gif);
}

#blueback02 {
	width:690px;
	height:1000px;
	margin:0;
	background:url(../images/blueback.gif);
}

#blueback #listtitle {
	width:425px;
	height:133px;
	margin:0 0 0 20px;
}

#blueback #waku {
	width:650px;
	margin:0 40px 20px 20px;
	border:#666 1px solid;
	background:#fffde5;
}

table.list {
	width:640px;
	margin:20px auto 20px auto;
}

table.list td.c1 {
	width:83px;
	height:53px;
	text-align:center;
}

table.list td.c2 {
	padding:0 0 0 5px;
	vertical-align:middle;
	font-size:18px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
}

#link_bg {
	width:650px;
	height:970px;
	margin:0 auto 0 auto;
	background: url(../images/link_bg.jpg) no-repeat;
	position:relative;
}

#link_bg #link_btn_01 {
	width:184px;
	height:126px;
	margin:28px 0 0 10px;
	position:absolute;
}

#link_bg #link_btn_02 {
	width:222px;
	height:126px;
	margin:515px 0 0 10px;
	position:absolute;
}

#link_bg #link_a {
	width:300px;
	height:200px;
	margin:250px 0 0 20px;
	position:absolute;
}

#link_bg #link_b {
	width:300px;
	height:200px;
	margin:250px 0 0 330px;
	position:absolute;
}

#link_bg #link_c {
	width:300px;
	height:200px;
	margin:740px 0 0 20px;
	position:absolute;
}

#link_bg #link_d {
	width:300px;
	height:200px;
	margin:740px 0 0 330px;
	position:absolute;
}

#third_background_01 {
	width:690px;
	height:405px;
	margin:0;
	padding:0;
	background: url(../images/03_bg_01.jpg) no-repeat;
	position:relative;
}
#four_background_01 {
	width:690px;
	height:382px;
	margin:0;
	padding:0;
	background: url(../images/04_bg_01.gif) no-repeat;
	position:relative;
}
#third_background_01 #third_q_select {
	width:110px;
	height:auto;
	margin:142px 0 0 95px;
	position:absolute;
}
#four_background_01 #four_q_select {
	width:110px;
	height:auto;
	margin:152px 0 0 95px;
	position:absolute;
}
#third_point_bg {
	width:690px;
	height:468px;
	background: url(../images/03_bg_02.jpg) no-repeat;
	position:relative;
}
#four_point_bg {
	width:690px;
	height:422px;
	background: url(../images/04_bg_02.jpg) no-repeat;
	position:relative;
}
#third_point_bg #third_ans_txt {
	width:520px;
	height:auto;
	margin:35px 0 0 90px;
	position:absolute;
}
#four_point_bg #four_ans_txt {
	width:520px;
	height:auto;
	margin:40px 0 0 90px;
	position:absolute;
	line-height:1.5em;
	font-size:1.05em;
}
#third_point_bg #third_link_btn02 {
	width:269px;
	height:82px;
	margin:345px 0 0 370px;
	position:absolute;
}
#four_point_bg #four_link_btn02 {
	width:269px;
	height:82px;
	margin:290px 0 0 370px;
	position:absolute;
}


/* 第5問 */
#five_background_01 {
	width:690px;
	height:358px;
	margin:0;
	padding:0;
	background: url(../images/05_bg_01.gif) no-repeat;
	position:relative;
}
#five_background_01 #five_q_select {
	width:110px;
	height:auto;
	margin:142px 0 0 95px;
	position:absolute;
}
#five_point_bg {
	width:690px;
	height:422px;
	background: url(../images/05_bg_02.gif) no-repeat;
	position:relative;
}
#five_point_bg #five_ans_txt {
	width:520px;
	height:auto;
	margin:40px 0 0 90px;
	position:absolute;
	line-height:1.5em;
	font-size:1.05em;
}
#five_point_bg #five_link_btn02 {
	width:269px;
	height:82px;
	margin:292px 0 0 370px;
	position:absolute;
}
	
#right_con{
	margin:0 0 20ox 0;
}

#right_con h3{
	margin:0 0 10px 0;
}
#right_con .con_bana{
	margin:0 0 30px 0;
}
#right_con .con_bana li{
	margin:0 0 3px 0;
}

#right_con .links{
	margin:0;
}

#right_con .links li{
	margin:0 0 5px 0;
}

/* 化学式表現 */

.sub{
         /* 下付 */
         font-size: 0.7em;
         position: relative;
         top: 0.4em;
}
.sup{
         /* 上付（イオン価数） */
         font-size: 0.7em;
         position: relative;
         top: -0.6em;
}
      
.ion{
         /* 下付＋イオン価数 */
         font-size: 0.7em;
         position: relative;
         top: -0.6em;
         left: -0.6em;
}

/* 2015 */

.lead{
	font-size:16px;
	line-height:24px;
	color:#333;
	margin-top:15px;
	text-align:center;
	font-weight:bold;
}

.cntbox,
.cntbox--normal{
	position:relative;
	border:#aaa 1px solid;
	border-left:#709b50 5px solid;
	border-radius:4px;
	padding:10px 10px 13px 10px;
	margin:25px 0 0 0;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );

}
.external{
	border-left:#709b50 5px solid;
}

.cntbox:hover{
	border:#0a3f96 1px solid;
	border-left:#0a3f96 5px solid;
	box-shadow:rgba(194, 109, 109, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(194, 109, 109, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(194, 109, 109, 0.2) 0px 0px 6px 3px;
}
.cntbox2{
	position:relative;
	border:#aaa 1px solid;
	border-left:#0a3f96 5px solid;
	border-radius:4px;
	padding:10px 10px 13px 10px;
	margin:25px 0 0 0;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
.cntbox2:hover{
	border:#f26700 1px solid;
	border-left:#0a3f96 5px solid;
	box-shadow:rgba(212, 92, 0, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(212, 92, 0, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(212, 92, 0, 0.2) 0px 0px 6px 3px;
}
.external:hover{
	border:#b0650c 1px solid;
	border-left:#b0650c 5px solid;
}
.cntbox a,
.cntbox2 a,
.leftbox a,
.rightbox a{
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.cntbox a:hover,
.cntbox2 a:hover,
.cntbox--company a:hover{
	color:#ff0;
}
.firstblk{
	margin:15px 0 0 0;
}
.content--left{
	float:left;
	width:200;
	margin-right:12px;
}
.content--left img{
	width:200px;
	margin-top:5px;
}
.content--left img.cnt2{
	width:200px;
	margin-top:8px;
}
.content--right{
	float:left;
	width:450px;
	margin:0; padding:0;
}
.content--title{
	font-size:18px;
	float:left;
	font-weight:bold;
	margin:0; padding:0;
}
.content--desc{
	font-size:13px;
	line-height:19px;
}
.content--desc span{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-top:4px;
	margin-bottom:2px;
}
.content--advisor{
	font-size:12px;
	float:left;
	padding-top:4px;
	margin-left:12px;
}
.view--button{
	background:url(../images/view_button_off.png) repeat-x center center;
	font-size:12px;
	float:left;
	height:22px;
	width:auto;
	text-align:center;
	color:#fff;
	padding:3px 3px 3px 12px;
	border-radius:4px;
	margin:10px 0 0 0;
}
.view--button:hover{
	background:url(../images/view_button_on.png) repeat-x center center;
	color:#FF0;
}
.status--notice{
	float:right;
	text-align:right;
	color:#cc0000;
	font-size:12px;
	font-weight:bold;
	padding-top:12px;
}
.new2{
	background:url(../images/newicon.png) no-repeat right top;
}
.up{
	background:url(../images/upicon.png) no-repeat right top;
}

/* 2016-INDEX */

.content--block--690 .left{
	position:relative;
	margin:0;
	border:#ccc 1px solid;
	border-top:none;
	width:343px;
	float:left;
}
.content--block--690 .left--nolink{
	position:relative;
	margin:0;
	border:#ccc 1px solid;
	border-top:none;
	width:343px;
	float:left;
	background:#f2f2f2;
}
.content--block--690 .left:hover,
.content--block--690 .right:hover{
	background: #ffe9c9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffe9c9 0%, #ffffff 57%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe9c9), color-stop(57%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffe9c9 0%,#ffffff 57%);
	background: -o-linear-gradient(top,  #ffe9c9 0%,#ffffff 57%);
	background: -ms-linear-gradient(top,  #ffe9c9 0%,#ffffff 57%);
	background: linear-gradient(to bottom,  #ffe9c9 0%,#ffffff 57%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9c9', endColorstr='#ffffff',GradientType=0 );
}
.content--block--690 .left--new{
	background:url(../../top/images/manga__up.png) no-repeat right top;
	position:relative;
	margin:0;
	border:#ccc 1px solid;
	border-top:none;
	width:343px;
	float:left;
}
.content--block--690 .right{
	position:relative;
	margin:0;
	border:#ccc 1px solid;
	border-top:none;
	border-left:none;
	width:344px;
	float:left;
}
.content--block--690 .right--nolink{
	position:relative;
	margin:0;
	border:#ccc 1px solid;
	border-top:none;
	border-left:none;
	width:344px;
	float:left;
	background:#f2f2f2;
}
.content--block--690 .right--new{
	background:url(../../top/images/manga__up.png) no-repeat right top;
	position:relative;
	margin:0;
	border:#ccc 1px solid;
	border-top:none;
	border-left:none;
	width:343px;
	float:left;
}
.conImg--160{
	width:120px;
	height:auto;
	margin:10px;
}
.conBox--company{
	float:left;
	margin:10px 0 0 0;
	width:201px;
}
.conBox--company--new{
	float:left;
	margin:10px 0 0 0;
	width:202px;
	background:url(../../top/images/manga__up.png) right top no-repeat;
}
.conBox--company h5,
.conBox--company--new h5{
	margin-top:2px;
	margin-bottom:2px;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
}
.conBox--company p,
.conBox--company--new p{
	font-size:12px;
}
.conBox--company p,
.conBox--company--new p{
	font-size:12px;
}
.view--button--auto{
	background:url(../images/view_button_off.png) repeat-x center center;
	font-size:12px;
	float:left;
	height:20px;
	text-align:center;
	color:#fff;
	padding:2px 7px 2px 7px;
	border-radius:4px;
	margin-top:2px;
}
.view--button--auto--nolink{
	background:#777;
	font-size:12px;
	float:left;
	height:20px;
	text-align:center;
	color:#fff;
	padding:2px 7px 2px 7px;
	border-radius:4px;
	margin-top:2px;
}
.view--button--auto:hover{
	background:url(../images/view_button_on.png) repeat-x center center;
	color:#FF0;
}
.view--button--auto a{
	color:#fff;
}
.view--button--auto a:hover{
	color:#ff0;
}

/* LINK LIST */
ul.linklist{
	margin:10px 0 20px 0;
}
ul.linklist li{
	float:left;
	width:220px;
	margin-right:15px;
	list-style-type:none;
	text-align;center;
}
ul.linklist li img{
	width:220px
}
ul.linklist li p{
	font-size:11px;
	line-height:1.5em;
}
ul.linklist li:nth-child(3n+0){
	margin-right:0;
}
h4.subtitle{
	font-size:16px;
	font-weight:bold;
	color:#444;
	margin:15px 0 0 0;
	font-weight:bold;
	padding:7px 0 8px 7px;
	border-top:#709b50 3px solid;
	border-bottom:#888 1px dashed;
}
h4.subtitle span{
	font-size:12px;
	font-weight:normal;
	display:inline-block;
	text-align:right;
	float:right;
	padding-top:3px;
}
h4.attention{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-top:#b16250 2px solid;
	border-bottom:#b16250 2px solid;;
	padding:7px 0 8px 7px;
}

.list-title{
	margin-top:0px;
	padding:10px 6px 11px 8px;
	background:url(../images/check_bg.gif) repeat-x;
	border:#709b50 1px solid;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	/*text-shadow: 1px 1px 1px #ddd;*/
	text-align:left;
}
ul.cont--list {
	font-size: 12px;
	text-align: left;
	border: 1px solid #999;
	border-top:none;
	background-color: #fff;
	margin-bottom:5px;
	margin-top:-2px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

ul.cont--list > li {
	padding: 1px;
	border-bottom: 1px dotted #999;
}
ul.cont--list > li.nobottom {
	border-bottom: none;
}
ul.cont--list > li.ext-link {
	background:url(../images/icon_external_link.png) no-repeat 98% center;
}

ul.cont--list > li.category {
	padding: 1px;
	border-top: 1px solid #999;
	padding: 9px 8px 9px 8px;
	color: #333;
	font-weight:bold;
	background-color:#f3eeee;
}
ul.cont--list > li.index {
	padding: 1px;
	border-top: 1px solid #999;
	color: #333;
	font-weight:bold;
	background-color:#efe3e3;
	font-weight:bold;
	font-size:13px;
}
ul.cont--list > li > a {
	display: block;
	padding: 8px 10px 8px 12px;
	color: #333;
	text-decoration:none;
}
ul.cont--list > li.index > a {
	display: block;
	padding: 9px 8px 9px 8px;
	color: #333;
	text-decoration:none;
}
ul.cont--list > li > a:hover {
	color: #264a0b;
	text-decoration:none;
	background:#e8f2e2;
}
ul.cont--list > li.index > a:hover {
	color: #264a0b;
	text-decoration:none;
	background:#ead9d9
}
ul.cont--list > li.ext-link > a:hover {
	color: #264a0b;
	text-decoration:none;
	background:#e8f2e2 url(../images/icon_external_link_over.png) no-repeat 98% center;
}

ul.cont--list > li:last-child {
	border: none;
}
.extlinkbox{
	border:#aaa 1px solid;
	padding:5px;
	font-size:11px;
	color:#444;
	line-height:1.4em;
	margin-bottom:30px;
	text-align:center;
	background:#f7f7f7;
}