@charset "utf-8";

/* normalize.css */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


#howtouse { margin-bottom: 60px; background: url('/common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 60px; }
#howtouse h1 { text-align: center;}
#howtouse .inner { background-color: #f6f6f6; padding: 10px 30px 10px; overflow: hidden; zoom: 1;}
#howtouse .inner dl { overflow: hidden; zoom: 1;}
#howtouse .inner dl dt { width: 290px; float: left; background-color: #fff; text-align: center; padding: 60px 0;}
#howtouse .inner dl dd { width: 500px; float: left; margin: 0; padding-left: 40px; font-size: 1.4em; line-height: 1.4;}
#howtouse .inner dl dd img { margin-right: 10px; vertical-align: top;}
#howtouse .inner dl dd ol { margin: 0; padding: 0}
#howtouse .inner dl dd ol li { margin: 0; padding: 0; list-style: none; margin-bottom: 1em;}



/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

html {
    font-size: 62.5%;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    color:#222;
    background-color: #fff;

    font-family:'Lucida Grande',
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
    Meiryo, メイリオ, sans-serif;

    /*	font: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
        *font-family: "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;*/
}
/*	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	*font-family: "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;*/

a {
    color: #006ad6;
    text-decoration: none;
}
a:hover {
    text-decoration:underline;
}

a:hover img {
    opacity: 0.7;
    -moz-opacity: 0.7; /* Firefox */
    filter: alpha(opacity=70); /* IE6/7 */
    -ms-filter: "alpha(opacity=70)"; /* IE8 */
}

/*a:visited {color: #333;}*/

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.5em;
    line-height: 1.1;
    letter-spacing:-1px;
}
p {
    margin: 0 0 1em;
    color: #444;
    /* font-size: 22px;
     font-size: 2.2rem;*/
    line-height: 1.3;
    text-align: left;
}
ul {
    margin: 0 0 2em;
    padding: 0;
    list-style-position: inside;
}


.mT3 { margin-top: 3px;}
.mT5 { margin-top: 5px;}
.mT8 { margin-top: 8px;}
.mT10 { margin-top: 10px;}
.mT15 { margin-top: 15px;}
.mT20 { margin-top: 20px;}
.mT25 { margin-top: 25px;}
.mT30 { margin-top: 30px;}
.mT35 { margin-top: 35px;}
.mT40 { margin-top: 40px;}
.mT45 { margin-top: 45px;}
.mT50 { margin-top: 50px;}

.mB3 { margin-bottom: 3px;}
.mB5 { margin-bottom: 5px;}
.mB8 { margin-bottom: 8px;}
.mB10 { margin-bottom: 10px;}
.mB15 { margin-bottom: 15px;}
.mB20 { margin-bottom: 20px;}
.mB25 { margin-bottom: 25px;}
.mB30 { margin-bottom: 30px;}
.mB35 { margin-bottom: 35px;}
.mB40 { margin-bottom: 40px;}
.mB45 { margin-bottom: 45px;}
.mB50 { margin-bottom: 50px;}

a:hover img {
    opacity: 0.7;
    -moz-opacity: 0.7; /* Firefox */
    filter: alpha(opacity=70); /* IE6/7 */
    -ms-filter: "alpha(opacity=70)"; /* IE8 */
}

.comingsoon {
    opacity: 0.3;
    -moz-opacity: 0.3; /* Firefox */
    filter: alpha(opacity=30); /* IE6/7 */
    -ms-filter: "alpha(opacity=30)"; /* IE8 */
}

/*レイアウト --------------------------------- */

header { width: 930px; border-bottom: 1px solid #e8e8e8; margin: 0 auto; overflow: hidden; zoom:1; }
header h1 { float: left; padding-top: 12px; margin-bottom: 0;}
header nav { width: 770px; float: right; }
header nav ul {  overflow: hidden; zoom:1; margin:0; }
header nav ul li { float: left; list-style-type: none; margin:0; font-size: 1.2em; line-height: 1em;}
header nav ul li a { display: block; width: 80px; text-align: center; padding: 30px 0 5px; color: #333333; text-decoration: none; height: 3em;}
header nav ul li a img { padding: 0; margin: -10px 0 0 0; }
header nav ul li a:hover {  text-decoration: none;}
header nav ul li:hover { background:url('../common/img/nav_bg.png') 0 0 no-repeat;}
header nav ul li span { font-size: 10px;}

/* ヘッダ内の翻訳ツール */
.goog-te-gadget-simple {
	margin-top: 24px;
}





/* ヘッダーナビゲーション 製品情報 start　NEW!!!!!! */

.moNavProduct { position:absolute; top:71px; left:0; width: 950px; margin: 0 auto; z-index: 6000;display:none;}
.moNavProduct .inner { position: absolute; top:0; left: 0; width: 950px; height: 352px; background: url(../img/nav_overbg_01.png);}
.moNavProduct .inner ol { margin: 0; padding:0; list-style-type: none;}
.moNavProduct .inner ol li { margin: 0; padding: 0;}

.moNavProduct .inner ol li.intro a { display: block; width: 140px; height: 136px; overflow: hidden; text-indent: -600px; background: url(/cms/wp-content/uploads/2018/10/skeedwebgo-solutions.png) no-repeat; position: absolute; top:47px; left:30px;}
.moNavProduct .inner ol li.ft  a { display: block; width: 140px; height: 136px; overflow: hidden; text-indent: -600px; background: url(/cms/wp-content/uploads/2017/07/dropdown_sb.png) no-repeat; position: absolute; top:47px; left:230px;}
.moNavProduct .inner ol li.fm  a { display: block; width: 140px; height: 136px; overflow: hidden; text-indent: -600px; background: url(/cms/wp-content/uploads/2017/07/dropdown_fm.png) no-repeat; position: absolute; top:47px; left:430px;}
.moNavProduct .inner ol li.wg a { display: block; width: 140px; height: 136px; overflow: hidden; text-indent: -600px; background: url(/cms/wp-content/uploads/2018/10/skeedwebgo-dropdown.png) no-repeat; position: absolute; top:193px; left:30px;}
.moNavProduct .inner ol li.ss  a { display: block; width: 140px; height: 136px; overflow: hidden; text-indent: -600px; background: url(../img/nav_product_06a.png?0) no-repeat; position: absolute; top:193px; left:230px;}
.moNavProduct .inner ol li.cf  a { display: block; width: 140px; height: 136px; overflow: hidden; text-indent: -600px; background: url(../img/nav_product_07a.png?0) no-repeat; position: absolute; top:193px; left:430px;}

/*.moNavProduct .inner ol li.intro a:hover { background: url(/cms/wp-content/uploads/2017/07/dropdown_left_hover.png) no-repeat;}*/
.moNavProduct .inner ol li.ft  a:hover { background: url(/cms/wp-content/uploads/2017/07/dropdown_sb_hover.png) no-repeat;}
.moNavProduct .inner ol li.fm  a:hover { background: url(../img/nav_product_05a_on.png) no-repeat;}
.moNavProduct .inner ol li.ss  a:hover { background: url(../img/nav_product_06a_on.png?0) no-repeat;}
.moNavProduct .inner ol li.wg a:hover { background: url(/cms/wp-content/uploads/2018/10/skeedwebgo-dropdown-hover.png) no-repeat;}
.moNavProduct .inner ol li.cf  a:hover { background: url(../img/nav_product_07a_on.png?0) no-repeat;}
.moNavProduct .inner ol li.appliance a:hover { background: url(../img/nav_product_08a_on.png) no-repeat;}

.moNavProduct .inner h2.sols1 { position: absolute; top:16px; left:205px; color: /* SilverBullet Blue */ #007899; font-family: メイリオ, serif; border-bottom: solid 1px; }
.moNavProduct .inner h2.sols2 { position: absolute; top:16px; left:672px; color: /* P2P Red */ #c5000b; font-family: メイリオ, serif; border-bottom: solid 1px;}
.moNavProduct .inner h2.sols3 { position: absolute; top:201px; left:662px;}


.moNavProduct .inner ol li.sd a { display: block; width: 258px; height: 70px; overflow: hidden; text-indent: -600px; background: url(../img/nav_product_09a.png) no-repeat; position: absolute; top:83px; left:662px;}
.moNavProduct .inner ol li.sc a { display: block; width: 258px; height: 70px; overflow: hidden; text-indent: -600px; background: url(../img/nav_product_10a.png) no-repeat; position: absolute; top:226px; left:662px;}
/* 変更:園田 */
.moNavProduct .inner ol li.os a { display: block; width: 258px; height: 90px; overflow: hidden; text-indent: -600px; background: url(../img/nav_product_12a.png) no-repeat; position: absolute; top:231px; left:662px;}

.moNavProduct .inner ol li.sd a:hover { background: url(../img/nav_product_09a_on.png) no-repeat; }
.moNavProduct .inner ol li.sc a:hover { background: url(../img/nav_product_10a_on.png) no-repeat; }
/* 変更:園田 */
.moNavProduct .inner ol li.os a:hover { background: url(../img/nav_product_12a_on.png) no-repeat; width: 258px; height: 90px; }

/* ヘッダーナビゲーション 製品情報 end　NEW!!!!!! */



/*.moNavTech { position: relative; top:0; left:0; width: 950px; margin: 0 auto; z-index: 6000;}*/
.moNavTech { position: absolute; top:71px; left:0; width: 950px; margin: 0 auto; z-index: 6000;display:none;}
.moNavTech .inner { position: absolute; top:0; left: 0; width: 950px; height: 200px; background: url(../img/nav_overbg_02.png) no-repeat;}
.moNavTech .inner ol { margin: 0; padding:0; list-style-type: none;}
.moNavTech .inner ol li { margin: 0; padding: 0;}
.moNavTech .inner ol li.st a { display: block; width: 207px; height: 146px; overflow: hidden; text-indent: -600px; background: url(../img/nav_tech_01.png) no-repeat; position: absolute; top:18px; left:30px;}
.moNavTech .inner ol li.sbt a { display: block; width: 207px; height: 146px; overflow: hidden; text-indent: -600px; background: url(../img/nav_tech_02.png) no-repeat; position: absolute; top:18px; left:257px;}
.moNavTech .inner ol li.sdt a { display: block; width: 207px; height: 146px; overflow: hidden; text-indent: -600px; background: url(../img/nav_tech_03.png) no-repeat; position: absolute; top:18px; left:484px;}
.moNavTech .inner ol li.sct a { display: block; width: 207px; height: 146px; overflow: hidden; text-indent: -600px; background: url(../img/nav_tech_04.png) no-repeat; position: absolute; top:18px; left:711px;}
.moNavTech .inner ol li.st a:hover { background: url(../img/nav_tech_01_on.png) no-repeat;}
.moNavTech .inner ol li.sbt a:hover { background: url(../img/nav_tech_02_on.png) no-repeat;}
.moNavTech .inner ol li.sdt a:hover { background: url(../img/nav_tech_03_on.png) no-repeat;}
.moNavTech .inner ol li.sct a:hover { background: url(../img/nav_tech_04_on.png) no-repeat;}




#mv { width: 100%; text-align: center; background:url('../common/img/mv_bg.png') 0 bottom repeat-x; }
#mv.short { width: 100%; text-align: center; background:url('../common/img/mv_bg_short.png') 0 bottom repeat-x; }


#lang { width: 930px; margin: 5px auto 30px; padding:0; text-align: left; overflow: hidden; zoom:1;}
#lang li { list-style-type: none; float: right; padding: 0 2px; font-size: 1.2em;}
#lang li a {color:#333;}
#lang li a:hover {color:#006ad6;}

#func { width: 930px; position: relative; margin: 8px auto 30px; overflow: hidden; zoom:1;}
#func #lang { width: 180px; float: right; margin: 0; padding:0; text-align: left; overflow: hidden; zoom:1;}
#func #lang li { list-style-type: none; float: right; padding: 0 2px; font-size: 1.2em; line-height: 1.5;}
#func #lang li a {color:#333;}
#func #lang li a:hover {color:#006ad6;}
#func .topicpath { width: 740px; float: left; font-size: 1.2em; margin: 0; line-height: 1.5;}
#func .topicpath a { padding-right:5px; }
#func .topicpath img { vertical-align: middle;}

#wrapper { width: 930px; margin: 0 auto;}

footer { clear: both; background: url('../common/img/ft_bg.png') 0 top repeat-x; overflow: hidden; zoom:1; font-size: 1.2em; line-height: 1.8; padding-top: 30px;}
footer a { color: #333;}
footer .inner { width: 930px; margin: 0 auto; overflow: hidden; zoom:1; position: relative;}

footer .fMap { width: 770px; overflow: hidden; zoom:1; margin-bottom: 100px;}

footer .box ul {  margin:0 0 10px 0;}
footer .box ul li { font-weight: normal; color: #333; list-style-type: none; background: url('../common/img/ic_arrow.png') 0 3px no-repeat; padding-left:18px; }
footer .box ul li span { font-size: 10px;}
footer .box ul li.cate { font-weight: bold;}
footer .box ul li a {color: #333; display: block;}
footer .box ul li a:hover {color: #006ad6;}
footer .box ul li ul li a {color: #666;}
footer .box ul li ul li a:hover {color: #006ad6;}

footer .cate1 { float: left;}
footer .cate1 ul.inner { width: 340px;  overflow: hidden; zoom:1;}
footer .cate1 ul.inner li { float: left; width: 150px;}
footer .cate1 ul.inner li.long { width: 340px;}

footer .cate2 { width: 190px; height: 110px; float: left;}
footer .cate2 ul.inner { overflow: hidden; zoom:1;}

footer .mark { width: 188px; float: right; position: absolute; top: 0; right:0; }
footer .mark a { margin-left: 8px;}
footer .mark img { vertical-align:bottom; margin-bottom: 7px;}

footer .fBtm { width: 930px; float: left; border-top:1px solid #e7e7e7; padding-top: 5px;}
footer .fBtm ul { float: left; overflow: hidden; zoom:1; margin: 0;}
footer .fBtm ul li { list-style-type: none; display: inline; padding-right: 20px;}
footer .fBtm p { float: right;}


/*トップ --------------------------------- */

#top #mv { height: 549px; overflow: hidden;}
#top #mv img { vertical-align: bottom;}

#top #productCon { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 20px;}
#top #productCon h1 { margin: 0 auto 10px; text-align: center;}
#top #productCon div { margin: 0 auto 10px; text-align: center;}
#top #productCon p { margin: 0 auto 15px; text-align: center; font-size: 22px; font-size: 2.2em; }
#top #productCon p.link { margin-bottom: 20px;}
#top #productCon p.tx {font-size:1.4em;}

#top #wrapper { overflow: hidden; zoom:1; margin-bottom: 30px;}

#top #pr { width: 410px; padding: 10px 60px 20px 0; float: left; background: url('../common/img/line_h440.png') right 80px no-repeat;  overflow: hidden; zoom:1; }
#top #pr h1 { margin-bottom: 30px; margin-left:100px;}
#top #pr li { font-size: 1.4em; line-height: 1.4; list-style-type: none; float: left; padding-left: 10px; margin-bottom:20px;}
#top #pr li span { font-weight: bold;font-size: 1.5rem; line-height: 2.5; }
#top #pr li img { vertical-align: middle;}
#top #pr li.last { background: none; padding-right: 0; }
#top #pr li a { color: #333;}
#top #pr li a:hover {color:#006ad6;}
#top #pr p { clear: both; font-size: 1.4em; text-align: center;margin-bottom: 30px;}

#top #topics { width: 410px; padding: 10px 0 20px; float:right; overflow: hidden; zoom:1; }
#top #topics h1 { margin-bottom: 30px; margin-left:120px;}
#top #topics li { font-size: 1.4em; line-height: 1.4; list-style-type: none; float: left; padding-left: 10px; margin-bottom:20px;}
#top #topics li span { font-weight: bold;font-size: 1.5rem; line-height: 2.5; margin-right: 10px;}
#top #topics li img { vertical-align: middle; }
#top #topics li img.icNew { display: inline; margin: 0;}
#top #topics li.last { background: none; padding-right: 0; }
#top #topics li a { color: #333;}
#top #topics li a:hover {color:#006ad6;}
#top #topics p { clear: both; font-size: 1.4em; text-align: center;margin-bottom: 30px;}

#top #slideshow {width:930px;height:624px;position:relative;margin:0;}
#top #slideshow div.slidebox {position:absolute;top:0;left:0;z-index:8;opacity:0.0;width:930px;height:624px;background-color:#FFF;}
#top #slideshow div.slidebox.active {z-index:10;opacity:1.0;}
#top #slideshow div.slidebox.last-active {z-index:9;}



/* products --------------------------------- */
.ssbblue { color: /* SilverBullet Blue */ #007899; }
.p2pred { color: /* P2P Red */ #c5000b; }

.meritBoxRight .title { width: 500px; text-align: left; font-size: 3em; padding-top:45px; margin-left:430px;}
.meritBoxRight p { width: 500px; font-size: 1.6em; margin-left:430px;}
.meritBoxRight ul { width: 500px; margin-left:430px; }
.meritBoxRight ul li { list-style-type: none; background: url('/img/common/dot.png') left 3px no-repeat; padding-left:20px; font-size: 1.4em; margin-bottom:5px;}
.meritBoxLeft .title { width: 500px; text-align: left; font-size: 3em; padding-top:55px; margin-right:430px;}
.meritBoxLeft p { font-size: 1.6em; margin-right:430px;}
.meritBoxLeft ul { width: 500px; margin-right:430px; }
.meritBoxLeft ul li { list-style-type: none; background: url('/img/common/dot.png') left 3px no-repeat; padding-left:20px; font-size: 1.4em; margin-bottom:5px;}

h1.section-title {
	font-size: 3.5rem; text-align: center; margin-bottom: 20px;
	font-family: メイリオ, serif; font-weight: normal; color: #444;
}
h2.section-title {
	font-size: 2.7rem; text-align: center; margin-bottom: 20px;
	font-family: メイリオ, serif; font-weight: normal; color: #444;
}
h2.section-title.left {
	text-align: left;
}
h1.subnav-title {
	font-size: 2.5rem; float: left; padding:20px 10px;
    font-family: メイリオ, serif;
    font-weight: normal;
    color: #444;
}

/* 表の基本スタイル */
.products .basic-table { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.products .basic-table p { font-size: 1.6em; text-align: center; line-height: 1.4;}
.products .basic-table table { width: 80%; margin:0 auto 5px;}
.products .basic-table table tr {}
.products .basic-table table tr th { background-color: #e0e0e0;}
.products .basic-table table tr td {}
.products .basic-table table tr th,
.products .basic-table table tr td { font-weight: normal; font-size: 1.6em; border-collapse: collapse; border: 1px solid #ccc; padding: 10px; text-align: center; }
.products .basic-table table tr td.mbps { background-color: #f4f4f4;}
.products .basic-table ul { width:740px; margin: 0 auto 0; padding: 0; list-style-position: inside; }
.products .basic-table ul li { list-style-type: none; font-size: 1.2em; }
.products .basic-table p.note { font-size: 1.2em;}

.products h1 { font-size: 3.5em; text-align: center; margin-bottom: 20px; }
.products .title { font-family: メイリオ, serif; font-weight: normal; color: #444; }
.products .campaign { color: #dd0000; }

.products #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
.products #mv #subNav .title { font-size: 2.5em; float: left; padding:20px 10px; }
.products #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
.products #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em; }
.products #mv #subNav ul li a { color: #333;display: block; padding:20px 10px; }
.products #mv #subNav ul li a:hover {color:#006ad6; /*text-decoration: none;*/ }
.products #mv img { vertical-align: bottom;}

/* SSBトップ　特長メリット */
.products #feature { margin-bottom: 60px;}
.products #feature h1 { text-align: center; margin-bottom: 20px;}
.products #feature ol li { list-style-type: none; }
.products #feature ol li img { vertical-align: top;}

/* SSBトップ　6製品部分 */
.products #product {padding: 60px 0 0; overflow: hidden; zoom:1; font-size: 1.4em; background: url('../common/img/cmn_line.png') 0 bottom no-repeat;}
.products #product h1 { text-align: center; margin-bottom: 40px;}
.products #product .pdcBox { width: 280px; float: left; padding-right: 30px; padding-left: 10px; background: url('../common/img/line_h440.png') center right no-repeat; margin-bottom: 40px;}
.products #product .pdcBox p { text-align: center; display: block; height: 3em; margin-bottom: 30px;}
.products #product .last { padding-right: 0; background: none;}

/* SSBトップ　転送速度実例 */
.products #transfer { padding: 60px 0 0; overflow: hidden; zoom:1; margin-bottom: 30px; }
.products #transfer h1  { text-align: center; margin-bottom: 20px;}
.products #transfer p { text-align: center; color: #666; font-size: 1.4em; margin-bottom: 30px;}
.products #transfer #exp { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.products #transfer #exp tr th { background-color: #bdcfd9; font-weight: normal; font-size: 1.7em; border: 1px solid #fff; padding: 8px;}
.products #transfer #exp tr td { font-size: 1.6em; border: 1px solid #fff;padding: 18px 0; text-align: center; background-color: #f5f5f5;}
.products #transfer #exp tr.bg td { background-color: #dde6ea;}
.products #transfer #exp .nbr {  font-size: 20px;}
.products #transfer #exp .bold { font-weight: bold;}

/* こんな業務におススメ */
.products #recomendation { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.products #recomendation p { font-size: 1.6em; text-align: center; line-height: 1.4;}
.products #recomendation table { border-style: none; width: 80%; margin:0 auto 0px;}
.products #recomendation table tr {}
.products #recomendation table tr th { background-color: #e0e0e0;}
.products #recomendation table tr td {}
.products #recomendation table tr th,
.products #recomendation table tr td { font-weight: normal; font-size: 1.6em; border-collapse: collapse; border: none; padding: 10px; text-align: left; }
.products #recomendation table tr td.mbps { background-color: #f4f4f4;}
.products #recomendation ul { width:740px; margin: 0 auto 0; padding: 0; list-style-position: inside; }
.products #recomendation ul li { list-style-type: none; font-size: 1.2em; }
.products #recomendation p.note { font-size: 1.2em;}
.products #recomendation table th td {border:none;}

/* 基本構成 */
.products #composition { position: relative; top:0; left: 0; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.products #composition div { margin-bottom: 20px;}
.products #composition p { font-size: 1.6em; text-align: center; line-height: 1.4;}
.products #composition p.txLeft { text-align: left; padding: 0 50px 0px; }
.products #composition p.txHttp { width: 500px; position: absolute; top:350px ; left:10px; margin: 0 200px;}

/* 製品使用 共通 */
.products #specification { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.products #specification p { font-size: 1.6em; text-align: center; line-height: 1.4;}
.products #specification table { width: 80%; margin:0 auto 5px;}
.products #specification table tr {}
.products #specification table tr th { background-color: #e0e0e0;}
.products #specification table tr td {}
.products #specification table tr th,
.products #specification table tr td { font-weight: normal; font-size: 1.6em; border-collapse: collapse; border: 1px solid #ccc; padding: 10px; text-align: center; }
.products #specification table tr td.mbps { background-color: #f4f4f4;}
.products #specification ul { width:740px; margin: 0 auto 0; padding: 0; list-style-position: inside; }
.products #specification ul li { list-style-type: none; font-size: 1.2em; }
.products #specification p.note { font-size: 1.2em;}

/* SSB操作解説動画 */
.products #movie { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.products #movie p { font-size: 1.6em; text-align: center; line-height: 1.4;}
.products #movie table { width: 80%; margin:0 auto 5px;}
.products #movie table tr {}
.products #movie table tr th { background-color: #e0e0e0;}
.products #movie table tr td {}
.products #movie table tr th,
.products #movie table tr td { font-weight: normal; font-size: 1.6em; border-collapse: collapse; border: 1px solid #ccc; padding: 10px; text-align: center; }
.products #movie table tr td.mbps { background-color: #f4f4f4;}
.products #movie ul { width:740px; margin: 0 auto 0; padding: 0; list-style-position: inside; }
.products #movie ul li { list-style-type: none; font-size: 1.2em; }
.products #movie p.note { font-size: 1.2em;}

/* SSB比較テスト動画 */
.products #tmovie { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.products #tmovie p { font-size: 1.6em; text-align: center; line-height: 1.4;}
.products #tmovie table { width: 80%; margin:0 auto 5px;}
.products #tmovie table tr {}
.products #tmovie table tr th { background-color: #e0e0e0;}
.products #tmovie table tr td {}
.products #tmovie table tr th,
.products #tmovie table tr td { font-weight: normal; font-size: 1.6em; border-collapse: collapse; border: 1px solid #ccc; padding: 10px; text-align: center; }
.products #tmovie table tr td.mbps { background-color: #f4f4f4;}
.products #tmovie ul { width:740px; margin: 0 auto 0; padding: 0; list-style-position: inside; }
.products #tmovie ul li { list-style-type: none; font-size: 1.2em; }
.products #tmovie p.note { font-size: 1.2em;}





/* 特長メリット 共通 */
.products #merit { margin-bottom: 50px;}
.products #merit h1 { text-align: center; margin-bottom: 20px;}

/* 特長メリット SkeedWebGo */
.products #merit .meritWebgo01 .inner { height: 339px; background: url('/img/product/forfiletransfer/il_05.png') left bottom no-repeat; }
.products #merit .meritWebgo02 .inner { height: 326px; background: url('/cms/wp-content/uploads/2018/10/skeedwebgo-merit-easiness.png') right top no-repeat; }
.products #merit .meritWebgo03 .inner { height: 330px; background: url('/img/product/forfiletransfer/il_03.png') left top no-repeat; }
.products #merit .meritWebgo04 .inner { height: 337px; background: url('/cms/wp-content/uploads/2018/10/skeedwebgo-merit-usability.png') right top no-repeat; }
.products #merit .meritWebgo05 .inner h2 { padding-top: 30px;}

/* 特長メリット forEnterprise */
.products #merit .meritFe01 .inner { height: 330px; background: url('../img/product/silverbullet/il_07.png') -490px bottom no-repeat; }
.products #merit .meritFe02 .inner { height: 330px; background: url('../img/product/silverbullet/il_02.png') right top no-repeat; }
.products #merit .meritFe03 .inner { height: 330px; background: url('../img/product/silverbullet/il_03.png') left top no-repeat; }
.products #merit .meritFe04 .inner { height: 335px; background: url('../img/product/silverbullet/il_04.png') right top no-repeat; }

/* 特長メリット forFileTransfer */
.products #merit .meritFft01 .inner { height: 339px; background: url('/img/product/forfiletransfer/il_05.png') left bottom no-repeat; }
.products #merit .meritFft02 .inner { height: 326px; background: url('/img/product/forfiletransfer/il_04.png') right top no-repeat; }
.products #merit .meritFft03 .inner { height: 330px; background: url('/img/product/forfiletransfer/il_03.png') left top no-repeat; }
.products #merit .meritFft04 .inner { height: 337px; background: url('/img/product/forfiletransfer/il_06.png') right top no-repeat; }
.products #merit .meritFft04 .inner h2 { padding-top: 30px;}

/* 特長メリット forApps */
.products #merit .meritFa01 .inner { height: 330px; background: url('../img/product/silverbullet/il_01.png') left bottom no-repeat; }
.products #merit .meritFa02 .inner { height: 325px; background: url('../img/product/silverbullet/il_08.png') right top no-repeat; }
.products #merit .meritFa03 .inner { height: 330px; background: url('../img/product/silverbullet/il_03.png') left top no-repeat; }
.products #merit .meritFa04 .inner { height: 335px; background: url('../img/product/silverbullet/il_04.png') right top no-repeat; }

/* 特長メリット forStreaming */
.products #merit .meritFs01 .inner { height: 330px; background: url('../img/product/silverbullet/il_01.png') left bottom no-repeat; }
.products #merit .meritFs02 .inner { height: 325px; background: url('../img/product/silverbullet/il_08.png') right top no-repeat; }
.products #merit .meritFs03 .inner { height: 330px; background: url('../img/product/silverbullet/il_03.png') left top no-repeat; }
.products #merit .meritFs04 .inner { height: 335px; background: url('../img/product/silverbullet/il_04.png') right top no-repeat; }

/* 特長メリット SkeedSync */
.products #merit .meritss01 .inner { height: 330px; background: url('/img/product/ss/il_20.png') left bottom no-repeat; }
.products #merit .meritss02 .inner { height: 325px; background: url('/img/product/ss/il_21.png') right top no-repeat; }
.products #merit .meritss03 .inner { height: 330px; background: url('/img/product/ss/il_22.png') left top no-repeat; }
.products #merit .meritss04 .inner { height: 335px; background: url('/img/product/ss/il_23.png') right top no-repeat; }

/* 特長メリット Cloud版SkeedFileMessenger */
.products #merit .meritFh01 .inner { height: 330px; background: url('/img/product/csfm/il_32.png') left bottom no-repeat; }
.products #merit .meritFh02 .inner { height: 325px; background: url('/img/product/csfm/il_31.png') right top no-repeat; }
.products #merit .meritFh03 .inner { height: 330px; background: url('/img/product/csfm/il_30.png') left top no-repeat; }
.products #merit .meritFh04 .inner { height: 335px; background: url('/img/product/csfm/il_33.png') right top no-repeat; }

/* 特長メリット forFileMessenger */
.products #merit .meritFfm01 .inner { height: 330px; background: url('/img/product/forfilemessenger/il_10.png') left bottom no-repeat; }
.products #merit .meritFfm02 .inner { height: 325px; background: url('/img/product/forfilemessenger/il_02.png') right top no-repeat; }
.products #merit .meritFfm03 .inner { height: 326px; background: url('/img/product/forfilemessenger/il_11.png') left top no-repeat; }
.products #merit .meritFfm04 .inner { height: 335px; background: url('/img/product/forfilemessenger/il_12.png') right top no-repeat; }

/* 特長メリット Collaborate */
.products #merit .meritCr01 .inner { height: 330px; background: url('../img/product/silverbullet/il_14.png') left bottom no-repeat; }
.products #merit .meritCr02 .inner { height: 330px; background: url('../img/product/silverbullet/il_02.png') right top no-repeat; }
.products #merit .meritCr03 .inner { height: 330px; background: url('../img/product/silverbullet/il_03.png') left top no-repeat; }
.products #merit .meritCr04 .inner { height: 335px; background: url('../img/product/silverbullet/il_04.png') right top no-repeat; }

/* 特長メリット アプライアンスのご紹介 */
.products #productBox { font-size: 1.4em; overflow: hidden; zoom:1;background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.products #productBox h1 { text-align: center; margin-bottom: 40px;}
.products #productBox h2 { font-size: 14px; font-weight: normal; }
.products #productBox .boxleft { width: 466px; float: left;}
.products #productBox .boxleft p { padding: 10px 20px 10px 10px;}
.products #productBox .boxRight { width: 462px; float: right;}

.products #productBox table { width: 100%; margin-bottom: 10px; }
.products #productBox table tr { }
.products #productBox table tr th,
.products #productBox table tr td { font-size: 12px; border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
.products #productBox table tr th { padding: 3px; background-color: #f6f6f6; text-align: center; }
.products #productBox table tr td { padding: 3px; text-align: center;}
.products #productBox .note { font-size: 12px; padding-top: 10px; display: block;}
.products .contactBtn { clear: both;text-align: center; padding-top: 20px;}



/* 機能一覧 */
#featureList { margin-bottom: 40px; }
#featureList h1 { text-align: center; margin-bottom: 20px; }
#featureList table { width: 100%;}
#featureList table tr { }
#featureList table tr th,
#featureList table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#featureList table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#featureList table tr td { padding: 10px 20px; }
#featureList table tr td.nwp { white-space: nowrap;}
#featureList p { font-size: 1.2em; text-align: right;}

#featureList table tr.bgBlue td { background-color: #f2f7f9;}
#featureList table tr.bgRed td { background-color: #fff8f8;}

/* ユースケース */
.products #usecase { margin-bottom: 50px;}
.products #usecase h1 { text-align: center; margin-bottom: 20px;}
.products #usecase .box { background: #f8f8f8 url('/img/common/con5_boxtop.png') 0 top no-repeat; padding:30px 25px 0;}
.products #usecase .box .wrap{ width:870px;overflow:hidden;zoom:1;position:relative;height:360px; background: #f8f8f8 url('/img/common/con5_boxbtm.png') 0 bottom no-repeat; padding-bottom: 25px;}
.products #usecase .box .wrap .inner{position:absolute;}
.products #usecase .inner { /*background: url('../product/silverbullet/img/con5_boxbtm.png') 0 bottom no-repeat;*/ overflow: hidden; zoom:1; /*padding-bottom: 30px;*/ }
.products #usecase .inner div { float: left; }
.products #usecase p { font-size:1.6em; text-align: center; margin: 8px 0 5px; }

/* 仕様・料金 */
.products #pricelist { margin-bottom: 50px;}
.products #pricelist h1 { text-align: center; margin-bottom: 20px;}
.products #pricelist .box { background: #f8f8f8 url('/img/common/con5_boxtop.png') 0 top no-repeat; padding:30px 25px 0;}
.products #pricelist .box .wrap{ width:870px;overflow:hidden;zoom:1;position:relative;height:360px; background: #f8f8f8 url('/img/common/con5_boxbtm.png') 0 bottom no-repeat; padding-bottom: 25px;}
.products #pricelist .box .wrap .inner{position:absolute;}
.products #pricelist .inner { /*background: url('../product/silverbullet/img/con5_boxbtm.png') 0 bottom no-repeat;*/ overflow: hidden; zoom:1; /*padding-bottom: 30px;*/ }
.products #pricelist .inner div { float: left; }
.products #pricelist p { font-size:1.6em; text-align: center; margin: 8px 0 5px; }

/* ご利用までの流れ */
.products #useflow { margin-bottom: 50px;}
.products #useflow h1 { text-align: center; margin-bottom: 20px;}
.products #useflow .box { background: #f8f8f8 url('/img/common/con5_boxtop.png') 0 top no-repeat; padding:30px 25px 0;}
.products #useflow .box .wrap{ width:870px;overflow:hidden;zoom:1;position:relative;height:300px; background: #f8f8f8 url('/img/common/con5_boxbtm.png') 0 bottom no-repeat; padding-bottom: 25px;}
.products #useflow .box .wrap .inner{position:absolute;}
.products #useflow .inner { /*background: url('../product/silverbullet/img/con5_boxbtm.png') 0 bottom no-repeat;*/ overflow: hidden; zoom:1; /*padding-bottom: 30px;*/ }
.products #useflow .inner div { float: left; }
.products #useflow p { font-size:1.6em; text-align: center; margin: 8px 0 5px; }



/* 稼働推奨環境 */
#environment { margin-bottom: 40px; }
#environment h1 { text-align: center; margin-bottom: 20px; }
#environment table { width: 100%; margin-bottom: 10px; }
#environment table tr { }
#environment table tr th,
#environment table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#environment table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#environment table tr td { padding: 20px; text-align: center;}
/*#environment table tr td.ctr { text-align: center;}*/
#environment ul { }
#environment ul li { list-style-type: none; font-size: 1.2em; }

/* 標準提供価格 */
#price { margin-bottom: 40px; }
#price h1 { text-align: center; margin-bottom: 20px; }
#price table { width: 100%; margin-bottom: 10px; }
#price table tr { }
#price table tr th,
#price table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#price table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#price table tr td { padding: 20px; text-align: center;}
/*#price table tr td.ctr { text-align: center;}*/
#price ul { }
#price ul li { list-style-type: none; font-size: 1.2em; }

/* 製品について 4つ用 */
.products #about4clm { padding: 30px 0 0; overflow: hidden; zoom:1; font-size: 1.4em; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
.products #about4clm h1 { text-align: center; margin-bottom: 20px;}
.products #about4clm #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px; }
.products #about4clm #inner .box { width: 220px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
.products #about4clm #inner .box p,
.products #about4clm #inner .box h2 { text-align: center;}
.products #about4clm #inner .box p { margin-bottom: 30px;}
.products #about4clm #inner .last { border: none;}
.products .trialbnr4clm { margin:50px 0;}

/* 製品について 3つ用 */
.products #about { padding: 30px 0 0; overflow: hidden; zoom:1; /*font-size: 1.4em; */background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
.products #about h1 { text-align: center; margin-bottom: 20px;}
.products #about #inner { font-size: 1.4em; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px; padding-left:90px;}
.products #about #inner .box { width: 240px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
.products #about #inner .box p,
.products #about #inner .box h2 { text-align: center;}
.products #about #inner .box p { margin-bottom: 30px;}
.products #about #inner .last { border: none;}
.products .trialbnr { margin:50px 0;}

/*form ---------------------------------------------------------------------------------
/product/trial/form/index.php
/product/silverbullet/form/index.php
I￢?，css
--------------------------------- */

#contact {}
#contact ul li { list-style-type: none;}
#contact #mv,
#contact #mvTrial { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#contact #mv h1 { padding-top: 76px;}
#contact #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#contact .lead { font-size: 1.4em; line-height: 1.6; text-align: center; padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom: 30px;}

#contact .lead .red { color: #c7000b; font-weight: bold;}
#contact .lead .big { font-size: 28px;}

#contact input {vertical-align: middle;}
#contact input.box {height: 1.4em;  border: 1px solid #7e9db9;}
#contact textarea { border: 1px solid #7e9db9; }


#contact #con00,
#contact #con01,
#contact #con02 { font-size: 1.5em;}

#contact #con00 {  padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom: 50px;}
#contact #con01 { margin-bottom: 30px; }
#contact #con00 h1,
#contact #con01 h1 { text-align: center;}
#contact #con00 p { text-align: center;}
#contact #con00 ul { }
#contact #con00 ul li { font-size: 12px;list-style-position: inside; list-style-type: disc;}


#contact table.layout { width: 870px; margin:0 auto; }
#contact table th { font-weight: normal; text-align: left; width: 220px; vertical-align: top;}
#contact table.layout table.inner th { width: 180px; border-bottom:none; padding: 5px 0;}
#contact table.layout table.inner td { border-bottom:none; padding: 5px 0;}
#contact table.layout table.inner td input.name { margin-left: 10px; margin-right: 10px; width: 100px;}
#contact table td {}
#contact table th,
#contact table td { padding:30px 0 20px; border-bottom: 1px dashed #b2b2b2;}
#contact table td ul li { float: left; padding-right: 30px; margin-bottom: 15px;}
#contact table td ul.colm2 li { width: 280px;}
#contact table td ul.colm1 { margin-bottom: 0;}
#contact table td ul.colm1 li { float: none; }
#contact table td ul li.line1 { clear: both; width: 100%;}
#contact table td ul li.line1 input { display: inline;}
#contact table td ul li.line1 label { margin-right: 40px;}
#contact table td ul li input { margin-right: 8px;}
#contact table td ul li textarea.tx01 { margin-left: 10px; width: 430px; height: 6em;}
#contact table td input.tx02 { margin-right: 10px; width: 50px;}

#contact table.thWidth th { width: 280px;}

#contact #con02 { border: 1px solid #d3d3d3; background-color:#f7f7f7; overflow: hidden; zoom:1; padding: 30px 30px 10px 30px; margin-bottom: 40px;}
#contact #con02 h1 { text-align: center; }
#contact #con02 p { text-align: center; }

#contact #con03 {}
#contact #con03 h1 { text-align: center; }
#contact #con03 div { border: 1px solid #d3d3d3; padding: 20px; height: 120px; overflow-y: scroll; font-size: 1.2em; margin-bottom: 15px;}
#contact #con03 div dl {}
#contact #con03 div dl dt { margin: 0; padding: 0; font-weight: bold;}
#contact #con03 div dl dd { margin: 0; padding: 0 0 30px;}
#contact #con03 ul { text-align: center; margin-bottom: 40px;}
#contact #con03 ul li { display: inline; font-size: 1.5em; margin-right:30px;}
#contact #con03 ul li.last {margin-right:0px;}
#contact #con03 ul li input { margin-right: 10px;}
#contact .formBtn { text-align: center; margin-bottom: 180px;}

#contact #otherBtn { width:650px; margin:0 0 100px 165px; }
#contact #otherBtn ul {}
#contact #otherBtn ul li {display:inline; padding-right:20px; margin-bottom:100px;}

#contact .enqTx { font-size:1.8em; text-align:center; line-height:1.6; margin-bottom:30px;}

/*seminar --------------------------------- */

#seminar {}
#seminar ul li { list-style-type: none;}
#seminar #mv,
#seminar #mvTrial { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#seminar #mv h1 { padding-top: 76px;}
#seminar #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#seminar .lead { font-size: 1.4em; line-height: 1.6; text-align: center; padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom: 30px;}

#seminar .lead .red { color: #c7000b; font-weight: bold;}
#seminar .lead .big { font-size: 28px;}

#seminar input {vertical-align: middle;}
#seminar input.box {height: 1.4em;  border: 1px solid #7e9db9;}
#seminar textarea { border: 1px solid #7e9db9; }

/*#seminar h2 { font-size:1.6em;}*/

#seminar p {font-size:1.1em; line-height:1.8;}

#seminar #con00,
#seminar #con01,
#seminar #con02 { font-size: 1.5em;}

#seminar #con00 {  padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom: 50px;}
#seminar #con01 { margin-bottom: 30px; }
#seminar #con00 h1,
#seminar #con01 h1 { text-align: center;}
#seminar #con00 p { text-align: center;}
#seminar #con00 ul { }
#seminar #con00 ul li { font-size: 12px;list-style-position: inside; list-style-type: disc;}

#seminar table.layout { width: 870px; margin:0 auto 100px;  }
#seminar table th { font-weight: normal; text-align: left; width: 220px; vertical-align: top;}
#seminar table.layout table.inner th { width: 180px; border-bottom:none; padding: 5px 0;}
#seminar table.layout table.inner td { border-bottom:none; padding: 5px 0;}
#seminar table.layout table.inner td input.name { margin-left: 10px; margin-right: 10px; width: 100px;}
#seminar table td {}
#seminar table th,
#seminar table td { padding:30px 0 25px; border-bottom: 1px dashed #b2b2b2;}

#seminar table.layout table.agenda {}
#seminar table.layout table.agenda tr {}
#seminar table.layout table.agenda tr th,
#seminar table.layout table.agenda tr td { border:1px solid #999; font-size:14px; padding:5px 10px;}
#seminar table.layout table.agenda tr th { width:130px; text-align:center;}
#seminar table.layout table.agenda tr td {}

#seminar table td ul li { float: left; padding-right: 30px; margin-bottom: 5px;}
#seminar table td ul.colm2 li { width: 280px;}
#seminar table td ul.colm1 { margin-bottom: 0;}
#seminar table td ul.colm1 li { float: none; }
#seminar table td ul li.line1 { clear: both; width: 100%;}
#seminar table td ul li.line1 input { display: inline;}
#seminar table td ul li.line1 label { margin-right: 40px;}
#seminar table td ul li input { margin-right: 8px;}
#seminar table td ul li textarea.tx01 { margin-left: 10px; width: 430px; height: 6em;}
#seminar table td input.tx02 { margin-right: 10px; width: 50px;}

#seminar table .note { font-size:14px;}

#seminar #con02 { border: 1px solid #d3d3d3; background-color:#f7f7f7; overflow: hidden; zoom:1; padding: 30px 30px 10px 30px; margin-bottom: 40px;}
#seminar #con02 h1 { text-align: center; }
#seminar #con02 p { text-align: center; }

#seminar #con03 {}
#seminar #con03 h1 { text-align: center; }
#seminar #con03 div { border: 1px solid #d3d3d3; padding: 20px; height: 120px; overflow-y: scroll; font-size: 1.2em; margin-bottom: 15px;}
#seminar #con03 div dl {}
#seminar #con03 div dl dt { margin: 0; padding: 0; font-weight: bold;}
#seminar #con03 div dl dd { margin: 0; padding: 0 0 30px;}
#seminar #con03 ul { text-align: center; margin-bottom: 40px;}
#seminar #con03 ul li { display: inline; font-size: 1.5em; margin-right:30px;}
#seminar #con03 ul li.last {margin-right:0px;}
#seminar #con03 ul li input { margin-right: 10px;}
#seminar .formBtn { text-align: center; margin-bottom: 180px;}

#seminar #otherBtn { width:650px; margin:0 0 100px 165px; }
#seminar #otherBtn ul {}
#seminar #otherBtn ul li {display:inline; padding-right:20px; margin-bottom:100px;}

#seminar .enqTx { font-size:1.8em; text-align:center; line-height:1.6; margin-bottom:30px;}

/*faq --------------------------------- */
#faq h1 { font-size: 3.5em; text-align: center; margin-bottom: 20px;}
#faq .title { font-family: メイリオ, serif; font-weight: normal; color: #444; }

#faq {}
#faq #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#faq #subnav { font-size: 1.5em; margin-bottom: 30px; padding-bottom: 40px; background:url('../common/img/subnav_btm.png') 0 bottom repeat-x;}
#faq #subnav ol { width: 930px; margin: 0 auto; padding: 0; overflow: hidden; zoom:1;}
#faq #subnav ol li { list-style-type: none; float: left; width: 186px; text-align: center;}
#faq #subnav ol li a { width: 186px; padding: 10px 0; display: block; color: #333;}
#faq #subnav ol li a:hover {}

#faq { margin-bottom: 100px;}
#faq dl { background-color: #f4f4f4; font-size: 1.5em; margin-bottom: 20px;}
#faq dl dt { margin: 0; padding: 0;}
#faq dl dt p { text-indent: -40px; padding: 20px 40px 0 70px; }
#faq dl dt span { color: #c7000b;}
#faq dl dd { margin: 0; padding: 0;}
#faq dl dd p { text-indent: -40px; padding: 0px 40px 20px 70px; }
#faq dl dd span {color: #0091c7;}
#faq .productpagelink { text-align: center; font-size: 1.4em; margin-bottom: 2em; }
#faq .productpagelink a { color: #555555; }


/*corporate --------------------------------- */

/* コーポレートトップ */

#corporate { }

#corporate #mv { margin-bottom: 10px;}
#corporate #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
/* #corporate #mv #subNav h1 { float: left; margin-top: 20px; } */
#corporate #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#corporate #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#corporate #mv #subNav ul li a { color: #333;display: block; padding:20px 5px;}
#corporate #mv #subNav ul li a.on,
#corporate #mv #subNav ul li a:hover { color:#fff; /*color:#006ad6;*/ text-decoration: none;}

#corporate #mv #subNav ul li a span { padding: 3px 0 3px 10px; line-height:1.4;  }
#corporate #mv #subNav ul li a span span { padding: 3px 10px 3px 0; line-height:1.4;}
#corporate #mv #subNav ul li a.on span,
#corporate #mv #subNav ul li a:hover span { background:url('../common/img/nav_bgleft.png') left center no-repeat; padding:}
#corporate #mv #subNav ul li a.on span span,
#corporate #mv #subNav ul li a:hover span span { background:url('../common/img/nav_bgright.png') right center no-repeat;}
#corporate #mv img { vertical-align: bottom;}


#corporate #con01 { font-size: 1.4em; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 40px; margin-bottom:60px;}
#corporate #con01 h1 { text-align: center;}
#corporate #con01 table.prf { width: 740px; margin: 0 auto; margin-bottom: 30px;}
#corporate #con01 table.prf tr th {width: 160px; font-weight: normal; text-align: left; vertical-align: top;}
#corporate #con01 table th,
#corporate #con01 table td { padding: 20px 0;}
#corporate #con01 table td table th,
#corporate #con01 table td table td { padding: 0px 0;}
#corporate #con01 p { margin-left: 95px; font-size:12px;}
#corporate #con01 table td dl { overflow:hidden; zoom:1; margin:0;}
#corporate #con01 table td dl dt { float:left; width:180px; padding-bottom:10px;}
#corporate #con01 table td dl dd { margin-left:180px; padding-bottom:14px;}

#corporate #con02 { margin-bottom: 100px;}
#corporate #con02 h1 { text-align: center; margin-bottom: 40px;}
#corporate #con02 h2 { font-size: 2.4em; font-weight: normal; text-align: center; margin-bottom: 20px;}
#corporate #con02 #map { width: 800px; margin: 20px auto; }
#corporate #con02 .ph { text-align: center; margin:20px auto;}
#corporate #con02 dl { text-align: center; margin: 0 0 50px; }
#corporate #con02 dl dt { font-size: 2.0em;padding-bottom: 30px; margin: 0;}
#corporate #con02 dl dd {font-size: 1.4em; padding-bottom: 40px; margin: 0;}
#corporate #con02 .second { overflow: hidden; zoom:1; background: url('../common/img/line_h440.png') center center no-repeat;}
#corporate #con02 .second dl {float: left; width: 465px;}
#corporate #con02 .second dl dt { padding: 0 30px 20px;}
#corporate #con02 .second dl dd { padding: 0 30px;}


/* 代表メッセージ */

#ceo #mv { background: none; margin-bottom: 10px;}
#ceo #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
#ceo #mv #subNav h1 { float: left; margin-top: 20px; }
#ceo #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#ceo #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#ceo #mv #subNav ul li a {  color: #333;display: block; padding:20px 5px;}
#ceo #mv #subNav ul li a.on,
#ceo #mv #subNav ul li a:hover {color:#fff; text-decoration: none; }
#ceo #mv #subNav ul li a span { padding: 3px 0 3px 10px; line-height:1.4;  }
#ceo #mv #subNav ul li a span span { padding: 3px 10px 3px 0; line-height:1.4;}
#ceo #mv #subNav ul li a.on span,
#ceo #mv #subNav ul li a:hover span { background:url('../common/img/nav_bgleft.png') left center no-repeat; padding:}
#ceo #mv #subNav ul li a.on span span,
#ceo #mv #subNav ul li a:hover span span { background:url('../common/img/nav_bgright.png') right center no-repeat;}
#ceo #mv img { vertical-align: bottom;}

#ceo #con01 { font-size: 1.4em; overflow: hidden; zoom:1;margin-bottom: 100px;}
#ceo #con01 h1 { font-size: 1.2em; margin-bottom: 1.5em; font-weight: normal;}
#ceo #con01 div { width: 358px; float: left; margin-right: 30px; }
#ceo #con01 p.sig { text-align: right;}

/* OU†T!!ND??†T */
#officer #mv { background: none; margin-bottom: 10px;}
#officer #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
#officer #mv #subNav h1 { float: left; margin-top: 20px; }
#officer #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#officer #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#officer #mv #subNav ul li a {  color: #333;display: block; padding:20px 5px;}
#officer #mv #subNav ul li a.on,
#officer #mv #subNav ul li a:hover {color:#fff; text-decoration: none; }
#officer #mv #subNav ul li a span { padding: 3px 0 3px 10px; line-height:1.4;  }
#officer #mv #subNav ul li a span span { padding: 3px 10px 3px 0; line-height:1.4;}
#officer #mv #subNav ul li a.on span,
#officer #mv #subNav ul li a:hover span { background:url('../common/img/nav_bgleft.png') left center no-repeat; padding:}
#officer #mv #subNav ul li a.on span span,
#officer #mv #subNav ul li a:hover span span { background:url('../common/img/nav_bgright.png') right center no-repeat;}
#officer #mv img { vertical-align: bottom;}

#officer #con01 { font-size: 1.4em; overflow: hidden; zoom:1;margin-bottom: 30px; margin-top: 40px;}
#officer #con01 h2 { background: url('../common/img/cmn_linetop.png') bottom center no-repeat; padding-bottom:50px; text-align:center; clear:both; margin-bottom:30px;}
#officer #con01 ul { overflow: hidden; zoom:1; margin: 0 auto 100px;}
#officer #con01 ul li { list-style-type: none; margin-right: 60px; list-style-type: none; float: left; text-align: center;}
#officer #con01 ul li img { margin-bottom: 10px;}
#officer #con01 ul li.last { margin-right: 0;}
#officer #con01 ul.clm3 { width: 930px;}
#officer #con01 ul.clm2 { width: 620px;}









/*trial --------------------------------- */

#trial { }
#trial #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#trial .lead { font-size: 1.4em; line-height: 1.6; text-align: center; padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom: 30px;}
#trial #con01 { font-size: 1.4em; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 40px; margin-bottom:60px;}
#trial #con01 h1 { text-align: center;}
#trial #con01 p { text-align: center;}
#trial #con01 ul li { font-size: 12px;}

#trial #about { padding: 30px 0 0; overflow: hidden; zoom:1; font-size: 1.4em; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
#trial #about h1 { text-align: center; margin-bottom: 20px;}
#trial #about #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px;/* padding-left:100px;*/}
#trial #about #inner .box { width: 299px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
#trial #about #inner .box p,
#trial #about #inner .box h2 { text-align: center;}
#trial #about #inner .box p { margin-bottom: 30px;}
#trial #about #inner .last { border: none;}
#trial .trialbnr { margin:50px 0 70px;}


/*privacy --------------------------------- */


#privacy { }
/*#privacy ul li { list-style-type: none;}*/
#privacy #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#privacy #mv h1 { padding-top: 76px;}
#privacy dl {font-size: 1.4em; margin-bottom: 100px;}
#privacy dl dt { margin: 0; padding: 0; font-weight: bold;}
#privacy dl dd { margin: 0; padding: 0 0 30px;}


/*sitemap --------------------------------- */


#sitemap { }
/*#sitemap ul li { list-style-type: none;}*/
#sitemap #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#sitemap #mv h1 { padding-top: 76px;}
#sitemap #con01 { margin-bottom: 300px; overflow: hidden; zoom:1;}
#sitemap #con01 ul { width: 300px; float: left; }
#sitemap #con01 ul li { list-style-type: none; font-size: 14px; line-height: 1.8;}
#sitemap #con01 ul li a { color: #333;}


/*news --------------------------------- */

#news {}
#news ul li { list-style-type: none;}
#news #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#news #mv h1 { padding-top: 76px;}
#news .lead { font-size: 1.4em; line-height: 1.6; text-align: center; padding-bottom:  margin-bottom: 30px;}
#news #subNav { margin-bottom: 20px; background:url('../common/img/subnav_btm.png') 0 bottom no-repeat; vertical-align: middle; padding-bottom: 30px;}
#news #subNav ol { overflow: hidden; zoom:1; margin: 0; padding: 0;}
#news #subNav ol li { float: left; list-style-type: none;}
#news #subNav ul { width: 856px;  overflow: hidden; zoom:1; margin: 20px auto; padding: 0;}
#news #subNav ul li { float: left; list-style-type: none; font-size: 17px; overflow: hidden; zoom:1;}
#news #subNav ul li a { display: block; float: left; width: 80px; height: 22px; text-align: center;  }
#news #subNav ul li a.on,
#news #subNav ul li a:hover { background:url('/img/news/year_bg.png') center center no-repeat; vertical-align: middle; color:#fff; text-decoration:none;}

#news #con01 { font-size: 1.4em; margin-bottom: 100px;}
#news #con01 dl {}
#news #con01 dl dt { /*border-top: 1px dashed #ccc; */ background:url('../common/img/dashed.png') 0 top no-repeat; float: left; padding-top: 20px; padding-bottom: 20px; clear: both;}
#news #con01 dl dt img { margin-left: 10px; vertical-align: middle;}
#news #con01 dl dd {/*border-top: 1px dashed #ccc;*/ background:url('../common/img/dashed.png') 0 top no-repeat; padding: 20px 20px 20px 180px;}

#news h2.ttl { padding-bottom: 50px; line-height: 2em;}
#news p span { font-size: 10px;}
#news .pdflInk {background: url('../common/img/ic_pdf.png') right center no-repeat;
    padding-right: 20px; text-align: right;}
#news .pdflInk a { text-decoration: underline;}

/*price --------------------------------- */

#price #con01
#price { }
#price #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}

#price #con01 { font-size: 1.4em; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 40px; margin-bottom:60px;}
#price #con01 h1 { text-align: center;}
#price #con01 div { margin-bottom: 30px;}


#price #con02 { font-size: 1.4em; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 40px; margin-bottom:60px;}
#price #con02 h1 { text-align: center;}
#price #con02 div { margin-bottom: 30px;}

#price #con03 { font-size: 1.4em; text-align: center; margin: 40px 0 100px;}
#price #con03 p { text-align: center; margin-bottom:30px; }


/*productTop --------------------------------- */


#productTop #mv { background: none; margin-bottom: 10px; position:relative; top:0; right:0;}
#productTop #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
#productTop #mv #subNav h1 { float: left; margin-top: 20px; }
#productTop #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#productTop #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#productTop #mv #subNav ul li a { color: #333;display: block; padding:20px 15px;}
#productTop #mv #subNav ul li a:hover {color:#006ad6; text-decoration: none; }
#productTop #mv img { vertical-align: bottom;}

#productTop #silverbullet {padding: 0 0 0; zoom:1;background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom:100px; overflow:hidden;}
#productTop #silverbullet h1 { text-align: center; margin-bottom: 30px;}
#productTop #silverbullet p.tx { font-size: 1.8em;  text-align: center; margin-bottom: 50px; }
#productTop #silverbullet .pdcBox { width: 280px; float: left; padding-right: 30px; padding-left: 10px; background: url('../common/img/line_h440.png') center right no-repeat; margin-bottom: 40px;}
#productTop #silverbullet .pdcBox h2 {}
#productTop #silverbullet .pdcBox div {}
#productTop #silverbullet .pdcBox p { font-size: 1.4em;  text-align: center; display: block; height: 3em; margin-bottom: 60px;}
#productTop #silverbullet .pdcBox p.btn {}
#productTop #silverbullet .last { padding-right: 0; background: none;}

#productTop #skeedDelivery { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:80px;}
#productTop #skeedDelivery div { margin-bottom: 40px; }
#productTop #skeedDelivery p { text-align: center; font-size: 1.6em;}
#productTop #skeedDelivery h1 { text-align: center;}
#productTop #skeedDelivery h2 { text-align: center; margin-bottom: 20px;}
#productTop .col2 { overflow: hidden; zoom:1; padding-top: 100px; margin-bottom: 150px;}
#productTop #skeedCast { width:455px; float: left; font-size: 1.6em; text-align: center; padding-left: 10px; background: url('../common/img/line_h440.png') center right no-repeat;}
#productTop #skeedCast p { text-align: center;}
#productTop #skeedObjectStore { width:465px; float: left;font-size: 1.6em; text-align: center;}
#productTop #skeedObjectStore p { text-align: center;}


#productTop .slidewrap{width:930px;height:440px;position:relative;overflow:visible;}
#productTop .sBox{width:930px;height:415px;position:relative;overflow:hidden;zoom:1;}
#productTop #slider_prev{position:absolute;top:130px;left:-40px; cursor: pointer;}
#productTop #slider_next{position:absolute;top:130px;right:-40px;z-index:999;width:24px;height:43px;cursor: pointer;}
#productTop #slider{position:relative;}



/*casestudies --------------------------------- */

#casestudies {}
#casestudies #mv { text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#casestudies .cons { font-size: 1.5em; margin-bottom: 100px;}
#casestudies .cons h1 {padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom: 30px; text-align:center;}
#casestudies .lead { text-align: center; margin-bottom: 20px;}
#casestudies .cons table { margin-bottom: 10px; }
#casestudies .cons table th { white-space: nowrap; font-weight: normal; vertical-align: top;  }
#casestudies .cons dl { margin: 0 30px;}
#casestudies .cons dl dt { margin: 0; padding: 20px 0 10px 280px;}
#casestudies .cons dl dd { margin: 0; padding: 0 0 15px 280px; position: relative; background: url('../common/img/cmn_dotline.png') center bottom no-repeat;}
#casestudies .cons dl dd img { position: absolute; top:-40px; left:0;}
#casestudies .cons dl dd a.pdf { background: url('../common/img/ic_pdf.png') right center no-repeat; padding-right:20px; margin-left:50px; }
#casestudies .cons dl dd.last { background: none;}


#casestudies #about { padding: 30px 0 0; overflow: hidden; zoom:1; font-size: 1.4em; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
#casestudies #about h1 { text-align: center; margin-bottom: 20px;}
#casestudies #about #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px;}
#casestudies #about #inner .box { width: 300px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
#casestudies #about #inner .box p,
#casestudies #about #inner .box h2 { text-align: center;}
#casestudies #about #inner .box p { margin-bottom: 30px;}
#casestudies #about #inner .last { border: none; padding-right: 0;}
#casestudies .trialbnr { margin:50px 0;}

/*partner index.html --------------------------------- */

#partnerTop {}
#partnerTop #mv { height: 270px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#partnerTop #mv .inner { width: 930px; margin:0 auto;}
#partnerTop #mv h1 { width: 600px; float: left; margin: 100px 0 0 25px ; text-align: left;}
#partnerTop #mv #login { width: 273px; height: 270px; float: right; background: url('../partner/img/line.png') left center no-repeat;}
#partnerTop #mv #login h2 { width: 160px; margin: 60px auto 20px;}
#partnerTop #mv #login p { width: 95px; margin: 0 auto;}

#partnerTop #wrapper h1 { text-align: center; margin-bottom: 30px; text-align:center; }
#partnerTop .lead { text-align: center; margin-bottom: 50px; padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; font-size:1.8em;}
#partnerTop .cons { font-size: 1.8em;}

#partnerTop #con01 {  padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom:50px;}
#partnerTop #con01 ol { width: 810px; overflow: hidden; zoom:1;}
#partnerTop #con01 ol li { width: 270px; float: left; list-style-type: none; text-align: center;}
#partnerTop #con01 ol li img {}

#partnerTop #con02 { margin-bottom: 100px;}
#partnerTop #con02 p {text-align: center;}
#partnerTop #con02 {text-align: center;}



#partnerTop #about { padding: 30px 0 0; overflow: hidden; zoom:1; font-size: 1.4em; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
#partnerTop #about h1 { text-align: center; margin-bottom: 20px;}
#partnerTop #about #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px; padding-left:100px;}
#partnerTop #about #inner .box { width: 220px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
#partnerTop #about #inner .box p,
#partnerTop #about #inner .box h2 { text-align: center;}
#partnerTop #about #inner .box p { margin-bottom: 30px;}
#partnerTop #about #inner .last { border: none;}
#partnerTop .trialbnr { margin:50px 0;}



/*partner speciality.html --------------------------------- */

#speciality {}
#speciality #mv { height: 270px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#speciality #mv .inner { width: 930px; margin:0 auto;}
#speciality #mv h1 { width: 600px; float: left; margin: 100px 0 0 25px ; text-align: left;}
#speciality #mv #login { width: 273px; height: 270px; float: right; background: url('../partner/img/line.png') left center no-repeat;}
#speciality #mv #login h2 { width: 160px; margin: 60px auto 20px;}
#speciality #mv #login p { width: 95px; margin: 0 auto;}

#speciality .cons h1 { text-align: center; margin-bottom: 30px; text-align:center; }

#speciality .cons { font-size: 1.8em; text-align:center;}

#speciality #con01 {  padding-bottom: 40px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom:50px;}
#speciality #con01 p { text-align: center;}
#speciality #con01 div { text-align: center;}

#speciality #con02 { margin-bottom: 100px; padding-bottom: 70px; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; margin-bottom:60px;}
#speciality #con02 p {text-align: center;}
#speciality #con02 {text-align: center;}

#speciality #con02 table th,
#speciality #con02 table td { border-collapse: collapse; border: 1px solid #cccccc; padding: 12px 8px; font-size: 14px;}
#speciality #con02 .certification { font-weight: bold; font-size: 14px;}
#speciality #con02 .business {background-color: #c33544; color: #fff; font-weight: bold; font-size: 14px; width: 96px;}
#speciality #con02 .solution {background-color: #276ea2; color: #fff; font-weight: bold; font-size: 14px; width: 115px;}
#speciality #con02 .oem {background-color: #d9a10e; color: #fff; font-weight: bold; font-size: 14px; width: 115px;}
#speciality #con02 .bgRed {background-color: #ffeef8; text-align: left;}
#speciality #con02 .bgBlue {background-color: #e8f0f6; text-align: left;}
#speciality #con02 .bgGreen {background-color: #e9f7dc; text-align: left;}
#speciality #con02 .bgYellow {background-color: #ffffdb; text-align: left;}


#speciality #con03 { margin-bottom:100px;}
#speciality #con03 p { text-align: center; margin-bottom: 30px;}
#speciality #con03 div { text-align: center;}


#speciality #about { padding: 30px 0 0; overflow: hidden; zoom:1; font-size: 1.4em; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
#speciality #about h1 { text-align: center; margin-bottom: 20px;}
#speciality #about #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px;}
#speciality #about #inner .box { width: 220px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
#speciality #about #inner .box p,
#speciality #about #inner .box h2 { text-align: center;}
#speciality #about #inner .box p { margin-bottom: 30px;}
#speciality #about #inner .last { border: none;}



/*partner list.html --------------------------------- */

#partnerList {}
#partnerList #mv { height: 270px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#partnerList #mv .inner { width: 930px; margin:0 auto;}
#partnerList #mv h1 { width: 600px; float: left; margin: 100px 0 0 25px ; text-align: left;}
#partnerList #mv #login { width: 273px; height: 270px; float: right; background: url('../partner/img/line.png') left center no-repeat;}
#partnerList #mv #login h2 { width: 160px; margin: 60px auto 20px;}
#partnerList #mv #login p { width: 95px; margin: 0 auto;}

#partnerList .cons { margin-bottom: 70px;}
#partnerList .cons h1 { margin-bottom: 20px; text-align:center;}
#partnerList .lead { text-align: center; margin-bottom: 40px; font-size: 1.8em;}

#partnerList .cons dl { margin: 0 30px;font-size: 1.5em;}
#partnerList .cons dl dt { z-index: 3; margin: 0; padding: 20px 0 3px 280px; position: relative; left: 0; top:0;}
#partnerList .cons dl dt img { position: absolute; top:20px; left:0px;}
#partnerList .cons dl dd { z-index: 0;  margin: 0; padding: 0 0 15px 280px; position: relative; background: url('../common/img/cmn_dotline.png') center bottom no-repeat;}
#partnerList .cons dl dd.last { background: none;}


#partnerList #about { padding: 30px 0 0; overflow: hidden; zoom:1; font-size: 1.4em; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
#partnerList #about h1 { text-align: center; margin-bottom: 20px;}
#partnerList #about #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px;}
#partnerList #about #inner .box { width: 220px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
#partnerList #about #inner .box p,
#partnerList #about #inner .box h2 { text-align: center;}
#partnerList #about #inner .box p { margin-bottom: 30px;}
#partnerList #about #inner .last { border: none;}


/*skeedtech?E?I!!/skeedtech/index.html --------------------------------- */

#techTop {}

#techTop #mv { margin-bottom: 10px;}
#techTop #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
/* #techTop #mv #subNav h1 { float: left; margin-top: 20px; } */
#techTop #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#techTop #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#techTop #mv #subNav ul li a { color: #333;display: block; padding:20px 5px;}
#techTop #mv #subNav ul li a.on,
#techTop #mv #subNav ul li a:hover { color:#fff; /*color:#006ad6;*/ text-decoration: none;}

#techTop #mv #subNav ul li a span { padding: 3px 0 3px 10px; line-height:1.4;  }
#techTop #mv #subNav ul li a span span { padding: 3px 10px 3px 0; line-height:1.4;}
#techTop #mv #subNav ul li a.on span,
#techTop #mv #subNav ul li a:hover span { background:url('../common/img/nav_bgleft.png') left center no-repeat; padding:}
#techTop #mv #subNav ul li a.on span span,
#techTop #mv #subNav ul li a:hover span span { background:url('../common/img/nav_bgright.png') right center no-repeat;}
#techTop #mv img { vertical-align: bottom;}


#techTop #con01 { font-size: 1.4em; margin-bottom: 80px;}
#techTop #con01 dl { width: 830px; margin-left: 100px;}
#techTop #con01 dl dt { position: relative; top:0; left: 0; padding:60px 0 15px;}
#techTop #con01 dl dt.topLine { background: url('../common/img/cmn_linetop.png') 0 top no-repeat;}
#techTop #con01 dl dd.btmLine { background: url('../common/img/cmn_line.png') 0 bottom no-repeat;}
#techTop #con01 dl dt img.number { position: absolute; top:50px; left: -100px;}
#techTop #con01 dl dd { margin: 0; padding: 0 0 60px 0;}


/*SilverBullet?I??Dg!!/skeedtech/sbbtech/index.html --------------------------------- */

#sbbTech {}

#sbbTech #mv { margin-bottom: 10px;}
#sbbTech #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
#sbbTech #mv #subNav h1 { float: left; margin-top: 20px; }
#sbbTech #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#sbbTech #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#sbbTech #mv #subNav ul li a { color: #333;display: block; padding:20px 5px;}
#sbbTech #mv #subNav ul li a.on,
#sbbTech #mv #subNav ul li a:hover { color:#fff; /*color:#006ad6;*/ text-decoration: none;}

#sbbTech #mv #subNav ul li a span { padding: 3px 0 3px 10px; line-height:1.4;  }
#sbbTech #mv #subNav ul li a span span { padding: 3px 10px 3px 0; line-height:1.4;}
#sbbTech #mv #subNav ul li a.on span,
#sbbTech #mv #subNav ul li a:hover span { background:url('../common/img/nav_bgleft.png') left center no-repeat; padding:}
#sbbTech #mv #subNav ul li a.on span span,
#sbbTech #mv #subNav ul li a:hover span span { background:url('../common/img/nav_bgright.png') right center no-repeat;}
#sbbTech #mv img { vertical-align: bottom;}

#sbbTech #func { margin-bottom: 20px;}
#sbbTech #pageNav { width: 930px; margin-bottom: 20px;}
#sbbTech #pageNav ol { width: 930px; overflow: hidden; zoom:1; margin: 0; padding: 0;}
#sbbTech #pageNav ol li { list-style-type: none; float: left; margin: 0; padding: 0;}
#sbbTech #pageNav ol li a {}

#sbbTech #con01 { font-size: 1.4em; margin-bottom: 80px;}
#sbbTech #con01 p { padding: 0 40px 0 40px; line-height: 1.6; margin-bottom: 30px;}
#sbbTech #con01 ul.scene {
    margin: 0 40px;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#sbbTech #con01 ul.scene li { list-style-type: none; padding-left: 20px; background: url('../img/skeedtech/sbbtech/ic_dot.png') 0px center no-repeat;}
#sbbTech #con01 .subCons {margin-bottom: 40px;}

#sbbTech #con01 .figure {
    margin: 0 40px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#sbbTech #con01 .figure { padding: 10px 0 5px 10px ;}
#sbbTech #con01 .figure p { margin-bottom: 15px;}
#sbbTech #con01 .figure div { text-align: center; margin-bottom: 10px;}
#sbbTech #con01 .figure ul {
    margin: 0 40px 10px;
    padding: 20px 40px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#sbbTech #con01 .figure ul li { list-style-type: none; background: url('../img/skeedtech/sbbtech/ic_arrow_a.png') 0px 0 no-repeat; padding-left:20px;}


#sbbTech #con02 { font-size: 1.4em; margin-bottom: 80px;}
#sbbTech #con02 p { padding: 0 40px 0 40px; line-height: 1.6; margin-bottom: 30px;}
#sbbTech #con02 ul {
    margin: 0 40px;
    padding: 30px 30px 0px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#sbbTech #con02 ul li { list-style-type: none; position:relative; padding-left:50px;  padding-bottom: 30px; margin-bottom: 30px; background: url('../img/skeedtech/sbbtech/dot_line_btm.png') 0 bottom no-repeat; }
#sbbTech #con02 ul li.last { background: none;}
#sbbTech #con02 ul li img { position: absolute; top:0; left:0;}
#sbbTech #con02 div {text-align: center;}


#sbbTech #con03 { font-size: 1.4em; margin-bottom: 80px;}

#sbbTech #con03 dl { margin: 0 20px;}
#sbbTech #con03 dl dt img { vertical-align: middle;}
#sbbTech #con03 dl dt .number { margin-right: 10px;}
#sbbTech #con03 dl dd { margin-left:40px; background: url('../img/skeedtech/sbbtech/dot_line_btm.png') 0 bottom no-repeat; padding-bottom:20px; margin-bottom:20px; }
#sbbTech #con03 dl dd img { margin:50px 0 30px 130px;}


#sbbTech #transfer { padding: 0px 0 60px; overflow: hidden; zoom:1; margin-bottom: 30px; }
#sbbTech #transfer h1  { text-align: center; margin-bottom: 20px;}
#sbbTech #transfer p { text-align: center; color: #666; font-size: 1.4em; margin-bottom: 30px;}
#sbbTech #transfer #exp { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
#sbbTech #transfer #exp tr th { background-color: #bdcfd9; font-weight: normal; font-size: 1.7em; border: 1px solid #fff; padding: 8px;}
#sbbTech #transfer #exp tr td { font-size: 1.6em; border: 1px solid #fff;padding: 18px 0; text-align: center; background-color: #f5f5f5;}
#sbbTech #transfer #exp tr.bg td { background-color: #dde6ea;}
#sbbTech #transfer #exp .nbr {  font-size: 20px;}
#sbbTech #transfer #exp .bold { font-weight: bold;}


/*Skeeddelivery?I??Dg!!/skeedtech/sdtech/index.html --------------------------------- */

#sdTech {}

#sdTech #mv { margin-bottom: 10px;}
#sdTech #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
#sdTech #mv #subNav h1 { float: left; margin-top: 20px; }
#sdTech #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#sdTech #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#sdTech #mv #subNav ul li a { color: #333;display: block; padding:20px 5px;}
#sdTech #mv #subNav ul li a.on,
#sdTech #mv #subNav ul li a:hover { color:#fff; /*color:#006ad6;*/ text-decoration: none;}

#sdTech #mv #subNav ul li a span { padding: 3px 0 3px 10px; line-height:1.4;  }
#sdTech #mv #subNav ul li a span span { padding: 3px 10px 3px 0; line-height:1.4;}
#sdTech #mv #subNav ul li a.on span,
#sdTech #mv #subNav ul li a:hover span { background:url('../common/img/nav_bgleft.png') left center no-repeat; padding:}
#sdTech #mv #subNav ul li a.on span span,
#sdTech #mv #subNav ul li a:hover span span { background:url('../common/img/nav_bgright.png') right center no-repeat;}
#sdTech #mv img { vertical-align: bottom;}

#sdTech #func { margin-bottom: 20px;}
#sdTech #pageNav { width: 930px; margin-bottom: 20px;}
#sdTech #pageNav ol { width: 930px; overflow: hidden; zoom:1; margin: 0; padding: 0;}
#sdTech #pageNav ol li { list-style-type: none; float: left; margin: 0; padding: 0;}

#sdTech #con01 { font-size: 1.4em; margin-bottom: 80px;}
#sdTech #con01 p { padding: 0 40px 0 40px; line-height: 1.6; margin-bottom: 30px;}
#sdTech #con01 ul.scene {
    margin: 0 40px;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#sdTech #con01 ul.scene li { list-style-type: none; padding-left: 20px; background: url('../img/skeedtech/sbbtech/ic_dot.png') 0px center no-repeat;}
#sdTech #con01 .subCons {margin-bottom: 40px;}

#sdTech #con01 .figure {
    margin: 0 40px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#sdTech #con01 .figure { padding: 10px 0 5px 10px ;}
#sdTech #con01 .figure p { margin-bottom: 15px;}
#sdTech #con01 .figure div { text-align: center; margin-bottom: 10px;}
#sdTech #con01 .figure ul {
    margin: 0 40px 10px;
    padding: 0 20px;
}
#sdTech #con01 .figure ul li { list-style-type: none; background: url('../img/skeedtech/sbbtech/ic_dot.png') 0px 0 no-repeat; padding-left:20px;}

#sdTech #con02 { font-size: 1.4em; margin-bottom: 80px;}
#sdTech #con02 p { padding: 0 40px 0 40px; line-height: 1.6; margin-bottom: 30px;}
#sdTech #con02 div {text-align: center;}

#sdTech #con03 { font-size: 1.4em; margin-bottom: 80px;}
#sdTech #con03 p { padding: 0 40px 0 40px; line-height: 1.6; margin-bottom: 30px;}
#sdTech #con03 div {text-align: center;}







/*SkeedCadt?I??Dg!!/skeedtech/sctech/index.html --------------------------------- */

#scTech {}

#scTech #mv { margin-bottom: 10px;}
#scTech #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
#scTech #mv #subNav h1 { float: left; margin-top: 20px; }
#scTech #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#scTech #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#scTech #mv #subNav ul li a { color: #333;display: block; padding:20px 5px;}
#scTech #mv #subNav ul li a.on,
#scTech #mv #subNav ul li a:hover { color:#fff; /*color:#006ad6;*/ text-decoration: none;}

#scTech #mv #subNav ul li a span { padding: 3px 0 3px 10px; line-height:1.4;  }
#scTech #mv #subNav ul li a span span { padding: 3px 10px 3px 0; line-height:1.4;}
#scTech #mv #subNav ul li a.on span,
#scTech #mv #subNav ul li a:hover span { background:url('../common/img/nav_bgleft.png') left center no-repeat; padding:}
#scTech #mv #subNav ul li a.on span span,
#scTech #mv #subNav ul li a:hover span span { background:url('../common/img/nav_bgright.png') right center no-repeat;}
#scTech #mv img { vertical-align: bottom;}

#scTech #func { margin-bottom: 20px;}
#scTech #pageNav { width: 930px; margin-bottom: 20px;}
#scTech #pageNav ol { width: 930px; overflow: hidden; zoom:1; margin: 0; padding: 0;}
#scTech #pageNav ol li { list-style-type: none; float: left; margin: 0; padding: 0;}

#scTech #con01 { font-size: 1.4em; margin-bottom: 80px;}
#scTech #con01 p { padding: 0 40px 0 40px; line-height: 1.6; margin-bottom: 30px;}
#scTech #con01 div {text-align: center;}

#scTech #con02 { font-size: 1.4em; margin-bottom: 80px;}
#scTech #con02 p { padding: 0 40px 0 40px; line-height: 1.6; margin-bottom: 30px;}
#scTech #con02 div {text-align: center;}



/*SkeedDelivery!!/product/skeeddelivery/index.html --------------------------------- */
#skeedDelivery #mv img { vertical-align: bottom;}

/* 基本構成 */
#skeedDelivery #composition { position: relative; top:0; left: 0; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
#skeedDelivery #composition h1 { text-align: center; margin-bottom: 20px; }
#skeedDelivery #composition div { margin-bottom: 30px;}
#skeedDelivery #composition ul { width: 800px; margin: 0 auto 30px; padding-left: 28px; }
#skeedDelivery #composition ul li { list-style-type: none; font-size: 1.4em; line-height: 1.8; position: relative; margin-bottom: 10px; }
#skeedDelivery #composition ul li img { vertical-align: middle; position: absolute; top: 4px; ; left:-28px;}
#skeedDelivery #composition p { font-size: 1.2em; text-align: center; line-height: 1.4;}
#skeedDelivery #composition p.txLeft { font-size: 12px; text-align: left; padding: 0 50px 0px; }

/* 特長メリット 共通 */
#skeedDelivery #merit { margin-bottom: 50px;}
#skeedDelivery #merit h1 { text-align: center; margin-bottom: 20px;}

/* 特長メリット skeeddelivery */
#skeedDelivery #merit .merit01 .inner { height: 339px; background: url('/img/product/skeeddelivery/il_01.png') left bottom no-repeat; }
#skeedDelivery #merit .merit02 .inner { height: 326px; background: url('/img/product/skeeddelivery/il_02.png') right top no-repeat; }
#skeedDelivery #merit .merit03 .inner { height: 325px; background: url('/img/product/skeeddelivery/il_03.png') left top no-repeat; }
#skeedDelivery #merit .merit04 .inner { height: 325px; background: url('/img/product/skeeddelivery/il_04.png') right top no-repeat; }
#skeedDelivery #merit .merit05 .inner { height: 337px; background: url('/img/product/skeeddelivery/il_05.png') right top no-repeat; }
#skeedDelivery #merit .merit06 .inner { height: 337px; background: url('/img/product/skeeddelivery/il_06.png') right top no-repeat; }
#skeedDelivery #merit .merit02 .inner h2 { padding-top: 90px;}
#skeedDelivery #merit .merit03 .inner h2 { padding-top: 120px;}
#skeedDelivery #merit .merit04 .inner h2 { padding-top: 120px;}
#skeedDelivery #merit .merit05 .inner h2 { padding-top: 120px;}
#skeedDelivery #merit .merit06 .inner h2 { padding-top: 90px;}

/* 機能一覧 */
#skeedDelivery #featureList { margin-bottom: 40px; }
#skeedDelivery #featureList h1 { text-align: center; margin-bottom: 20px; }
#skeedDelivery #featureList table { width: 100%;}
#skeedDelivery #featureList table tr { }
#skeedDelivery #featureList table tr th,
#skeedDelivery #featureList table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#skeedDelivery #featureList table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#skeedDelivery #featureList table tr td { padding: 20px; }
#skeedDelivery #featureList table tr td.nwp { white-space: nowrap;}
#skeedDelivery #featureList p { font-size: 1.2em; text-align: right;}

#skeedDelivery #featureList table tr .bgBlue { background-color: #f2f7f9;}
#skeedDelivery #featureList table tr .bgRed { background-color: #fff8f8;}

#skeedDelivery #featureList table tr td ul { margin:0; padding: 0;}
#skeedDelivery #featureList table tr td ul li { list-style-type: none;}
/* ユースケース */
#skeedDelivery #usecase { margin-bottom: 50px;}
#skeedDelivery #usecase h1 { text-align: center; margin-bottom: 20px;}
#skeedDelivery #usecase .box { background: #f8f8f8 url('/img/common/con5_boxtop.png') 0 top no-repeat; padding:30px 25px 0;}
#skeedDelivery #usecase .box .wrap{width:870px;overflow:hidden;zoom:1;position:relative;height:360px;}
#skeedDelivery #usecase .box .wrap .inner{position:absolute;}
#skeedDelivery #usecase .inner { background: url('/img/common/con5_boxbtm.png') 0 bottom no-repeat; overflow: hidden; zoom:1; padding-bottom: 30px; }
#skeedDelivery #usecase .inner div { float: left; }
#skeedDelivery #usecase p { font-size:1.6em; text-align: center; margin: 8px 0 5px; }


/* 稼働推奨環境 */
#skeedDelivery #environment { margin-bottom: 40px; }
#skeedDelivery #environment h1 { text-align: center; margin-bottom: 20px; }
#skeedDelivery #environment table { width: 100%; margin-bottom: 10px; }
#skeedDelivery #environment table tr { }
#skeedDelivery #environment table tr th,
#skeedDelivery #environment table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#skeedDelivery #environment table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#skeedDelivery #environment table tr td { padding: 20px; text-align: center;}
#skeedDelivery #environment ul { }
#skeedDelivery #environment ul li { list-style-type: none; font-size: 1.2em; }


/* 製品について 2つ用 */
#skeedDelivery #about2clm { padding: 30px 0 0; overflow: hidden; zoom:1; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
#skeedDelivery #about2clm p { font-size: 1.4em; }
#skeedDelivery #about2clm #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px; padding-left:60px;}
#skeedDelivery #about2clm #inner .box { width: 400px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
#skeedDelivery #about2clm #inner .box p,
#skeedDelivery #about2clm #inner .box h2 { text-align: center;}
#skeedDelivery #about2clm #inner .box p { margin-bottom: 30px;}
#skeedDelivery #about2clm #inner .last { border: none;}

/*SkeedCast!!/product/skeedcast/index.html --------------------------------- */
#skeedCast #mv img { vertical-align: bottom;}

/* 基本構成 */
#skeedCast #composition { position: relative; top:0; left: 0; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
#skeedCast #composition h1 { text-align: center; margin-bottom: 20px;}
#skeedCast #composition div { margin-bottom: 30px;}
#skeedCast #composition p { font-size: 1.4em; text-align: center; line-height: 1.4;}

/* 特長メリット 共通 */
#skeedCast #merit { margin-bottom: 50px;}
#skeedCast #merit h1 { text-align: center; margin-bottom: 20px;}
#skeedCast #merit .meritBoxRight h2 { width: 500px; font-size: 24px; padding-top:55px; margin-left:430px;}
#skeedCast #merit .meritBoxRight p { width: 500px; font-size: 1.6em; margin-left:430px;}
#skeedCast #merit .meritBoxRight ul { width: 500px; margin-left:430px; }
#skeedCast #merit .meritBoxRight ul li { list-style-type: none; background: url('/img/common/dot.png') left 3px no-repeat; padding-left:20px; font-size: 1.4em; margin-bottom:5px;}
#skeedCast #merit .meritBoxLeft h2 { width: 500px; font-size: 24px; padding-top:55px; margin-right:430px;}
#skeedCast #merit .meritBoxLeft p { font-size: 1.6em; margin-right:430px;}
#skeedCast #merit .meritBoxLeft ul { width: 500px; margin-right:430px; }
#skeedCast #merit .meritBoxLeft ul li { list-style-type: none; background: url('/img/common/dot.png') left 3px no-repeat; padding-left:20px; font-size: 1.4em; margin-bottom:5px;}

/* 特長メリット skeedcast */
#skeedCast #merit .merit01 .inner { height: 339px; background: url('/img/product/skeedcast/il_01.png') left bottom no-repeat; }
#skeedCast #merit .merit02 .inner { height: 326px; background: url('/img/product/skeedcast/il_02.png') right top no-repeat; }
#skeedCast #merit .merit03 .inner { height: 325px; background: url('/img/product/skeedcast/il_03.png') left top no-repeat; }
#skeedCast #merit .merit04 .inner { height: 325px; background: url('/img/product/skeedcast/il_04.png') right top no-repeat; }
#skeedCast #merit .merit05 .inner { height: 337px; background: url('/img/product/skeedcast/il_05.png') right top no-repeat; }
#skeedCast #merit .merit06 .inner { height: 337px; background: url('/img/product/skeedcast/il_06.png') right top no-repeat; }
#skeedCast #merit .merit01 .inner h2 { padding-top: 90px;}
#skeedCast #merit .merit02 .inner h2 { padding-top: 90px;}
#skeedCast #merit .merit03 .inner h2 { padding-top: 100px;}
#skeedCast #merit .merit04 .inner h2 { padding-top: 70px;}
#skeedCast #merit .merit05 .inner h2 { padding-top: 20px;}
#skeedCast #merit .merit06 .inner h2 { padding-top: 90px;}

/* 機能一覧 */
#skeedCast #featureList { margin-bottom: 40px; }
#skeedCast #featureList h1 { text-align: center; margin-bottom: 20px; }
#skeedCast #featureList table { width: 100%;}
#skeedCast #featureList table tr th,
#skeedCast #featureList table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#skeedCast #featureList table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#skeedCast #featureList table tr th.w250 { width: 250px;}
#skeedCast #featureList table tr td { padding: 20px; }
#skeedCast #featureList table tr td.nwp { white-space: nowrap;}
#skeedCast #featureList p { font-size: 1.2em; text-align: right;}

#skeedCast #featureList table tr .bgBlue { background-color: #f2f7f9;}
#skeedCast #featureList table tr .bgRed { background-color: #fff8f8;}

#skeedCast #featureList table tr td ul { margin:0; padding: 0;}
#skeedCast #featureList table tr td ul li { list-style-type: none;}
/* ユースケース */
#skeedCast #usecase { margin-bottom: 50px;}
#skeedCast #usecase h1 { text-align: center; margin-bottom: 20px;}
#skeedCast #usecase .box { background: #f8f8f8 url('/img/common/con5_boxtop.png') 0 top no-repeat; padding:30px 25px 0;}
#skeedCast #usecase .box .wrap{width:870px;overflow:hidden;zoom:1;position:relative;height:360px;}
#skeedCast #usecase .box .wrap .inner{position:absolute;}
#skeedCast #usecase .inner { background: url('/img/common/con5_boxbtm.png') 0 bottom no-repeat; overflow: hidden; zoom:1; padding-bottom: 30px; }
#skeedCast #usecase .inner div { float: left; }
#skeedCast #usecase p { font-size:1.6em; text-align: center; margin: 8px 0 5px; }


/* 稼働推奨環境 */
#skeedCast #environment { margin-bottom: 40px; }
#skeedCast #environment h1 { text-align: center; margin-bottom: 20px; }
#skeedCast #environment table { width: 100%; margin-bottom: 10px; }
#skeedCast #environment table tr { }
#skeedCast #environment table tr th,
#skeedCast #environment table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#skeedCast #environment table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#skeedCast #environment table tr td { padding: 20px; text-align: center;}
#skeedCast #environment ul { }
#skeedCast #environment ul li { list-style-type: none; font-size: 1.2em; }


/* 製品について 2つ用 */
#skeedCast #about2clm { padding: 30px 0 0; overflow: hidden; zoom:1; background: url('../common/img/cmn_linetop.png') 0 top no-repeat; margin-bottom: 50px;}
#skeedCast #about2clm p { font-size: 1.4em; }
#skeedCast #about2clm #inner { background: url('../common/img/cmn_line.png') 0 bottom no-repeat; overflow: hidden; padding-bottom: 30px; padding-left:60px;}
#skeedCast #about2clm #inner .box { width: 400px; float: left; border-right:1px solid #e5e5e5; padding-right: 10px; }
#skeedCast #about2clm #inner .box p,
#skeedCast #about2clm #inner .box h2 { text-align: center;}
#skeedCast #about2clm #inner .box p { margin-bottom: 30px;}
#skeedCast #about2clm #inner .last { border: none;}

/*SkeedObjectstore!!/product/skeedobjectsore/index.html --------------------------------- */

#SkeedObjectstore {}


#SkeedObjectstore #mv #subNav { width: 930px; margin: 0 auto; height: 63px; overflow: hidden; zoom:1; background: url('../common/img/subnav_bg.png') bottom left no-repeat;}
#SkeedObjectstore #mv #subNav h1 { float: left; margin-top: 20px; }

#SkeedObjectstore #mv #subNav ul { float: right; margin: 10px 0 10px 10px; }
#SkeedObjectstore #mv #subNav ul li { list-style-type: none; float: left; font-size: 1.2em;}
#SkeedObjectstore #mv #subNav ul li a { color: #333;display: block; padding:20px 15px;}
#SkeedObjectstore #mv #subNav ul li a:hover {color:#006ad6;}
#SkeedObjectstore #mv img { vertical-align: bottom;}



/* 基本構成 */
#SkeedObjectstore #composition { position: relative; top:0; left: 0; background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
#SkeedObjectstore #composition h1 { text-align: center; margin-bottom: 20px;}
#SkeedObjectstore #composition div { margin-bottom: 30px;}
/*#SkeedObjectstore #composition ul { width: 800px; margin: 0 auto 30px; padding-left: 28px; }
#SkeedObjectstore #composition ul li { list-style-type: none; font-size: 1.4em; line-height: 1.8; position: relative; margin-bottom: 10px; }
#SkeedObjectstore #composition ul li img { vertical-align: middle; position: absolute; top: 4px; ; left:-28px;}*/
#SkeedObjectstore #composition p { font-size: 1.4em; text-align: center; line-height: 1.4;}
#SkeedObjectstore #composition p.txLeft { text-align: left; padding: 0 50px 0px; }

/* 特長メリット 共通 */
#SkeedObjectstore #merit { margin-bottom: 50px;}
#SkeedObjectstore #merit h1 { text-align: center; margin-bottom: 20px;}
#SkeedObjectstore #merit .meritBoxRight h2 { width: 500px; font-size: 24px; padding-top:55px; margin-left:480px;}
/*#SkeedObjectstore #merit .meritBoxRight p { width: 500px; font-size: 1.6em; margin-left:480px;}*/
#SkeedObjectstore #merit .meritBoxRight ul { width: 500px; margin-left:480px; }
#SkeedObjectstore #merit .meritBoxRight ul li { list-style-type: none; background: url('../img/product/skeedobjectstore/dot.png') left 3px no-repeat; padding-left:20px; font-size: 1.4em; margin-bottom:5px;}
#SkeedObjectstore #merit .meritBoxLeft h2 { width: 500px; font-size: 24px; padding-top:55px; margin-right:430px;}
/*#SkeedObjectstore #merit .meritBoxLeft p { font-size: 1.6em; margin-right:430px;}*/
#SkeedObjectstore #merit .meritBoxLeft ul { width: 500px; margin-right:430px; }
#SkeedObjectstore #merit .meritBoxLeft ul li { list-style-type: none; background: url('../img/product/skeedobjectstore/dot.png') left 3px no-repeat; padding-left:20px; font-size: 1.4em; margin-bottom:5px;}

/* 特長メリット forFileTransfer */
#SkeedObjectstore #merit .merit01 .inner { height: 339px; background: url('../img/product/skeedobjectstore/il_01.png') left bottom no-repeat; }
#SkeedObjectstore #merit .merit02 .inner { height: 326px; background: url('../img/product/skeedobjectstore/il_02.png') right top no-repeat; }
#SkeedObjectstore #merit .merit03 .inner { height: 325px; background: url('../img/product/skeedobjectstore/il_03.png') left top no-repeat; }
#SkeedObjectstore #merit .merit04 .inner { height: 350px; background: url('../img/product/skeedobjectstore/il_04.png') right top no-repeat; }
#SkeedObjectstore #merit .merit01 .inner h2 { padding-top: 90px;}
#SkeedObjectstore #merit .merit02 .inner h2 { padding-top: 90px;}
#SkeedObjectstore #merit .merit03 .inner h2 { padding-top: 100px;}
#SkeedObjectstore #merit .merit04 .inner h2 { padding-top: 100px;}



/* 機能一覧 */
#SkeedObjectstore #featureList { margin-bottom: 40px; }
#SkeedObjectstore #featureList h1 { text-align: center; margin-bottom: 20px; }
#SkeedObjectstore #featureList table { width: 100%;}
#SkeedObjectstore #featureList table tr th,
#SkeedObjectstore #featureList table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#SkeedObjectstore #featureList table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#SkeedObjectstore #featureList table tr th.w250 { width: 250px;}
#SkeedObjectstore #featureList table tr td { padding: 20px; }
#SkeedObjectstore #featureList table tr td.nwp { white-space: nowrap;}
#SkeedObjectstore #featureList p { font-size: 1.2em; text-align: right;}

#SkeedObjectstore #featureList table tr .bgBlue { background-color: #f2f7f9;}
#SkeedObjectstore #featureList table tr .bgRed { background-color: #fff8f8;}

#SkeedObjectstore #featureList table tr td ul { margin:0; padding: 0;}
#SkeedObjectstore #featureList table tr td ul li { list-style-type: none;}
/* ユースケース */
#SkeedObjectstore #usecase { margin-bottom: 50px;}
#SkeedObjectstore #usecase h1 { text-align: center; margin-bottom: 20px;}
#SkeedObjectstore #usecase .box { background: #f8f8f8 url('../img/product/skeedobjectstore/con5_boxtop.png') 0 top no-repeat; padding:30px 25px 0;}
#SkeedObjectstore #usecase .box .wrap{width:870px;overflow:hidden;zoom:1;position:relative;height:360px;}
#SkeedObjectstore #usecase .box .wrap .inner{position:absolute;}
#SkeedObjectstore #usecase .inner { background: url('../img/product/skeedobjectstore/con5_boxbtm.png') 0 bottom no-repeat; overflow: hidden; zoom:1; padding-bottom: 30px; }
#SkeedObjectstore #usecase .inner div { float: left; }
#SkeedObjectstore #usecase p { font-size:1.6em; text-align: center; margin: 8px 0 5px; }


/* 稼働推奨環境 */
#SkeedObjectstore #environment { margin-bottom: 100px; }
#SkeedObjectstore #environment h1 { text-align: center; margin-bottom: 20px; }
#SkeedObjectstore #environment table { width: 100%; margin-bottom: 10px; }
#SkeedObjectstore #environment table tr { }
#SkeedObjectstore #environment table tr th,
#SkeedObjectstore #environment table tr td { font-size: 1.4em;  border-collapse: collapse; border: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
#SkeedObjectstore #environment table tr th { padding: 8px; background-color: #f6f6f6; text-align: center; }
#SkeedObjectstore #environment table tr td { padding: 20px; text-align: center;}
#SkeedObjectstore #environment ul { }
#SkeedObjectstore #environment ul li { list-style-type: none; font-size: 1.2em; }


/* 製品について 1つ用 */
#SkeedObjectstore #about1clm { font-size: 1.4em; margin-bottom:100px; }
#SkeedObjectstore #about1clm dl { width: 620px; margin: 0 auto; overflow: hidden; zoom:1;}
#SkeedObjectstore #about1clm dl dt { width: 220px; float: left; margin: 0; padding: 0;}
#SkeedObjectstore #about1clm dl dd { width: 400px; float: left; margin: 0; padding: 0;}
#SkeedObjectstore #about1clm dl dd a { display: block; margin-top: 10px;}



/*/movie/index.html --------------------------------- */

#movie {}

#movie #mv {text-align: center; height: 200px; background:url('../common/img/mv_bg02.png') 0 bottom repeat-x; vertical-align: middle;}
#movie #mv h1 { padding-top: 76px;}

#movie #con01 {background: url('../common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom:50px; margin-bottom:20px; overflow:hidden; zoom:1;}
#movie #con01 h2 { text-align:center; margin-bottom:50px; margin-top:30px;}
#movie #con01 .ph { width:340px; float:right; text-align:center; font-size:1.2em; margin-left:50px;}
#movie #con01 .ph img { display:block;  margin-bottom:3px;}
#movie #con01 ol { margin:0; padding:0;}
#movie #con01 ol li { font-size:1.6em; list-style-type:none; margin:0; padding:0 0 1.2em; 0;}
#movie #con01 p { font-size:1.6em; line-height:1.7;}
#movie .btn { padding-top:30px; margin-bottom:100px; }
#movie .btn ul { margin:0 0 0 150px; padding:0; }
#movie .btn ul li { list-style-type:none; display:inline; margin-right:30px; }




#mvBtn { width:930px; margin:0 auto; position: relative; left:0; top:0; z-index:2;}
#mvBtn ul { position:absolute; right:0; top:10px; }
#mvBtn ul li { list-style-type:none; display:inline; margin-left:5px;}

/** SO-SOFT **/

.sbody {
    font-family: 'M+ 2c medium';

    line-height: 25.5pt;
}

.scenter {
    width: 1000px;
    margin: auto auto;
}

.sbox {
    color: #505055;
    font-size: 17pt;

    min-width: 900px;
    margin-top: 8px;
    padding: 8px;
    background-color: #0000;
}

.sbox_news {
    overflow: auto;

    -webkit-box-shadow: 1px 2px 20px;
    -moz-box-shadow: 1px 2px 20px;
    -o-box-shadow: 1px 2px 20px;
    box-shadow: 1px 2px 20px rgba(24, 24, 24, 0.1);

    width: 930px;
    margin-top: 8px;
    background-color: rgba(230, 230, 230, 0.5);
}

.pageSpace {
    display: block;
    line-height: 32px;
}

.slineSpace {
    display: block;
    line-height: 24px;
}

.slineSpaceMin {
    display: block;
    line-height: 16px;
}

.stopbox {
    width: 960px;
    height: 520px;
    margin: 30px auto;
    margin-top: 10px;
    margin-bottom: 4px;
    background-color: #0000;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -o-border-radius: 0px;

    -webkit-box-shadow: 0px 12px 28px;
    -moz-box-shadow: 0px 12px 28px;
    -o-box-shadow: 0px 12px 28px;
    box-shadow: 0px 12px 28px rgba(24, 24, 24, 0.1);
}

ul.sbox4G {
    color: #252;

    width: 960px;
    overflow: hidden;
//	position: relative;

    margin: 0 0 32px;

//	text-decoration: none;
}

li.sbox4G {
    border: 5px solid #7a7;

    font-size: 27px;
    list-style: none;
    float: left;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -o-border-radius: 50px;

    text-align: center;

    width: 190px;
    height: 200px;
    padding: 8px;
    margin: 10px 12px 0 0;
    background-color: rgba(128, 215, 128, 0.62);
}

div.title4G {
    width: 100px;

    text-decoration: underline;
    text-underline-position: below;

    margin: 5px auto 15px;
}

.sinline {
    display: inline;
}

.simg1 {
    display: inline;
    float: left;
    margin-right: 12px;
}

.simgclr {
    display: inline;
    clear: left;
}

.stitle {
    display: inline;
    font-size: 38px;
    font-weight: bold;
    color: #474;
    margin: 4px 12px 16px;
}

.stitle1 {
    display: inline;
    font-size: 34px;
    font-weight: bold;
    color: #556;
    margin: 4px 16px 16px;
}

.stitle2 {
    display: inline;
    font-size: 29px;
    font-weight: bold;
    color: #556;
    margin: 4px 16px 16px;
}

.stitle3 {
    width: 29%;
    font-size: 29px;
    font-weight: bold;
    color: #557;
    margin: 4px auto 16px;
}

.stable {
    width: 900px;
    border-width: 0px;
    color: #447;
    padding: 4px;
}

.starget {
    color: #555;
    font-weight: bold;
    font-size: 25px;
    padding: 14px;
}

.sbasic {
    margin: 12px 12px;
}

.std0 {
    background-color: rgba(112, 128, 200, 0.7);
    border-style: solid;
    border-color: #CCC;
    border-width: 1pt;
    vertical-align: top;
    width: 320px;
    padding: 2.0pt 3.0pt 2.0pt 3.0pt;
    vertical-align: middle;
}

.std1 {
    background-color: rgba(245, 250, 255, 0.7);
    border-style: solid;
    border-color: #CCC;
    border-width: 1pt;
    vertical-align: top;
    width: 320px;
    padding: 2.0pt 3.0pt 2.0pt 3.0pt;
    vertical-align: middle;
}

td.std0 p {
    color: #eef;

    font-size: 16.7pt;
    text-align: center;
    margin: auto;
    line-height: 29pt;
}

td.std1 p {
    color: #557;

    font-size: 18.0pt;
    text-align: center;
    margin: auto;
    line-height: 29pt;
}

.std2 {
    color: #447;
    vertical-align: middle;
    padding: 7px 10px;
}
.sa2 {
    color: #447;
}

.anim_bg {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -100;
}

/** ナビゲーションバー */

.naviSpace {
    display: block;
    line-height: 96px;
}

ul.navi {
    width: 1000px;
    overflow: hidden;

    border: 1px solid #BBB;

    text-decoration: none;

    margin : 6px 4px 0 -8px;
    padding: 8px;

    position: absolute;
    display: block;
    background-color: rgba(240, 240, 255, 0.93);

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -o-border-radius: 8px;

    -webkit-box-shadow: 2px 12px 28px;
    -moz-box-shadow: 2px 12px 28px;
    -o-box-shadow: 2px 12px 28px;
    box-shadow: 2px 12px 28px rgba(24, 24, 24, 0.24);

    z-index: 999;
}

div.navi_base {
    margin: 0;
    padding-left: 4px;
}

div.navi_target {
    width: 1000px;
    height: 900px;

    overflow: auto;

    position: relative;
    margin: 0 6px 6px 6px;
    padding: 0;
}

div.naviin {
    content: "";
    height: 0;
    border-bottom: 51px solid #aaa;
    border-left: 23px solid transparent;
    opacity: 0.5;
    position: absolute;
}

div.naviin_sel {
    content: "";
    height: 0;
    border-bottom: 51px solid #aaf;
    border-left: 23px solid transparent;
    opacity: 0.5;
    position: absolute;
}

div.navititle {
    text-align: center;
    padding: 10px 0 12px 2px;
    margin: 0;
}

div.navititle_sel {
    text-align: center;
    padding: 8px 0 14px 0px;
    margin: 0;
}

li.navi {
    text-decoration: underline;
    text-underline-position: below;

    height: 50px;

    list-style: none;
    float: left;
    color: #557;
    font-size: 20px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;

    font-weight: bold;
    text-shadow: 2px 2px 3px rgba(55, 55, 55, 0.5);
}

li.navi_sel {
    height: 50px;

    list-style: none;
    float: left;
    color: #55f;
    font-size: 20px;
    border-right: 1px solid #aaf;
    border-bottom: 1px solid #aaf;

    font-weight: bold;
    text-shadow: 4px 4px 3px rgba(55, 55, 77, 0.5);
}

/* about_sb */
h1 { margin-bottom: 20px;}
.lead { font-size: 1.6em; text-align: center; line-height: 1.6; margin-bottom: 30px;}

#aboutSBB { margin-bottom: 60px;}
#aboutSBB h1 { text-align: center;}
.result { padding: 20px 20px 30px ; background-color: #f7f7f7;}
.result p { font-size: 1.6em; line-height: 1.6; padding: 10px 0px 10px 50px; margin-bottom:0; }
.result ol { margin: 0 0 0 50px; padding: 0;}
.result ol li { list-style: none; font-size: 1.2em;}
.result h2 { margin-bottom: 20px;}

#predominance { margin-bottom: 60px;background: url('/common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 40px;}
#predominance h1 { text-align: center;}
#predominance ul { margin: 20px 10px;}
#predominance ul li { list-style-type: none; background: url('/common/img/dot.png') left 3px no-repeat; padding-left: 20px; font-size: 1.4em; margin-bottom: 15px;}


#casestudies { margin-bottom: 60px; background: url('/common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 60px;}
#casestudies h1 { text-align: center;}

#voice {}
#voice { margin-bottom: 60px; background: url('/common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 60px;}
#voice h1 { text-align: center;}
#voice .list { overflow: hidden; zoom: 1; padding: 0 30px;}
#voice dl { width: 250px; float:left; font-size: 1.4em; line-height: 1.4; margin-right: 60px;}
#voice dl.last { margin-right: 0;}
#voice dl dt { font-weight: bold; text-align: center; padding:10px 0 20px;}
#voice dl dd { padding: 0; margin: 0;}F

                                      #productline { text-align: center; overflow: hidden; zoom: 1; margin-bottom: 60px; background: url('/common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 40px;}
#productline .pdcBox { margin-top:30px;width: 208px; float: left; padding-right: 20px; padding-left: 5px; background: url('/common/img/line_h440.png') center right no-repeat; margin-bottom: 40px; }
#productline .pdcBox .tx { font-size: 1.4em; display: block; height: 120px; padding: 0 10px;}
#productline .pdcBox .btn { width: 115px; margin: 0 auto;}
#productline .last { padding-right: 0px; background: none; }

#howtouse { margin-bottom: 60px; background: url('/common/img/cmn_line.png') 0 bottom no-repeat; padding-bottom: 60px; }
#howtouse h1 { text-align: center;}
#howtouse .inner { background-color: #f6f6f6; padding: 30px 30px 10px; overflow: hidden; zoom: 1;}
#howtouse .inner dl { overflow: hidden; zoom: 1;}
#howtouse .inner dl dt { width: 290px; float: left; background-color: #fff; text-align: center; padding: 60px 0;}
#howtouse .inner dl dd { width: 500px; float: left; margin: 0; padding-left: 40px; font-size: 1.4em; line-height: 1.4;}
#howtouse .inner dl dd img { margin-right: 10px; vertical-align: top;}
#howtouse .inner dl dd ol { margin: 0; padding: 0}
#howtouse .inner dl dd ol li { margin: 0; padding: 0; list-style: none; margin-bottom: 1em;}

.entryBtn { text-align: center; margin-bottom: 100px;}


/* sns share buttons begin */
.addtoany {
    display: inline;
}
.addtoany_list {
    display: inline;
    line-height: 16px;
}
.addtoany_list > a,
.addtoany_list a img,
.addtoany_list a > span {
    vertical-align: middle;
}
.addtoany_list > a {
    border: 0;
    display: inline-block;
    font-size: 16px;
    padding: 0 4px;
}
.addtoany_list.a2a_kit_size_32 > a {
    font-size: 32px;
}
.addtoany_list .a2a_counter img {
    float: left;
}
.addtoany_list a span.a2a_img {
    display: inline-block;
    height: 16px;
    opacity: 1;
    overflow: hidden;
    width: 16px;
}
.addtoany_list a span {
    display: inline-block;
    float: none;
}
.addtoany_list.a2a_kit_size_32 a > span {
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    opacity: 1;
    width: 32px;
}
.addtoany_list a:hover:hover img,
.addtoany_list a:hover span {
    opacity: .7;
}
.addtoany_list a.addtoany_share_save img {
    border: 0;
    width: auto;
    height: auto;
}
.addtoany_list a .a2a_count {
    position: relative;
}
/* end sns share buttons */

/* Bootstrap button */
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #0070e0;
    border-color: #0063c7
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0056ad;
    border-color: #002347
}

.btn-primary:hover {
    color: #fff;
    background-color: #0056ad;
    border-color: #004589
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0056ad;
    border-color: #004589
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #004589;
    border-color: #002347
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #0070e0;
    border-color: #0063c7
}

.btn-primary .badge {
    color: #0070e0;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #2e96ff;
    border-color: #1489ff
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #007dfa;
    border-color: #004a93
}

.btn-info:hover {
    color: #fff;
    background-color: #007dfa;
    border-color: #006bd6
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #007dfa;
    border-color: #006bd6
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #006bd6;
    border-color: #004a93
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #2e96ff;
    border-color: #1489ff
}

.btn-info .badge {
    color: #2e96ff;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #0070e0;
    font-weight: normal;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #004a93;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

/* Contact Form 7 start */
/* エラー囲み表示 */
.wpcf7-validation-errors {
    border: 1px solid #F00;
    padding: 10px;
    margin-bottom: 10px;
    color: #F00;
    font-size: 1.5rem;
}
/* 送信完了囲み表示 */
.wpcf7-mail-sent-ok {
    border: 1px solid green;
    padding: 10px;
    margin-bottom: 10px;
    color: green;
    font-size: 1.5rem;
}
/* 各項目のエラー表示 */
.wpcf7-not-valid-tip {
    color: #F00;
}
/* 送信完了後に追加されるスクリーンリーダー用の内容を非表示にする */
.screen-reader-response {
    display:none;
}
/* チェックボックスとラベルの間隔 */
.wpcf7-list-item-label {
    margin-right: 15px;
}
/* [必須]表示 */
.inquiry-form-required {
    background-color: #F00;
    color: white;
    padding: 0 5px;
    font-size: 0.9rem;
}
/* 「問い合わせフォーム」その他の問い合わせ内容 */
#other-inquiries {
    height: 6em;
    margin-left: 35px;
    width: 430px;
    border: 1px solid #7e9db9;
}
/* 「問い合わせフォーム」送信ボタン */
#submit-button-wrapper {
    text-align: center !important;
    margin-bottom: 180px;
}
/* Contact Form 7 end */