@charset "Shift_JIS";

/* Index
------------------------------------------------------------ */
/* gnav */
#gnav {
	height:44px;
	background: url(/it/image/bg_gnav.gif) left top repeat-x;
}

/* bread_crumb */
#bread_crumb {
	text-align:left;
	width:960px;
	margin:0 auto;
	font-size:  84%;
	padding:5px 0;
}

/* bread_crumb */
#bread_crumb {
	text-align:left;
	width:960px;
	margin:0 auto;
	font-size:  84%;
	padding:5px 0;
}

/* key_visual */
#key_visual {
	background:none;
}

#key_visual div.main_image{
	width:960px;
	height:326px;
	background:url(/it/image/key_visual_bg.jpg) 0 0 no-repeat;
}

#key_visual div.main_image div.top_block{
	width:370px;
	padding:21px 0 0 24px;
}

#key_visual div.main_image div.top_block img.logo{
	float:left;
}

#key_visual div.main_image div.top_block img.read{
	float:right;
	margin:51px 0 0 0;
}

#key_visual div.main_image img.circle{
	margin:45px 0 0 160px;
}

#key_visual #menu div.menu_title {
	background:url(/it/image/key_visual_title_bg.gif) 0 0 no-repeat;
	width:673px;
	height:34px;
	padding:0 0 0 287px;
}

#key_visual #menu div.menu_title img.txt {
	float:left;
	display:block;
	margin:7px 0 0 0;
}

#key_visual #menu div.menu_title img.bt {
	float:left;
	display:block;
	margin:5px 0 0 78px;
}

#key_visual #menu  {
	margin: 0 0 0;
}

#key_visual #menu div.menu_list {
	background:url(../image/key_visual_bg02.png) left bottom no-repeat;
	padding:10px 10px 10px 10px;
}

#key_visual #menu div.menu_list div.box {
	float:left;
	width:170px;
	padding:0 22px 0 0;
}

#key_visual #menu div.menu_list div.last {
	padding:0 0 0 0;
}

#key_visual #menu div.menu_list div.box img {
	margin:0 0 10px 0;
}

#key_visual #menu div.menu_list div.box p {
	padding:0 0 0 0;
}

#key_visual #menu div.menu_list div.box p span {
	font-size:  84%;
}

/* main */
#main h2 {
	background: url(/it/image/bg_h2.gif) left bottom repeat-x;
}

#main h3 {
	background:url(/it/image/bg_h3.gif) left top repeat-y;
	padding: 12px 0 12px 12px;
}

/* top */

#main #top{
	padding:0 0 30px 0;
}

#main #top div.clmn_block{
	background: none;
	padding:0 0 20px 0;
	margin:0 0 0 0;
}

#main #top  img.photo {
	float:left;
}

#main #top div.right_block {
	float:right;
	width:526px;
}

#main #top h2 {
	background:none;
	padding:0 0 0 0;
}

#main #top div.right_block p span {
	font-size:  84%;
}

/* leaning */

#main div.clmn_block,#main div.border_block{
	background: url(/common/image/dot_gray.gif) left bottom repeat-x;
	padding:0 0 20px 0;
	margin:0 0 10px 0;
}

#main #leaning p.link_bar {
	position:relative;
	top:-32px;
	margin:0 0 -15px 600px;
	}

#main div.no_border{
	background:none;
}

#main div.clmn_block img {
	margin:0 0 10px 0;
}

#main #leaning p,#main #licence p {
	margin: 0 0 0 0;
}

#main #leaning  div.method_box{
	border:solid 1px #ccc;
	padding:9px 0 10px 9px;
	background:url(/it/image/method_box_bg.jpg) left bottom repeat-x;
	margin:20px 0 0 0;
}

#main #leaning  div.method_box img{
	margin:0 8px 0 0;
	padding:0;
}

#main #leaning  div.method_box div.btm_line{
	width:665px;
	padding:12px 0 0 0;
}

#main #leaning  div.method_box div.btm_line div.left_block{
	float:left;
	width:320px;
}

#main #leaning div.method_box div.btm_line div.right_block{
	float:right;
	width:325px;
}

#main #leaning  div.method_box div.btm_line div.left_block img,#main #leaning div.method_box div.btm_line div.right_block img{
	margin:0 0 10px 0;
}

#main div.gray_box{
	background:url(/it/image/gray_box_top.gif) 0 0 no-repeat #efefef;
	padding:10px 0 0 0;
	margin:20px 0;
}

#main div.gray_box div.gray_box_inner{
	background:url(/it/image/gray_box_btm.gif) left bottom no-repeat;
	padding:0 10px 10px 10px;
	font-size:  84%;
}

#main #leaning div.clmn_block{
	background: none;
	padding:0 0 20px 0;
	margin:0 0 0 0;
}


/* satisfaction */
#main #satisfaction div.license_top h2 {
	background:none;
	padding:0 0 5px 0;
}

#main #satisfaction h3.type2 {
	background:none;
	padding:0;
	margin:0;
	line-height:0;
}

#main #satisfaction h3.type2 img {
	margin:0;
}

#main #satisfaction div.clmn_block{
	background: none;
	padding:0 0 20px 0;
	margin:0 0 0 0;
}

#main #satisfaction div.q_box{
	background:url(/it/image/bg_q_satisfaction_1.gif) 0 0 no-repeat;
	width:689px;
	height:113px;
}

#main #satisfaction div.q_box p{
 padding:35px 0 0 62px;
}

#main #satisfaction div.a_box{
	background:url(/it/image/bg_a_satisfaction_1.png) bottom left no-repeat;
	margin:0 0 20px 0;
}

#main #satisfaction div.a_box p{
 padding:10px 10px 10px 62px;
}

/* job  */

#main #job {
	padding:0 0 20px 0;
}

#main #job div.clmn2 {
	padding:5px 0 20px 0;
}

#main #job h3 {
	margin:0;
	padding:0;
	background:none;
}

#main #job p.link_bar {
	position:relative;
	top:-32px;
	margin:0 0 -15px 575px;
	}

#main #job div.clmn2 div.block01,
#main #job div.clmn2 div.block02,
#main #job div.clmn2 div.block03,
#main #job div.clmn2 div.block04 {
	float:left;
	width:333px;
	margin:0 18px 20px 0;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

#main #job div.clmn2 div.block02,
#main #job div.clmn2 div.block04  {
	margin:0 0 20px 0;
}

#main #job div.clmn2 div.block01 {
	background:url(/it/image/bg_job_1.png) 0 45px repeat-x #f0f0f0;
}

#main #job div.clmn2 div.block02 {
	background:url(/it/image/bg_job_2.png) 0 45px repeat-x #f0f0f0;
}

#main #job div.clmn2 div.block03 {
	background:url(/it/image/bg_job_3.png) 0 45px repeat-x #f0f0f0;
}

#main #job div.clmn2 div.block04 {
	background:url(/it/image/bg_job_4.png) 0 45px repeat-x #f0f0f0;
}

#main #job div.clmn2 div.block01 p,
#main #job div.clmn2 div.block02 p,
#main #job div.clmn2 div.block03 p,
#main #job div.clmn2 div.block04 p
{
	width:210px;
	margin:5px 10px;
}

#main #job div.clmn2 div.block01 ul,
#main #job div.clmn2 div.block02 ul,
#main #job div.clmn2 div.block03 ul,
#main #job div.clmn2 div.block04 ul
{
	margin:5px 10px;
	padding:10px;
	background:#fff;
	border:solid 1px #ccc;
}

#main #job div.clmn2 div.block01 ul,
#main #job div.clmn2 div.block02 ul,
#main #job div.clmn2 div.block03 ul,
#main #job div.clmn2 div.block04 ul
{
	margin:5px 10px;
	padding:10px;
	background:#fff;
	border:solid 1px #ccc;
}

#main #job div.clmn2 div.block02 ul
{
	padding:10px 10px 44px 10px;
}

#main #job div.clmn2 div.block01 li,
#main #job div.clmn2 div.block02 li,
#main #job div.clmn2 div.block03 li,
#main #job div.clmn2 div.block04 li
{
	background:url(../image/icon_job.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
	font-size:  95%;
}

#main #job div.job_btm {
}

#main #job div.job_btm div.left_block {
	float:left;
	width:177px;
	font-size:  84%;
}

#main #job div.job_btm div.left_block img {
	margin:0 0 5px 0;
}

#main #job div.job_btm div.right_block {
	float:right;
	width:501px;
}

#main #job div.job_btm div.right_block h3 {
	margin:0 0 15px 0;
}

/* btn_section */

#main div.btn_section img.course_bt{
	margin:0 0 5px 0;
	}
	
/* sub
------------------------------------------------------------ */
#sub {
	margin: -15px 0 0 ;
	position: relative;
	z-index: 50;
}

/* recommendation */
#sub div.recommendation{
	width:240px;
	margin:0 0 5px 0;
	}

	
#sub div.recommendation div.box{
	background:url(/it/image/bg_cource.jpg) left bottom repeat-x;
	padding:15px 10px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:  84%;
	}
/* for IE6 */
* html #sub div.recommendation div.box{
	padding:15px 9px;
	}
	
#sub div.recommendation div.box img{
	margin:0 0 5px 0;
	}
	
/* ranking */
#sub div.ranking{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	margin:0 0 5px 0;
	}
	
#sub div.ranking ul.ranking01{
	}
	
#sub div.ranking ul.ranking01 li{
	background:url(/it/image/bg_ranking_1.jpg) left bottom repeat-x;
	border-bottom:solid 1px #ccc;
	padding:10px 8px;
	}
	
#sub div.ranking ul.ranking01 li a.no01,#sub div.ranking ul.ranking01 li a.no02,#sub div.ranking ul.ranking01 li a.no03{
	background:url(/it/image/icon_no01.gif) 0 0 no-repeat;
	padding:5px 0 5px 30px;
	}
	
#sub div.ranking ul.ranking01 li a.no02{
	background:url(/it/image/icon_no02.gif) 0 0 no-repeat;
	}

#sub div.ranking ul.ranking01 li a.no03{
	background:url(/it/image/icon_no03.gif) 0 0 no-repeat;
	}
	
#sub div.ranking ul.ranking02{
	background:url(/it/image/bg_ranking_2.jpg) left bottom repeat-x;
	padding:10px 10px 10px 10px;
	font-size:  84%;
	}
	
#sub div.ranking ul.ranking02 li.no04,#sub div.ranking ul.ranking02 li.no05,#sub div.ranking ul.ranking02 li.no06 {
	background:url(../image/icon_no04.gif) 0 3px no-repeat;
	padding:0 0 5px 25px;
	}
	
#sub div.ranking ul.ranking02 li.no05{
	background:url(../image/icon_no05.gif) 0 5px no-repeat;
	}
	
#sub div.ranking ul.ranking02 li.no06{
	background:url(../image/icon_no06.gif) 0 5px no-repeat;
	}

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

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */