@charset "utf-8";
/*-----------------clearfixまとめ-------------------*/
#topMain,
#news h2,
#service h2,
.serviceListBox,
#recruit h2,
#campany,
#campany h2,
#works h2
{
	overflow:hidden;
	zoom:1;
}

#topMain:after,
#news h2:after,
#service h2:after,
.serviceListBox:after,
#recruit h2:after,
#campany:after,
#campany h2:after,
#works h2:after
{
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  }
/*-----------------clearfixまとめここまで-------------------*/



body.top{
	background:url(/common/img/main_bg.gif) repeat-x 0 80px #FFF;
}


#office{
	margin:0 0 10px 0;
	width: 174px;
}
#office dt{
	padding: 0 0 3px 0;

}

#office dd{
	background: url(../../images/left_shadow.gif) left top repeat-x;
	width:174px;
}
#office dd dl{
	zoom:1;
	overflow:hidden;}
#office dd dl:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  }
#office dd dl dt{
	background:url(../../images/office_shadow.gif) bottom right no-repeat;
	padding:10px;
	text-indent:0;
	width:55px;
	height:auto;
	float:left;
	clear:both;}
#office dd dl dt p{
	margin:0 0 1px 0;
	background:#FFA64D;
	text-align:center;
	color:#900;
	font-size:84%;
	font-family:Verdana,Geneva,sans-serif;
	line-height:1.1;
	letter-spacing: 0px;
}
#office dd dl dd{
	background: none;
	float:left;
	width:89px;
	padding:10px 0 10px 5px;
	font-size:92%;
	color:#616161;
}
#office dd dl dd div{

}
#office dd dl dd div a{
	display:block;
	width:94px;
	height:20px;
	background:url(../images/btn_access.gif) 0 -20px no-repeat;
	text-indent:-9999px;
	text-decoration: none;
}
#office dd dl dd div a:hover{
	display:block;
	width:94px;
	height:20px;
	background:url(../images/btn_access.gif) 0 0 no-repeat;
	text-indent:-9999px;
	text-decoration: none;
}
	
#topMain{
	width:424px;
	float: left;
	}

	
#rightcts{
	width:175px;
	float: right;
	margin: 0 0 20px 0;
	}


/*--08.03.31レイアウト変更------------------------------------*/

#contentsTOP h2{
	background:none;
	height:auto;
	border-bottom:none;
	padding:0;
}

#contentsTOP h2 img {
	float:none;}

#topFlash {
	height:250px;
	margin: 0 0 20px 0;
}


/*--左カラム------------------------------------*/
#recruit{
	margin: 0 0 20px 0;
}

#recruit h2{
	padding:5px 0 15px 5px;
	margin:0 0 5px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}
#recruit h2 img{
	float:left;
	display:block;
	}

#recruit h2 span{
	float:left;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #ccc;
	color:#990000;
	font-size:84%;
	font-weight:100;
	}
#recruit .recruitCtsBox{
	margin:0 5px;
	width:195px;
	}
#contentsTOP .photo	{
	margin:0 0 5px;
	background: #FFF;
	}
#contentsTOP .photo img{
	display:block;
	padding:4px;
	border:1px solid #bbb;
	}
#recruit h3	{
	font-size:117%;
	margin:0 0 5px;
	color: #000;
	}
#recruit h3	a{
	color: #000;
	}	
#recruit .recruitCtsBox	p{
	font-size:92%;
	margin: 0 0 5px;
	}
	
#recruit .recruitCtsBox	ul li{
	margin: 0 0 5px;
	}
	
#recruit .recruitCtsBox	ul li a{
	background:url(/common/img/icn_arrow_gray.gif) 0 center no-repeat;
	padding:0 0 0 10px;}
	
#recruit .recruitCtsBox	ul li a:hover{
	background: url(/common/img/icn_arrow_brown.gif) 0 center no-repeat;}

#recruit{
	margin: 0 0 30px 0;
}
#campany{
	margin: 0;
	padding:0 0 10px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}
#campany h2{
	padding:5px 0 15px 5px;
	margin:0 0 5px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}
#campany h2 img{
	float:left;
	display:block;
	}

#campany h2 span{
	float:left;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #ccc;
	color:#990000;
	font-size:84%;
	font-weight:100;
	}
#campany p{
	font-size:92%;
	margin: 0 5px 5px;
	padding: 5px 0;
	float: left;
	}
#campany ul{
	margin: 0 5px;
	padding: 5px 0 0;
	float: left;
}
#campany ul li{
	margin:0 0 3px;
}
#campany ul li a{
	background:url(/common/img/icn_arrow_gray.gif) 0 center no-repeat;
	padding:0 0 0 10px;}
	
#campany ul li a:hover{
	background: url(/common/img/icn_arrow_brown.gif) 0 center no-repeat;}

/*--中央カラム------------------------------------*/
#news {
	margin:0 0 30px 0;
	width: 395px;
	position:relative;
	padding:0;
}

#news h2 {
	padding:5px 0 15px;
	margin:0 0 5px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}
#news h2 img{
	float:left;
	display:block;
	}

#news h2 span{
	float:left;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #ccc;
	color:#990000;
	font-size:84%;
	font-weight:100;
	}

#news .rss {
	position:absolute;
	top:5px;
	right:0px;
	font-size:92%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#news .rss a{
	display:block;
	background:url(/common/img/icn_rss.gif) 0 0 no-repeat;
	padding:0 0 0 18px;
	text-decoration:none;
	}	
	
#news dl {}

#news dl dt{
	font-size:92%;
	font-family:verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#990000;
	float:left;
	clear:both;
	padding:5px 5px 5px 60px;
	margin-bottom:15px;
}

#news dl dt.news {
	background:url(/img/icn_news.gif) 4px 50% no-repeat;}
	
#news dl dt.works {
	background:url(/img/icn_works.gif) 4px 50% no-repeat;}

#news dl dt.notes {
	background:url(/img/icn_notes.gif) 4px 50% no-repeat;}

#news dl dd{
	border-bottom:solid 1px #CCC;
	padding:5px;
	font-size: 92%;
}

#service {
	margin:0 0 20px 0;
	width: 395px;
	position:relative;
	padding:0;
}

#service h2 {
	padding:5px 0 15px;
	margin:0 0 15px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}
#service h2 img{
	float:left;
	display:block;
	}

#service h2 span{
	float:left;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #ccc;
	color:#990000;
	font-size:84%;
	font-weight:100;
	}

.serviceListBox {
	margin:0 0 20px 0;
	width: 395px;
	padding:0;
}
.serviceListBox .serviceCtsL{
	float:left;
	width: 185px;
	margin: 0 5px 0 0;
	padding:15px 5px 5px;
}
.serviceListBox .serviceCtsR{
	float:left;
	width: 185px;
	margin: 0;
	padding:15px 5px 5px;
}
.serviceListBox h3{
	font-size:117%;
	margin:0 0 10px;
	color: #000;
}
.serviceListBox h3 a{
	color: #000;
}
.serviceListBox p{
	font-size:92%;
}

.serviceListBox .servicePlan{
	background: url(/img/img_service_plan.gif) top right no-repeat;
}
.serviceListBox .serviceWeb{
	background: url(/img/img_service_web.gif) top right no-repeat;
}
.serviceListBox .serviceMobile{
	background: url(/img/img_service_mobile.gif) top right no-repeat;
}
.serviceListBox .serviceServer{
	background: url(/img/img_service_server.gif) top right no-repeat;
}
.serviceListBox .serviceSystem{
	background: url(/img/img_service_system.gif) top right no-repeat;
}
.serviceListBox .serviceOther{
	background: url(/img/img_service_other.gif) top right no-repeat;
}
/*--右カラム------------------------------------*/
#works{
	margin: 0 0 10px 0;
	padding:0 0 15px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}

#works h2 {
	padding:5px 0 15px 0;
	margin:0 0 5px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}
#works h2 img{float:left;display:block;}

#works h2 span{
	float:left;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #ccc;
	color:#990000;
	font-size:84%;
	font-weight:100;
}
#works h3{
	font-size:117%;
	margin:0 0 5px;
	color: #000;}
	
#works h3 a{color: #000;}

#works h4 a{
	background:url(/common/img/icn_arrow_gray.gif) 0 5px no-repeat;
	padding:0 0 0 10px;}
	
#works h4 a:hover{
	background: url(/common/img/icn_arrow_brown.gif) 0 5px no-repeat;}
	
#works ul{
	padding: 5px 0 0;
}
#works ul li{display:block;}

#works .worksSite{color:#333;}
#works .worksURL{font-size:84%; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif;}
#works .worksName{font-size:84%; color:#666;}

ul#banner{
	background:#ccc;
	padding:1px;
	overflow:hidden;
}
ul#banner li{
	width:171px;
	height:38px;
	border:1px solid  #FFF;
	margin:0 0 1px;
	overflow:hidden;
}

ul#banner li#bannerEnd{
	margin:0 0 0 0;
}

#container .ctsModTopR{
	margin:0 0 10px 0;}

#container .ctsModTopR h2{
	padding:4px 0 12px;
	margin:0 0 5px 0;
	background:url(/common/img/bg_slash_3px.gif) 0 100% repeat-x;
}
#container .ctsModTopR p {
	font-size:92%;
	color:#666666;
	margin: 0 0 5px 0;
}
#container .ctsModTopR ul {}
#container .ctsModTopR ul li {
	background:url(/common/img/icn_arrow_bk.gif) 3px 0.7em no-repeat;
	padding:3px 0 3px 12px;
	font-size:117%;
	color: #000;
}