/* CSS Document */
/*全体の設定
-------------------------------------------------------------------------------------*/
body {
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
    font-size:12px;
    line-height:1.4;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background:url(../images/common/bg.gif) repeat-x scroll top;
}
/*
-------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ol, ul, li {
margin:0;
padding:0;
}
/*リンクカラー設定
-------------------------------------------------------------------------------------*/
a {
	color:#000000;
	text-decoration:none;

}
a:hover {
	color:#cc6600;
}
/*強調文字
----------------------------------------------------------------*/
strong {
	font-weight:bold;
	color:#000099;
}
strong.red {
	font-weight:bold;
	color:#FF0000;
}

/*レイアウト
-------------------------------------------------------------------------------------*/
#layout {
	text-align: left;
    margin:0 auto;
    padding:0;
    text-align:left;
	width: 942px;
}
/*コンテンツ
-------------------------------------------------------------------------------------*/
#contents {
width:942px;
}
/*レフトサイド
-------------------------------------------------------------------------------------*/
#left_side {
float:left;
margin:0 10px 0 0;
padding-bottom:20px;
width:232px;
background-color:#FFFFFF;
}
/*ライトサイド
-------------------------------------------------------------------------------------*/
#right_side {
float:right;
position:relative;
width:700px;
}
#right_com {
float:right;
position:relative;
width:700px;
background-color:#FFFFFF;
padding-bottom:40px;
}
#right_com h2 {
	background-image:url(../images/top/menu_midashi1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 100%;
	padding-left: 15px;
	height: 30px;
	padding-right: 5px;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	line-height: 30px;
	font-weight:bold
}
#right_com h3 {
	background-image:url(../images/top/menu_midashi2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 100%;
	padding-left: 35px;
	height: 30px;
	padding-right: 5px;
	color:#000066;
	letter-spacing: 0.2em;
	line-height: 30px;
	font-weight:bold;

}
#right_com h3.sty2 {
	background-image:url(../images/top/menu_midashi3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 100%;
	padding-left: 25px;
	height: 30px;
	padding-right: 5px;
	color: #000033;
	letter-spacing: 0.2em;
	line-height: 30px;
	font-weight:bold;
}
#right_com h4 {
	background-image:url(../images/top/menu_midashi6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 100%;
	padding-left: 25px;
	height: 30px;
	padding-right: 5px;
	color: #000033;
	letter-spacing: 0.2em;
	line-height: 30px;
	font-weight:bold;
}

/*フッター
-------------------------------------------------------------------------------------*/
#footer {
background:url(../images/common/footer_bg.gif) repeat-x scroll 0 0;
clear:both;
padding-top:15px;
position:relative;
text-align:center;
}
#footerNavi {
clear:both;
margin:0 auto;
position:relative;
width:942px;
}
#footerTextMenu li {
border-right:1px solid #FFFFFF;
display:inline;
font-size:12px;
margin:0;
padding:0 5px;
color:#FFFFFF;
}
#footerTextMenu li a:hover {
color:#cc6600;
}
#footerTextMenu li a {
color:#FFFFFF;
}
#footerTextMenu_First {
border-left:1px solid #FFFFFF;
} 
address {
color:#FFFFFF;
font-size:10px;
font-style:normal;
padding:15px 0;
}
/*回り込み解除
-------------------------------------------------------------------------------------*/
#space{
clear:left;
}
/*レフトサイド-各コンテンツ
-------------------------------------------------------------------------------------*/
#left_con {
float:left;
margin:0 0 40px 0;
width:232px;
background-color:#FFFFFF;
}
#favo{
margin:10px;
}
#news{
background-color:#E3E3E3;
margin:15px 0 16px 5px;
width:220px;
}
#news .in{
background-color:#E3E3E3;
height:204px;
overflow:auto;
padding-bottom:10px;
}
.banner{
margin:15px 0 0 18px;
width:200px;
}
#concept{
margin:0 0 0 18px;
width:180px;
height:310px;
background:url(../images/top/about_bg.gif);
background-repeat:no-repeat;
padding:10px;
}
.company-navi{
margin:0 0 0 18px;
width:200px;
}
/*ライトサイド-各コンテンツ
-------------------------------------------------------------------------------------*/
#header{
width:700px;
text-align:right;
height:28px;
color:#FFFFFF;
padding-top:10px;
}
#main_box{
width:650px;
margin:10px 0 10px 25px;
}
#main_box p {
margin:10px;
word-spacing:0.1em;
letter-spacing:0.1em;
}
#topi{
width:650px;
height:24px;
background-color:#666666;
color:#FFFFFF;
margin:0 0 10px 0;
padding-top:7px;
}
#news_b{
width:643px;
background-color:#FFFFFF;
color:#000033;
margin:0 0 10px 0;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
padding-left:5px;
}
#concept_b{
width:643px;
margin:0 0 10px 0;
border:1px solid #000033;
padding-left:5px;
}
#course_box{
width:648px;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
margin-bottom:10px;
}

#rightcourse {
float:right;
clear:both;
margin:0 10px 10px 10px;
text-align:left;
width:202px;
}
#centercourse {
float:right;
margin:0 0 10px 10px;
text-align:left;
width:202px;
}
#leftcourse {
float:right;
margin:0 0 10px 0px;
text-align:left;
width:202px;
}
#colim1{
width:425px;
float:left;
margin-bottom:10px;
}
#colim2{
width:205px;
float:left;
margin-left:20px;
margin-bottom:10px;

}
#right .boshu {
margin-top:15px;
text-align:left;
}
#sitemap_box {
margin:10px 10px 10px 0;
width:560px;
}
#sitemap_box ul {
line-height:30px;
margin-left:20px;
padding-left:20px;
list-style-type:disc;
}
#ste1{
width:650px;
height:140px;
background-image:url(../images/beginner/ste1.jpg);
background-repeat:no-repeat;
}
#ste2{
width:650px;
height:140px;
background-image:url(../images/beginner/ste2.jpg);
background-repeat:no-repeat;
}
#ste3{
width:650px;
height:140px;
background-image:url(../images/beginner/ste3.jpg);
background-repeat:no-repeat;
}
#ste4{
width:650px;
height:140px;
background-image:url(../images/beginner/ste4.jpg);
background-repeat:no-repeat;
}
#ste5{
width:650px;
height:110px;
background-image:url(../images/beginner/ste5.jpg);
background-repeat:no-repeat;
}
.ste_p {
padding:30px 10px 10px 170px;
text-align:left;
}
#sys1{
width:580px;
height:200;
border:1px solid #082533;
margin-left:40px;
margin-bottom:16px;
}
#sys1_in{
margin:10px;
background-color:#C8E3FF;
height:140px;
border:1px solid #082533;
padding-top:10px;
}
#job1{
float:left;
width:210px;
margin:0 10px 10px 0;
}
#job2{
float:left;
width:210px;
margin:0 0 10px 0;
}
.rec_box{
text-align:left;
background-color:#FFFFFF;
}
.rec_l1{
border:1px solid #082533;
background-color:#D7EBFF;
}
.rec_l1_1{
border:1px solid #082533;
background-color:#D7EBFF;
text-align:center;
}
.rec_l1_1_a{
border:1px solid #082533;
background-color:#FFFFFF;
text-align:left;
}
.rec_l1_a{
border:1px solid #082533;
}
.rec_l1_2{
border-right:1px solid #082533;
border-bottom:1px solid #082533;
border-left:1px solid #082533;
background-color:#FFFFFF;
text-align:left;
}
.rec_l2{
border-right:1px solid #082533;
border-bottom:1px solid #082533;
border-left:1px solid #082533;
background-color:#D7EBFF;
}
.rec_r1{
border-top:1px solid #082533;
border-right:1px solid #082533;
border-bottom:1px solid #082533;
background-color:#FFFFFF;
}
.rec_r1_1{
border-top:1px solid #082533;
border-right:1px solid #082533;
border-bottom:1px solid #082533;
background-color:#D7EBFF;
text-align:center;
}
.rec_r2{
border-bottom:1px solid #082533;
border-right:1px solid #082533;
background-color:#FFFFFF;
}

/*メニュー
-------------------------------------------------------------------------------------*/
#menu {
width:700px;
}
#menu li {
	display: inline;
}