@charset "shift_JIS";

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

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



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

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

#mainVisual
	{
	background-image: url(/course/data/in_html/52/__icsFiles/afieldfile/2011/10/25/tsuukanshiB_1020_1.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/52/__icsFiles/afieldfile/2011/11/01/A_.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  ========== */

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

.recommendBnr .btn {
    position: absolute;
    right: 0px ;
    top: 35px ;
}

.recommendBnr p {
    margin: 0;
}


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

.mt-15px {
    margin-top: 15px !important;
}

/* for IE6 */
#mainVisual {
_padding-bottom: 0px;
}


/* 活躍の場 */
div.opportunity {
    position:relative;
    width:610px;
    height:373px;
    background-image:url(/course/data/in_html/52/img/h_bg.jpg);
    background-repeat:no-repeat;
    border:none;
}
div.opportunity img {
    border:none;
}
.achor01 {
    position:absolute;
    top:30px;
    left:95px;
}
.achor02 {
    position:absolute;
    top:30px;
    left:343px;
}
.achor03 {
    position:absolute;
    top:222px;
    left:95px;
}
.achor04 {
    position:absolute;
    top:222px;
    left:343px;
}


/* スケジュールページ ユーキャンキャンの開閉 */
div.illust_qa img {
    border:none;
}
p#q01, p#q02, p#q03 {
    cursor:pointer;
}

dl#sche_slide01 dt, dl#sche_slide02 dt, dl#sche_slide03 dt {
    float:left;
    padding-bottom:10px;
    vertical-align:top;
    clear:both;
}
dl#sche_slide01 dd, dl#sche_slide02 dd {
    margin-left:75px;
    margin-bottom:20px;
    padding-bottom:10px;
    vertical-align:top;
}
dl#sche_slide03 dd {
    margin-left:75px;
    padding-bottom:10px;
    vertical-align:top;
}

.clear{
    clear:both;
}


/* ========== バナー位置調整 ========== */

.bnr-bt-b .btn {
right: 20px;
top: 50px;
}

.bnr-bt-b .note {
    position: absolute;
    right: -30px;
    top: 95px;
}

/* ========== 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 ========== */