idcjp/dunamisjp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

change dunamisjp.com 20230803...

Browse Source
This commit is contained in:
최준흠 2023-08-03 17:26:41 +09:00
parent 185f668634
commit 4a2346917b
12 changed files with 914 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
jp/public/css/main.css
View File

@ -1,11 +1,11 @@
/*
/*
/* a. Webfonts and Iconfonts
/* =================================================================== */
@import url("fonts.css");
@import url("font-awesome/css/font-awesome.min.css");
@import url("simple-line-icons/simple-line-icons.css");
/*
/*
/* b. Document Setup
/* =================================================================== */
@ -204,7 +204,7 @@ img.pull-left {
margin: 12px 18px 0px 0px;
}
/*
/*
/* c. Forms
/* =================================================================== */
form {
@ -218,10 +218,10 @@ fieldset {
input, button {
-webkit-font-smoothing: antialiased;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
display: block;
padding: 12px 15px;
@ -241,9 +241,9 @@ select {
textarea {
min-height: 162px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
background: white;
}
@ -265,7 +265,7 @@ input[type="checkbox"] {
display: inline;
}
/*
/*
/* d. Preloader
/* =================================================================== */
#preloader {
@ -342,14 +342,14 @@ input[type="checkbox"] {
}
/*
/*
/* e. Buttons
/* =================================================================== */
.button,
.button:visited,
button,
input[type="submit"],
input[type="reset"],
.button,
.button:visited,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
font: 15px/30px "raleway-bold", sans-serif;
@ -364,17 +364,17 @@ input[type="button"] {
border: none;
border-radius: 3px;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
-webkit-font-smoothing: inherit;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
background: #647495;
color: white;
@ -540,7 +540,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
}
/*
/*
/* f. Other Components
/* ================================================================== */
@ -630,7 +630,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
content: counter(definitions, decimal) ". ";
}
/*
/*
/* Pull Quotes Markup
/*
@ -670,7 +670,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
content: none;
}
/*
/*
/* Stats Tab Markup
<ul class="stats-tabs">
@ -754,7 +754,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
color: #a3a4a6;
}
/*
/*
/* g. Header Styles
/* =================================================================== */
header {
@ -828,7 +828,7 @@ header .logo a {
}
ul#nav {
min-height: 72px;
width: auto;
width: auto;
/* left align the menu */
text-align: left;
@ -863,7 +863,7 @@ ul#nav li.current a {
}
/*
/*
/* h. Content Styles
/* =================================================================== */
@ -995,7 +995,7 @@ ul#nav li.current a {
}
/*
/*
/* i. Footer Styles
/* =================================================================== */
footer {
@ -1004,7 +1004,7 @@ footer {
font-size: 13px;
line-height: 24px;
position: relative;
color: #3C4142;
color: #3C4142;
}
footer a, footer a:visited {
color: #a43b0a;
@ -1081,7 +1081,7 @@ footer #go-top a:hover {
}
/*
/*
/* j. Common and shared styles
/* =================================================================== */
@ -1121,7 +1121,7 @@ hr {
/* page title
---------------------------------------------------------------------- */
#page-title {
background: #12151b url(../images/hero-bg.jpg) no-repeat center center fixed;
background: #12151b url(../images2/background1.jpg) no-repeat center center fixed;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-size: cover !important;
@ -1137,7 +1137,7 @@ hr {
color: white;
letter-spacing: -1px;
margin-bottom: 0;
text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
}
#page-title h1 span {
color: #f26522;
@ -1160,7 +1160,7 @@ hr {
background: transparent;
text-align: left;
}
.entry header h1 {
.entry header h1 {
font: 30px/36px "raleway-bold", sans-serif;
margin-bottom: 6px;
}
@ -1204,7 +1204,7 @@ hr {
text-shadow: none;
color: transparent;
}
.pagenav a[rel="next"]:after,
.pagenav a[rel="next"]:after,
.pagenav a[rel="prev"]:before {
float: left;
text-align: center;
@ -1237,12 +1237,12 @@ hr {
margin-top: -18px;
}
/*
/*
/* k. Hero Section
/* =================================================================== */
#hero {
margin-top:-27px;
background: #12151b url(../images/hero-bg.jpg) no-repeat center center fixed;
background: #12151b url(../images2/background1.jpg) no-repeat center center fixed;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-size: cover !important;
@ -1334,13 +1334,13 @@ margin-top:-27px;
margin-bottom: 36px;
text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
}
#hero-slider .flex-caption h1 span,
#hero-slider .flex-caption h1 span,
#hero-slider .flex-caption h1 a {
color: white;
display: inline-block;
border-bottom: 1px solid #a43b0a;
}
#hero-slider .flex-caption h1 span:hover,
#hero-slider .flex-caption h1 span:hover,
#hero-slider .flex-caption h1 a:hover {
border-color: #9a9103;
}
@ -1376,7 +1376,6 @@ margin-top:-27px;
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.hero-content .flex-control-paging li a {
width: 15px;
@ -1402,7 +1401,7 @@ margin-top:-27px;
cursor: default;
}
/*
/*
/* l. Portfolio Section
/* =================================================================== */
#portfolio {
@ -1445,7 +1444,7 @@ margin-top:-27px;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.item .item-wrap img {
vertical-align: bottom;
@ -1502,7 +1501,7 @@ margin-top:-27px;
transform: scale(1.2);
}
/*
/*
/* m. Services Section
/* =================================================================== */
#infrastructure {
@ -1540,7 +1539,7 @@ margin-top:-27px;
/*
/*
/* m. Services Section
/* =================================================================== */
#services {
@ -1577,7 +1576,7 @@ margin-top:-27px;
}
/*
/*
/* n. About Section
/* =================================================================== */
@ -1699,12 +1698,12 @@ margin-top:-27px;
padding-left: 30px;
}
/*
/*
/* o. Journal Section
/* =================================================================== */
#journal {
color:white;
background: #a43b0a url(../images/blog-bg.jpg) no-repeat bottom center fixed;
background: #a43b0a url(../images2/background3.jpg) no-repeat bottom center fixed;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-size: cover !important;
@ -1739,7 +1738,7 @@ margin-top:-27px;
}
/*
/*
/* p. Contact Section
/* =================================================================== */
#contact {
@ -1769,8 +1768,8 @@ margin-top:-27px;
color: #f26522;
display: inline-block;
}
#contact input,
#contact textarea,
#contact input,
#contact textarea,
#contact select {
padding: 18px 20px;
margin-bottom: 42px;
@ -1782,8 +1781,8 @@ margin-top:-27px;
#contact textarea {
height: 252px;
}
#contact input:focus,
#contact textarea:focus,
#contact input:focus,
#contact textarea:focus,
#contact select:focus {
color: white;
border-color: white;
@ -1861,7 +1860,7 @@ margin-top:-27px;
}
/*
/*
/* q. Blog Entry
/* =================================================================== */
@ -1944,7 +1943,7 @@ margin-top:-27px;
}
.commentlist li ul.children li {
padding-left: 5%;
padding-top: 18px;
padding-top: 18px;
}
/* comment form
@ -1963,8 +1962,8 @@ margin-top:-27px;
#comments form div {
margin: 12px 0 18px 0;
}
#comments form input,
#comments form textarea,
#comments form input,
#comments form textarea,
#comments form select {
width: 58.33333%;
float: left;
@ -1994,7 +1993,7 @@ margin-top:-27px;
}
/*
/*
/* r. Portfolio Entry
/* =================================================================== */

BIN
jp/public/images2/DNS.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
jp/public/images2/GSLB.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
jp/public/images2/IDSIPS.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
jp/public/images2/background1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 682 KiB

BIN
jp/public/images2/background2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
jp/public/images2/background3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 373 KiB

BIN
jp/public/images2/firewall.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
jp/public/images2/load balancing.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
jp/public/images2/switch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

98
jp/public/index.html
View File

@ -51,25 +51,25 @@
WordPress等のCMSを利用して手軽にホームページを開設したい方、ブログをはじめたい方、<br>
メールサーバー運用をしたい方等におすすめのサービスです。<br>
高性能な共用サーバーを圧倒的な低価格でご利用いただけます！
</font>
<p><a class="button stroke smoothscroll" href="#services">スタート！</a></p>
</font>
<p><a class="button stroke smoothscroll" href="#services">スタート！</a></p>
</div>
</li>
</li>
<li>
<div class="flex-caption">
<h1 style="font-size:50px;">ネットワーク総合管理サービス</h1>
<font color=white>
データセンターご利用のお客さま向けに、<br>ネットワーク機器やシステムの導入から監視・不具合対応まで、<br>
お客さまに代わって一括運用するマネージドサービスをご紹介します。
</font>
<p><a class="button stroke smoothscroll" href="#management">スタート！</a></p>
</font>
<p><a class="button stroke smoothscroll" href="#management">スタート！</a></p>
</div>
</li>
<li>
<div class="flex-caption">
<h1 >プロの専任スタッフが、
<a class="smoothscroll" href="#portfolio" title="">24時間365日無料で</a>　<br>サポートいたします！ </h1>
<p><a class="button stroke smoothscroll" href="#contact">お問い合わせ</a></p>
<p><a class="button stroke smoothscroll" href="#contact">お問い合わせ</a></p>
</div>
</li>
</ul>
@ -118,7 +118,7 @@
<div class="service-content">
<p style="font-size:13px;">海外ギガネットワークサービス</p>
</div>
</div>
</div>
<div class="bgrid first">
<div class="icon-part">
<img src="./images/usen-logo.jpg" width="150" height="50" border="0">
@ -148,11 +148,11 @@
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ##################################서비스############################################### -->
</div>
</section>
<!-- ##################################서비스############################################### -->
<section id="services">
<div class="row section-head">
<div class="twelve columns">
@ -160,7 +160,7 @@
<hr />
</div>
</div>
<div class="row">
<div class="row">
<h2>はじめてのレンタルサーバー</h2>
<style>
#index #backup li {
@ -309,7 +309,7 @@
</style>
<h4>システム構成</h4>
<table class="service-table" cellpadding="0" cellspacing="1">
<tr>
<th valign="middle" class="service-table-item-th service-table-item-th-gray" colspan="2">サーバー情報</th>
@ -432,9 +432,9 @@
</tr>
</table>
<br><br><br>
</div>
</div>
<section id="management">
<div class="row">
<div class="row">
<h3>総合運用管理サービス</h3>
<hr />
<p>構築から運用まですべておまかせください</p>
@ -454,7 +454,7 @@
.product2 .right li.dot {background:url('/images/bu_dot.gif') repeat-x left 5px; height:15px; line-height:15px}
.product2 .right .btn_pack.xlarge {position:absolute; top:30px; right:-20px;}
.product2 .right .btn_pack.xlarge a {width:100px}
.mt10 {margin:10px 0 0 0}
.mt10 {margin:10px 0 0 0}
</style>
<div id="view1" align="center">
<section class="product2">
@ -468,7 +468,7 @@
<li><strong>HDD</strong> : SATA 1TB</li>
</ul>
</div>
</section>
</section>
</div>
<div id="view1" align="center">
<section class="product2">
@ -481,7 +481,7 @@
<li><strong>HDD</strong> : SAS 300GB</li>
</ul>
</div>
</section>
</section>
</div>
<div id="view1" align="center">
<section class="product2">
@ -494,41 +494,41 @@
<li><strong>HDD</strong> : SAS 300GB</li>
</ul>
</div>
</section>
</section>
</div>
<br>
</section>
</section>
<section id="network">
<h3>ネットワークサービス</h3>
<hr />
<hr />
<div data-fix-height="4">
<div><img src="./images/ico_firewall.png" alt="マネージド・ファイアウォール">
<div><img src="./images2/firewall.png" alt="マネージド・ファイアウォール">
<p>ファイアーウォール管理運用</p>
<p>高性能ファイアウォールを安価に導入でき、セキュリティ専門エンジニアが運用管理まで代行します。</p>
<img src="./images/ico_lb.png" alt="マネージド・ロードバランシング">
<img src="./images2/load balancing.png" alt="マネージド・ロードバランシング">
<p>ロードバランシング運用管理</p>
<p>高可用性と耐障害性を向上させるロードバランサーの導入・設定から監視・不具合まで一括代行。</p>
</div>
<div><img src="./images/ico_l2l3.png" alt="レンタルL2/マネージド・L3スイッチ">
<div><img src="./images2/switch.png" alt="レンタルL2/マネージド・L3スイッチ">
<p>L2/L3スイッチ</a>保守運用管理</p>
<p>ハウジングをご利用のお客さま向けに、L2／L3スイッチを提供。保守・運用まですべて当社が代行します。</p>
<img src="./images/ico_dns.png" alt="マネージドDNS">
<img src="./images2/DNS.png" alt="マネージドDNS">
<p>ＤＮＳ管理運用</p>
<p>DNSサーバー運用を当社が代行するサービス。プライマリ/セカンダリDNS両方、またはセカンダリのみの2種類から。</p>
</div>
</div>
<div data-fix-height="4">
<div><img src="./images/ico_defense.png" alt="不正侵入検知/防御（IDS/IPS）">
<div><img src="./images2/IDSIPS.png" alt="不正侵入検知/防御（IDS/IPS）">
<p>不正侵入検知/防御（IDS/IPS）</p>
<p>ファイアウォールやウイルスチェックでは防御できない攻撃や不正アクセスを自動で検知・ブロックします。</p>
<img src="./images/ico_gslb.png" alt="マネージドGSLB">
<img src="./images2/GSLB.png" alt="マネージドGSLB">
<p>ＧＳＬＢ運用管理</p>
<p>万一の自然災害や障害時にも、サービスを止めない仕組み「BCP/DR対策」を安価に実現できます。</p>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
</section>
<!-- ############################회사정보 ##################################################### -->
@ -547,7 +547,7 @@
私共は御社の心強い支えになることを約束します。<br>
最高のサービスと技術力、強力なネットワークでお客様のサーバーを完全に保守運用致します。<br>
<br>
<!--<center><img src='./images/history.jpg'></center>-->
</div>
</p>
@ -593,8 +593,8 @@
<div class="row section-head">
<div class="twelve columns">
<h1>採用情報</h1>
<hr />
</div>
<hr />
</div>
<style>
.new_table{
width:900px;
@ -606,7 +606,7 @@
.new_table-head{
display: table-header-group;
}
.new_table-head .new_column{
.new_table-head .new_column{
background:#333333;
color:#CCCCCC;
border-right:1px solid #5d5d5d;
@ -618,29 +618,29 @@
.new_row{
display:table-row;
}
.new_row .new_column:nth-child(1){
.new_row .new_column:nth-child(1){
border-left:1px solid #eeeeee;
}
.new_row:last-child .new_column{
.new_row:last-child .new_column{
border-bottom:none;
}
.new_column{
display:table-cell;
border-top:1px solid #eeeeee;
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
}
.new_column:hover{
background:#000000;
}
</style>
</style>
<br><br><br>
<div class="new_table">
<div class="new_table-head">
<div class="new_column" style="width:250px; height:20px;">職種</div>
<div class="new_column" style="width:100px;">募集人数</div>
<div class="new_column" style="width:400px;">勤務時間</div>
<div class="new_column" style="width:150px;">勤務地</div>
<div class="new_column" style="width:150px;">勤務地</div>
<div class="new_column" style="width:0px;"></div>
</div>
<div class="new_row">
@ -654,7 +654,7 @@
<div class="new_column">(技術職) システムエンジニア</div>
<div class="new_column">1名</div>
<div class="new_column">09:00〜18:00<br>※ポジションによりシフト勤務、裁量労働制を適用</div>
<div class="new_column">千葉</div>
<div class="new_column">千葉</div>
<div class="new_column"></div>
</div>
</div>
@ -663,7 +663,7 @@
◆ 面接日時 ： 書類選考通過者随時面接
書類選考通過者対象個別通知
面接時の技術面接を含む
◆ 給与 ： 面談後に決定
◆ 給与 ： 面談後に決定
◆ 業務内容
- データセンターのネットワークとシステムの運用管理
- サーバーOS（windows。Linux OS）のインストール/運用/管理
@ -680,22 +680,22 @@
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none; width:200px;">諸手当</div>
<div class="new_column" style="text-align:left;">&nbsp;超過勤務手当、交通費全額支給</div>
<div class="new_column" style="width:0px;"></div>
<div class="new_column" style="width:0px;"></div>
</div>
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none;">給与改定</div>
<div class="new_column" style="text-align:left;">&nbsp;年1回（3月）</div>
<div class="new_column" style="width:0px;"></div>
<div class="new_column" style="width:0px;"></div>
</div>
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none;">休日・休暇</div>
<div class="new_column" style="text-align:left;">&nbsp;完全週休2日制<!--（土・日）-->、祝日、年次有給休暇、年末年始休暇、慶弔休暇、リフレッシュ休暇制度</div>
<div class="new_column" style="width:0px;"></div>
<div class="new_column" style="width:0px;"></div>
</div><!--
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none;">その他</div>
<div class="new_column" style="text-align:left;">&nbsp;健康保険、厚生年金保険、雇用保険、労災保険、財形貯蓄、定期健康診断、各種予防接種、<br>&nbsp;各種社内イベント、語学講座、外国籍社員サポート</div>
<div class="new_column" style="width:0px;"></div>
<div class="new_column" style="width:0px;"></div>
</div>-->
</div>
</div>
@ -754,7 +754,7 @@
<div id="message-success">
<i class="fa fa-check"></i>Your message was sent, thank you!<br />
</div>
</div>
</div>
</div>
</section>
<footer>
@ -762,7 +762,7 @@
<div class="six columns tab-whole footer-about">
<h3>株式会社 DUNAMIS</h3>
<p>お客様のサーバーを安全に守っていただくために、最先端のインフラと最高のサービス、強力なネットワークをベースに、24時間365日の間安定したサービスを提供するIDCセンターです。</p>
<p>各分野に合ったエンジニアが、お客様のサーバーやネットワークに生じた障害を迅速かつ正確に解決し、常に万全な状態での運用をお約束します。</p>
<p>各分野に合ったエンジニアが、お客様のサーバーやネットワークに生じた障害を迅速かつ正確に解決し、常に万全な状態での運用をお約束します。</p>
</div>
<div class="six columns tab-whole right-cols">
<div class="row">
@ -788,7 +788,7 @@
<li><a href="#">-</a></li>
<li><a href="#">-</a></li>
</ul>
</div>
</div>
</div>
</div>
<p class="copyright">&copy; Copyright 2013 DUNAMIS Co,LTD </p>

809
jp/public/index_20203083.html Normal file
View File

@ -0,0 +1,809 @@
<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="ja"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>株式会社 DUNAMIS</title>
<meta name="description" content="株式会社 DUNAMIS">
<meta name="author" content="株式会社 DUNAMIS">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/media-queries.css">
<script src="js/modernizr.js"></script>
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
　　　　<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
</head>
<body class="homepage">
<div id="preloader">
<div id="status">
<img src="images/loader.gif" height="60" width="60" alt="">
<div class="loader">Loading...</div>
</div>
</div>
<header id="main-header">
<div class="row header-inner">
<div class="logo">
<a class="smoothscroll" href="#hero">株式会社 DUNAMIS</a>
</div>
<nav id="nav-wrap">
<ul id="nav" class="nav">
<li class="current"><a class="smoothscroll" href="#hero">ホーム</a></li>
<li><a class="smoothscroll" href="#infrastructure">インフラ</a></li>
<li><a class="smoothscroll" href="#services">サービス</a></li>
<li><a class="smoothscroll" href="#company">企業理念</a></li>
<li><a class="smoothscroll" href="#journal">採用情報</a></li>
<li><a class="smoothscroll" href="#contact">お問い合わせ</a></li>
</ul>
</nav>
</div>
</header>
<section id="hero">
<div class="row hero-content">
<div class="twelve columns flex-container">
<div id="hero-slider" class="flexslider">
<ul class="slides">
<li>
<div class="flex-caption">
<h1>はじめてのレンタルサーバー</h1>
<font color=white>
WordPress等のCMSを利用して手軽にホームページを開設したい方、ブログをはじめたい方、<br>
メールサーバー運用をしたい方等におすすめのサービスです。<br>
高性能な共用サーバーを圧倒的な低価格でご利用いただけます！
</font>
<p><a class="button stroke smoothscroll" href="#services">スタート！</a></p>
</div>
</li>
<li>
<div class="flex-caption">
<h1 style="font-size:50px;">ネットワーク総合管理サービス</h1>
<font color=white>
データセンターご利用のお客さま向けに、<br>ネットワーク機器やシステムの導入から監視・不具合対応まで、<br>
お客さまに代わって一括運用するマネージドサービスをご紹介します。
</font>
<p><a class="button stroke smoothscroll" href="#management">スタート！</a></p>
</div>
</li>
<li>
<div class="flex-caption">
<h1 >プロの専任スタッフが、
<a class="smoothscroll" href="#portfolio" title="">24時間365日無料で</a>　<br>サポートいたします！ </h1>
<p><a class="button stroke smoothscroll" href="#contact">お問い合わせ</a></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="infrastructure">
<div class="row section-head">
<div class="twelve columns">
<h1>infrastructure</h1>
<hr />
<p>堅牢・高い信頼性を有するファシリティと大容量高速ネットワーク、強固なセキュリティのもと、<br>
お預かりするお客さまのサーバーを、 24時間365日安全に運用しております。<br>
首都圏・東日本・韓国の3つのロケーションにメガデータセンター拠点を構え、<br>
お客さまのITインフラをバランく分散管理できるようサービスを展開しています。</p>
<br>
<img src="./images/network.gif" border="0">
</div>
<div class="row">
<div class="twelve columns">
<div class="service-list bgrid-third s-bgrid-half mob-bgrid-whole">
<div class="bgrid">
<div class="icon-part">
<img src="./images/softbank-logo.jpg" width="150" height="50" border="0">
</div>
<h3>SOFTBANK</h3>
<div class="service-content">
<p style="font-size:13px;">DDoSブラックホールサービス</p>
</div>
</div>
<div class="bgrid">
<div class="icon-part">
<img src="./images/KDDI-logo.png" width="150" height="50" border="0">
</div>
<h3>KDDI</h3>
<div class="service-content">
<p style="font-size:13px;">ギガネットワークサービス</p>
</div>
</div>
<div class="bgrid">
<div class="icon-part">
<img src="./images/equinix.jpg" width="150" height="50" border="0">
</div>
<h3>EQUINIX</h3>
<div class="service-content">
<p style="font-size:13px;">海外ギガネットワークサービス</p>
</div>
</div>
<div class="bgrid first">
<div class="icon-part">
<img src="./images/usen-logo.jpg" width="150" height="50" border="0">
</div>
<h3>USEN</h3>
<div class="service-content">
<p style="font-size:13px;">専用線サービス</p>
</div>
</div>
<div class="bgrid">
<div class="icon-part">
<img src="./images/aws-logo.jpg" width="150" height="50" border="0">
</div>
<h3>Amazon Web Service</h3>
<div class="service-content">
<p style="font-size:13px;">クラウドデータバックアップサービス</p>
</div>
</div>
<div class="bgrid">
<div class="icon-part">
<img src="./images/cisco-logo.jpg" width="150" height="50" border="0">
</div>
<h3>CISCO</h3>
<div class="service-content">
<p style="font-size:13px;">バックボーン、スイッチネットワーク機器</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ##################################서비스############################################### -->
<section id="services">
<div class="row section-head">
<div class="twelve columns">
<h1>SERVICE</h1>
<hr />
</div>
</div>
<div class="row">
<h2>はじめてのレンタルサーバー</h2>
<style>
#index #backup li {
list-style: none;
width: 400px;
float: left;
position: relative;
margin-right: 30px;
}
#index #backup li h5 {
font-size: 14px;
line-height: 24px;
font-weight: bold;
padding: 0 0 0 200px;
min-height: 5px
}
#index #backup li.point1 h5 {
line-height: 15px;
}
#index #backup li.point2 h5 {
padding-left: 200px;
}
#index #backup li.point3 h5 {
padding-left: 64px;
}
#index #backup li h5 strong {
font-size: 34px;
color: #ef4d1c;
}
#index #backup li.point1 h5 strong {
font-size: 20px;
}
#index #backup li.point2 h5 strong {
font-size: 20px;
}
#index #backup li h5 span {
font-weight: normal;
display: block;
font-size: 10px;
margin-top: -5px;
}
#index #backup li figure {
position: absolute;
top: 0;
left: 58px;
}
#index #backup li.point2 figure {
top: 5px;
left: 52px;
}
#index #backup div {
text-align: center;
}
#safety{clear: both; width: 960px; margin-left: auto; margin-right: auto;}
#safety .t01{font-size: 24px; color: #fe7800; line-height: 1.4;}
#safety .p01{padding-bottom: 30px;}
#safety #safeList strong{color: #fe7800 !important;}
#safety .toDetail:hover{
filter: alpha(opacity=70);
opacity:0.7;
}
</style>
<div id=index>
<section id="safety">
<h1 class="t01"></h1>
<p class="p01">
WordPress等のCMSを利用して手軽にホームページを開設したい方、ブログをはじめたい方、<br>
メールサーバー運用をしたい方等におすすめのサービスです。<br>
メンテナンスはラクラク。高性能な共用サーバーを圧倒的な低価格でご利用いただけます！
</p>
<div id="backup" class="mgb30">
<ul id="safeList" class="mgb20 cf">
<li class="point1">
<h5>データ保管体制<br><strong>バックアップ</strong><br>+RAID1(ミラーリング)</h5>
<figure><img src="./images/gfx02.png" alt="HDD"></figure>
<p>ご契約のサーバーとは別のサーバーに自動的にバックアップを取り、データの保全性を高めています。</p>
</li>
<li class="point2">
<h5>サーバー稼働率<br><strong>99.99%</strong>以上！</h5>
<figure><img src="./images/gfx01.png" alt="サーバ"></figure>
<p class="mgt05 mgb05">国内自社データセンターでデータをお預かりします。</p>
<span class="txt11">※メンテナンス時間は障害時間に含みません</span>
</li>
</ul>
</div>
</section>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<style>
.service-table {
box-sizing: border-box;
width: 100%;
border: solid 3px #b2b2b2;
}
.service-table th,
.service-table td {
line-height: 140%;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
}
.service-table th {
text-align: center;
}
.service-table-item-th-side,
.service-table-item-th,
.service-table-item {
border-bottom: solid 1px #b2b2b2;
}
.service-table-item-th-gray {
background-color: #c0cccc;
}
.service-table-item-th-orange {
background-color: #e88a11;
}
.service-table-item-th-orange a {
color: #fff;
}
.service-table-item-th-orange a:hover {
opacity: .5;
}
.service-table-item-th-side {
border-right: solid 2px #b2b2b2;
background: #e6ebeb;
}
</style>
<h4>システム構成</h4>
<table class="service-table" cellpadding="0" cellspacing="1">
<tr>
<th valign="middle" class="service-table-item-th service-table-item-th-gray" colspan="2">サーバー情報</th>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side ">OSの種類</th>
<td valign="middle" class="service-table-item ">UNIX系OS</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">OS名</th>
<td valign="middle" class="service-table-item ">Linux<span class="txt-s">（CentOS）</span></td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">サーバーの種類</th>
<td valign="middle" class="service-table-item ">共用サーバー<span class="txt-s">（1つのサーバを複数のユーザで利用）</span></td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">RAID構成</th>
<td valign="middle" class="service-table-item ">
RAID10<span class="txt-s">（ミラーリング＋ストライピング）</span>
<div class="txt-s pd-10 mg-t-5 sub-text">users0xx / users1xx のサーバーの場合：RAID1（ミラーリング）</div>
</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">回線速度</th>
<td valign="middle" class="service-table-item ">1000Mbps</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">文字コード</th>
<td valign="middle" class="service-table-item ">utf-8</td>
</tr>
</table>
<h4>Webサーバー</h4>
<table class="service-table" cellpadding="0" cellspacing="1">
<tr>
<th valign="middle" class="service-table-item-th service-table-item-th-gray" colspan="2">サーバー情報</th>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side ">サーバーソフトウェア名</th>
<td valign="middle" class="service-table-item ">
Apache 2.4.x
<div class="txt-s pd-10 mg-t-5 sub-text">users0xx / users1xx のサーバーの場合：Apache 2.2.x</div>
</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">JAVA Servlet&nbsp;/&nbsp;ASP.NETの利用</th>
<td valign="middle" class="service-table-item ">-</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">.htaccessの作成/編集</th>
<td valign="middle" class="service-table-item ">○<span class="txt-s">（Optionsの指定は可）</span></td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">mod_rewriteの利用</th>
<td valign="middle" class="service-table-item ">○</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">HTTPアクセスログの保存</th>
<td valign="middle" class="service-table-item ">○</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">HTTPアクセスログの保存期間</th>
<td valign="middle" class="service-table-item ">1〜3ヶ月</td>
</tr>
</table>
<table class="mg-b-50 service-table" cellpadding="0" cellspacing="1">
<tr>
<th valign="middle" class="service-table-item-th service-table-item-th-gray" colspan="2">SSL</th>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side ">共有SSL機能のサーバ構成</th>
<td valign="middle" class="service-table-item ">Apache2.2.x系&nbsp;＋&nbsp;mod_ssl&nbsp;＋&nbsp;OpenSSL</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">共有SSLサーバ証明書の認証局</th>
<td valign="middle" class="service-table-item ">DigiCert</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">共有SSLと独自SSLとの併用</th>
<td valign="middle" class="service-table-item ">-</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">独自SSL機能のサーバ構成</th>
<td valign="middle" class="service-table-item ">Apache2.2.x系&nbsp;＋&nbsp;mod_ssl&nbsp;＋&nbsp;OpenSSL</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">対応プロトコル</th>
<td valign="middle" class="service-table-item ">TLS1.0</td>
</tr>
</table>
<h4>データベースサーバー</h4>
<table class="mg-b-50 service-table" cellpadding="0" cellspacing="1">
<tr>
<th valign="middle" class="service-table-item-th service-table-item-th-gray" colspan="2">サーバー情報</th>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side ">サーバーソフトウェア名</th>
<td valign="middle" class="service-table-item ">MySQL5.6<span class="txt-s">（過去に作成されたMySQL4.0、5.1は引き続きご利用いただけます）</span></td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">データベースの形式</th>
<td valign="middle" class="service-table-item ">MyISAM&nbsp;/&nbsp;InnoDB</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">MySQLデータベース管理ツール</th>
<td valign="middle" class="service-table-item ">○<span class="txt-s">（phpMyAdmin）</span></td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">MySQLの文字コード</th>
<td valign="middle" class="service-table-item ">utf-8 <span class="txt-s">（MySQL4.0はEUC-JP）</span></td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">MySQLiの利用</th>
<td valign="middle" class="service-table-item ">○</td>
</tr>
<tr>
<th valign="middle" class="service-table-item-th-side">SQLiteの利用</th>
<td valign="middle" class="service-table-item ">○</td>
</tr>
</table>
<br><br><br>
</div>
<section id="management">
<div class="row">
<h3>総合運用管理サービス</h3>
<hr />
<p>構築から運用まですべておまかせください</p>
<p>データセンターご利用のお客さま向けに、ネットワーク機器やシステムの導入から監視・不具合対応まで、<br>
一括運用する総合運用サービスをご紹介します。</p>
<p>データセンター事業者として長年培ってきた当社ならではの高い技術力と運用ノウハウをもって、<br>お客さまのお悩みを解決に導きます。</p>
<p>お客さまの運用負荷軽減とコスト削減にお役立てください。</p>
<style>
.product2 {margin-top:20px; border:1px solid #ccc; padding:25px 25px 20px 25px;width:800px;}
.product2.onborder {border:3px solid #2290DB; padding:23px 23px 18px 23px}
.product2:after {display:block; clear:both; content:''}
.product2 .left {float:left; width:290px}
.product2 .right {float:left; width:372px; position:relative}
.product2 .right h4 {font-size:18px; color:#444; line-height:30px}
.product2 .right h4 .btn_pack {margin-top:3px}
.product2 .right li {background:url('/images/bu_guide.gif') no-repeat left 9px; padding-left:11px; line-height:20px}
.product2 .right li.dot {background:url('/images/bu_dot.gif') repeat-x left 5px; height:15px; line-height:15px}
.product2 .right .btn_pack.xlarge {position:absolute; top:30px; right:-20px;}
.product2 .right .btn_pack.xlarge a {width:100px}
.mt10 {margin:10px 0 0 0}
</style>
<div id="view1" align="center">
<section class="product2">
<div class="left"><img src="./images/hp_dl320eg8.gif" width="250" height="111"></div>
<div class="right">
<h4 style="text-align:left;">HP DL320e G8</h4>
<p class="mt10"/>
<ul style="text-align:left;">
<li><strong>CPU</strong> : Intel® Xeon® E3-1231v3 4Core 3.4GHz</li>
<li><strong>RAM</strong> : DDR4 4GB</li>
<li><strong>HDD</strong> : SATA 1TB</li>
</ul>
</div>
</section>
</div>
<div id="view1" align="center">
<section class="product2">
<div class="left"><img src="./images/hp_dl360g9.gif" width="250" height="111"></div>
<div class="right">
<h4 style="text-align:left;">HP DL360 G9</h4>
<ul style="text-align:left;">
<li><strong>CPU</strong> : Intel® Xeon® E5-2620v3 6Core 2.4GHz</li>
<li><strong>RAM</strong> : DDR4 8GB</li>
<li><strong>HDD</strong> : SAS 300GB</li>
</ul>
</div>
</section>
</div>
<div id="view1" align="center">
<section class="product2">
<div class="left"><img src="./images/hp_dl380g9.gif" width="250" height="111"></div>
<div class="right">
<h4 style="text-align:left;">HP DL380 G9</h4>
<ul style="text-align:left;">
<li><strong>CPU</strong> : Intel® Xeon® E5-2620v3 6Core 2.4GHz</li>
<li><strong>RAM</strong> : DDR4 8GB</li>
<li><strong>HDD</strong> : SAS 300GB</li>
</ul>
</div>
</section>
</div>
<br>
</section>
<section id="network">
<h3>ネットワークサービス</h3>
<hr />
<div data-fix-height="4">
<div><img src="./images/ico_firewall.png" alt="マネージド・ファイアウォール">
<p>ファイアーウォール管理運用</p>
<p>高性能ファイアウォールを安価に導入でき、セキュリティ専門エンジニアが運用管理まで代行します。</p>
<img src="./images/ico_lb.png" alt="マネージド・ロードバランシング">
<p>ロードバランシング運用管理</p>
<p>高可用性と耐障害性を向上させるロードバランサーの導入・設定から監視・不具合まで一括代行。</p>
</div>
<div><img src="./images/ico_l2l3.png" alt="レンタルL2/マネージド・L3スイッチ">
<p>L2/L3スイッチ</a>保守運用管理</p>
<p>ハウジングをご利用のお客さま向けに、L2／L3スイッチを提供。保守・運用まですべて当社が代行します。</p>
<img src="./images/ico_dns.png" alt="マネージドDNS">
<p>ＤＮＳ管理運用</p>
<p>DNSサーバー運用を当社が代行するサービス。プライマリ/セカンダリDNS両方、またはセカンダリのみの2種類から。</p>
</div>
</div>
<div data-fix-height="4">
<div><img src="./images/ico_defense.png" alt="不正侵入検知/防御（IDS/IPS）">
<p>不正侵入検知/防御（IDS/IPS）</p>
<p>ファイアウォールやウイルスチェックでは防御できない攻撃や不正アクセスを自動で検知・ブロックします。</p>
<img src="./images/ico_gslb.png" alt="マネージドGSLB">
<p>ＧＳＬＢ運用管理</p>
<p>万一の自然災害や障害時にも、サービスを止めない仕組み「BCP/DR対策」を安価に実現できます。</p>
</div>
</div>
</div>
</section>
</section>
<!-- ############################회사정보 ##################################################### -->
<section id="company">
<div class="row section-head">
<div class="twelve columns">
<h3>企業理念</h3>
<hr />
<p>
<div align="left">
日々進化する情報通信産業に応じて、巷にあふれる各種保守運用サービス業者がお客様の満足を提供できていない現状の中、<br>
より安定した継続的なサービスの顧客の関心が集められているのが現実です。<br>
<br>
創立以来お客様のニーズに着実にお答えし、お客様と共に成長してまいりました。<br>
培ってきた技術とノウハウをもとに、お客様にご満足いただけるサービスを維持、開発しています。<br>
私共は御社の心強い支えになることを約束します。<br>
最高のサービスと技術力、強力なネットワークでお客様のサーバーを完全に保守運用致します。<br>
<br>
<!--<center><img src='./images/history.jpg'></center>-->
</div>
</p>
<table width="100%" border="1" cellpadding="7" cellspacing="1" bordercolor="#FFFFFF">
<tbody>
<tr>
<td width="130" align="left" nowrap="nowrap" bgcolor="#D6E7F7">&nbsp;<strong>会社名</strong></td>
<td align="left" bgcolor="#F6F6F6">　株式会社 DUNAMIS</td>
</tr>
<tr>
<td width="130" align="left" nowrap="nowrap" bgcolor="#D6E7F7">&nbsp;<strong>設立</strong></td>
<td align="left" bgcolor="#F6F6F6">　平成25年 7月 25日</td>
</tr>
<tr>
<td width="130" align="left" valign="top" nowrap="nowrap" bgcolor="#D6E7F7">&nbsp;<strong>所在地</strong></td>
<td align="left" bgcolor="#F6F6F6">　〒260-0021　千葉県千葉市中央区新宿１丁目10－3 ダイアパレス千葉新宿102</td>
</tr>
<tr>
<td width="130" align="left" valign="top" nowrap="nowrap" bgcolor="#D6E7F7">&nbsp;<strong>電話番号</strong></td>
<td align="left" bgcolor="#F6F6F6"><table width="450" border="0" cellpadding="3" cellspacing="0">
<tbody>
<tr align="left">
<td colspan="3">&nbsp;&nbsp;&nbsp;&nbsp;TEL 043-441-4877</td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td width="130" align="left" nowrap="nowrap" bgcolor="#D6E7F7">&nbsp;<strong>代表取締役社長</strong></td>
<td align="left" bgcolor="#F6F6F6">　天海　照彩</td>
</tr>
<tr>
<td width="130" align="left" nowrap="nowrap" bgcolor="#D6E7F7">&nbsp;<strong>業務内容</strong></td>
<td align="left" bgcolor="#F6F6F6">　IT サーバーホスティング</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- ################################################################################# -->
<section id="journal">
<div class="row section-head">
<div class="twelve columns">
<h1>採用情報</h1>
<hr />
</div>
<style>
.new_table{
width:900px;
display:table;
border-bottom:2px solid #dddddd;
color:#CCCCCC;
margin:0px 0px 0px 50px;
}
.new_table-head{
display: table-header-group;
}
.new_table-head .new_column{
background:#333333;
color:#CCCCCC;
border-right:1px solid #5d5d5d;
border-bottom:none;
}
.new_table-head .new_column:hover{
background:#000000;
}
.new_row{
display:table-row;
}
.new_row .new_column:nth-child(1){
border-left:1px solid #eeeeee;
}
.new_row:last-child .new_column{
border-bottom:none;
}
.new_column{
display:table-cell;
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
}
.new_column:hover{
background:#000000;
}
</style>
<br><br><br>
<div class="new_table">
<div class="new_table-head">
<div class="new_column" style="width:250px; height:20px;">職種</div>
<div class="new_column" style="width:100px;">募集人数</div>
<div class="new_column" style="width:400px;">勤務時間</div>
<div class="new_column" style="width:150px;">勤務地</div>
<div class="new_column" style="width:0px;"></div>
</div>
<div class="new_row">
<div class="new_column" style="width:250px;">(技術職) ネットワエンジニア</div>
<div class="new_column">1名</div>
<div class="new_column">09:00〜18:00<br>※ポジションによりシフト勤務、裁量労働制を適用</div>
<div class="new_column">千葉</div>
<div class="new_column"></div>
</div>
<div class="new_row">
<div class="new_column">(技術職) システムエンジニア</div>
<div class="new_column">1名</div>
<div class="new_column">09:00〜18:00<br>※ポジションによりシフト勤務、裁量労働制を適用</div>
<div class="new_column">千葉</div>
<div class="new_column"></div>
</div>
</div>
<div style="text-align:left; color:#CCCCCC;">
<xmp>
◆ 面接日時 ： 書類選考通過者随時面接
書類選考通過者対象個別通知
面接時の技術面接を含む
◆ 給与 ： 面談後に決定
◆ 業務内容
- データセンターのネットワークとシステムの運用管理
- サーバーOS（windows。Linux OS）のインストール/運用/管理
- IDCセンターネットワークの運用と管理
- サーバーのサービス運用管理（トラフィック管理、監視、トラブルシューティングなど）
◆ 資格 ： 関連学科専攻優遇
現在、日本の居住者優遇
日本語能力者優遇
RHCE / LPIC / Linuxのマスター1級優​​遇 / CCNP
※上記の仕事に関心のある方はお気軽にお問い合わせください。
</xmp>
</div><!--（収拾3ヶ月有）-->
<div class="new_table">
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none; width:200px;">諸手当</div>
<div class="new_column" style="text-align:left;">&nbsp;超過勤務手当、交通費全額支給</div>
<div class="new_column" style="width:0px;"></div>
</div>
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none;">給与改定</div>
<div class="new_column" style="text-align:left;">&nbsp;年1回（3月）</div>
<div class="new_column" style="width:0px;"></div>
</div>
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none;">休日・休暇</div>
<div class="new_column" style="text-align:left;">&nbsp;完全週休2日制<!--（土・日）-->、祝日、年次有給休暇、年末年始休暇、慶弔休暇、リフレッシュ休暇制度</div>
<div class="new_column" style="width:0px;"></div>
</div><!--
<div class="new_row">
<div class="new_column" style="background:#333333; color:#CCCCCC; border-right:1px solid #5d5d5d; border-bottom:none;">その他</div>
<div class="new_column" style="text-align:left;">&nbsp;健康保険、厚生年金保険、雇用保険、労災保険、財形貯蓄、定期健康診断、各種予防接種、<br>&nbsp;各種社内イベント、語学講座、外国籍社員サポート</div>
<div class="new_column" style="width:0px;"></div>
</div>-->
</div>
</div>
</section>
<section id="contact">
<div class="row section-head">
<div class="twelve columns">
<h1>お問い合わせ・資料請求・お見積り</h1>
<hr />
<p>
プロの専任スタッフが、 24時間365日無料で サポートいたします！
</p>
</div>
</div>
<div class="row form-section">
<div id="contact-form" class="twelve columns">
<form name="contactForm" id="contactForm" method="post" action="">
<fieldset>
<div class="row">
<div class="six columns mob-whole">
<label for="contactFname">姓 <span class="required">*</span></label>
<input name="contactFname" type="text" id="contactFname" placeholder="姓" value="" />
</div>
<div class="six columns mob-whole">
<label for="contactLname">名 <span class="required">*</span></label>
<input name="contactLname" type="text" id="contactLname" placeholder="名" value="" />
</div>
</div>
<div class="row">
<div class="six columns mob-whole">
<label for="contactEmail">メールアドレス <span class="required">*</span></label>
<input name="contactEmail" type="text" id="contactEmail" placeholder="メールアドレス" value="" />
</div>
<div class="six columns mob-whole">
<label for="contactSubject">お電話番号</label>
<input name="contactSubject" type="text" id="contactSubject" placeholder="お電話番号" value="" />
</div>
</div>
<div class="row">
<div class="twelve columns">
<label for="contactMessage">お問い合わせ <span class="required">*</span></label>
<textarea name="contactMessage" id="contactMessage" placeholder="お問い合わせ" rows="10" cols="50" ></textarea>
</div>
</div>
<div>
<button class="submit full-width">確認</button>
<div id="image-loader">
<img src="images/loader.gif" alt="" />
</div>
</div>
</fieldset>
</form>
<!-- message box -->
<div id="message-warning"></div>
<div id="message-success">
<i class="fa fa-check"></i>Your message was sent, thank you!<br />
</div>
</div>
</div>
</section>
<footer>
<div class="row">
<div class="six columns tab-whole footer-about">
<h3>株式会社 DUNAMIS</h3>
<p>お客様のサーバーを安全に守っていただくために、最先端のインフラと最高のサービス、強力なネットワークをベースに、24時間365日の間安定したサービスを提供するIDCセンターです。</p>
<p>各分野に合ったエンジニアが、お客様のサーバーやネットワークに生じた障害を迅速かつ正確に解決し、常に万全な状態での運用をお約束します。</p>
</div>
<div class="six columns tab-whole right-cols">
<div class="row">
<div class="columns">
<h3 class="address">Contact Us</h3>
<p>
260-0021<br>
千葉県千葉市中央区新宿<br>
１丁目１0－3ダイアパレス千葉新宿102
</p>
<ul>
<li>TEL : 043-441-4877</li>
<li>dunamis0725@gmail.com</li>
</ul>
</div>
<div class="columns last">
<h3 class="contact">Follow Us</h3>
<ul>
<li><a href="#">-</a></li>
<li><a href="#">-</a></li>
<li><a href="#">-</a></li>
<li><a href="#">-</a></li>
<li><a href="#">-</a></li>
<li><a href="#">-</a></li>
</ul>
</div>
</div>
</div>
<p class="copyright">&copy; Copyright 2013 DUNAMIS Co,LTD </p>
<div id="go-top">
<a class="smoothscroll" title="Back to Top" href="#hero"><span>トップ</span><i class="fa fa-long-arrow-up"></i></a>
</div>
</div>
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/backstretch.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/main.js"></script>
</body>
</html>