@charset "UTF-8";


/********* フォーマット定義 *********/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, 
a, em, img, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}

ol, ul {
 list-style: none;
}

body {
 font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
 font-size: 78%;
 color: #737384;
 background-color: #DDDDDD;
}

a {
 color: #000000;
 text-decoration: none;
}

a:hover {
 color: #000000;
 text-decoration: underline;
}

#container {
 width: 980px;
 background-color: #FFF;
}

/***** ヘッダー *****/

#header {
 width: 940px;
 padding: 0 20px 0 20px;
}

#header h1 {
 float: left;
 width: 204px;
 margin-top: 34px;
}

#header dl {
 float: right;
 width: 200px;
 margin: 24px 0 7px 0;
 text-align: right;
}

#header dl dt {
 margin-bottom: 3px;
}


/***** コンテンツ *****/

#contents {
 width: 940px;
 padding: 0 20px 0 20px;
}

#contents p.mainImg {
 margin-bottom: 20px;
}

#contents #main {
 line-height: 1.4em;
 margin-bottom: 100px;
}

#contents #main h2 {
 margin-bottom: 28px;
}

#contents #main p.rightImg {
 float: right;
 width: 164px;
 margin-left: 14px;
}

#contents #main .leftColumn {
 float: left;
 width: 460px;
}

#contents #main .rightColumn {
 float: right;
 width: 460px;
}

#contents #main .last {
 margin-bottom: 0 !important;
}


/* 事業内容 */

#contents #main .businessBlock {
 margin-bottom: 70px;
}

#contents #main .businessBlock ul {
 margin-bottom: 25px;
}

#contents #main .businessBlock ul li {
 margin-bottom: 5px;
}

#contents #main .businessBlock p.inquiry {
 color: #000000;
}


/* 採用情報 */

#contents #main .recruitBlock {
 margin-bottom: 70px;
}

#contents #main .recruitBlock dl {
 margin-bottom: 18px;
}

#contents #main .recruitBlock dl.inquiry {
 margin-bottom: 0;
}

#contents #main .recruitBlock dl.inquiry dd {
 color: #000000;
}


/* 会社概要 */

#contents #main .companyBlock ul li {
 margin-bottom: 12px;
}

#contents #main .companyBlock ul li.addressIndent {
 padding-left: 5.3em;
 text-indent: -5.3em;
}


/* 企画/開発の事例紹介 */

#contents #main .caseBlock {
 margin-bottom: 70px;
}

#contents #main .caseBlock h3 {
 margin-bottom: 15px;
}

#contents #main .caseBlock .case {
 margin-bottom: 45px;
}

/***** フッター *****/

#footer {
 width: 940px;
 padding: 0 20px 0 20px;
 background-color: #000000;
 color: #646472;
}

#footer p {
 width: 940px;
 padding: 14px 0 140px 0;
 margin: 0 auto 0 auto;
}


/***** 地図 *****/

#mapCanvas {
 width: 760px;
 height: 460px;
 margin: 20px;
}



/********* clearfix *********/

.group:after{
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden; 
} 

.group { 
 display:inline-table; 
 zoom:1;
} 

/* Hides from IE-mac \*/ 
* html .group {height: 1%;}
.group {display: block;} 
/* End hide from IE-mac */