/*---------------------------------------------------------
　LP：就職活動 BASE
---------------------------------------------------------*/

/* BASE CONFIG--------------------------------------------- */

	HTML{background: transparent;}
	body{color: #333; padding: 0px;margin: 0; background: #fff; text-align: center;}

	h1,h2,h3,h4,h5,p,li,ul,dl,dd,dt,form{margin:0px;padding:0px;}
	table td{vertical-align: top; text-align: left;}
	img{border:none;}
	ul,li{list-style:none;}

	a{color:#3157A8;text-decoration:none;overflow: hidden;}
	a:link{color:#3157A8;}
	a:visited{color:#3157A8;}
	a:hover{color:#4490CB;text-decoration:underline;}
	a:active{color:#3157A8;}

	div.clear{clear:both; width:1px; height: 1px; font-size: 1px;}

	p.pagetop{
		float:right;
		clear:both;
		margin:20px 0;
		_margin-bottom:10px; /* for win IE6 */
	}
	*+html body p.pagetop{margin:5px 0 0px 0;} /* for win IE7 */

	p.pagetop a{
		background:url(../img/lps/pagetop.gif) 0 0 no-repeat;
		width:119px;
		height:21px;
		display:block;
		text-indent:-9999px;
	}


	div#wrapper
	{
		width:952px;
		margin:0 auto;
		padding:0;
	}
	


	div#footer{
		background: url(../../kyotocloud/img/lps/footer_bg.jpg) repeat-x;
		clear:both;
		text-align: left;
		padding:1em 0 0 0;
		text-align:center;
	}

	div#footer-inner{
	width:952px;
	margin:0 auto 1.5em;
	font-size:0.75em;
	text-align:left;
}
	div#footer-inner img{margin:0 0 6px 0;}

	div#footer-inner p{
		border-bottom:1px solid #ccc;
		padding-bottom:1em;
		margin:0 0 1em 0;
	}

	div#footer-inner p.borderNone{border:none;}
	div#footer-inner p span{margin:0 3px;}



div#footer-copy{
	width:952px;
	margin:0 auto;
	font-size:0.75em;
	padding-bottom:2em;
	text-align:left;
}
div#footer-copy img{float:left;}

div#footer-copy p{
	float:left;
	margin:0 0 0 1em;
	line-height:1.6;
}


	/*--CLEAR--*/
	div#footer-inner:after,
	div#footer-copy:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}





/*---------------------------------------------------------
　LP：就職活動 LAYOUT
---------------------------------------------------------*/
.floL{float:left;}
.floR{floar:right;}

h1{
	display:block;
	text-indent:-9999px;
	background:url(../../kyotocloud/img/lps/img_main1.jpg) 0 0 no-repeat;
	width:950px;
	height:448px;
	margin:0 0 0 1px;
}


div#menu{
	width:100%;
	background:url(../../kyotocloud/img/lps/img_bg_menu.jpg) 0 0 no-repeat;
	height:318px;
	margin:1.5em 0 3em 0;
	position:relative;
}
div#menu ul{
	width:515px;
	text-align:left;
	position:absolute;top:7.5em;right:7.5em;
}
	div#menu ul li{margin:0 0 33px 0;}
	div#menu ul li a{display:block;height:25px;position:relative;overflow:hidden;}
	div#menu ul li a:hover{font-size:1px;}
	div#menu ul li a:hover img{position:relative;top:-25px;}


div.conBox{
	width:100%;
	margin:0 0 3em ;
	text-align:left;
}
.blankB{padding-bottom:4em;}



div.conBox h2{
	display:block;
	text-indent:-9999px;
	margin:0 0 1em 0;
}
	div.conBox h2.mt01{background:url(../../kyotocloud/img/lps/ttl_001.jpg) 0 0 no-repeat;width:904px;height:222px;}
	div.conBox h2.mt02{background:url(../../kyotocloud/img/lps/ttl_002.jpg) 0 0 no-repeat;width:876px;height:163px;}
	div.conBox h2.mt03{background:url(../../kyotocloud/img/lps/ttl_003.jpg) 0 0 no-repeat;width:876px;height:203px;}

	div.conBox img.titleS{margin:0 0 0 2.5em;}


/*--contents1--*/
div.blueBox{
	width:903px;
	margin:0 0 8px 25px;
}
div.blHead{
	width:903px;
	display:block;
	text-indent:-9999px;
	min-height:67px;
}
	div.bl01{background:url(../../kyotocloud/img/lps/con1_sttl01.jpg) 0 0 no-repeat;}
	div.bl02{background:url(../../kyotocloud/img/lps/con1_sttl02.jpg) 0 0 no-repeat;}
	div.bl03{background:url(../../kyotocloud/img/lps/con1_sttl03.jpg) 0 0 no-repeat;}


div.blBody{
	width:903px;
	background:url(../../kyotocloud/img/lps/con1_bg_body.jpg) 0 bottom repeat-y;
	padding:0 0 1em 0;
	position:relative;
}
	div.blBody p{
		font-size:0.8em;
		width:760px;
		margin:0 0 0 8.5em;
		_margin-left:4.5em;
		line-height:1.6;
		float:left;
	}
	div.blBody img.point{position:absolute;top:0em;left:6px;}


/*--contents2--*/
div.textBox1{width:570px;float:left;margin:0 0 0 2.5em;}
div.textBox1 p{
	font-size:0.8em;
	line-height:1.6;
	margin:0.5em 0 0 0.5em;
}

div.conBox p.btnTxt{margin:3em 0 0 1em;float:left;}
	div.conBox p.btnTxt a{display:block;width:269px;height:127px;position:relative;overflow:hidden;}
	div.conBox p.btnTxt a:hover{font-size:1px;}
	div.conBox p.btnTxt a:hover img{position:relative;top:-127px;}



/*--contents3--*/
div.textBox2{
	width:710px;
	float:left;
	margin:0 0 0 2em;
}
div.textBox2 p{
	font-size:0.8em;
	line-height:1.6;
	margin:0.5em 0 0 0.5em;
}

img.imgIphone{float:left;margin:0 0 0 30px;}



/*--バナーボタン--*/
div.btnSchool{width:100%;margin:0 0 4em 0;clear:both;}
div.btnSchool a{display:block;width:780px;height:140px;position:relative;overflow:hidden;margin:0 auto;}
div.btnSchool a:hover{font-size:1px;}
div.btnSchool a:hover img{position:relative;top:-140px;}


/*--バナーボタン　学割--*/
div.btnSchool2{width:100%;margin:0 0 4em 0;clear:both;}
div.btnSchool2 a{display:block;width:780px;height:139px;position:relative;overflow:hidden;margin:0 auto;}
div.btnSchool2 a:hover{font-size:1px;}
div.btnSchool2 a:hover img{position:relative;top:-139px;}

div.btnSchool2 p{
	font-size:0.8em;
	text-align:left;
	margin:0 0 0 7em;
	line-height:1.5;
	color:#666;
}



/*--コース概要--*/
div.oraBox{
	width:950px;
	background:#efd69b;
	padding:1.5em 0;
}

div.oraBox img.imgIco{float:left;margin:0 0 1em 25px;}
div.oraBox ul{
	width:500px;
	float:right;
	margin:1em 0 0 0;
}
	div.oraBox ul li{
		background:url(../../kyotocloud/img/lps/z_arrow.jpg) 0 5px no-repeat;
		padding:0 0 0 16px;
		margin:0 0 0.5em 0;
		font-weight:bold;
	}

	div.oraBox ul li a{color:#ae3900;text-decoration:none;overflow: hidden;}
	div.oraBox ul li a:link{color:#ae3900;}
	div.oraBox ul li a:visited{color:#ae3900;}
	div.oraBox ul li a:hover{color:#ae3900;text-decoration:underline;}
	div.oraBox ul li a:active{color:#ae3900;}
	


div.oraBox p{
clear:both;
	font-size:0.8em;
	line-height:1.6;
	background:url(../../kyotocloud/img/lps/z_dot.jpg) 0 top repeat-x;
	padding:1em 0 0 0;
	width:900px;
	margin:0 0 0 25px;
}


/*--コース概要2--*/
div.oraBox2{
	width:950px;
	background:#efd69b;
	padding:1.5em 0;
}

div.oraBox2 img.imgIco{float:right;margin:0 0 1em 25px;}
div.oraBox2 ul{
	width:450px;
	float:left;
	margin:1em 0 0 25px;
}
	div.oraBox2 ul li{
		background:url(../../kyotocloud/img/lps/z_arrow.jpg) 0 5px no-repeat;
		padding:0 0 0 16px;
		margin:0 0 0.5em 0;
		font-weight:bold;
	}

	div.oraBox2 ul li a{color:#ae3900;text-decoration:none;overflow: hidden;}
	div.oraBox2 ul li a:link{color:#ae3900;}
	div.oraBox2 ul li a:visited{color:#ae3900;}
	div.oraBox2 ul li a:hover{color:#ae3900;text-decoration:underline;}
	div.oraBox2 ul li a:active{color:#ae3900;
	}



/*--コース--*/
div.courseBox{
	width:100%;
	margin:0 0 1.5em 0;
	text-align:left;
	padding-bottom:3em;
}
div.courseBox img.mtIco{margin:0 0 0 1.5em;float:left;}

div.textBox3{
	width:830px;
	float:left;
	margin:0 0 0 1.5em;
}

	div.textBox3 h3{
		display:block;
		text-indent:-9999px;
		width:829px;
		margin:0 0 1em 0;
	}
	div.textBox3 h3.co01{background:url(../../kyotocloud/img/lps/course_mttl01.jpg) 0 0 no-repeat;height:44px;}
	div.textBox3 h3.co02{background:url(../../kyotocloud/img/lps/course_mttl02.jpg) 0 0 no-repeat;height:38px;}

	div.textBox3 p{font-size:0.8em;line-height:1.6;}



div.courseSet{
	width:459px;
	float:left;
	margin:1.5em 2em 0 0;
}
div.lastR{margin-right:0;}

div.courseSet a.outSite{font-size:0.8em;float:right;margin-right:5px;}

div.couHead{
	display:block;
	text-indent:-9999px;
	width:459px;
	min-height:155px;
}

	div.cou01{background:url(../../kyotocloud/img/lps/course_head_gmail.jpg) 0 0 no-repeat;}
	div.cou02{background:url(../../kyotocloud/img/lps/course_head_google.jpg) 0 0 no-repeat;}
	div.cou03{background:url(../../kyotocloud/img/lps/course_head_iphone1.jpg) 0 0 no-repeat;}
	div.cou04{background:url(../../kyotocloud/img/lps/course_head_iphone2.jpg) 0 0 no-repeat;}

div.couBody{
	width:459px;
	background:url(../../kyotocloud/img/lps/course_body.jpg) 0 bottom no-repeat;
	padding-bottom:1em;
	min-height:180px;
	text-align:center;
	margin:0 0 6px 0;
}

	div.couBody p{
		width:415px;
		margin:0 0 10px 23px;
		font-size:0.8em;
		line-height:1.4;
		text-align:left;
	}


div.skillBox{
	width:900px;
	margin:0 0 3em 25px;
	position:relative;
}
div.skillBox p{
	position:absolute;bottom:2em;right:4em;
	font-size:0.8em;
	color:#5b3c08;
}



/*
div.skillBox p.stealth{
	font-size:0.8em;
	position:absolute;top:7em;right:3em;
	text-align:left;
	width:580px;
	display:none;
}
*/


	/*--CLEAR--*/
	div.conBox:after,
	div.blBody:after,
	div.courseBox:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}


/*--フォーム--------------------------------*/

div#formBox{
	width:804px;
	background:#efe6da;
	border:1px solid #c76625;
	padding:0 0 10px 0;
	margin:0 0 2em 70px;
}
div#formBox img{
	display:block;
	margin:0 0 1em 0;
}

div.formBox-inner{
	width:764px;
	margin:0 0 0 20px;
	padding:10px 0;
}

/*--twitter--------------------------------*/

div#twBox{
	width:804px;
	background:#ffffff;
	border:1px solid #ffffff;
	padding:0 0 10px 0;
	margin:0 0 2em 70px;
}
div#twBox img{
	display:block;
	margin:0 0 1em 0;
}

div.twBox-inner{
	width:764px;
	margin:0 0 0 20px;
	padding:10px 0;
}