/* CSS Document */

/*ヘッダ部分
----------------------------------------------------------*/

div#eyecatch{
	position:relative;
	height:159px;
	}
	
/*グローバルナビ
----------------------------------------------------------*/
ul#mainGlobalNav{
    float:left;
    margin-top:112px;
	left:0;
	position:absolute;
}
ul#mainGlobalNav li{
    float:left;
    display: inline;

}

	
/*メインコンテンツ
----------------------------------------------------------*/

	
div.course{
	background:url('../i/course_4course_bg.png') center top no-repeat;
	width:690px;
	height:120px;
	margin-top:5px;
	padding-top:20px;
	text-align:left;
	}	

div.eachCourse{
	background:url('../i/course_eachcourse_bg.png') center top no-repeat;
	width:336px;
	height:151px;
    display: inline;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	}

div.eachCourse p.description {
    font-size: 11px;
}

div .leftMargin{
	margin-left:5px;
}

h3{
	margin-left:8px;
	width:290px;
	height:25px;
	}
.eachCourse p{
	padding:0 5px 0 8px;
	font-size:11px;
    line-height:170%;
	}
	.eachCourse p.price{
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	float:left;
	width:150px;
    font-weight: bold;
	}
	.eachCourse ul{
    margin-top:5px;
	margin-left:8px;
	}
	.eachCourse li{
	list-style-type:none;
	float:left;
    display:inline;
    padding:0 3px 0 0;
	}
	.eachCourse .btn{
        text-align: right;
	}
	
div.icon{
	clear:both;
	margin-right:20px;
	text-align:right;
	}
	
div.dl{
	clear:both;
	background:url('../i/course_dl_bg.png') top center no-repeat #fff;
	width:695px;
	height:120px;
	padding-top:20px;
}	
.dl p{
	padding-left:20px;
	line-height:2em;
	font-size:12px;
}
.dl img{
	vertical-align:middle;
}
.dl p.memo{
    margin-top: 4px;
	padding-left:20px;
	padding-right:20px;
	line-height:1.5em;
	font-size:12px;
}

div.courseItemLine {
    margin-bottom: 5px;
}

div.courseItemWrapper {
    display: inline;
    float: left;
    width: 336px;
    font-size: 1px;
    line-height: 100%;
    margin-bottom: 10px;
}

div.courseItemBgWrapper {
    font-size: 12px;
    line-height: 150%;
    background: url('../i/course_bg_boxRepeat.png') repeat-y;
}
	
div.courseItem {
    background: url('../i/course_bg_boxGrade.png') no-repeat;
}

div.courseItem ul{
    margin-top:5px;
	margin-left:8px;
}
div.courseItem li{
	list-style-type:none;
	float:left;
    display:inline;
    padding:0 3px 0 0;
}

div.courseItem p{
	padding:0 5px 0 8px;
	font-size:11px;
    line-height:170%;
}
div.courseItem p.price{
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	float:left;
	width:150px;
    font-weight: bold;
}
div.courseItem .btn{
    padding-right: 8px;
    text-align: right;
}

div.courseItemSingleWrapper {
    margin-bottom: 15px;
    width: 689px;
    font-size: 1px;
    line-height: 100%;
}

div.courseItemSingleBgWrapper {
    font-size: 12px;
    line-height: 150%;
    background: url('../i/course_bg_boxRepeat_single.png') repeat-y;
}

div.courseItemSingle {
    padding-top: 10px;
    height: 90px;
    padding-left: 10px;
    position: relative;
    background: url('../i/course_bg_boxGrade_single.png') no-repeat;
}

div.courseItemSingle .description {
    font-size: 12px;
    line-height: 1.3em;
}

div.courseItemSingle ul{
    position: absolute;
    top: 56px;
    margin-top:5px;
	margin-left:8px;
}
div.courseItemSingle li{
	list-style-type:none;
	float:left;
    display:inline;
    padding:0 3px 0 0;
}

div.courseItemSingle p{
	padding:0 5px 0 8px;
	font-size:11px;
    line-height:170%;
}
div.courseItemSingle p.price{
    position: absolute;
    top: 60px;
    left: 360px;
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	width:150px;
    font-weight: bold;
}
div.courseItemSingle .btn{
    position: absolute;
    top: 60px;
    left: 514px;
    text-align: right;
}