@charset "utf-8";
/* CSS Document */

html {
 overflow-y:scroll;
}

* {
 font-weight:normal;
 font-size:10px;
 line-height:180%;
}

body { 
 color:#333;
 background-color:#fafafa;
 margin:0px auto;
 text-align:center;
}

.block{clear:both}	
.block02{margin-bottom:2px; clear:both}
.block05{margin-bottom:5px; clear:both}
.block10{margin-bottom:10px; clear:both}
.block10l{margin-top:5px; margin-left:10px; clear:both}
.block15{margin-bottom:15px; clear:both}
.block20{margin-bottom:20px; clear:both}
.block25{margin-bottom:25px; clear:both}
.block30{margin-bottom:30px; clear:both}
.block35{margin-bottom:35px; clear:both}
.block40{margin-bottom:40px; clear:both}
.block45{margin-bottom:45px; clear:both}
.block50{margin-bottom:50px; clear:both}
.block60{margin-bottom:60px; clear:both}
.block70{margin-bottom:70px; clear:both}
.block80{margin-bottom:80px; clear:both}
.block90{margin-bottom:90px; clear:both}
.block100{margin-bottom:100px; clear:both}
.tac{text-align:center;}

a:link {
 color: #333;
 text-decoration:underline;
}

a:visited {
 color: #333;
 text-decoration:underline;
}

a:active {
 color: #333;
 text-decoration:underline;
}

a:hover {
 color: #333;
 text-decoration:none;
}

img {
 border:none;
}

strong.bold {
 font-weight:bold;
}

.red{
 color:#c00;
 padding-right:10px;
 font-weight:bold;
}

#container {
 width:808px;
 background:url(../images/bg.gif) repeat-y;
 margin:0 auto;
 padding:0;
 text-align:left;
}

#contents {
 width:800px;
 margin-left:4px;
 background-color:#fff;
}

#head {
 width:800px;
 height:58px;
 padding:0;
 background:url(../images/head_bg.gif) repeat-x;
}

#head h1 {
 float:left;
 margin:0px 0px 0px 15px;
 text-indent:-9999px;
 background:url(../images/header_logo.gif) no-repeat;
 width:86px;
 height:47px;
}

#head .seo {
 float:left;
 width:500px;
 margin:15px 0px 0px 15px;
 font-size:90%;
}

#head .menu {
 float:right;
 margin:30px 10px 10px 0;
 font-size:90%;
}

ul.navi{width:800px; margin:0px; padding:0; list-style:none;}
ul.navi li{float:left;}
a.navi01:link,
a.navi01:visited,
a.navi01:active{background: url(/images/navi_01.gif) no-repeat; display:block; height:26px; width:133px; text-indent:-9999px; overflow: hidden;}
a.navi01:hover,a.navi01_on{background:url(/images/navi_01.gif) no-repeat 0 -26px; display:block; height:26px; width:133px; text-indent:-9999px; overflow: hidden;}
a.navi02:link,
a.navi02:visited,
a.navi02:active{background: url(/images/navi_02.gif) no-repeat; display:block; height:26px; width:133px; text-indent:-9999px; overflow: hidden;}
a.navi02:hover,a.navi02_on{background:url(/images/navi_02.gif) no-repeat 0 -26px; display:block; height:26px; width:133px; text-indent:-9999px; overflow: hidden;}
a.navi03:link,
a.navi03:visited,
a.navi03:active{background: url(/images/navi_03.gif) no-repeat; display:block; height:26px; width:132px; text-indent:-9999px; overflow: hidden;}
a.navi03:hover,a.navi03_on{background:url(/images/navi_03.gif) no-repeat 0 -26px; display:block; height:26px; width:132px; text-indent:-9999px; overflow: hidden;}
a.navi04:link,
a.navi04:visited,
a.navi04:active{background: url(/images/navi_04.gif) no-repeat; display:block; height:26px; width:133px; text-indent:-9999px; overflow: hidden;}
a.navi04:hover,a.navi04_on{background:url(/images/navi_04.gif) no-repeat 0 -26px; display:block; height:26px; width:133px; text-indent:-9999px; overflow: hidden;}
a.navi05:link,
a.navi05:visited,
a.navi05:active{background: url(/images/navi_05.gif) no-repeat; display:block; height:26px; width:134px; text-indent:-9999px; overflow: hidden;}
a.navi05:hover,a.navi05_on{background:url(/images/navi_05.gif) no-repeat 0 -26px; display:block; height:26px; width:134px; text-indent:-9999px; overflow: hidden;}
a.navi06:link,
a.navi06:visited,
a.navi06:active{background: url(/images/navi_06.gif) no-repeat; display:block; height:26px; width:135px; text-indent:-9999px; overflow: hidden;}
a.navi06:hover,a.navi06_on{background:url(/images/navi_06.gif) no-repeat 0 -26px; display:block; height:26px; width:135px; text-indent:-9999px; overflow: hidden;}


#pankuzu {
	margin-left:15px;
	padding-top:5px;
	display:block;
	clear:both;
	width:700px;
}

.box15 {
	padding:10px 15px;
	clear:both;
}

#left {
	float:left;
	width:550px;
}

#right {
	float:right;
	width:200px;
}

#foot {
	clear:both;
}

#foot_menu {
	text-align:right;
	margin-top:20px;
	margin-bottom:15px;
}

#copyright {
	background:url(/images/copyright.gif) no-repeat;
	width:227px;
	height:9px;
	text-indent:-9999px;
	margin-left:286px;
	margin-bottom:2px;
}



.error {
 font-weight:bold;
 color:#c00;
}

.check {
 padding:5px;
 border:1px solid #ccc;
 background-color:#eee;
 margin:2px 0px;
}

a.blue:hover,a.blue:active,a.blue:link,a.blue:visited {
 background:url(../images/a_blue.gif) no-repeat;
 padding-left:5px;
 color:#24459a;
}

/*見出し：インフォメーション*/
h2.information{background:url(/images/h2/information.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：最新の実績紹介*/
h2.works{background:url(/images/h2/works.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：会社情報*/
h2.company{background:url(/images/h2/company.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：会社概要*/
h2.outline{background:url(/images/h2/outline.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：事業内容*/
h2.business{background:url(/images/h2/business.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：プライバシーポリシー*/
h2.privacy{background:url(/images/h2/privacy.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：サイトマップ*/
h2.sitemap{background:url(/images/h2/sitemap.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：このサイトについて*/
h2.legal{background:url(/images/h2/legal.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：お問い合わせ*/
h2.contact{background:url(/images/h2/contact.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：採用情報*/
h2.employment{background:url(/images/h2/employment.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：実績紹介*/
h2.portfolio{background:url(/images/h2/portfolio.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：サービス*/
h2.service{background:url(/images/h2/service.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：Eコマース*/
h2.ecommerce{background:url(/images/h2/ecommerce.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：システム開発*/
h2.system{background:url(/images/h2/system.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：マーケティング*/
h2.marketing{background:url(/images/h2/marketing.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：デジタルコンテンツ*/
h2.digital{background:url(/images/h2/digital.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：デザイン*/
h2.design{background:url(/images/h2/design.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：オペレーション*/
h2.operation{background:url(/images/h2/operation.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：商品企画・開発*/
h2.md{background:url(/images/h2/md.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}
/*見出し：IT用語辞典*/
h2.dictionary{background:url(/images/h2/dictionary.gif) no-repeat;width:550px;height:37px;display:block;text-indent:-9999px;margin-bottom:10px;}

h3 {
	color:#1e314f;
	font-weight:bold;
	font-size:110%;
	margin:0 0 5px 0;
}

h3.h3_dictionary {
  background: -moz-linear-gradient(top left, #d32d2d, #fff 60%, #d32d2d 80%, #fffd);
  background: -webkit-gradient(linear, left top, right bottom, from(#d32d2d), color-stop(60%, #fff), color-stop(80%, #d32d2d), to(#fff));
  color: #ffffff;
  text-shadow: 1px 1px #d32d2d;
  padding:10px;
  font-size:130%;
  font-weight:bold;
  border: 1px #d32d2d solid;
}


h3.h3_right {
 font-size:110%;
 font-weight:bold;
 margin:0 0 5px 0;
 clear:both;
 padding:4px 5px 2px 5px;
 color:#fff;
 background-color:#df6767;
}

h3.mini {
 background:url(/images/h3_200.gif) no-repeat;
 color:#333;
 width:200px;
 height:18px;
 padding-left:9px;
 font-weight:bold;
 margin-bottom:6px;
}

h4.h4_bg {
 font-size:100%;
 font-weight:bold;
 margin:0 0 4px 0;
 clear:both;
 padding:3px 4px 0px 4px;
 color:#333;
 background-color:#e6d3d8;
 border-bottom:1px solid #631515; 
}

h5 {
 font-weight:bold;
 margin:0;
}

.fll80 {
	float:left;
	width:80px;
}
.flr110 {
	float:right;
	width:110px;
}


ul.listlogo {
list-style-type: none;
margin:0px;
padding:0px;
}

ul.listlogo li {
background:url(/images/listlogo.gif) no-repeat;
padding:0 0 0 20px;
margin:0 0 3px 0;
}

table.table_data2{border-collapse:collapse; border:1px solid #ccc; width:90%;}
table.table_data2 th,table.table_data2 td{text-align:left; vertical-align:top; border:1px solid #ccc; padding:4px;}
table.table_data2 th{background-color:#fff2f2; width:45%}

/*会社概要*/
table.table_data3{border-collapse:collapse; border:1px solid #ccc; width:100%;}
table.table_data3 th,table.table_data3 td{text-align:left; vertical-align:top; border:1px solid #ccc; padding:4px;}
table.table_data3 th{background-color:#fff2f2;}


/*トップページ*/
dl.top {
	margin-left:15px;
}
dt {
	width:85px;
	float:left;
	clear:both;
	color:#666;
	padding:0px;
	margin:0 0 4px 0;
	display:inline;
}

dd {
	width:440px;
	color:#333;
	padding:0px;
	margin:0 0 4px 85px;
}
dt.mini {
	font-size:90%;
}

div.top_detail {
	text-align:right;
	margin-top:5px;
}

/*会社概要*/
div.company_logo {
	clear:both;
	float:left;
	margin-right:10px;
	margin-bottom:25px;
}
div.company_txt {
	float:left;
	margin-bottom:25px;
	line-height:185%;
}