@charset "shift_JIS";

@import url(/common/css/theme_cyan.css);

/* ========== #seconderyNav Icon ========== */



/* -----------------------------------------------
              Components
   ----------------------------------------------- */

/* ========== featureArea ========== */

#mainVisual
	{
	background-image: url(/course/data/in_html/158/__icsFiles/afieldfile/2015/09/08/pic_photo_01.jpg);
	}

#mainVisual h1
	{
	margin-top: 40px;
	}

#mainVisual h1 small img
	{
	margin-bottom: 15px;
	}

#mainVisual p.clip
	{
	margin-top: 0;
/*	position: absolute;
		bottom: 30px;*/
left: 450px;
	}

#mainVisual p.btn
	{
	margin-top: 0;
	position: absolute;
		bottom: 17px;
		left: 40px;
	}


/* ========== topInfo ========== */

#topInfo .importantContent
	{
	background-image: url(/course/data/in_html/158/__icsFiles/afieldfile/2017/11/22/pic_top_02.jpg);
	background-position: right bottom;
	}

/*
#topInfo .topic01
	{
	margin-right: -120px;
	}
*/

#topInfo .importantContent .image {
    margin: 17px 10px 4px;
    padding-left: 0;
}


/* ========== recommendBnr ========== */

.recommendBnr
	{
	position: relative;
	}

.recommendBnr p
	{
	margin: 0;
	}

.recommendBnr .btn
	{
	position: absolute;
		top: 20px;
		right: -30px;
	}



/* ========== Page Control ========== */

/* Exam */

body.exam .check .multiColumn .colA { width: 134px; }
body.exam .check .multiColumn .colB { width: 412px; }

/* ========== 2011.09.26 floatAdd ========== */
#mainVisual ul.btn li
	{
	float: left;
	list-style: none;
	margin: 0px;
	margin-right: 5px;
	}

#mainVisual p.clip
	{
	float: left;
	margin: 0px;
	margin-top: -75px;
	/*margin-left: -10px;*/
	}

#mainVisualUpper
	{
	min-height: 198px;
	height: auto!important;
	height: 198px;
	}

/* ========== CSS addition  ========== */

/* ========== schedule ========== */
/* schedule-unit */
div#schedule-unit {
	position: relative;
	padding-top: 17px;
	width: 540px;	
}

div#schedule-unit div.grid-unit {
	position: absolute;	
}

div#schedule-unit div.grid-unit p {
	margin-top: 10px!important;
	font-weight: bold;		
}


div.title-unit {
	border-bottom: dotted 3px #efca3b;	
}

div.title-unit h4 {
	margin: 0 0 10px 0!important;		
}


div#schedule-unit-block1 {
	width: 141px;
	top: 30px;
	right: 63px;	
}

div#schedule-unit-block2 {
	width: 100px;
	top: 226px;
	left: 0;	
}

div#schedule-unit-block3 {
	width: 104px;
	top: 226px;
	right: 0;	
}


.linkB a {
	background:url(/common/images/footer/mkr_arrow_circle_shinbashi.gif) no-repeat left !important;
	padding-left: 20px!important;
}


/* add takahahashi 2011/0721 */
/* class table */


div.class-select-unit {
	position: relative;
	margin-top: 44px;
}

table.class-select th {
	text-align: center;
	font-weight: bold;	
}


table.class-select th.sec1 {
	background: #ffcec0;
}

table.class-select th.sec2 {
	background: #daeeff;
}

table.class-select th.sec3 {
	background: #e7f7bb;
}


table.class-select td.img-block span {
	display: block;
	margin-bottom: 8px;
}

p.recommend-clip {
	margin: 0!important;
	padding: 0!important;
	width: 62px;
	position: absolute;
	top: -30px;
	left: -30px;
}


table.skill-part-select th {
	font-weight: bold;
}

table.skill-part-select th.sec1 {
	background: #EBF9FB;
}

table.skill-part-select th.sec2 {
	background: #FFF8C8;
}

table.skill-part-select th.sec3 {
	background: #FFF0F5;
}


table td.ct {
	vertical-align: middle;	
}
/* nav */
/*#seconderyNav ul ul.Hierarchy-3rd li em, #courseFooter .courseNav ul ul.Hierarchy-3rd li em {
	background-image: none!important;
}

#seconderyNav ul ul.Hierarchy-3rd li em span, #courseFooter .courseNav ul ul.Hierarchy-3rd li em span {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}

#courseFooter .courseNav ul ul.Hierarchy-3rd li {
	margin: 0!important;
	padding: 0!important;
}

#courseFooter .courseNav ul ul.Hierarchy-3rd li em {
	margin: 0!important;
	padding: 0!important;
}
*/


/* recommendBnr */
.recommendBnr {
    min-height: 131px;
    position: relative;
}
.recommendBnr .bnr {
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    margin-bottom: 15px;
}
.recommendBnr .btn, .recommendBnr .note {
    margin-left: 450px;
    margin-top: 80px;
}
.recommendBnr .btn {
    padding-top: -15px;
}
.recommendBnr .note {
    margin-top: 7px;
}
.bnr02 {
    height: 131px;
    padding-bottom: 5px;
    position: relative;
}
.bnr02 .bnr {
    float: none;
}
.bnr02 .btn {
	padding-top: 0!important;
    position: absolute;
    right: -30px;
    top: 37px;
	_top: 47px;
}

/* column width */

.multiColumn.cols-grapha1 .column.span2 {
    width: 270px!important;
}

.multiColumn.cols-grapha1 .column.span3 {
    width: 330px!important;
}


.wordMark {
	padding-left: 30px!important;
	background: url(/course/data/in_html/158/img/word_mark.gif) no-repeat left;	
}

.excelMark {
	padding-left: 30px!important;
	background: url(/course/data/in_html/158/img/excel_mark.gif) no-repeat left;	
}

.wordList li {
	background: url(/course/data/in_html/158/img/word_list_mark.gif) no-repeat 10px;
	list-style: none;
	margin-left: 0!important;
	padding-left: 25px;	
}

.excelList li {
	background: url(/course/data/in_html/158/img/excel_list_mark.gif) no-repeat 10px;
	margin-left: 0!important;
	padding-left: 25px;
	list-style: none;
}


.graphaList li {
	width: 200px;
	height: 201px;
	float: left;
	margin: 20px 0 0 10px;
	list-style: none;
}

.graphaList li.edge {
	margin-left: 0!important;	
}

.quetionList li {
	list-style: none;
	background: url(/course/data/in_html/158/img/list_mark2.gif) no-repeat 0;
	margin-left: 0!important;
	padding-left: 44px;
	padding-top: 5px;
	min-height: 29px;
	height: auto !important;  
	height: 29px;
}



.tableStyle1 th, .tableStyle1 td.leftCell {
	text-align: center;
}


.arrowMark {
	position:relative;
	top:0;
	left:-26.5px;	
}

.arrowText {
	/*margin-left:-26.5px;*/
	margin-top: -17px;
	text-align: center;
	display: block;
}

.c1 {
	background: #fffcd7!important;	
}

.cols-class1 {
	padding-left: 10px!important;
	font-size: 130%;
}

.cols-class1 a:link strong  {
	color: #0080DE!important;	
}

.cols-class1 a:visited strong  {
	color: #663399!important;	
}

.cols-class1 a:hover strong, .cols-class1 a:active strong {
	color: #169cff!important;	
}



.multiColumn.cols3.cols-class1 .column {
    width: 181px!important;
	padding-left: 25px;
}

.multiColumn.cols3.cols-class1 .column.first {
   padding-left: 10px!important;
}


#flow-chart {
	position: relative;	
}

#flow-chart p {
	margin: 0!important;
	padding: 0!important;
}

#flow-chart p.first {
	margin-top: 17px!important;
}

#flow-chart p#btn1 {
	position: absolute;
	top: 342px;
	left: 5px;
	_left: 0;	
}

#flow-chart p#btn2 {
	position: absolute;
	top: 342px;
	left: 156px;
	_left: 151px;	
}

#flow-chart p#btn3 {
	position: absolute;
	top: 342px;
	left: 325px;
	_left: 320px;	
}

#flow-chart p#btn4 {
	position: absolute;
	top: 676px;
	right: 155px;
	_right: 170px;	
}

#flow-chart p#btn5 {
	position: absolute;
	top: 676px;
	right: 5px;
	_right: 20px;	
}

.human-mark {
	display: block;
	margin-left: 20px;
	width: 127px;
	padding-left: 31px;
	background:url(/course/data/in_html/158/img/human_mark.gif) left no-repeat;
	text-align: left;
}


/* class box style */
div.text-box {
	position: relative;
	_margin-top: -1px;	
}

div.text-box p.flat {	
	_margin-top: 1px;	
}

div.check-box-outer {
	position: absolute;
	/*background: url(/course/data/in_html/158/img/class_checkConditions_bg_top.gif) no-repeat top;*/
	width: 465px;
	top: -37px; 
	right: 75px;
	_right: 90px;
	display: none;	
}

div.check-box-inner {	
	padding: 22px 37px 17px 22px;
	background: url(/course/data/in_html/158/img/class_checkConditions_bg_top.gif) no-repeat top;
	/*background: url(/course/data/in_html/158/img/class_checkConditions_bg_btm.gif) no-repeat bottom;*/		
}

.box-btm {
	margin: 0!important;
	padding: 0!important;
	background: #F00;
	background: url(/course/data/in_html/158/img/class_checkConditions_bg_btm.gif) no-repeat bottom;
	height: 5px!important;
}

div.check-box-inner p {	
	text-align: left;
}

div.check-box-inner p.btn {	
	text-align: right;
	padding-left: 20px;
	background: url(/common/images/mkr/mkr_close_lightblue.gif) no-repeat left;
}


#mizaiTxt,
#mizaiTxt2010,
#mizaiTxt2007,
#mizaiTxt2003 {
	font-weight: bold;
	color: #F83B22;
}

/* cost */

p.note_r{
	text-align: right;
}

.course_caution{
	text-align:right;	
}

.course_caution p{
	margin-top: 0px !important;
}

/* ========== seasonal ========== */

.recommendBnr .btn {
    position: absolute;
    top: -20px;
    right: -30px;
}

/* ========== seasonal ========== */

/* ========== 20151112 ========== */

#mainVisual p.clip {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: -50px;
}
/* ========== 20151112 ========== */

/* ======MOS2010コースの受講条件====== */
.blockTemplateArea .leftHandedTableSet table th {
    padding: 8px 8px 7px 10px !important;
}
table.table_conditions th {
	width: 20%;
}
table.table_conditions td.td_conditions1 {
	text-align: center;
	vertical-align: middle;
	width: 17%;
}
table.table_conditions td.td_conditions2 {
	width: 58%;
}
div.text-box {
    position: relative;
}
div.text-box span {
	font-weight: bold;
}
div.check-box-inner {
	letter-spacing: 0.1em;
}
div.check-box-outer {
    display: none;
    position: absolute;
    right: 85px;
    top: -57px;
    width: 465px;
}


/* ==========コラム一覧 ========== */

.seocolumn-pager {
    margin: 50px 0px;
    padding: 5px 0pt 10px;
    text-align: center;
    background-color: rgb(255, 238, 221);
}

.seocolumn-pager ul {
    padding-bottom: 10px;
    list-style: none outside none;
}

.seocolumn-pager ul li {
    display: inline;
    padding: 5px 10px;
    border: 1px solid rgb(255, 204, 153);
    background-color: rgb(255, 255, 255);
}

.seocolumn-pager ul li.present {
    display: inline;
    padding: 5px 10px;
    border: 1px solid rgb(255, 204, 153);
    background-color: rgb(255, 153, 51);
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.seocolumn-list ul {
    list-style: none outside none;
}

.seocolumn-list h3 {
    margin: 50px 0px 20px;
    padding: 5px 18px;
    border-left: 5px solid #ffcc66;
    border-bottom: 1px dotted #cfcfcf;
    font-size: 150%;
}

.seocolumn-list .lead {
    line-height:140%;
    background: #eeeeee;
    padding: 20px;
}

.seocolumn-list ul li {
    position: relative;
    margin-left: 0px;
    padding: 30px 0px 10px;
    border-bottom: 1px dotted rgb(223, 223, 223);
    clear: both;
}

.seocolumn-list ul li img {
    margin: 0px 20px 20px 0px;
    width: 20%;
    float: left;
}

.seocolumn-list ul li h4 {
    margin-top: 0px;
}

.seocolumn-list ul li p {
    margin: 10px 0 10px;
    font-size: 85%;
}

.seocolumn-notes {
    margin: -20px 0pt 30px;
    text-align: right;
}

/* ==========コラム一覧 ========== */




/* ==========コラム詳細 ========== */

.seocolumn-navi {
    /* margin-top: -10px; */
    padding: 10px;
    /* border-bottom: 1px solid rgb(223, 223, 223); */
    background-color: rgb(239, 239, 239);
    font-size: 90%;
    text-align: right;
    /* width: 640px; */
}

h1.seocolumn-title {
    margin: 0px 0px 30px 0px;
    padding: 30px 10px;
    border-bottom: 8px solid rgb(238, 238, 238);
    /* width: 640px; */
}

.seocolumn-mainimg {
	margin: 20px 0px;
}

.seocolumn-h2 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.seocolumn-h3 {
    margin-bottom: 20px;
}

.seocolumn-p {
	line-height: 180%;
}

.seocolumn-date {
    margin: 50px 0px;
    padding: 10px;
    text-align: right;
    background-color: rgb(239, 239, 239);
    font-size: 80%;
}

.seocolumn-more {
    border: 1px solid rgb(255, 170, 102);
}

.seocolumn-more h3 {
    margin-top: 0px;
    padding: 10px;
    background-color: rgb(255, 238, 204);
}

.seocolumn-more ul {
    margin-top: 0px;
    margin-left: -15px;
    padding: 10px 20px 10px 10px;
    list-style: none outside none;
    line-height: 25px;
}

.seocolumn-more ul li {
    padding: 10px 0px;
    border-bottom: 1px dotted rgb(207, 207, 207);
}

.seocolumn-more ul li.last {
    padding: 10px 0px;
    border-bottom: hidden;
}

.seocolumn-more p {
    margin-bottom: 0px;
    padding: 10px 10px 0px;
    text-align: right;
    border-top: 1px dotted rgb(255, 170, 102);
}

.seocolumn-feature {
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 0px 10px 20px;
    border: 10px solid rgb(238, 238, 238);
}

.seocolumn-feature h4 {
    padding: 3px 10px;
    margin-bottom: 20px;
    border-left: 4px solid rgb(255, 170, 102);
}

/* ==========コラム詳細 ========== */





/* ========== setDetail 20171120 ========== */
div.setDetail p {
    font-size: 1.25em;
    font-weight: bold;
    color: #f83b22;
	margin-bottom: 5px;
}
div.setDetail p.title {
    font-size: 1.45em;
    font-weight: bold;
    margin-top: 17px;
    margin-bottom: 7px;
    padding: 8px;
    text-align: center;
    letter-spacing: .2em;
    color: #fff;
    background-color: #2a83dd;
}
div.setDetail table {
    width: 100%;
}
div.setDetail .setSP {
    display: none;
}
div.setDetail table strong {
    font-size: 180%;
    color: #000;
}
div.setDetail table th,
div.setDetail table td {
    text-align: center !important;
    vertical-align: middle;
    border: 1px solid #ccc !important;
	padding: 8px 9px 7px !important;
}
div.setDetail table th {
    font-size: 130%;
    font-weight: bold;
    padding: 8px !important;
}
div.setDetail div.setPC table {
    border: 1px solid #ccc;
}
div.setDetail div.setPC th {
    background-color: #ccffff !important;
}
div.setDetail div.setPC td {
    border: none !important;
}
div.setDetail div.setPC .price {
    padding-top: 0;
    padding-right: 3px !important;
    text-align: right !important;
    vertical-align: top;
}
div.setDetail div.setPC .total {
    padding-top: 0 !important;
    padding-left: 3px !important;
    text-align: left !important;
}
div.setDetail div.setPC .setprice {
    padding-top: 0;
    vertical-align: top;
}
div.setDetail div.setPC .payment {
    font-weight: bold;
    padding-bottom: 1px !important;
    vertical-align: bottom;
}
div.setDetail div.setPC .arrow {
    font-size: 250%;
    font-weight: bold;
}
div.setDetail div.setPC .costDetail {
    border-left: 1px solid #ccc !important;
}
div.setDetail div.setPC .setprice span {
    font-size: 180%;
    font-weight: bold;
    color: #f83b22;
}
div.setDetail div.setPC .total span {
    font-size: 180%;
    font-weight: bold;
    text-decoration: line-through;
}
div.setDetail table.course th {
    background-color: #ccfffff;
}
div.setDetail table th.english {
    color: #d94e98;
}
div.setDetail table th.Mathematics {
    color: #20b8ce;
}
div.setDetail table th.Japanese {
    color: #a8714c;
}
div.setDetail table th.Science {
    color: #01b08e;
}
div.setDetail table th.History {
    color: #8e55c2;
}
div.setDetail table th.Contemporary {
    color: #ed6d45;
}
/* ========== setDetail 20171120 ========== */

/* ========== top mainbnrHover ========== */

p.mainbnr a img:hover,
div.mainbnr a img:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity:0.7;
    zoom: 1;
}
/* ========== top mainbnrHover ========== */