@charset "utf-8";
body {
	background-image: url(../img/bg1.jpg);
	background-repeat: repeat;
}
#favorite{
	margin:0 0 8px 0;
}
h1{
	color: #FFFFFF;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.container{
	width: 80%;
	min-width:960px;
	background: #FFF;
	margin: 0 auto;
	background-image:url(../img/bg1.jpg);
}
.content{
	position:relative;
	width:80%;
	min-width: 600px;
	float:left;
	padding:4px 0 10px 0;
}
#footer{
	position:relative
}
#well_group{
	position: absolute;
	bottom:85px;
	left:0;
	color:#333;
}
#well_group th{
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#900;
}
#well_group tr td{
	text-align:left;
	font-size:13px;
	line-height:1.1;
	padding-left:5px;
}

/*ヘッダー*/
.header{
	width:100%;
	min-width:960px;
	height:90px;
	background-image: url(../img/roman_bg2.png);
}
.header table{
	width:80%;
	height:90px;
	min-width:960px;
	margin:0 auto;
}
.header p{
	margin:0;
	padding:4px 0 0 0px;
	color:#FFF;
	font-size:14px;
	text-align:center;
}

/*サイド*/
#side{
	width:190px;
	float:left;
	margin-top:4px;
	margin-bottom:30px;
}
#mail{
	width:180px;
	margin:0 auto 5px;
	display:block;
	font-size:24px;
}
#side_b{
	width:100%;
	text-align:center;
	margin:5px 0 200px 0;
	float:left;
}
#side_b img{
	width:100%;
	margin-bottom:5px;
}
#side .sidebar1{
	margin:0;
	padding:0;
	width: 100%;
	text-align:left;
	min-width: 167px;
}
#side ul{
	margin:0;
	padding:0;
	line-height:1.9em;
}
#side ul.nav{
	margin:0;
	padding:0;
	border:none;
}
#side li{
	padding:0;
	margin:0;
}
#side li a{
	margin:0;
	padding:0 10px;
}
#side li.nohover{
	margin:0;
	padding:0 10px;
}
#side .nav_under{
	margin:0;
	padding:0;
	border:none;
	line-height:1.5em;
}
#side .nav_under{
	margin:0 0 0 10px;
	padding:0;
}
#side li:hover{
	background: #360;
}
#side li.nohover:hover{
	background: #390;
}

#side #smoothmenu2 li.small a{
	font-size:12px;
	line-height:2.3;
	}

/*メイン*/
#roman{
	margin:10px 0 0 10px;
	color:#333;
}
#roman h2{
	border-bottom: 1px dotted #3C0;
	border-left: 10px solid #3C0;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
	padding-left: 5px;
}
#roman table{
	width:100%;
	margin:10px 0;
	padding: 0;
	font-size:14px;
}
#roman table td.t01{
	margin: 0;
	padding: 10px 15px;
	width: 85px;
	background-color: #FF9966;
	color:#FFF;
}
#roman table td.t02{
	margin: 0;
	padding: 10px;
}
#roman table td.t03 {
	margin: 0;
	padding: 10px;
	background-color: #FF9966;
	color:#FFF;
}
#roman table td.t04 {
	margin: 0;
	padding: 10px;
}
#roman table td.t05 {
	margin: 0;
	padding:5px 0 10px 10px;
}
#roman table img{
	margin:10px 0 0 5px;
}
#roman table p{
	margin:0 0 5px 0;
	padding:0;
}

/*トップページ*/
#roman .top_news{
	width:756px;
	height:92px;
	margin:-10px 10px 10px 0;
	border:1px solid #666;
	background-color:#FFF;
}
#roman .top_news a{
	color:#800080;
}
#roman .top_news li{
	line-height:1;
	margin-bottom:5px
}
#roman .top_news h2{
	height:21px;
	background-color: #FF9966;
	border-bottom:1px solid #666;
	border-left:none;
	margin:0;
	padding:3px 0 5px 0;
	color: #FFF;
	text-align:center;
	font-size:19px;
}
#roman .top2{
	width:260px;
	height:150px;
	margin:0 10px 10px 0;
	float:left;
	border:1px outset #FF9966;
	background-color:#FFF;
}
#roman .top2 h2{
	background-color: #FF9966;
	border: none;
	margin:0;
	padding: 5px;
	color: #FFF;
	text-align: center;
}
#roman .top_news ul{
	height:45px;
	margin:0;
	padding:7px 0 10px 10px;
	list-style:none;
	font-size:13px;
}
#roman .top2 ul{
	height:100px;
	margin:0;
	padding:10px 0 5px 10px;
	list-style:none;
	font-size:14px;
}
#roman .over{
	overflow-y:scroll;
}
#roman .top2 h2 a{
	color:#FFF;
	text-decoration:none;
}
#roman .top2 h2:hover{
	background-color:#900;
}
#roman #seminar{
	width:756px;
	height:250px;
	overflow:auto;
	margin:0 0 10px 0px;
	padding:0px;
	border:1px solid #000;
}
#roman #seminar p{
	margin:3px 5px 5px;
	padding:0 0 5px 10px;
	color:#F33;
	border-bottom:1px solid #000;
}
#roman #seminar p span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight:bold;
}
#roman #seminar ul{
	margin:0;
	padding:0 10px;
	list-style:none;
}
#roman #seminar li{
	margin:10px 0;
	padding:5px 0 2px 8px;
	border-bottom:1px dotted #CCCCCC;
	border-left:7px solid #39F;
}


/*会社概要*/
#roman table td{
	margin:0;
	padding:5px 10px 0 10px;
}
#roman h3{
	margin:10px;
	padding:0;
	font-size:17px;
	font-weight:normal;
	color:#930;
}

/*IT開発・販売*/
#roman #it p{
	width:80%;
	min-width:600px;
	font-size:14px;
	margin-top:0px;
}
#roman #it h3{
	margin:0 10px 5px 10px;
	padding:12px 0 8px 40px;
	color:#FFF;
	background-image:url(../img/it_h3.png);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:24px;
	letter-spacing:1px;
}
#roman #it h3 a{
	color:#600;
}
#roman #it h4{
	width:150px;
	margin:0 0 0 20px;
	border:5px double #C00;
	font-weight:normal;
	text-align:center;
	color:#C00;
	font-size:16px;
	line-height:2em
}
#roman #it img{
	margin-top:10px;
}
#roman #it a{
	color:#00F;
}

/*コンサル*/
#top_image{
	clear:both;
	width:600px;
	height:200px;
}
#roman #consul{
	width:70%;
	min-width:520px;
	padding-right:10px;
	float:left;
}
#roman #consul2{
	width:210px;
	float:left;
	font-size:14px;
}
#roman #consul3{
	width:210px;
	border:1px solid #000;
	position:fixed;
	top:100px;
}
#roman #consul p{
	width:95%;
	font-size:14px;
	margin:10px 5px;
	color:#333;
}
#roman #consul h3{
	margin:10px 0 10px 10px;
	padding:0;
}
#roman #consul h3.margin-top{
	margin-top:20px;
	padding-top:20px;
	border-top:1px dashed #BBB;
}
#roman #consul h3 a{
	color:#600;
}
#roman #consul_shisetu{
	margin:0 0 20px 0;
}
#roman #consul_shisetu p{
	margin:0 0 0 30px;
	padding:0;
	font-size:15px;
	line-height:2em;
}
#roman #consul_shisetu a{
	color:#00F;
	text-decoration:none;
}
#roman #consul_shisetu a:hover{
	text-decoration:underline;
}
#roman #consul_unei a{
	margin:0;
	color:#00F;
	font-size:15px;
	text-decoration:none;
}
#roman #consul_unei a:hover{
	text-decoration:underline;
}
#roman #consul li{
	color:#930;
	margin:10px 0;
	padding:0;
}
#roman #consul ul p{
	width:100%;
	margin:5px 0;
	padding:0;
}
#consul #consul_kaigo h4{
	margin:5px;
	padding:3px 0;
	border:2px solid #900;
	color:#900;
	text-align:center;
	font-weight:normal;
	font-size:16px;
}
#consul #consul_kaigo h4 a{
	color:#900;
	text-decoration:underline;
}
#consul #consul_kaigo h4 a:hover{
	text-decoration:none;
}
#consul #consul_kaigo table{
	margin:10px 0;
	border:2px solid #000;
}
#consul #consul_kaigo ul{
	margin:10px 5px 10px 25px;
	padding:0;
}
#consul #consul_kaigo li{
	margin:0 0 5px 0;
	padding:0;
	color:#333;
	font-size:14px;
}
#consul #consul_kaigo img{
	margin:0;
	padding:0;
}
#consul #consul_kaigo td{
	margin:0;
	padding:0;
}
#consul ul#kaisetu_top{
	margin:20px 0;
	padding:0 20px;
}
#consul ul#list{
	margin:20px 0 0 0;
	padding-left:30px;
}
#consul ul#list li{
	color:#000;
}
#consul #list a{
	color:#00F;
}
#consul #chart table{
	width:95%;
	margin:10px auto;
}
#consul #chart td{
	padding:10px;
	line-height:1.6;
}
#consul #chart td.td1{
	width:160px;
	background-color:#FC6;
}
#roman #chart a{
	color:#00F;
}
#roman #chart img{
	margin-left:85px;
}
#consul2 a{
	text-decoration:underline;
}
#consul2 a:hover{
	text-decoration:none;
}
#consul2 h4{
	margin:0 0 7px 0;
	padding:5px 0;
	text-align:center;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	background-color:#390;
	border-bottom:1px solid #000;	
}
#consul2 ul{
	margin:5px 0;
	padding:0;
	list-style:none;
}
#consul2 ul ul{
	font-size:14px;
	margin:0 0 0 5px;
	padding:0 5px;
	line-height:1.6;
	color:#000;
}
#consul2 .li1{
	width:190px;
	margin:0 auto 5px;
	padding:2px 0;
	font-size:18px;
	text-align:center;
	border:2px solid #900;
}
#consul2 .li1 a{
	color:#900;
}
#consul2 p{
	margin:0;	
	padding-right:10px;
}
#consul2 img{
	margin:0 0 10px 10px;
}
#co_swf{
	width:531px;
	margin:0 auto;
}

/*旅行*/
#roman #ryokou p{
	font-size:13px;
	margin-top:10px;
}
#roman #ryokou table{
	width:80%;
	min-width:600px;
	margin:0 0 10px 10px;
	padding:0 0 0 5px;
	border:2px solid #000;
}
#roman #ryokou h4{
	margin:0;
	padding:10px;
	font-size:18px;
	color:#600;
}

/*給食*/
#roman #kyushoku p{
	width:80%;
	min-width:600px;
	font-size:14px;
	margin-top:10px;
}
#roman #kyushoku img{
	width:80%;
	min-width:600px;
}

/*求人*/
#roman #kyujin_h2{
	position:relative;
}
#roman #kyujin_p{
	font-size:14px;
	position:absolute;
	top:18px;
	right:0px;
}
#roman #kyujin_p a{
	color:#00F;
	text-decoration:none;
}
#roman #kyujin_p a:hover{
	text-decoration:underline;
}
#roman #kyujin input{
	margin:0 0 20px 300px;
}
#roman #kyujin_swf{
	width:720px;
	margin:10px auto;
}

/*吹き出し*/
.pop a{
	color:#900;
	text-decoration:none;
}
.pop a:hover{ /*マウスが乗ったら*/
	position: relative;
	top: 0px; left: 0px;
	}
	.fukidasipop { /*吹き出し本体*/
	position: absolute;
	top:17px; left:20px;
	display: none; /*何も表示しない*/
	padding: 5px; /*内側の余白*/
	width: 300px; /*ブロックの幅
	font-weight: bold; /*文字の太さ*/
	text-decoration: none; /*文字飾り*/
	color: #ffffff; /*文字色*/
	background-color: #b22222; /*背景色*/
	
	border-top:#FFFFFF solid 10px;
	border-left:#b22222 solid 10px;
	
	filter: alpha(opacity=85); /* IE */
	　　-moz-opacity:0.85; / *Firefox・Netscape */
	　opacity:0.85; /* Opera・Safari */
	}
	a:hover .fukidasipop {
	display: block; /*ブロック要素で表示*/
}

#oshiease{
	border-top:#999 dotted 1px;
	border-bottom:#999 dotted 1px;
	background-color: #B0E0E6; /*powderblue*/
}

#oshiease a{
	color:#FF0000;
}
	
#oshiease p{
	font-size:12px;
}
#oshiease3{
	margin-left:12px;
	height: 3em;
	overflow:auto;
}

#oshiease3 ul li{
	font-size:14px;
	list-style:none;
}

.red { color:#ff0000; }
.yellow { color:#ffff00; }
.blue { color:#00F;}
.right { float:right; }

/*トップページJAVAスタイル開始*/
.qitem {
	line-height:1.3;
	width:238px;
	height:150px;	
	border:1px solid #666;	
	margin:0 5px 10px 7px;
/* required to hide the image after resized */
	overflow:hidden;
/* for child absolute position */
	position:relative;
/* display div in line */
	float:left;
	cursor:hand;
	cursor:pointer;
	background-image:url(../images/bg.jpg)
}
.qitem img {
	border:0;
/* allow javascript moves the img position*/
	position:absolute;
	z-index:200;
}
.qitem .caption {
	position:absolute;
	z-index:0;	
	color:#ccc;
	display:block;
}
.qitem .caption h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	padding:10px 5px 0 12px;
	margin:0;
	color:#F66;
}
.qitem .caption p {
	font-size:14px;	
	padding:8px 5px 0 10px;
	margin:0;
	color:#666;
}
/* Setting for corners */
.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}
.topLeft {
	background-position: top left; 	
} 
.topRight {
	background-position: top right; 
} 
.bottomLeft {
	background-position: bottom left; 
} 
.bottomRight {
	background-position: bottom right; 
}
.clear {
	clear:both;	
}
.over .qitem{
	margin-right:0px;
}

.demo{
	font-size:14px;
	background-color:#F00;
	border:#fcf solid 1px;
	color:#fff;
	}
/*人材紹介*/
#roman #jinzai .eria1{
	background-color:#FFFFFF;
	margin-bottom:10px;
	}
	
#roman #jinzai .eria1 ul li{
	font-weight:bold;
	}

#roman #jinzai p.menu1,p.menu2{
	font-size:18px;
	font-weight:bold;
	color:#990000;
	}
	
	
#roman #jinzai img.img_right{
	float:left;
	}	
	
#roman #jinzai ul.ul_left{
	float:left;
	}
	
#roman #jinzai #toroku_botten{
	clear:both;
	margin:0 auto;
	display:block;
	}
	
#roman #jinzai h2.h2{
	clear:both;
	margin-top:5px;
	}
	
#roman #jinzai p.menu3{
	width:300px;
	float:left;
	margin-top:10px;
	}
	
#roman #jinzai img.structure{
	float:left;
	}
	
#roman #jinzai table{
	background-color:#FFFFFF;
	}
	
#roman #jinzai th{
	background-color:#FFFF00;
	color:#990000;
	}
	
#roman #jinzai td img{
	padding-bottom:10px;
	}