@charset "shift_JIS";

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

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



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

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

#mainVisual
	{
	background-image: url(/course/data/in_html/73/__icsFiles/afieldfile/2014/03/06/index_mainVisual_pic.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/73/__icsFiles/afieldfile/2012/12/19/pic_photo_01_2.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  ========== */

/* ========== margin ========== */

.ml-5px {
    margin-left: 5px;
}

.ml-10px {
    margin-left: 10px;
}

.ml-15px {
    margin-left: 15px;
}

.ml-20px {
    margin-left: 20px;
}

.ml-25px {
    margin-left: 25px;
}

.ml-30px {
    margin-left: 30px;
}


.mr-5px {
    margin-right: 5px;
}

.mr-10px {
    margin-right: 10px;
}

.mr-15px {
    margin-right: 15px;
}

.mr-20px {
    margin-right: 20px;
}

.mr-25px {
    margin-right: 25px;
}

.mr-30px {
    margin-right: 30px;
}


.ma-5px {
    margin: 5px;
}

.ma-10px {
    margin: 10px;
}

.ma-15px {
    margin: 15px;
}

.ma-20px {
    margin: 20px;
}

.ma-25px {
    margin: 25px;
}

.ma-30px {
    margin: 30px;
}


/* ========== margin ========== */


/* ----- multiColumn ----- */

.multiColumn .column
	{
	float: left;
	padding-left: 20px;
	}

.multiColumn .column.first
	{
	padding-left: 0 !important;
	}

.multiColumn .columnGroup + .columnGroup
	{
	border-top: #d5d5d5 dashed 1px;
	margin-top: 20px;
	}

.multiColumn.cols3 .column,
.multiColumn.cols3 .column .column { padding-left: 19px; }

.multiColumn.cols5 .column                { width: 108px; }
.multiColumn.cols4 .column                { width: 140px; }
.multiColumn.cols3 .column,
.multiColumn.cols3 .column .cols2 .column { width: 194px; }
.multiColumn.cols5 .column.span2          { width: 236px; }
.multiColumn.cols2 .column,
.multiColumn.cols4 .column.span2          { width: 300px; }
.multiColumn.cols5 .column.span3          { width: 364px; }
.multiColumn.cols3 .column.span2          { width: 407px; }
.multiColumn.cols4 .column.span3          { width: 460px; }
.multiColumn.cols5 .column.span4          { width: 492px; }

.lv2 .multiColumn.cols4 .column       { width: 132px; }
.lv2 .multiColumn.cols4 .column.span2,
.lv2 .multiColumn.cols2 .column       { width: 284px; }
.lv2 .multiColumn.cols4 .column.span3 { width: 436px; }

.lv3 .multiColumn.cols5 .column       { width: 104px; }
.lv3 .multiColumn.cols4 .column       { width: 135px; }
.lv3 .multiColumn.cols5 .column.span2 { width: 228px; }
.lv3 .multiColumn.cols2 .column,
.lv3 .multiColumn.cols4 .column.span2 { width: 290px; }
.lv3 .multiColumn.cols5 .column.span3 { width: 352px; }
.lv3 .multiColumn.cols4 .column.span3 { width: 445px; }
.lv3 .multiColumn.cols5 .column.span4 { width: 476px; }

.check .multiColumn.cols2 .column     { width: 273px; }

.lv2.materials .multiColumn.cols2 .column.photoColumn { width: 300px; }
.lv2.materials .multiColumn.cols2 .column.textColumn  { width: 268px; }


/* float */
.floter-right {
	float: right!important;
}

.floter-left {
	float: left!important;
}


/* ========== schedule ========== */
/* ========== timeline ========== */

.schedule,
.timeline
	{
	margin-top: 20px;
	}

.schedule .scheduleTopic,
.timeline .timelineTopic
	{
	padding: 16px 0 18px 80px;
	position: relative;
	}

.schedule .scheduleTopic
	{
	padding-top: 0;
	}

.schedule .scheduleTopic { background: 16px bottom no-repeat; }
.timeline .timelineTopic { background: url(/common/images/schedule/time/timeline_bg_01.png) 20px bottom no-repeat; }

.schedule .scheduleTopic.last,
.timeline .timelineTopic.last
	{
	background-image: none;
	}

.schedule .scheduleTopic h3,
.timeline .timelineTopic h3
	{
	margin-top: 0;
	}

.schedule .scheduleTopic h3
	{
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-radius: 0 7px 7px 0;
		-moz-border-radius: 0 7px 7px 0;
		-webkit-border-radius: 0 7px 7px 0;
	min-height: 41px;
	padding: 13px 0 0;
	_height: 41px;
	}

.schedule .scheduleTopic h3 img.milestone,
.timeline .timelineTopic h3 img.time
	{
	position: absolute;
		top: 0;
		left: 0;
		_left: -80px;
	}

.schedule .scheduleTopic h3 img.milestone
	{
	background: #ffffff;
	padding-bottom: 15px;
	}

.schedule .scheduleTopic .multiColumn .column,
.timeline .timelineTopic .multiColumn .column       { width: 283px; }
.schedule .scheduleTopic .multiColumn .column.first,
.timeline .timelineTopic .multiColumn .column.first { width: 236px; }

.schedule .multiColumn .columnGroup + .columnGroup,
.timeline .multiColumn .columnGroup + .columnGroup
	{
	border-top: none;
	margin-top: 0;
	}





/* ========== schedule ========== */
/* ======== 20120509’ljÁ ========= */

div#schedule-unit {
    padding-top: 17px;
    position: relative;
    width: 540px;
}
div#schedule-unit div.grid-unit {
    position: absolute;
}
div#schedule-unit div.grid-unit p {
    font-weight: bold;
    margin-top: 10px !important;
}

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

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

div#schedule-unit-block1 p.floter-right {
    clear:right;
}

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


div#schedule-unit-block1 h4 {
    margin: 0 !important;
    padding-bottom:10px;
    width: 141px;
    border-bottom: 3px dotted #EFCA3B;
    text-align:right;
}


div#schedule-unit-block2 h4 {
    margin: 0 !important;
    padding-bottom:10px;
    width: 100px;
    border-bottom: 3px dotted #EFCA3B;
    text-align:left;
}

div#schedule-unit-block3 h4 {
    margin: 0 !important;
    padding-bottom:10px;
    width: 104px;
    border-bottom: 3px dotted #EFCA3B;
    text-align:right;
}


.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/* ========== schedule ========== */

/* ========== seasonal ========== */
/* ======== 20120509’ljÁl ======== */
.recommendBnr .btn {
    position: absolute;
    top: 10px;
    right: 0px;
}

.recommendBnr .btn2 {
    position: absolute;
    top: 65px;
    right: -10px;
}

.recommendBnr p {
    margin: 0;
}

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

/* ========== text checkmodule ========== */

img.lt {
    border: medium none;
}

/* ========== text checkmodule ========== */

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



/* ====== ƒeƒLƒXƒg(‰æ‘œ2—ñ) ====== */
div.img_cols2 {
    width: 100%;
    margin: 25px 0;
    text-align: center;
	overflow: hidden;
	zoom: 1;
}
div.img_cols2 img {
    margin: 0 10px;
	border: none;
	padding: 0;
	
}
/* ====== ƒeƒLƒXƒg(‰æ‘œ2—ñ) ====== */

/* ====== ‰ß‹Ž–â”Ì”„ ====== */
div.option {
    padding: 10px;
    margin: 30px 0;
    border: 1px dotted #999;
}
.mb-3 {
   margin-bottom: 3px !important;
}
.mb-10 {
   margin-bottom: 10px !important;
}
.f-size {
   font-size: 135%;
}
div.option p {
   margin-bottom: 3px !important;
}
ul li.order_area {
   display: table-cell;
   margin-left:0 !important;
   padding-left: 35px;
}
ul li.order_area input:hover {
   opacity: 0.75;
}
p.order_caution {
   font-size: 85%;
   color: #f83b22;
}
/* ====== ‰ß‹Ž–â”Ì”„ ====== */

.nofullWidth {
 margin-left: 0 !important;
}

/* ========== message ========== */

.h3withoutfontweightbold{
	font-size: 128.57%;
                margin-top:20px;
	}

.blockTemplateArea .ucanMessage04{
	margin:0 0 20px;
	border:0px solid #FFFFFF;
	background:#FFFFFF;
	padding: 0 0 5px;
	background: url(/jin_common/images/course/ucanMessage01_bg.png) right bottom no-repeat;
	clear:both;
}

.ucanMessage04.common-block-headding h3{
	margin:0 0 15px;
	padding:0;
}


.ucanMessage04 .common-block-headding{
	background: url(/course/data/in_html/73/images/ucanMessage03_mkr.png) top left  no-repeat;
	padding:30px 25px 0px 32px;
	zoom: 100%;/* for IE6 */
}

/*IE7 hack*/
*:first-child+html .ucanMessage04 .common-block-headding
 {
	padding:50px 25px 0px 32px;
}

/*IE6 hack*/
* html .ucanMessage04 .common-block-headding
 {
	padding:50px 25px 0px 32px;
}


.ucanMessage04 .section
{
	margin-left:10px;
	margin-top:0;
	padding: 10px 25px 0;
}

div.blockTemplateArea .ucanMessage04 .section
 {
	margin-left: 8px;
	padding-top: 0;
}

.blockTemplateArea .ucanMessage04 .headLv3-A h3 {
    clear: both;
    margin: 0 0 10px;
    padding-top:17px;
}
/* ========== message ========== */