html { overflow-y: scroll }
div { 	word-break: break-all;}
div {
	border-style:solid;
	border-width:0px;
}
html { overflow-y: scroll }

/* outer box(blue) */

table.outerbox  { border-collapse:collapse; width:98%; }

td.out_blue_tl { background-image:url(/images/out_blue_tl.gif); height:8px; width:8px; padding:0px; }
td.out_blue_tc { background-image:url(/images/out_blue_tc.gif); height:8px; padding:0px; }
td.out_blue_tr { background-image:url(/images/out_blue_tr.gif); height:8px; width:8px; padding:0px; }
td.out_blue_ml { background-image:url(/images/out_blue_ml.gif); width:8px; padding:0px; }
td.out_blue_mc { background-color:#eaeefe; padding:10px }
td.out_white_mc { background-color:#ffffff; }
td.out_blue_mr { background-image:url(/images/out_blue_mr.gif); width:8px; padding:0px; }
td.out_blue_bl { background-image:url(/images/out_blue_bl.gif); height:8px; width:8px; padding:0px; }
td.out_blue_bc { background-image:url(/images/out_blue_bc.gif); height:8px; padding:0px; }
td.out_blue_br { background-image:url(/images/out_blue_br.gif); height:8px; width:8px; padding:0px; }

.box_list_top {
	position:relative;
	clear:both;
	margin-bottom:10px;
	width:100%;
}

.box_list_top2 {
	position:relative;
	margin-top:8px; margin-right:10px; margin-left:10px;
}

.box_margin_all {
	margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px;
}
.box_margin_trl {
	margin-top:10px; margin-right:10px; margin-bottom:0px; margin-left:10px;
}
.box_margin_rl {
	margin-top:0px; margin-right:10px; margin-bottom:0px; margin-left:10px;
}

.box_search_top {
	position:relative;
	clear:both;
	width:100%;
}

.box_round_list_top {
	position:relative;
	border-collapse:collapse;
	width:100%;
}

.qbox {
	margin-bottom:20px;
	border-style:solid;
	border-width:1px;
	border-color:#e0e0e0;
}

/* round box */

table.roundbox   { border-collapse:collapse; width:100%; }
table.smallroundbox   { border-collapse:collapse; width:97%; }

/* blue box */

td.box_blue_tl { background-image:url(/images/box_blue_tl.gif); height:6px; width:6px; padding:0px; }
td.box_blue_tc { background-image:url(/images/box_blue_tc.gif); height:6px; padding:0px; }
td.box_blue_tr { background-image:url(/images/box_blue_tr.gif); height:6px; width:6px; padding:0px; }
td.box_blue_ml { background-image:url(/images/box_blue_ml.gif); width:6px; padding:0px; }
td.box_blue_mc { background-color:#eaeefe; padding:10px; }
td.box_blue_mc2 { background-color:#eaeefe; padding:20px 15px 0px 15px; }
td.box_blue_mc3 { background-color:#ffffff; padding:10px; }
td.box_blue_mr { background-image:url(/images/box_blue_mr.gif); width:6px; padding:0px; }
td.box_blue_bl { background-image:url(/images/box_blue_bl.gif); height:6px; width:6px; padding:0px; }
td.box_blue_bc { background-image:url(/images/box_blue_bc.gif); height:6px; padding:0px; }
td.box_blue_br { background-image:url(/images/box_blue_br.gif); height:6px; width:6px; padding:0px; }

/* pink box */

td.box_pink_tl { background-image:url(/images/box_pink_tl.gif); height:6px; width:6px; padding:0px; }
td.box_pink_tc { background-image:url(/images/box_pink_tc.gif); height:6px; padding:0px; }
td.box_pink_tr { background-image:url(/images/box_pink_tr.gif); height:6px; width:6px; padding:0px; }
td.box_pink_ml { background-image:url(/images/box_pink_ml.gif); width:6px; padding:0px; }
td.box_pink_mc { background-color:#fbeaee; padding:10px; }
td.box_pink_mr { background-image:url(/images/box_pink_mr.gif); width:6px; padding:0px; }
td.box_pink_bl { background-image:url(/images/box_pink_bl.gif); height:6px; width:6px; padding:0px; }
td.box_pink_bc { background-image:url(/images/box_pink_bc.gif); height:6px; padding:0px; }
td.box_pink_br { background-image:url(/images/box_pink_br.gif); height:6px; width:6px; padding:0px; }

/* list table */

table.listtbl { border-collapse:collapse; width:100%; }

td.tbl_th {
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#ffffff;
	text-align:center;
	font-size:small;
	color:#ffffff;
}

td.tbl_td_w {
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#e0e0e0;
	background-color:#ffffff;
}

td.tbl_td_p {
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#e0e0e0;
	background-color:#FFC0CB;
}

td.tbl_td2 {
	border-style:solid;
	border-width:1px 1px 1px 0px;
	border-color:#e0e0e0;
	background-color:#ffffff;
}

td.th_blue {
	background-image:url(/images/tbl_blue_tc.gif);
	border-bottom-color:#2f9cff;
}

td.th_blue2 {
	background-image:url(/images/tbl_blue_tc2.gif);
	border-width:1px 1px 1px 0px;
	border-right-color:#2f9cff;
}

td.t_blue_r {
	border-right-color:#2f9cff;
}
td.t_blue_b {
	border-bottom-color:#2f9cff;
}
td.t_blue_l {
	border-left-color:#2f9cff;
}

/* 学外自学自習：問題集一覧画面 */
body#JO100 .th_blue_n {
	background-image:url(/images/icons/border_center_n.gif);
	margin :0px;
	height :15px; 
	background-repeat :no-repeat;
}

div.th_blue_n:after {
	content :"";
	display :block;
	clear :both;
	height :1px;
	overflow :hidden;
}
body#JO100 .tbl_th_n {
	border-style:solid;
	border-width:0px;
	border-color:#ffffff;
	text-align:left;
	font-size:small;
	color:#ffffff;
}
body#JO100 .tbl_td_w_n {
	border-style:none;
	background-color:#ffffff;
	background-image:url(/images/icons/box_pblue_ml.gif);
	background-repeat :repeat-y;
	background-position :left;
}
body#JO100 .tbl_td_w_n2 {
	border-style:solid;
	background-color:#E6E6FA;
	border-color:#ffffff;;
	border-width:0px 0px 1px 0px;
}
body#JO100 .out_white_mc_n {
	background-color:#FFFFFF;
}
body#JO100 .mtable_n {
	z-index:1;
}

body#JO100 .icons_n1 {
	position:absolute; top:7px; left:90px;
	z-index:2;
}
body#JO100 .icons_n2 {
	position:absolute; top:320px; left:90px;
	z-index:2;
}

/* 学外自学自習：採点結果画面 */
body#JO130 .box_mokuhyo_top {
	position:relative;
	clear:both;
	width:100%;
}
body#JO130 .ico_box_mokuhyo_frame {
	position:absolute; top:0px; left:0px;
	z-index:1;
}
body#JO130 .ico_box_mokuhyo_piyo {
	position:absolute; top:30px; left:400px;
	z-index:2;
}
body#JO130 .ico_box_mokuhyo_stamp {
	position:absolute; top:0px; left:535px;
	z-index:3;
}
body#JO130 .font_box_mokuhyo_msg0_1 {
	position:absolute; top:60px; left:230px;
	z-index:2;
	font-family :cursive ;
	font-weight : bold ;
	font-size : 30pt ;
	text-align:center;
	line-height: 100%;
}
body#JO130 .font_box_mokuhyo_msg0_2 {
	position:absolute; top:60px; left:190px;
	z-index:2;
	font-family :cursive ;
	font-weight : bold ;
	font-size : 30pt ;
	text-align:center;
	line-height: 100%;
}
body#JO130 .font_box_mokuhyo_msg1_1 {
	position:absolute; top:100px; left:100px;
	z-index:3;
	font-family :cursive ;
	font-weight : bold ;
	font-size : 22pt ;
	text-align:center;
	line-height: 100%;
}
body#JO130 .font_box_mokuhyo_msg1_2 {
	position:absolute; top:180px; left:100px;
	z-index:3;
	font-family :cursive ;
	font-weight : bold ;
	font-size : 22pt ;
	text-align:center;
	line-height: 100%;
}
body#JO130 .font_box_mokuhyo_msg2 {
	position:absolute; top:155px; left:65px;
	z-index:4;
	font-family :cursive ;
	font-size : 17pt ;
	text-align:left;
	line-height: 112%;
}
body#JO130 .font_box_mokuhyo_msg3 {
	position:absolute; top:280px; left:220px;
	z-index:5;
	font-family :cursive ;
	font-size : 12pt ;
	text-align:left;
	line-height: 100%;
}
body#JO130 .font_box_mokuhyo_msg4 {
	position:absolute; top:110px; left:65px;
	z-index:6;
	font-family :cursive ;
	font-size : 17pt ;
	text-align:left;
	line-height: 112%;
}
body#JO130 .font_box_mokuhyo_msg5 {
	position:absolute; top:310px; left:65px;
	z-index:7;
	font-family :cursive ;
	font-size : 12pt ;
	text-align:left;
	line-height: 130%;
}
body#JO130 .font_box_mokuhyo_msg6 {
	position:absolute; top:270px; left:65px;
	z-index:8;
	font-family :cursive ;
	font-size : 17pt ;
	text-align:left;
	line-height: 112%;
}
/*ベーステーブル*/
body#JO130 .tbl_td3 {
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-color:#FFFFFF;
	border-color:#E0E0E0;
}
body#JO130 .tbl_tdp {
	border-style:solid;
	border-width:0px 1px 1px 1px;
	background-color:#FFC0CB;


}
body#JO130 .t_blue_t {
	border-top-color:#2f9cff;
}

body#JO130 .t_white_l {
	border-left-color:#ff0000;
}

/* 学外自学自習：共通 */
.size_all {
	width :800px;
}
.size_min {
	width :600px;
}
.size_sub1 {
	width :800px;
}
.main_mgin {
	margin :0 auto;
}
.sub_mgin {
	margin :0 auto;
}
.magin_buttom {
	padding-bottom :20px;
}








