@charset "utf-8";

/* -----------------------------------
             Default
----------------------------------- */
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #666;
	font-size:13.3px;
	line-height:180%;
	background:#FFF url('img/back.jpg') repeat-y scroll top left;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}
p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

.container {
	width: 100%;
	max-width: 1260px;
	min-width: 800px;
	/*overflow: hidden; */
}

/* -----------------------------------
             Side Bar
----------------------------------- */
.sidebar {
	float: left;
	width: 190px;
	background: #fff;
	margin-left:70px;
}
.home a {
	text-decoration: none;
	overflow: hidden;
    outline: none;
}
.sidebar_border {
	height:0px;
	border-top:4px solid #fff;
}
.sidebar h1 {
	color:#444;
	letter-spacing: -0.05em;
	margin-bottom:2px;
}
.sidebar h2 {
	color:#777;
	font-size:12px;
	letter-spacing: -0.1em;
	line-height:110%;
	padding-bottom:10px;
}
.sidebar p {
	color:#666;
}
.nakada a:link, a:visited {
	color:#333;
	text-decoration: none;
	overflow: hidden;
    outline: none;
}
.nakada a:hover {
	color:#fff;
	background:#666;
}

/* -----------------------------------
             Contents
----------------------------------- */
.content {
	padding: 30px 60px 0 0;
	margin: 0 0 0 320px;
	width: 65%;
	height: auto;
}

.content a:link {
	color:#666;
	text-decoration: underline;
}
.content a:visited {
	color:#8E8E8E;
	text-decoration: underline;
}
.content a:hover { 
	color:#fff;
	text-decoration: none;
	background-color:#666;
}

.cont_title{
	color:#333;
	font-size:34.6px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:80%;
	text-align:left;
	float: left;
}

.cont_title2{
	color:#333;
	font-size:32px;
	font-family:Century;
	line-height:90%;
	text-align:right;
	font-style: oblique;
	padding:0 20px 0 0;
}

.cont_body{
	margin:0px 0px 40px 0px;
	padding:35px 40px;
	background:#fff;
	border:1px solid #999;
}

.cont_border, .cont_border_course_d, .cont_border_infosys, .cont_border_robo_k_proc, .cont_border_robo, .cont_border_tokuron, .cont_border_c, .cont_border_java, .cont_border_temp {
	border-bottom:1px solid #999;
	border-left:4px solid #777;
}

.cont_body h1 {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #fff;
	margin: 0;
	padding: 0 0 0 10px;
	color: #666;
	font-size:14.6px;
	line-height:180%;
}

.cont_body p {
	padding:10px 0 20px 60px;
}
.memo {
	padding:0px;
	font-size:10.6px;
}

.typing a:link, .typing a:visited {
	text-align:center;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	width:300px;
	display:block;
	outline:none;
	border:1px dashed #999;
	color:#666;
}
.typing a:hover {
	border:1px dashed #999;
	background-color:#ddd;
	color:#666;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

#toTop a {
	margin: 0px 10px 0 0;
	text-decoration:none;
	outline:none;
}

img.top {
	height: 150px;
	position:fixed;
	bottom:0px;
	right:0px; 
}
.cont_body_memo{
	min-height: 60px;
	margin:0px 0px 40px 0px;
	padding:10px 100px;
	background:#fff;
	border:1px solid #999;
}

/* -----------------------------------
               Menu
----------------------------------- */

ul.nav {
	list-style: none;
	border-top: 1px solid #777;
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #777;
}

.nav_title {
	padding: 0px 5px 0px 15px;
	display: block;
	text-decoration: none;
	background:#fff;
	color: #333;
	border-left:6px solid #333;
}

.nav_title_link a, .nav_title_link a:visited {
	padding: 0px 5px 0px 15px;
	display: block;
	text-decoration: none;
	background:#fff;
	color: #333;
	border-left:6px solid #333;
}
.nav_title_link_active {
	cursor: default;
	padding: 0px 5px 0px 15px;
	display: block;
	background:#555;
	color: #fff;
	border-left:6px solid #333;
}

.nav_list a, .nav_list a:visited {
	padding: 0px 5px 0px 45px;
	display: block;
	text-decoration: none;
	background: #fff;
	color: #333;
	overflow: hidden;
    outline: none;
}

ul.nav a:hover {
	background: #555;
	color: #FFF;
}
.nav_active {
	cursor: default;
	padding: 0px 5px 0px 45px;
	display: block;
	text-decoration: none;
	background: #555;
	color: #FFF;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* -----------------------------------
                Error
----------------------------------- */
.error_body {
	margin-top:30px;
	
}
.error_404 {
	color:#333;
	font-size:240px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:90%;
	text-align:center;
	letter-spacing: -0.1em;
}
.error_not {
	padding-left:200px;
	font-size:46.6px;
	font-weight:bold;
	letter-spacing: -0.1em;
	line-height:none;
}
.error_return {
	padding-top:80px;
	margin-left:-200px;
	font-size:20px;
}
.error_home {
	padding-top:20px;
	margin-left:50px;
	font-size:20px;
}
.error_home a, .error_home a:visited {
	color:#666;
	text-decoration:underline;
}
.error_home a:hover {
	color:#fff;
	background-color:#888;
}

img.error_cat {
	height: 110px;
	position:fixed;
	bottom:-2%;
	right:15%; 
}