@charset "utf-8"; /*utf-8の場合*/



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
   /* border-collapse:collapse;*/
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

html{
width: 100%;
box-sizing:border-box;
}

body{
width: 100%;
font-family: 'メイリオ',Meiryo;
color: #000;
font-size: 11px;
box-sizing:border-box;
}
/* 点線 */
.line{
height: 1px;
background: url('../images/line.png') repeat-x;
}


/* *****************************
ヘッダー部分
******************************** */
#header-box{
width: 100%;
background: #000;
color: #fff;
border-bottom: solid 5px #89100a;
}

#header-in-box{
width: 900px;
height: 65px;
margin: 0px auto;
line-height: 65px;
overflow: hidden;
}

#header-in-box h1{
float: left;
width: 250px;
height: 65px;
overflow: hidden;
background: url('../images/site-name.png');
}
#header-in-box h1 a{
display: block;
height: 0px;
padding-top: 65px;
}


#header-in-box ul{
float: right;
height: 65px;
border-right: solid 1px #aaaaaa;

}

#header-in-box li{
float: left;
width: 100px;
text-align: center;
height: 65px;
font-size: 10px;
list-style-position: inside;
list-style: none;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}
#header-in-box li a{
display: block;
border-left: solid 1px #aaaaaa;
color: #fff;
text-decoration: none;
}

#header-in-box li a:hover{
background: #89100a;
}

/* *****************************
コンテンツ部分部分
******************************** */
#contents-wrap{
width: 100%;
overflow: hidden;
padding-top: 50px;
}


/* TOPバナー部分 */
#top-baner{
width: 900px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 50px;
margin: 0px auto;
overflow: hidden;
}
#top-baner .msg{
height: 230px;
background: #eee;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url('../images/top-baner.png');
}

.link-wrap{
padding-top: 30px;
overflow: hidden;
}

.link-box1{
float: left;
width: 300px;
height: 200px;
overflow: hidden;
background: url('../images/link-box1-back.png');
}

.link-box2{
float: left;
width: 300px;
height: 200px;
overflow: hidden;
background: url('../images/link-box2-back.png');
}


.link-box3{
float: left;
width: 300px;
height: 200px;
overflow: hidden;
background: url('../images/link-box3-back.png');
}



.link-box1 h2, .link-box2 h2, .link-box3 h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.link-box1 p, .link-box2 p, .link-box3 p{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.link-box1 a,.link-box2 a,.link-box3 a{
display: block;
position: relative;
top: 130px;
text-align: center;
}

/* コンテンツメニュー */

#contents-box{
clear: both;
margin: 0 auto;
padding: 25px 0px;
overflow: hidden;
background: #fffacd;
border-top:solid 5px #000;
border-bottom: solid 5px #000;
}

.contents-in-wrap{
width: 900px;
margin: 0px auto;
overflow: hidden;
}

.contents-menu{
float: left;
width: 900px;
overflow: hidden;
border-right: dotted 1px #696969;
}

.contents-menu .top,.infomation-wrap .top{
font-weight: bold;
}

.contents-menu h2{
font-size: 13px;
line-height: 30px;
}

.contents-menu-boxL{
float: left;
width: 300px;
}
.contents-menu-boxC{
float: left;
width: 300px;
}
.contents-menu-boxR{
float: left;
width: 300px;

}


.contents-menu h3{
margin-top: 20px;
padding-left: 5px;
}
.contents-menu ul{

}
.contents-menu li{
list-style-position: inside;
font-size: 12px;
padding-left: 15px;
}

.contents-menu li a{
color: #696969;
line-height: 24px;
}

.infomation-wrap{
float: left;
width: 400px;
padding-left: 25px;
}


#menu-box{
float: left;
width: 250px;
padding-bottom: 50px;
}

#menu-box .menu-top{
color: #000;
width: 200px;
line-height: 20px;
}

#menu-box h3{
	display:block;
	width:200px;
	line-height: 30px;
	cursor:pointer;
	margin-top: 10px;
	background: #000 url("../images/arrow.png") no-repeat right;
	color: #fff;
	moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	border-radius: 3px;
	padding-left: 10px;
	}

#menu-box p{
font-size: 8px;
}
#menu-box ul{
	width: 210px;
	display:none;	
}

#menu-box li{
list-style: none;
line-height: 30px;
padding-left: 10px;
border: solid 1px #000;
moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
margin-top: 5px;
}

#menu-box li a{
color: #000;
display: block;
text-decoration: none;

} 

#menu-box li a:visited{
color: #000;
} 
#menu-box li a:hover{
color: #89100a;
} 

#main-contents-box{
float: left;
width: 550px;
min-height: 430px;
padding-bottom: 50px;
padding-left: 10px;
}

#main-contents-box h2{
height: 30px;
margin-left: -10px;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
border-radius: 5px;
margin-top: 29px;
clear: both;
}
#main-contents-box h3{
height: 30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}



/* 各コンテンツページタイトル画像入れ替え */
#main-contents-box.company h2{
background: url('../images/contents-title-company.png') no-repeat #000 10px 4px;
}
#main-contents-box.service h2{
background: url('../images/contents-title-service.png') no-repeat #000 10px 4px;
}

#main-contents-box.policy h2{
background: url('../images/contents-title-policy.png') no-repeat #000 10px 4px;
}
#main-contents-box.contact h2{
background: url('../images/contents-title-contact.png') no-repeat #000 10px 4px;
}

#main-contents-box.employment-support h2{
background: url('../images/contents-title-employment-support.png') no-repeat #000 10px 4px;
}

#main-contents-box.off-jt h2{
background: url('../images/contents-title-off-jt.png') no-repeat #000 10px 4px;
}

#main-contents-box.carrier h2{
background: url('../images/contents-title-carrier.png') no-repeat #000 10px 4px;
}
#main-contents-box.price-list h2{
background: url('../images/contents-title-price.png') no-repeat #000 10px 4px;
}

#main-contents-box.consulting h2{
background: url('../images/contents-title-consulting.png') no-repeat #000 10px 4px;
}
#main-contents-box.audition h2{
background: url('../images/contents-title-audition.png') no-repeat #000 10px 4px;
}
#main-contents-box.hp-work h2{
background: url('../images/contents-title-hp-work.png') no-repeat #000 10px 4px;
}
#main-contents-box.web-system h2{
background: url('../images/contents-title-web-system.png') no-repeat #000 10px 4px;
}

/* サービス */
#main-contents-box.service h3.web1{
margin-top: 20px;
background: url('../images/service-web1.png') no-repeat;
}

#main-contents-box.service h3.web2{
margin-top: 20px;
background: url('../images/service-web2.png') no-repeat;
}

#main-contents-box.service h3.sien0{
margin-top: 20px;
background: url('../images/service-sien0.png') no-repeat;
}


#main-contents-box.service h3.sien1{
margin-top: 20px;
background: url('../images/service-sien1.png') no-repeat;
}

#main-contents-box.service h3.sien2{
margin-top: 20px;
background: url('../images/service-sien2.png') no-repeat;
}

#main-contents-box.service h3.sien3{
margin-top: 20px;
background: url('../images/service-sien3.png') no-repeat;
}


#main-contents-box.service p{
line-height: 18px;
padding-top: 10px;
padding-left: 10px;
}
#main-contents-box.service .link-hover{
padding-left: 5px;
padding-top: 5px;
}

/* 会社概要 */
#main-contents-box.company dl{
line-height: 20px;
margin-top: 25px;
padding-left: 25px;
padding-bottom: 25px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
border-radius: 5px;
border: dotted 1px #000;
}

#main-contents-box.company dt{
padding-top: 20px;
font-weight: bold;
color: #335588;
font-size: 15px;
}
#main-contents-box.company dd{
letter-spacing: 1px;
font-size: 13px;
}
#main-contents-box.company dd span{
border-bottom: dotted 1px #696969;
}


/* プライバシーポリシー */
.policy{
padding-bottom: 50px;
}
#main-contents-box.policy p{
line-height: 16px;
letter-spacing: 2px;
padding-top: 20px;
}


#main-contents-box.policy li{
list-style-position: inside;
list-style-type: decimal;
line-height: 16px;
padding-top: 20px;
padding-left: 15px;
}

/* お問い合わせ */
#main-contents-box.contact p{
padding-top: 25px;
}

#main-contents-box.contact img{
padding-top: 10px;
}

#main-contents-box.contact dl{
padding-top: 15px;
}
#main-contents-box.contact dt{
line-height: 25px;
padding-top: 10px;
}
#main-contents-box.contact dt span{
padding-left: 15px;
font-size: 10px;
color: #89100a;
}

#main-contents-box.contact input[type="submit"]{
font-size: 10px;
}

#main-contents-box.contact input[type="text"],textarea {
	border:2px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#main-contents-box.contact input[type="text"]:focus,textarea:focus,input[type="text"]:hover,textarea:hover {
	border:2px solid #000;
}


/* お問い合わせ確認画面 */
#main-contents-box.contact-kakunin p{
padding-top: 20px;
}
#main-contents-box.contact-kakunin p.err{
color: #89100a;
}

#main-contents-box.contact-kakunin dl{
padding-top: 15px;
}
#main-contents-box.contact-kakunin dt{
line-height: 25px;
padding-top: 10px;
}

/* 就職支援 */
#main-contents-box.employment-support p{
letter-spacing: 1px;
line-height: 16px;
padding-top: 10px;
}

/* OFF-JT 事業外教育訓練 */
#main-contents-box.off-jt p{
line-height: 16px;
padding-top: 15px;
}

#main-contents-box.off-jt a{
line-height: 30px;
color: #89100a;
}

/* キャリア形成 */
#main-contents-box.carrier p{
clear: both;
line-height: 16px;
padding-top: 15px;
}
#main-contents-box.carrier p.title{
padding: 5px;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
border-radius: 5px;        /* CSS3 */
background: #000;
margin: 15px 0px;
color: #fff;
letter-spacing: 1px;
}
#main-contents-box.carrier dl{
float: left;
width: 160px;
overflow: hidden;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
line-height: 16px;
}
#main-contents-box.carrier dt{
font-weight: bold;
color: #00bbff;
font-size: 13px;
}
#main-contents-box.carrier dd{
margin-bottom: 15px;
padding-left: 3px;
color: #000;
}

#main-contents-box.carrier dl.box-center{
border-left:dotted 1px #696969;
border-right: dotted 1px #696969;
}


/* 料金一覧 */
#main-contents-box.price-list table{
border-collapse: separate;
width: 430px;
border: solid 1px #000;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
border-radius: 5px ;        /* CSS3 */
margin-bottom: 15px;
}
#main-contents-box.price-list tr{
}
#main-contents-box.price-list th{
width: 100px;
text-align: left;
vertical-align: middle;
padding-top: 15px;
padding-left: 15px;
padding-right: 20px;
}

#main-contents-box.price-list td{
padding-right: 20px;
line-height: 16px;
}


#main-contents-box.price-list td dl{
padding-top: 20px;
border-bottom: solid 1px #696969;
padding-bottom: 10px;
}
#main-contents-box.price-list td dl:last-child{
border: 0px;
}

#main-contents-box.price-list td dt{

}
#main-contents-box.price-list td dd{

}


#main-contents-box.price-list p{
line-height: 16px;
}
#main-contents-box.price-list table.cource{
width: 530px;
}
#main-contents-box.price-list table.cource th,#main-contents-box.price-list table.cource td{
border-bottom: solid 1px #000;
}
#main-contents-box.price-list table.cource .cource-fin{
border: 0px;
}
#main-contents-box.price-list table.cource td{
padding: 15px 15px;
}
#main-contents-box.price-list .price-set-top dt{
line-height: 50px;
}
#main-contents-box.price-list .price-set-top dt span{
background: #000;
color: #fff;
padding: 7px 15px 7px 15px;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
border-radius: 5px ;  
}
#main-contents-box.price-list .price-set-top dd{
padding-left: 10px;
}
/* コンサルティング */

#main-contents-box.consulting h2{
margin-bottom: 30px;
}
#main-contents-box.consulting p{
padding-top: 15px;
line-height: 15px;
}

/* ホームページ制作 */
.hp-work h2{
margin-bottom: 25px;
}

.hp-work p{
margin-top: 10px;
line-height: 15px;
}

/* WEBシステム開発 */
.web-system h2{
margin-bottom: 25px;
}
.web-system p{
margin-top: 10px;
line-height: 15px;
}

/* *****************************
INFOMATION部分
******************************** */
/* 文字リスト縦スクロールデモ */
.sagscroller{
	width: 420px;
	height:230px;
	overflow-y:scroll;
	position:relative;
}
.sagscroller ul{
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	width: 400px;
}
.sagscroller ul li{
	display:block;
	padding-top: 20px;
	line-height: 20px;
	height:200px;
}
.sagscroller ul li .rsslabel{
	margin-top:5px;
	font-size:12px;
	clear: both;
}
.sagscroller ul li span{
color: #89100a;
font-size: 15px;
font-weight: bold;
}


/* 画像縦スクロールデモ */
div#scroll2{
	width:420px;
	height:200px;
	overflow-y: scroll;
}
.sliderdesc{
display: none;
}
/* *****************************
フッター部分
******************************** */
#footer-wrap{
clear: both;
width: 100%;
padding-top: 15px;
}
#copy{
line-height: 30px;
width: 100%;
background: #89100a;
color: #fff;
text-align: center;
}

.footer-navi{
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
background: #000;
}
.footer-navi ul{

}
.footer-navi li{
display: inline;
padding: 0px 25px;
}
.footer-navi li a{
color: #fff;
text-decoration: none;
}