@charset "shift_jis";
html,body{
min-width:1256px
}
a:link{
color:#0071bc;
text-decoration:none
}
a:visited{
color:#0071bc;
text-decoration:none
}
a:active{
color:#7f7f7f;
text-decoration:underline
}
a:hover{
color:#7f7f7f;
text-decoration:underline
}
.inner{
width:1000px;
margin:0 auto
}
.background-white{
background:#fff
}
#mainContents{
background:#fff
}
#mainContents .inner{
text-align:left;
width:1000px
}
.btn{
line-height:1.2;
padding:5px 10px;
min-height:26px;
display:inline-block;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:6px 10px 4px;
font-size:12px;
vertical-align:middle;
cursor:pointer;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:27px;
border-radius:4px;
background:#fefefe;
background:-moz-linear-gradient(#fefefe, #fbfbfb);
background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fbfbfb));
background:linear-gradient(#fefefe, #fbfbfb);
border:1px solid #e6e5e5;
color:#323232;
-o-box-shadow:1px 1px 2px -1px #c6c5c5;
-ms-box-shadow:1px 1px 2px -1px #c6c5c5;
-moz-box-shadow:1px 1px 2px -1px #c6c5c5;
-webkit-box-shadow:1px 1px 2px -1px #c6c5c5;
box-shadow:1px 1px 2px -1px #c6c5c5
}
.btn .text{
vertical-align:middle;
display:inline-block
}
.btn .icon.left{
vertical-align:middle;
margin-right:5px
}
.btn .icon.right{
vertical-align:middle;
margin-left:5px
}
.btn .text{
line-height:1.3 !important;
vertical-align:middle;
display:inline-block
}
.btn .cloud{
background-position:0 -140px
}
.btn .bar{
background-position:-20px -140px
}
.btn .arrow-left{
background-position:-40px -140px
}
.btn .arrow-down{
background-position:-60px -140px
}
.btn .arrow-right{
background-position:-80px -140px
}
.btn .arrow-updown{
background-position:-100px -140px
}
.btn .refined{
background-position:-120px -140px
}
.btn .add-refined{
background-position:-140px -140px
}
.btn .delete{
background-position:-160px -140px
}
.btn .gear{
background-position:-180px -140px
}
.btn .user{
background-position:-200px -140px
}
.btn .back{
background-position:-220px -140px
}
.btn .check-on{
background-position:-240px -140px
}
.btn .check-off{
background-position:-260px -140px
}
.btn .download{
background-position:-280px -140px
}
.btn .open-window{
background-position:-300px -140px
}
.btn .file{
background-position:-320px -140px
}
.btn .calendar{
background-position:-340px -140px
}
.btn .device-notice{
background-position:-360px -140px
}
.btn .loading{
background-position:-380px -140px
}
.btn .device{
background-position:0 -220px
}
.btn .lock{
background-position:-20px -220px
}
.btn .file-false{
background-position:-40px -220px
}
.btn .upload{
background-position:-60px -220px
}
.btn .users{
background-position:-80px -220px
}
.btn .file-custom{
background-position:-100px -220px
}
.btn .notice{
background-position:-120px -220px
}
.btn .eye{
background-position:-140px -220px
}
.btn .request{
background-position:-160px -220px
}
.btn .arrow-up{
background-position:-180px -220px
}
.btn:link,.btn:visited{
color:#323232 !important
}
.btn:hover,.btn:active{
background:#b4b4b4;
background:-moz-linear-gradient(#b4b4b4, #b2b2b2);
background:-webkit-gradient(linear, left top, left bottom, from(#b4b4b4), to(#b2b2b2));
background:linear-gradient(#b4b4b4, #b2b2b2);
border:1px solid #bababa;
color:#fff !important
}
.btn:hover .cloud,.btn:active .cloud{
background-position:0 -160px
}
.btn:hover .bar,.btn:active .bar{
background-position:-20px -160px
}
.btn:hover .arrow-left,.btn:active .arrow-left{
background-position:-40px -160px
}
.btn:hover .arrow-down,.btn:active .arrow-down{
background-position:-60px -160px
}
.btn:hover .arrow-right,.btn:active .arrow-right{
background-position:-80px -160px
}
.btn:hover .arrow-updown,.btn:active .arrow-updown{
background-position:-100px -160px
}
.btn:hover .refined,.btn:active .refined{
background-position:-120px -160px
}
.btn:hover .add-refined,.btn:active .add-refined{
background-position:-140px -160px
}
.btn:hover .delete,.btn:active .delete{
background-position:-160px -160px
}
.btn:hover .gear,.btn:active .gear{
background-position:-180px -160px
}
.btn:hover .user,.btn:active .user{
background-position:-200px -160px
}
.btn:hover .back,.btn:active .back{
background-position:-220px -160px
}
.btn:hover .check-on,.btn:active .check-on{
background-position:-240px -160px
}
.btn:hover .check-off,.btn:active .check-off{
background-position:-260px -160px
}
.btn:hover .download,.btn:active .download{
background-position:-280px -160px
}
.btn:hover .open-window,.btn:active .open-window{
background-position:-300px -160px
}
.btn:hover .file,.btn:active .file{
background-position:-320px -160px
}
.btn:hover .calendar,.btn:active .calendar{
background-position:-340px -160px
}
.btn:hover .device-notice,.btn:active .device-notice{
background-position:-360px -160px
}
.btn:hover .loading,.btn:active .loading{
background-position:-380px -160px
}
.btn:hover .device,.btn:active .device{
background-position:0 -240px
}
.btn:hover .lock,.btn:active .lock{
background-position:-20px -240px
}
.btn:hover .file-false,.btn:active .file-false{
background-position:-40px -240px
}
.btn:hover .upload,.btn:active .upload{
background-position:-60px -240px
}
.btn:hover .users,.btn:active .users{
background-position:-80px -240px
}
.btn:hover .file-custom,.btn:active .file-custom{
background-position:-100px -240px
}
.btn:hover .notice,.btn:active .notice{
background-position:-120px -240px
}
.btn:hover .eye,.btn:active .eye{
background-position:-140px -240px
}
.btn:hover .request,.btn:active .request{
background-position:-160px -240px
}
.btn:hover .arrow-up,.btn:active .arrow-up{
background-position:-180px -240px
}
.btn.size-ss{
min-width:50px;
font-size:11px;
padding:4px 4px !important;
font-weight:normal;
min-height:21px
}
button.btn.size-ss{
padding:3px 4px !important
}
.btn.size-s{
min-width:60px
}
.btn.size-m{
min-width:80px
}
.btn.size-l{
min-width:100px
}
.btn.size-ll{
min-width:120px
}
.btn.font-s{
font-size:11px;
min-height:24px
}
.btn.font-m{
font-size:12px
}
.btn.font-l{
font-size:16px
}
.btn.font-ll{
font-size:20px;
padding:10px 30px
}
.btn:hover{
text-decoration:none
}
.btn.gray{
border-radius:4px;
background:#7d7d7d;
border:1px solid #798285;
background:-moz-linear-gradient(#7d7d7d, #6e777b);
background:-webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#6e777b));
background:linear-gradient(#7d7d7d, #6e777b);
color:#fff
}
.btn.gray .cloud{
background-position:0 -160px
}
.btn.gray .bar{
background-position:-20px -160px
}
.btn.gray .arrow-left{
background-position:-40px -160px
}
.btn.gray .arrow-down{
background-position:-60px -160px
}
.btn.gray .arrow-right{
background-position:-80px -160px
}
.btn.gray .arrow-updown{
background-position:-100px -160px
}
.btn.gray .refined{
background-position:-120px -160px
}
.btn.gray .add-refined{
background-position:-140px -160px
}
.btn.gray .delete{
background-position:-160px -160px
}
.btn.gray .gear{
background-position:-180px -160px
}
.btn.gray .user{
background-position:-200px -160px
}
.btn.gray .back{
background-position:-220px -160px
}
.btn.gray .check-on{
background-position:-240px -160px
}
.btn.gray .check-off{
background-position:-260px -160px
}
.btn.gray .download{
background-position:-280px -160px
}
.btn.gray .open-window{
background-position:-300px -160px
}
.btn.gray .file{
background-position:-320px -160px
}
.btn.gray .calendar{
background-position:-340px -160px
}
.btn.gray .device-notice{
background-position:-360px -160px
}
.btn.gray .loading{
background-position:-380px -160px
}
.btn.gray .device{
background-position:0 -240px
}
.btn.gray .lock{
background-position:-20px -240px
}
.btn.gray .file-false{
background-position:-40px -240px
}
.btn.gray .upload{
background-position:-60px -240px
}
.btn.gray .users{
background-position:-80px -240px
}
.btn.gray .file-custom{
background-position:-100px -240px
}
.btn.gray .notice{
background-position:-120px -240px
}
.btn.gray .eye{
background-position:-140px -240px
}
.btn.gray .request{
background-position:-160px -240px
}
.btn.gray .arrow-up{
background-position:-180px -240px
}
.btn.gray:link,.btn.gray:visited{
color:#fff !important
}
.btn.gray:hover,.btn.gray:active{
background:#b6b5b5;
background:-moz-linear-gradient(#b6b5b5, #b4b3b3);
background:-webkit-gradient(linear, left top, left bottom, from(#b6b5b5), to(#b4b3b3));
background:linear-gradient(#b6b5b5, #b4b3b3);
border:1px solid #bcbbbb;
color:#fff !important
}
.btn.red{
border-radius:4px;
background:#d00f0f;
border:1px solid #be2122;
background:-moz-linear-gradient(#d00f0f, #b80e0f);
background:-webkit-gradient(linear, left top, left bottom, from(#d00f0f), to(#b80e0f));
background:linear-gradient(#d00f0f, #b80e0f);
color:#fff
}
.btn.red .cloud{
background-position:0 -160px
}
.btn.red .bar{
background-position:-20px -160px
}
.btn.red .arrow-left{
background-position:-40px -160px
}
.btn.red .arrow-down{
background-position:-60px -160px
}
.btn.red .arrow-right{
background-position:-80px -160px
}
.btn.red .arrow-updown{
background-position:-100px -160px
}
.btn.red .refined{
background-position:-120px -160px
}
.btn.red .add-refined{
background-position:-140px -160px
}
.btn.red .delete{
background-position:-160px -160px
}
.btn.red .gear{
background-position:-180px -160px
}
.btn.red .user{
background-position:-200px -160px
}
.btn.red .back{
background-position:-220px -160px
}
.btn.red .check-on{
background-position:-240px -160px
}
.btn.red .check-off{
background-position:-260px -160px
}
.btn.red .download{
background-position:-280px -160px
}
.btn.red .open-window{
background-position:-300px -160px
}
.btn.red .file{
background-position:-320px -160px
}
.btn.red .calendar{
background-position:-340px -160px
}
.btn.red .device-notice{
background-position:-360px -160px
}
.btn.red .loading{
background-position:-380px -160px
}
.btn.red .device{
background-position:0 -240px
}
.btn.red .lock{
background-position:-20px -240px
}
.btn.red .file-false{
background-position:-40px -240px
}
.btn.red .upload{
background-position:-60px -240px
}
.btn.red .users{
background-position:-80px -240px
}
.btn.red .file-custom{
background-position:-100px -240px
}
.btn.red .notice{
background-position:-120px -240px
}
.btn.red .eye{
background-position:-140px -240px
}
.btn.red .request{
background-position:-160px -240px
}
.btn.red .arrow-up{
background-position:-180px -240px
}
.btn.red:link,.btn.red:visited{
color:#fff !important
}
.btn.red:hover,.btn.red:active{
background:#f00;
background:-moz-linear-gradient(#f00, #fb0000);
background:-webkit-gradient(linear, left top, left bottom, from(#f00), to(#fb0000));
background:linear-gradient(#f00, #fb0000);
border:1px solid #f00;
color:#fff !important
}
.btn.green{
border-radius:4px;
background:#3cbd10;
border:1px solid #45ba23;
background:-moz-linear-gradient(#3cbd10, #35b410);
background:-webkit-gradient(linear, left top, left bottom, from(#3cbd10), to(#35b410));
background:linear-gradient(#3cbd10, #35b410);
color:#fff
}
.btn.green .cloud{
background-position:0 -160px
}
.btn.green .bar{
background-position:-20px -160px
}
.btn.green .arrow-left{
background-position:-40px -160px
}
.btn.green .arrow-down{
background-position:-60px -160px
}
.btn.green .arrow-right{
background-position:-80px -160px
}
.btn.green .arrow-updown{
background-position:-100px -160px
}
.btn.green .refined{
background-position:-120px -160px
}
.btn.green .add-refined{
background-position:-140px -160px
}
.btn.green .delete{
background-position:-160px -160px
}
.btn.green .gear{
background-position:-180px -160px
}
.btn.green .user{
background-position:-200px -160px
}
.btn.green .back{
background-position:-220px -160px
}
.btn.green .check-on{
background-position:-240px -160px
}
.btn.green .check-off{
background-position:-260px -160px
}
.btn.green .download{
background-position:-280px -160px
}
.btn.green .open-window{
background-position:-300px -160px
}
.btn.green .file{
background-position:-320px -160px
}
.btn.green .calendar{
background-position:-340px -160px
}
.btn.green .device-notice{
background-position:-360px -160px
}
.btn.green .loading{
background-position:-380px -160px
}
.btn.green .device{
background-position:0 -240px
}
.btn.green .lock{
background-position:-20px -240px
}
.btn.green .file-false{
background-position:-40px -240px
}
.btn.green .upload{
background-position:-60px -240px
}
.btn.green .users{
background-position:-80px -240px
}
.btn.green .file-custom{
background-position:-100px -240px
}
.btn.green .notice{
background-position:-120px -240px
}
.btn.green .eye{
background-position:-140px -240px
}
.btn.green .request{
background-position:-160px -240px
}
.btn.green .arrow-up{
background-position:-180px -240px
}
.btn.green:link,.btn.green:visited{
color:#fff !important
}
.btn.green:hover,.btn.green:active{
background:#6df31d;
background:-moz-linear-gradient(#6df31d, #60f11d);
background:-webkit-gradient(linear, left top, left bottom, from(#6df31d), to(#60f11d));
background:linear-gradient(#6df31d, #60f11d);
border:1px solid #6df31d;
color:#fff !important
}
.btn.blue{
border-radius:4px;
background:#006cb4;
border:1px solid #1470ae;
background:-moz-linear-gradient(#006cb4, #0064a8);
background:-webkit-gradient(linear, left top, left bottom, from(#006cb4), to(#0064a8));
background:linear-gradient(#006cb4, #0064a8);
color:#fff
}
.btn.blue .cloud{
background-position:0 -160px
}
.btn.blue .bar{
background-position:-20px -160px
}
.btn.blue .arrow-left{
background-position:-40px -160px
}
.btn.blue .arrow-down{
background-position:-60px -160px
}
.btn.blue .arrow-right{
background-position:-80px -160px
}
.btn.blue .arrow-updown{
background-position:-100px -160px
}
.btn.blue .refined{
background-position:-120px -160px
}
.btn.blue .add-refined{
background-position:-140px -160px
}
.btn.blue .delete{
background-position:-160px -160px
}
.btn.blue .gear{
background-position:-180px -160px
}
.btn.blue .user{
background-position:-200px -160px
}
.btn.blue .back{
background-position:-220px -160px
}
.btn.blue .check-on{
background-position:-240px -160px
}
.btn.blue .check-off{
background-position:-260px -160px
}
.btn.blue .download{
background-position:-280px -160px
}
.btn.blue .open-window{
background-position:-300px -160px
}
.btn.blue .file{
background-position:-320px -160px
}
.btn.blue .calendar{
background-position:-340px -160px
}
.btn.blue .device-notice{
background-position:-360px -160px
}
.btn.blue .loading{
background-position:-380px -160px
}
.btn.blue .device{
background-position:0 -240px
}
.btn.blue .lock{
background-position:-20px -240px
}
.btn.blue .file-false{
background-position:-40px -240px
}
.btn.blue .upload{
background-position:-60px -240px
}
.btn.blue .users{
background-position:-80px -240px
}
.btn.blue .file-custom{
background-position:-100px -240px
}
.btn.blue .notice{
background-position:-120px -240px
}
.btn.blue .eye{
background-position:-140px -240px
}
.btn.blue .request{
background-position:-160px -240px
}
.btn.blue .arrow-up{
background-position:-180px -240px
}
.btn.blue:link,.btn.blue:visited{
color:#fff !important
}
.btn.blue:hover,.btn.blue:active{
background:#00c4f1;
background:-moz-linear-gradient(#00c4f1, #00bbf0);
background:-webkit-gradient(linear, left top, left bottom, from(#00c4f1), to(#00bbf0));
background:linear-gradient(#00c4f1, #00bbf0);
border:1px solid #00bef1;
color:#fff !important
}
.btn.orange{
border-radius:4px;
background:#ed650a;
border:1px solid #ee711d;
background:-moz-linear-gradient(#ed650a, #e45809);
background:-webkit-gradient(linear, left top, left bottom, from(#ed650a), to(#e45809));
background:linear-gradient(#ed650a, #e45809);
color:#fff
}
.btn.orange .cloud{
background-position:0 -160px
}
.btn.orange .bar{
background-position:-20px -160px
}
.btn.orange .arrow-left{
background-position:-40px -160px
}
.btn.orange .arrow-down{
background-position:-60px -160px
}
.btn.orange .arrow-right{
background-position:-80px -160px
}
.btn.orange .arrow-updown{
background-position:-100px -160px
}
.btn.orange .refined{
background-position:-120px -160px
}
.btn.orange .add-refined{
background-position:-140px -160px
}
.btn.orange .delete{
background-position:-160px -160px
}
.btn.orange .gear{
background-position:-180px -160px
}
.btn.orange .user{
background-position:-200px -160px
}
.btn.orange .back{
background-position:-220px -160px
}
.btn.orange .check-on{
background-position:-240px -160px
}
.btn.orange .check-off{
background-position:-260px -160px
}
.btn.orange .download{
background-position:-280px -160px
}
.btn.orange .open-window{
background-position:-300px -160px
}
.btn.orange .file{
background-position:-320px -160px
}
.btn.orange .calendar{
background-position:-340px -160px
}
.btn.orange .device-notice{
background-position:-360px -160px
}
.btn.orange .loading{
background-position:-380px -160px
}
.btn.orange .device{
background-position:0 -240px
}
.btn.orange .lock{
background-position:-20px -240px
}
.btn.orange .file-false{
background-position:-40px -240px
}
.btn.orange .upload{
background-position:-60px -240px
}
.btn.orange .users{
background-position:-80px -240px
}
.btn.orange .file-custom{
background-position:-100px -240px
}
.btn.orange .notice{
background-position:-120px -240px
}
.btn.orange .eye{
background-position:-140px -240px
}
.btn.orange .request{
background-position:-160px -240px
}
.btn.orange .arrow-up{
background-position:-180px -240px
}
.btn.orange:link,.btn.orange:visited{
color:#fff !important
}
.btn.orange:hover,.btn.orange:active{
background:#fcbc13;
background:-moz-linear-gradient(#fcbc13, #f8b213);
background:-webkit-gradient(linear, left top, left bottom, from(#fcbc13), to(#f8b213));
background:linear-gradient(#fcbc13, #f8b213);
border:1px solid #fcbc13;
color:#fff !important
}
.btn.disable{
border-radius:4px;
background:#b6b5b5;
border:1px solid #bcbbbb;
background:-moz-linear-gradient(#b6b5b5, #b6b5b5);
background:-webkit-gradient(linear, left top, left bottom, from(#b6b5b5), to(#b6b5b5));
background:linear-gradient(#b6b5b5, #b6b5b5);
color:#fff;
cursor:default
}
.btn.disable .cloud{
background-position:0 -160px
}
.btn.disable .bar{
background-position:-20px -160px
}
.btn.disable .arrow-left{
background-position:-40px -160px
}
.btn.disable .arrow-down{
background-position:-60px -160px
}
.btn.disable .arrow-right{
background-position:-80px -160px
}
.btn.disable .arrow-updown{
background-position:-100px -160px
}
.btn.disable .refined{
background-position:-120px -160px
}
.btn.disable .add-refined{
background-position:-140px -160px
}
.btn.disable .delete{
background-position:-160px -160px
}
.btn.disable .gear{
background-position:-180px -160px
}
.btn.disable .user{
background-position:-200px -160px
}
.btn.disable .back{
background-position:-220px -160px
}
.btn.disable .check-on{
background-position:-240px -160px
}
.btn.disable .check-off{
background-position:-260px -160px
}
.btn.disable .download{
background-position:-280px -160px
}
.btn.disable .open-window{
background-position:-300px -160px
}
.btn.disable .file{
background-position:-320px -160px
}
.btn.disable .calendar{
background-position:-340px -160px
}
.btn.disable .device-notice{
background-position:-360px -160px
}
.btn.disable .loading{
background-position:-380px -160px
}
.btn.disable .device{
background-position:0 -240px
}
.btn.disable .lock{
background-position:-20px -240px
}
.btn.disable .file-false{
background-position:-40px -240px
}
.btn.disable .upload{
background-position:-60px -240px
}
.btn.disable .users{
background-position:-80px -240px
}
.btn.disable .file-custom{
background-position:-100px -240px
}
.btn.disable .notice{
background-position:-120px -240px
}
.btn.disable .eye{
background-position:-140px -240px
}
.btn.disable .request{
background-position:-160px -240px
}
.btn.disable .arrow-up{
background-position:-180px -240px
}
.btn.disable:link,.btn.disable:visited{
color:#fff !important
}
.btn.disable:hover,.btn.disable:active{
background:#b6b5b5;
background:-moz-linear-gradient(#b6b5b5, #b6b5b5);
background:-webkit-gradient(linear, left top, left bottom, from(#b6b5b5), to(#b6b5b5));
background:linear-gradient(#b6b5b5, #b6b5b5);
border:1px solid #bcbbbb;
color:#fff !important
}
button[disabled='disabled'].btn{
border-radius:4px;
background:#b6b5b5;
border:1px solid #bcbbbb;
background:-moz-linear-gradient(#b6b5b5, #b6b5b5);
background:-webkit-gradient(linear, left top, left bottom, from(#b6b5b5), to(#b6b5b5));
background:linear-gradient(#b6b5b5, #b6b5b5);
color:#fff;
cursor:default
}
button[disabled='disabled'].btn .cloud{
background-position:0 -160px
}
button[disabled='disabled'].btn .bar{
background-position:-20px -160px
}
button[disabled='disabled'].btn .arrow-left{
background-position:-40px -160px
}
button[disabled='disabled'].btn .arrow-down{
background-position:-60px -160px
}
button[disabled='disabled'].btn .arrow-right{
background-position:-80px -160px
}
button[disabled='disabled'].btn .arrow-updown{
background-position:-100px -160px
}
button[disabled='disabled'].btn .refined{
background-position:-120px -160px
}
button[disabled='disabled'].btn .add-refined{
background-position:-140px -160px
}
button[disabled='disabled'].btn .delete{
background-position:-160px -160px
}
button[disabled='disabled'].btn .gear{
background-position:-180px -160px
}
button[disabled='disabled'].btn .user{
background-position:-200px -160px
}
button[disabled='disabled'].btn .back{
background-position:-220px -160px
}
button[disabled='disabled'].btn .check-on{
background-position:-240px -160px
}
button[disabled='disabled'].btn .check-off{
background-position:-260px -160px
}
button[disabled='disabled'].btn .download{
background-position:-280px -160px
}
button[disabled='disabled'].btn .open-window{
background-position:-300px -160px
}
button[disabled='disabled'].btn .file{
background-position:-320px -160px
}
button[disabled='disabled'].btn .calendar{
background-position:-340px -160px
}
button[disabled='disabled'].btn .device-notice{
background-position:-360px -160px
}
button[disabled='disabled'].btn .loading{
background-position:-380px -160px
}
button[disabled='disabled'].btn .device{
background-position:0 -240px
}
button[disabled='disabled'].btn .lock{
background-position:-20px -240px
}
button[disabled='disabled'].btn .file-false{
background-position:-40px -240px
}
button[disabled='disabled'].btn .upload{
background-position:-60px -240px
}
button[disabled='disabled'].btn .users{
background-position:-80px -240px
}
button[disabled='disabled'].btn .file-custom{
background-position:-100px -240px
}
button[disabled='disabled'].btn .notice{
background-position:-120px -240px
}
button[disabled='disabled'].btn .eye{
background-position:-140px -240px
}
button[disabled='disabled'].btn .request{
background-position:-160px -240px
}
button[disabled='disabled'].btn .arrow-up{
background-position:-180px -240px
}
button[disabled='disabled'].btn:link,button[disabled='disabled'].btn:visited{
color:#fff !important
}
button[disabled='disabled'].btn:hover,button[disabled='disabled'].btn:active{
background:#b6b5b5;
background:-moz-linear-gradient(#b6b5b5, #b6b5b5);
background:-webkit-gradient(linear, left top, left bottom, from(#b6b5b5), to(#b6b5b5));
background:linear-gradient(#b6b5b5, #b6b5b5);
border:1px solid #bcbbbb;
color:#fff !important
}
.inline-btn{
display:inline-block
}
.inline-btn .icon.left{
margin-right:5px;
vertical-align:middle
}
.inline-btn .icon.right{
margin-left:5px;
vertical-align:middle
}
.inline-btn .icon.right .balloon-arrow-bottom-s{
display:none;
min-width:95px;
text-align:left;
position:absolute;
bottom:25px;
left:-42px
}
.inline-btn .icon.right .balloon-arrow-bottom-s:after{
left:47px
}
.inline-btn .icon.right .balloon-arrow-bottom-s:before{
left:47px
}
.inline-btn .icon.right:hover .balloon-arrow-bottom-s{
display:block
}
.inline-btn .text{
vertical-align:middle
}
.inline-btn:hover .icon.close{
background-position:-320px -100px
}
.inline-btn:hover .icon.question{
background-position:-320px -80px
}
@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.icon{
background-image:url(../images/document/icon.png);
background-repeat:no-repeat;
overflow:hidden;
display:inline-block;
vertical-align:middle;
padding:0 !important
}
.icon.active-large{
width:70px;
height:40px;
background-position:0 0
}
.icon.request-large{
width:70px;
height:40px;
background-position:-70px 0
}
.icon.push-large{
width:70px;
height:40px;
background-position:-140px 0
}
.icon.storage-large{
width:70px;
height:40px;
background-position:-210px 0
}
.icon.header-user{
width:18px;
height:18px;
background-position:0 -40px
}
.icon.header-app{
width:18px;
height:18px;
background-position:-20px -40px
}
.icon.header-account{
width:18px;
height:18px;
background-position:-40px -40px
}
.icon.header-logout{
width:18px;
height:18px;
background-position:-60px -40px
}
.icon.header-disc{
width:18px;
height:18px;
background-position:-80px -40px
}
.icon.header-user-hover{
width:18px;
height:18px;
background-position:0 -60px
}
.icon.header-app-hover{
width:18px;
height:18px;
background-position:-20px -60px
}
.icon.header-account-hover{
width:18px;
height:18px;
background-position:-40px -60px
}
.icon.header-logout-hover{
width:18px;
height:18px;
background-position:-60px -60px
}
.icon.header-disc-hover{
width:18px;
height:18px;
background-position:-80px -60px
}
.icon.gnavi-dashboard{
width:30px;
height:20px;
background-position:0 -80px
}
.icon.gnavi-account{
width:30px;
height:20px;
background-position:-30px -80px
}
.icon.gnavi-datastore{
width:30px;
height:20px;
background-position:-60px -80px
}
.icon.gnavi-filestore{
width:30px;
height:20px;
background-position:-90px -80px
}
.icon.gnavi-customcode{
width:30px;
height:20px;
background-position:-120px -80px
}
.icon.gnavi-pushinfo{
width:30px;
height:20px;
background-position:-150px -80px
}
.icon.gnavi-appset{
width:30px;
height:20px;
background-position:-180px -80px
}
.icon.gnavi-dashboard-stay{
width:30px;
height:20px;
background-position:0 -100px
}
.icon.gnavi-account-stay{
width:30px;
height:20px;
background-position:-30px -100px
}
.icon.gnavi-datastore-stay{
width:30px;
height:20px;
background-position:-60px -100px
}
.icon.gnavi-filestore-stay{
width:30px;
height:20px;
background-position:-90px -100px
}
.icon.gnavi-customcode-stay{
width:30px;
height:20px;
background-position:-120px -100px
}
.icon.gnavi-pushinfo-stay{
width:30px;
height:20px;
background-position:-150px -100px
}
.icon.gnavi-appset-stay{
width:30px;
height:20px;
background-position:-180px -100px
}
.icon.cloud{
width:19px;
height:11px;
background-position:0 -120px
}
.icon.cloud.gray{
background-position:0 -120px
}
.icon.cloud.black{
background-position:0 -140px
}
.icon.cloud.white{
background-position:0 -160px
}
.icon.cloud.colored{
background-position:0 -180px
}
.icon.bar{
width:12px;
height:3px;
background-position:-20px -120px
}
.icon.bar.gray{
background-position:-20px -120px
}
.icon.bar.black{
background-position:-20px -140px
}
.icon.bar.white{
background-position:-20px -160px
}
.icon.bar.colored{
background-position:-20px -180px
}
.icon.arrow-left{
width:6px;
height:11px;
background-position:-40px -120px
}
.icon.arrow-left.gray{
background-position:-40px -120px
}
.icon.arrow-left.black{
background-position:-40px -140px
}
.icon.arrow-left.white{
background-position:-40px -160px
}
.icon.arrow-left.colored{
background-position:-40px -180px
}
.icon.arrow-down{
width:11px;
height:6px;
background-position:-60px -120px
}
.icon.arrow-down.gray{
background-position:-60px -120px
}
.icon.arrow-down.black{
background-position:-60px -140px
}
.icon.arrow-down.white{
background-position:-60px -160px
}
.icon.arrow-down.colored{
background-position:-60px -180px
}
.icon.arrow-right{
width:6px;
height:11px;
background-position:-80px -120px
}
.icon.arrow-right.gray{
background-position:-80px -120px
}
.icon.arrow-right.black{
background-position:-80px -140px
}
.icon.arrow-right.white{
background-position:-80px -160px
}
.icon.arrow-right.colored{
background-position:-80px -180px
}
.icon.arrow-updown{
width:11px;
height:16px;
background-position:-100px -120px
}
.icon.arrow-updown.gray{
background-position:-100px -120px
}
.icon.arrow-updown.black{
background-position:-100px -140px
}
.icon.arrow-updown.white{
background-position:-100px -160px
}
.icon.arrow-updown.colored{
background-position:-100px -180px
}
.icon.refined{
width:11px;
height:14px;
background-position:-120px -120px
}
.icon.refined.gray{
background-position:-120px -120px
}
.icon.refined.black{
background-position:-120px -140px
}
.icon.refined.white{
background-position:-120px -160px
}
.icon.refined.colored{
background-position:-120px -180px
}
.icon.add-refined{
width:20px;
height:14px;
background-position:-140px -120px
}
.icon.add-refined.gray{
background-position:-140px -120px
}
.icon.add-refined.black{
background-position:-140px -140px
}
.icon.add-refined.white{
background-position:-140px -160px
}
.icon.add-refined.colored{
background-position:-140px -180px
}
.icon.delete{
width:13px;
height:15px;
background-position:-160px -120px
}
.icon.delete.gray{
background-position:-160px -120px
}
.icon.delete.black{
background-position:-160px -140px
}
.icon.delete.white{
background-position:-160px -160px
}
.icon.delete.colored{
background-position:-160px -180px
}
.icon.gear{
width:13px;
height:14px;
background-position:-180px -120px
}
.icon.gear.gray{
background-position:-180px -120px
}
.icon.gear.black{
background-position:-180px -140px
}
.icon.gear.white{
background-position:-180px -160px
}
.icon.gear.colored{
background-position:-180px -180px
}
.icon.user{
width:14px;
height:14px;
background-position:-200px -120px
}
.icon.user.gray{
background-position:-200px -120px
}
.icon.user.black{
background-position:-200px -140px
}
.icon.user.white{
background-position:-200px -160px
}
.icon.user.colored{
background-position:-200px -180px
}
.icon.back{
width:20px;
height:14px;
background-position:-220px -120px
}
.icon.back.gray{
background-position:-220px -120px
}
.icon.back.black{
background-position:-220px -140px
}
.icon.back.white{
background-position:-220px -160px
}
.icon.back.colored{
background-position:-220px -180px
}
.icon.check-on{
width:16px;
height:15px;
background-position:-240px -120px
}
.icon.check-on.gray{
background-position:-240px -120px
}
.icon.check-on.black{
background-position:-240px -140px
}
.icon.check-on.white{
background-position:-240px -160px
}
.icon.check-on.colored{
background-position:-240px -180px
}
.icon.check-off{
width:16px;
height:15px;
background-position:-260px -120px
}
.icon.check-off.gray{
background-position:-260px -120px
}
.icon.check-off.black{
background-position:-260px -140px
}
.icon.check-off.white{
background-position:-260px -160px
}
.icon.check-off.colored{
background-position:-260px -180px
}
.icon.download{
width:17px;
height:15px;
background-position:-280px -120px
}
.icon.download.gray{
background-position:-280px -120px
}
.icon.download.black{
background-position:-280px -140px
}
.icon.download.white{
background-position:-280px -160px
}
.icon.download.colored{
background-position:-280px -180px
}
.icon.open-window{
width:20px;
height:17px;
background-position:-300px -120px
}
.icon.open-window.gray{
background-position:-300px -120px
}
.icon.open-window.black{
background-position:-300px -140px
}
.icon.open-window.white{
background-position:-300px -160px
}
.icon.open-window.colored{
background-position:-300px -180px
}
.icon.file{
width:13px;
height:17px;
background-position:-320px -120px
}
.icon.file.gray{
background-position:-320px -120px
}
.icon.file.black{
background-position:-320px -140px
}
.icon.file.white{
background-position:-320px -160px
}
.icon.file.colored{
background-position:-320px -180px
}
.icon.calendar{
width:15px;
height:14px;
background-position:-340px -120px
}
.icon.calendar.gray{
background-position:-340px -120px
}
.icon.calendar.black{
background-position:-340px -140px
}
.icon.calendar.white{
background-position:-340px -160px
}
.icon.calendar.colored{
background-position:-340px -180px
}
.icon.device-notice{
width:16px;
height:18px;
background-position:-360px -120px
}
.icon.device-notice.gray{
background-position:-360px -120px
}
.icon.device-notice.black{
background-position:-360px -140px
}
.icon.device-notice.white{
background-position:-360px -160px
}
.icon.device-notice.colored{
background-position:-360px -180px
}
.icon.loading{
width:20px;
height:20px;
background-position:-380px -120px;
-webkit-animation:loading 3s linear infinite;
animation:loading 3s linear infinite
}
.icon.loading.gray{
background-position:-380px -120px
}
.icon.loading.black{
background-position:-380px -140px
}
.icon.loading.white{
background-position:-380px -160px
}
.icon.loading.colored{
background-position:-380px -180px
}
.icon.device{
width:8px;
height:13px;
background-position:0 -200px
}
.icon.device.gray{
background-position:0 -200px
}
.icon.device.black{
background-position:0 -220px
}
.icon.device.white{
background-position:0 -240px
}
.icon.device.colored{
background-position:0 -260px
}
.icon.lock{
width:12px;
height:15px;
background-position:-20px -200px
}
.icon.lock.gray{
background-position:-20px -200px
}
.icon.lock.black{
background-position:-20px -220px
}
.icon.lock.white{
background-position:-20px -240px
}
.icon.lock.colored{
background-position:-20px -260px
}
.icon.file-false{
width:12px;
height:15px;
background-position:-40px -200px
}
.icon.file-false.gray{
background-position:-40px -200px
}
.icon.file-false.black{
background-position:-40px -220px
}
.icon.file-false.white{
background-position:-40px -240px
}
.icon.file-false.colored{
background-position:-40px -260px
}
.icon.upload{
width:12px;
height:13px;
background-position:-60px -200px
}
.icon.upload.gray{
background-position:-60px -200px
}
.icon.upload.black{
background-position:-60px -220px
}
.icon.upload.white{
background-position:-60px -240px
}
.icon.upload.colored{
background-position:-60px -260px
}
.icon.users{
width:20px;
height:14px;
background-position:-80px -200px
}
.icon.users.gray{
background-position:-80px -200px
}
.icon.users.black{
background-position:-80px -220px
}
.icon.users.white{
background-position:-80px -240px
}
.icon.users.colored{
background-position:-80px -260px
}
.icon.file-custom{
width:12px;
height:16px;
background-position:-100px -200px
}
.icon.file-custom.gray{
background-position:-100px -200px
}
.icon.file-custom.black{
background-position:-100px -220px
}
.icon.file-custom.white{
background-position:-100px -240px
}
.icon.file-custom.colored{
background-position:-100px -260px
}
.icon.notice{
width:17px;
height:13px;
background-position:-120px -200px
}
.icon.notice.gray{
background-position:-120px -200px
}
.icon.notice.black{
background-position:-120px -220px
}
.icon.notice.white{
background-position:-120px -240px
}
.icon.notice.colored{
background-position:-120px -260px
}
.icon.eye{
width:19px;
height:10px;
background-position:-140px -200px
}
.icon.eye.gray{
background-position:-140px -200px
}
.icon.eye.black{
background-position:-140px -220px
}
.icon.eye.white{
background-position:-140px -240px
}
.icon.eye.colored{
background-position:-140px -260px
}
.icon.request{
width:17px;
height:14px;
background-position:-160px -200px
}
.icon.request.gray{
background-position:-160px -200px
}
.icon.request.black{
background-position:-160px -220px
}
.icon.request.white{
background-position:-160px -240px
}
.icon.request.colored{
background-position:-160px -260px
}
.icon.arrow-up{
width:11px;
height:6px;
background-position:-180px -200px
}
.icon.arrow-up.gray{
background-position:-180px -200px
}
.icon.arrow-up.black{
background-position:-180px -220px
}
.icon.arrow-up.white{
background-position:-180px -240px
}
.icon.arrow-up.colored{
background-position:-180px -260px
}
.icon.attention{
width:13px;
height:11px;
background-position:-220px -100px
}
.icon.attention.size-l{
width:34px;
height:28px;
background-position:-220px -40px
}
.icon.attention.size-m{
width:23px;
height:19px;
background-position:-220px -80px
}
.icon.attention.size-s{
background-position:-220px -100px
}
.icon.success{
width:13px;
height:13px;
background-position:-260px -100px
}
.icon.success.size-l{
width:30px;
height:30px;
background-position:-260px -40px
}
.icon.success.size-m{
width:20px;
height:20px;
background-position:-260px -80px
}
.icon.success.size-s{
background-position:-260px -100px
}
.icon.close{
width:17px;
height:17px;
background-position:-300px -100px
}
.icon.close.gray{
background-position:-300px -100px
}
.icon.close.black{
background-position:-320px -100px
}
.icon.question{
width:13px;
height:13px;
background-position:-300px -80px;
position:relative;
overflow:visible
}
.icon.question.gray{
background-position:-300px -80px
}
.icon.question.black{
background-position:-320px -80px
}
.icon.no-data{
width:80px;
height:65px;
background-position:-300px 0;
margin-top:0
}
.icon.file-upload{
width:100px;
height:100px;
background-position:-380px 0
}
.icon.check-1{
width:20px;
height:20px;
background-position:-140px -60px
}
.icon.check-2{
width:20px;
height:20px;
background-position:-160px -60px
}
.icon.check-3{
width:20px;
height:20px;
background-position:-180px -60px
}
.text-icon{
border-radius:5px;
display:inline-block;
background:#666;
color:#fff;
padding:1px 5px
}
.text-icon.size-s{
font-size:9px
}
.text-icon.white{
background:#fff;
color:#3b3b3b;
padding:1px 5px 0 1px
}
.text-icon.pink{
background:#ff0054;
margin-left:5px;
vertical-align:middle
}
.text-icon.pink.size-s{
margin-top:-2px
}
.siteLogo a,.login a,.signup a,.niftyLogo a,.contentsBtm .toPageTop a,.ncLogo a{
white-space:nowrap;
overflow:hidden;
text-align:left;
display:block
}
#tagline{
min-width:1000px;
padding:5px 0 3px;
background:#fff
}
#tagline .inner{
zoom:1;
overflow:hidden\9
}
#tagline .inner::after{
content:'';
display:block;
clear:both
}
#tagline h1{
float:right;
font-size:.86em;
font-weight:normal;
text-align:right
}
#tagline .footpath{
float:left;
font-size:.86em
}
#tagline .footpath strong{
font-weight:normal
}
#contents{
-o-box-shadow:0 1px 2px 1px rgba(4,0,0,0.15);
-ms-box-shadow:0 1px 2px 1px rgba(4,0,0,0.15);
-moz-box-shadow:0 1px 2px 1px rgba(4,0,0,0.15);
-webkit-box-shadow:0 1px 2px 1px rgba(4,0,0,0.15);
box-shadow:0 1px 2px 1px rgba(4,0,0,0.15);
border-top:1px solid #eaeaea\9
}
.container,#contents,.unit{
min-width:1000px
}
.searchingList.unit {
    margin: 0 auto;
    width: 1000px;
}
.pullLeft{
float:left
}
.pullRight{
float:right
}
.pullLeft .nav{
float:left
}
.pullLeft .nav li{
height:60px;
display:table-cell;
*display:inline;
*zoom:1;
vertical-align:middle
}
.pullLeft .nav li a{
height:auto;
display:block;
color:#fff;
padding:21px 10px 18px;
text-decoration:none
}
.pullLeft .nav li a:hover{
padding:21px 9px 18px;
border-left:1px solid #254859;
border-right:1px solid #254859;
background:#001529;
background:#002a47;
background:-moz-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:-webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #002a47), color-stop(100%, #001529));
background:-webkit-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:-o-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:-ms-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:radial-gradient(ellipse at center, #002a47 0, #001529 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#001529', endColorstr='#002a47',GradientType=0 );
*background:#001529
}
#functionPage li.fnc a, #aboutPage li.ab a,#pricePage li.prc a,#faqPage li.qa a,.eBook li.eb a,.documentPage li.dc a,#casePage li.cs a,#seminarPage li.se a,#consultingPage li.co a{
padding:21px 9px 18px;
border-left:1px solid #254859;
border-right:1px solid #254859;
background:#001529;
background:#002a47;
background:-moz-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:-webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #002a47), color-stop(100%, #001529));
background:-webkit-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:-o-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:-ms-radial-gradient(center, ellipse cover, #002a47 0, #001529 100%);
background:radial-gradient(ellipse at center, #002a47 0, #001529 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#001529', endColorstr='#002a47',GradientType=0 );
*background:#001529
}
.pullRight ul{
display:inline-block;
*display:inline;
*zoom:1
}
.pullRight ul li{
padding:12px 0 0;
float:left
}
.pullRight ul .login{
margin:0 10px 0 0
}
.pullRight ul .login a{
display:block;
width:87px;
height:35px;
overflow:hidden
}
.pullRight ul .login a img{
margin:0
}
.pullRight ul .login a:hover img{
margin:-35px 0 0
}
.pullRight ul .request a{
display:block;
width:75px;
height:35px;
overflow:hidden
}
.pullRight ul .request a img{
margin:-70px 0 0
}
.pullRight ul .request a:hover img{
margin:-105px 0 0
}
.pullRight ul .signup a{
display:block;
width:75px;
height:35px;
overflow:hidden
}
.pullRight ul .signup a img{
margin:-70px -75px 0
}
.pullRight ul .signup a:hover img{
margin:-105px -75px 0
}
#header{
background:#002945;
min-width:1000px
}
#header .pullLeft .siteLogo{
float:left;
width:208px;
padding:13px 0 0
}
#header .pullLeft .siteLogo a{
display:block;
height:33px;
overflow:hidden
}
#header .pullLeft .nav li{
height:50px
}
#header .pullLeft .nav li a{
font-size:93% !important
}
#header .pullLeft .nav li .use{
color:#fff;
display:block;
height:auto;
padding:21px 10px 18px;
text-decoration:none
}
#header .pullRight{
position:relative;
text-align:right
}
#header .pullRight .niftyLogo{
position:absolute;
right:0;
top:0;
vertical-align:top;
padding:15px 0 0
}
#header .pullRight .niftyLogo a{
display:block;
width:88px;
height:31px;
overflow:hidden
}
#header .pullRight .niftyLogo a img{
margin:-45px 0 0
}
#header.simple{
padding-bottom:15px
}
.contentsBtm{
background:#f9f9f9;
text-align:left
}
.contentsBtm .monitor{
float:left;
color:#000
}
.contentsBtm .toPageTop{
float:right;
width:112px;
height:27px
}
.contentsBtm .toPageTop a{
display:block;
background:url(../images/btn_pagetop.png) no-repeat;
width:112px;
height:27px;
overflow:hidden;
text-indent:-9999em
}
.contentsBtm .toPageTop a:hover{
background-position:0 -27px
}
#indexPage .contentsBtm,.column2 .contentsBtm, #searchPage .contentsBtm{
background:#fff
}
#footer{
min-width:1000px;
background:#000
}
#footer .inner a{
color:#fff
}
#footer .footerContents{
padding:0 0 50px
}
#footer .footerContents a:hover{
color:#fff;
text-decoration:underline
}
#footer .footerContents p{
color:#fff
}
#footer .footerContents .footerNav{
padding:10px 0 0
}
#footer .footerContents .footerNav .pullLeft .nav li{
*padding-top:20px
}
#footer .footerContents .footerNav .pullLeft .nav li a{
padding:0;
display:inline;
margin-right:20px;
*margin-right:15px
}
#footer .footerContents .footerNav .pullLeft .nav li a:hover{
padding:0;
border:0;
background:none;
filter:none
}
#footer .footerContents .footerLinks .pullLeft .ncLogo{
margin:0 0 34px;
width:210px
}
#footer .footerContents .footerLinks .pullLeft .ncLogo a{
display:block;
width:203px;
height: 25px;
overflow:hidden
}
#footer .footerContents .footerLinks .pullLeft .ncLogo a img{
margin:-90px 0 0
}
#footer .footerContents .footerLinks .pullLeft .toTop{
text-align:left
}
#footer .footerContents .footerLinks .pullRight{
text-align:right
}
#footer .footerContents .footerLinks .pullRight ul{
margin:0 0 10px
}
#footer .footerContents .footerLinks .pullRight ul li{
margin:0 0 0 10px
}
#footer .footerContents .footerLinks .pullRight .footerBtnArea li{
padding:0
}
#footer .footerContents .footerLinks .pullRight .footerBtnArea li.signup{
margin:0
}
#footer .footerContents .footerLinks .pullRight .copyright{
font-size:.78em
}
#footer.simple{
padding-top:20px
}
#aboutPage #mainContents{
background:#fff url(../images/ab_mb_bg.png) no-repeat 50% 100%
}
#aboutPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#aboutPage .unit * h3{
font-size:2.8em;
color:#006cb4
}
#aboutPage .unit * .module{
text-align:center
}
#aboutPage h2{
font-size:55px;
line-height:1.2;
color:#171717
}
#aboutPage h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#aboutPage .mainTitle{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%
}
#aboutPage .mainTitle .module{
background:url(../images/ab_main_bg.gif) no-repeat 100%;
width:1000px;
min-height:530px;
padding:50px 0 0;
margin:0 auto
}
#aboutPage .mainTitle .module em{
display:block;
margin:85px 0 25px 15px;
font-size:2em;
font-weight:normal
}
#aboutPage .mainTitle .module p{
width:340px;
margin:0 0 0 15px;
font-size:1.2em;
line-height:1.7
}
#aboutPage .mainTitle .module p .hs-cta-wrapper{
display:block;
overflow:hidden;
height:62px
}
#aboutPage .mainTitle .module p .hs-cta-wrapper a:hover img{
margin:-61px 0 0
}
#aboutPage .signUpUnit{
background:#fff;
padding:30px 0 30px 0
}
#aboutPage .signUpUnit .module p{
text-align:center;
color:#000;
font-size:2.5em;
margin:10px
}
#aboutPage .signUpUnit .module .signUpInAbout{
overflow:hidden;
height:49px
}
#aboutPage .signUpUnit .module .signUpInAbout a:hover img{
margin:-48px 0 0
}
#aboutPage .benefitsUnit{
background:#003b62;
padding:50px 0 60px;
color:#fff
}
#aboutPage .benefitsUnit h2{
width:1000px;
margin:0 auto 50px;
color:#fff
}
#aboutPage .benefitsUnit h2 span{
color:#fff
}
#aboutPage .benefitsUnit .txt{
background:url(../images/ab_img_benefits_1.gif) no-repeat;
width:1000px;
min-height:204px;
margin:0 auto
}
#aboutPage .benefitsUnit .txt p{
padding:0 0 0 650px;
font-size:1.2em;
line-height:1.7
}
#aboutPage .benefitsUnit .simulation{
background:url(../images/ab_img_benefits_2.gif) no-repeat 50% 0;
height:552px;
text-indent:-9999em;
overflow:hidden
}
#aboutPage .eBookUnit{
background:#003b62 url(../images/ebook.png) no-repeat 50%;
padding:50px 0 60px;
color:#fff
}
#aboutPage .eBookUnit .module{
width:1000px;
min-height:320px;
padding:0;
margin:0 auto
}
#aboutPage .eBookUnit h2{
width:1000px;
margin:0 auto 50px;
color:#fff
}
#aboutPage .eBookUnit h2 span{
color:#fff
}
#aboutPage .eBookUnit .txt{
width:1000px
}
#aboutPage .eBookUnit .txt p{
padding:0
}
#aboutPage .eBookUnit p{
font-size:1.2em;
line-height:1.7
}
#aboutPage .eBookUnit p a{
display:block;
overflow:hidden;
height:62px;
margin-top:20px
}
#aboutPage .eBookUnit p a img{
margin:0 0 0 65px
}
#aboutPage .eBookUnit p a:hover img{
margin:-61px 0 0 65px
}
#aboutPage .featureUnit{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%
}
#aboutPage .featureUnit .module{
background:url(../images/ab_feature_bg.png) no-repeat 0 100%;
width:1000px;
min-height:640px;
margin:0 auto
}
#aboutPage .featureUnit .module h2{
padding:95px 0 0
}
#aboutPage .featureUnit .module h2 em{
display:block;
font-size:24px
}
#aboutPage .featureUnit .module h3{
padding:135px 0 0 570px
}
#aboutPage .featureUnit .module p{
padding:20px 0 0 570px;
font-size:1.2em;
line-height:1.7
}
#aboutPage .securityUnit{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%
}
#aboutPage .securityUnit .module{
background:url(../images/ab_security_bg.png) no-repeat 50% 0;
min-height:580px;
text-align:left
}
#aboutPage .securityUnit .module h3{
width:1000px;
padding:115px 0 25px;
margin:0 auto
}
#aboutPage .securityUnit .module dl{
width:1000px;
margin:0 auto
}
#aboutPage .securityUnit .module dl dt{
display:block;
width:450px;
margin:0 0 5px;
font-size:2em
}
#aboutPage .securityUnit .module dl dd{
width:450px;
padding:0 0 40px;
font-size:1.2em;
line-height:1.7
}
#aboutPage .mbUnit{
padding:80px 0 170px
}
#aboutPage .mbUnit .module{
background:url(../images/ab_img_mb.png) no-repeat 40px 0;
width:1000px;
min-height:309px;
margin:0 auto
}
#aboutPage .mbUnit .module h3{
padding:50px 0 0 563px
}
#aboutPage .mbUnit .module p{
padding:20px 0 0 563px;
font-size:1.2em;
line-height:1.7
}
#aboutPage .contentsBtm{
background:none
}
#pricePage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#pricePage .unit h2{
font-size:55px;
line-height:1.2;
color:#171717
}
#pricePage .unit h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#pricePage .unit h3{
font-size:2.8em;
color:#494e51
}
#pricePage .unit .note{
width:1000px;
margin:0 auto 10px;
font-size:.86em;
text-align:right;
color:#f00
}
#pricePage .unit .module{
width:1000px;
margin:0 auto
}
#pricePage .priceList{
padding:50px 0 0
}
#pricePage .priceList h2{
width:1000px;
margin:0 auto 30px
}
#pricePage .priceList .module{
position:relative;
padding:0 0 60px
}
#pricePage .priceList table{
table-layout:fixed
}
#pricePage .priceList table.generalVer{
margin-bottom:30px
}
#pricePage .priceList table.limitVer{
margin-bottom:15px
}
#pricePage .priceList table{
width:100%;
color:#494848;
border-radius:5px;
-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3)
}
#pricePage .priceList th.first{
width:230px
}
#pricePage .priceList th{
background:#e8e8e8;
padding:15px 5px;
text-align:center;
border-top:1px solid #fff;
border-bottom:1px solid #d8d8d8;
vertical-align:middle;
font-size:1.05em
}
#pricePage .priceList th .astTxt{
font-size:.48em;
vertical-align:top;
text-shadow:none
}
#pricePage .priceList tr.title th{
padding:10px 5px
}
#pricePage .priceList tr.title th em{
font-size:2.3em;
color:#fff;
text-shadow:rgba(0,0,0,0.5) 0 -1px 1px
}
#pricePage .priceList tr.title th .price{
background:#fff;
width:90%;
padding:8px 0;
margin:5px auto 0;
border-radius:5px;
text-align:center;
-o-box-shadow:0 0 2px 0 #b2b2b2 inset;
-ms-box-shadow:0 0 2px 0 #b2b2b2 inset;
-moz-box-shadow:0 0 2px 0 #b2b2b2 inset;
-webkit-box-shadow:0 0 2px 0 #b2b2b2 inset;
box-shadow:0 0 2px 0 #b2b2b2 inset;
font-size:1.2em;
font-weight:normal
}
#pricePage .priceList tr.title th .price span{
font-size:.86em
}
#pricePage .priceList tr.title th.plan{
background:#8d8d8d;
border-radius:5px 0 0 0
}
#pricePage .priceList tr.title th.basic{
background:#0789b3
}
#pricePage .priceList tr.title th.pro{
background:#003f76
}
#pricePage .priceList tr.title th.pro .price{
color:#005289;
font-weight:bold
}
#pricePage .priceList tr.title th.expert{
background:#12609e
}
#pricePage .priceList tr.title th.expert .price{
color:#006cb4;
font-weight:bold
}
#pricePage .priceList tr.title th.expert .premium{
display:block;
background:url(../images/prc_icon_premium.png) no-repeat;
width:78px;
height:77px;
position:absolute;
top:-6px;
right:-6px;
z-index:2
}
#pricePage .priceList tr.title th.custom{
background:#006f98;
border-radius:0 5px 0 0
}
#pricePage .priceList tr.title th.custom em{
display:inline-block;
font-size:1.8em;
padding-top:2px;
padding-bottom:10px
}
#pricePage .priceList tr.title th.custom .price{
margin-top:10px
}
#pricePage .priceList tr.title th.custom .inqBtn{
display:block;
font-weight:bold;
padding:10px 15px 10px 0;
text-align:left;
background-image:url(../images/custom_icon.png);
background-repeat:no-repeat;
background-position:90% 50%;
background-color:#fff;
color:#006781 !important;
font-size:1em;
box-shadow:0 2px 0 #b2b2b2;
border-radius:5px;
text-align:center
}
#pricePage .priceList tr.title th.custom .inqBtn:hover{
text-decoration:none;
background-color:#aaf1fe
}
#pricePage .priceList tr.spec td{
font-size:1.4em
}
#pricePage .priceList tr.spec td.colBtn{
background-image:url(../images/table_bg.png);
background-position:0 100%;
background-repeat:repeat-x;
border-bottom:none
}
#pricePage .priceList tr.line th,#pricePage .priceList tr.line td{
background-image:url(../images/table_bg.png);
background-position:0 100%;
background-repeat:repeat-x;
border-bottom:none
}
#pricePage .priceList tr.last th{
border-radius:0 0 0 5px;
border-bottom:none
}
#pricePage .priceList tr.last td.last{
border-radius:0 0 5px 0
}
#pricePage .priceList tr.last td{
border-bottom:none
}
#pricePage .priceList td{
background:#f4f4f4;
padding:15px 5px;
text-align:center;
border-top:1px solid #fff;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
vertical-align:middle
}
#pricePage .priceList td:nth-of-type(1){
background:#fffded
}
#pricePage .priceList td:nth-of-type(2){
background:#e9eff4
}
#pricePage .priceList td:nth-of-type(3){
background:#f0f5f9
}
#pricePage .priceList td:nth-of-type(4){
background:#f4f7f9
}
#pricePage .priceList .noticeList li{
text-indent:-1em;
padding-left:1em;
color:#606060
}
#pricePage .priceList .limitTtl{
font-weight:bold;
color:#171717;
font-size:1.8em;
margin-bottom:10px
}
#pricePage .apiArea{
padding-bottom:0 !important
}
#pricePage .apiArea .apiTtl{
color:#171717;
font-size:1.7em;
font-weight:bold;
margin-bottom:25px
}
#pricePage .apiArea .colm3Box{
margin-bottom:30px
}
#pricePage .apiArea .colm3Box .apiBox{
float:left;
width:320px;
-o-box-shadow:0 1px 1px 0 #ccc;
-ms-box-shadow:0 1px 1px 0 #ccc;
-moz-box-shadow:0 1px 1px 0 #ccc;
-webkit-box-shadow:0 1px 1px 0 #ccc;
box-shadow:0 1px 1px 0 #ccc;
background-color:#f4f7f9;
margin-right:18px;
border-radius:5px;
min-height:415px
}
#pricePage .apiArea .colm3Box .apiBox.last{
margin-right:0
}
#pricePage .apiArea .colm3Box .apiBox .boxInner{
padding:25px 25px 15px
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxBtn{
-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
background-color:#fff;
border-radius:5px;
font-weight:bold;
font-size:1.3em;
margin-bottom:25px
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxBtn a{
padding:15px 20px 10px;
display:block;
text-decoration:none;
color:#01b3bb;
border-radius:5px
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxBtn a .ttl{
width:200px;
display:block;
float:left
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxBtn a .apiIcon{
background-image:url(../images/api_sprite_icon.png);
background-repeat:no-repeat;
background-position:0 0;
display:inline-block;
width:28px;
height:25px;
vertical-align:middle;
float:right
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxBtn a:hover{
background-color:#01b3bb;
color:#fff
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxBtn a:hover .apiIcon{
background-position:-148px 0;
width:28px;
height:25px
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxTtl{
font-weight:bold;
font-size:1.2em;
margin-bottom:15px
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxList{
margin-bottom:15px;
font-size:.9em
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxList .ast{
margin-left:3px
}
#pricePage .apiArea .colm3Box .apiBox .boxInner .boxList li{
text-indent:-1em;
padding-left:1em
}
#pricePage .apiArea .apiFreeBox{
background-color:#fffded;
border:#e0e0e0 solid 1px;
border-radius:5px
}
#pricePage .apiArea .apiFreeBox .boxInner{
padding:25px
}
#pricePage .apiArea .apiFreeBox .boxInner .boxTtl{
text-align:center;
font-size:1.9em;
margin-bottom:15px
}
#pricePage .apiArea .apiFreeBox .boxInner .boxBtn{
text-align:center;
width:393px;
height:48px;
background-color:#fff;
border-radius:5px;
margin:0 auto
}
#pricePage .apiArea .apiFreeBox .boxInner .boxBtn a:hover{
opacity:.6
}
#pricePage .serviseUnit{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%;
padding:73px 0 60px
}
#pricePage .serviseUnit h3{
margin:0 0 35px
}
#pricePage .serviseUnit ul{
zoom:1;
overflow:hidden\9
}
#pricePage .serviseUnit ul::after{
content:'';
display:block;
clear:both
}
#pricePage .serviseUnit li{
float:left;
width:320px;
min-height:245px;
margin:0 0 23px;
border-radius:5px;
-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3)
}
#pricePage .serviseUnit li a{
display:block;
padding:25px 25px 25px 30px;
position:relative
}
#pricePage .serviseUnit li a:link,#pricePage .serviseUnit li a:visited,#pricePage .serviseUnit li a:hover{
color:#fff;
text-decoration:none
}
#pricePage .serviseUnit li a .icon{
display:block;
background:url(../images/prc_icon.png) no-repeat;
position:absolute
}
#pricePage .serviseUnit li a em{
display:block;
margin:5px 0 10px 111px;
font-size:1.7em;
letter-spacing:-0.04em
}
#pricePage .serviseUnit li a .link{
display:block;
padding:9px 7px 6px;
margin:0 0 0 111px;
border:1px solid #fff;
border-radius:2px;
font-size:1.3em
}
#pricePage .serviseUnit li a .link .arrow{
display:inline-block;
*display:inline;
background:url(../images/icon.png) no-repeat 0 0;
margin:0 5px 0 0;
width:13px;
height:20px;
zoom:1;
vertical-align:top
}
#pricePage .serviseUnit li a:hover .link{
background:#fff
}
#pricePage .serviseUnit li a:hover .arrow{
background-position:-15px 0
}
#pricePage .serviseUnit li a .txt{
display:block;
padding:30px 0 0;
font-size:1.2em;
line-height:1.6
}
#pricePage .serviseUnit li.push{
background:#871f1f
}
#pricePage .serviseUnit li.push .icon{
background-position:0 0;
width:90px;
height:95px;
left:38px
}
#pricePage .serviseUnit li.push a:hover .link{
color:#871f1f
}
#pricePage .serviseUnit li.push a:hover .arrow{
background-color:#871f1f
}
#pricePage .serviseUnit li.push em,#pricePage .serviseUnit li.push .link{
margin-left:120px
}
#pricePage .serviseUnit li.data{
background:#184a7c;
clear:left;
float:left
}
#pricePage .serviseUnit li.data .icon{
background-position:-110px 0;
width:74px;
height:88px;
left:40px
}
#pricePage .serviseUnit li.data a:hover .link{
color:#184a7c
}
#pricePage .serviseUnit li.data a:hover .arrow{
background-color:#184a7c
}
#pricePage .serviseUnit li.file{
background:#537016;
margin:0 18px 23px
}
#pricePage .serviseUnit li.file .icon{
background-position:-220px 0;
width:70px;
height:90px;
left:35px
}
#pricePage .serviseUnit li.file a:hover .link{
color:#537016
}
#pricePage .serviseUnit li.file a:hover .arrow{
background-color:#537016
}
#pricePage .serviseUnit li.sns{
background:#8c6a1e
}
#pricePage .serviseUnit li.sns .icon{
background-position:0 -109px;
width:110px;
height:77px;
top:33px
}
#pricePage .serviseUnit li.sns a:hover .link{
color:#8c6a1e
}
#pricePage .serviseUnit li.sns a:hover .arrow{
background-color:#8c6a1e
}
#pricePage .serviseUnit li.sns em{
margin:10px 0 10px 120px
}
#pricePage .serviseUnit li.sns .link{
margin-left:120px
}
#pricePage .serviseUnit li.user{
background:#3a2f72;
margin:0 18px 23px
}
#pricePage .serviseUnit li.user .icon{
background-position:-111px -109px;
width:94px;
height:60px;
top:37px
}
#pricePage .serviseUnit li.user a:hover .link{
color:#3a2f72
}
#pricePage .serviseUnit li.user a:hover .arrow{
background-color:#3a2f72
}
#pricePage .serviseUnit li.user em{
margin-top:10px
}
#pricePage .serviseUnit li.sdk{
background:#167f64
}
#pricePage .serviseUnit li.sdk .icon{
background-position:-220px -109px;
width:73px;
height:108px;
left:38px
}
#pricePage .serviseUnit li.sdk a:hover .link{
color:#167f64
}
#pricePage .serviseUnit li.sdk a:hover .arrow{
background-color:#167f64
}
#pricePage .serviseUnit li.sdk em{
margin-top:10px
}
#pricePage .serviseUnit .sdk-panel{
background:#e5f0f7;
border-radius:5px;
padding:25px 25px 25px 30px;
margin-right:4px;
-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
zoom:1;
overflow:hidden\9
}
#pricePage .serviseUnit .sdk-panel::after{
content:'';
display:block;
clear:both
}
#pricePage .serviseUnit .sdk-panel>.icon{
width:81px;
height:81px;
background:url('/images/prc_icon_sdk.png') no-repeat 0 0;
float:left;
margin-right:25px
}
#pricePage .serviseUnit .sdk-panel>dl{
overflow:hidden
}
#pricePage .serviseUnit .sdk-panel>dl>dt{
font-size:2.12em;
color:#184a7c;
font-weight:bold
}
#pricePage .serviseUnit .sdk-panel>dl>dd{
color:#000;
font-size:1.35em
}
#pricePage .noticeUnit{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%
}
#pricePage .noticeUnit h3{
margin:0 0 20px
}
#pricePage .noticeUnit .noticeModule{
background:#f4f4f4;
padding:30px 30px 25px;
border-radius:5px;
border:1px solid #e8e8e8;
color:#7e8285;
font-size:1.2em
}
#pricePage .noticeUnit .noticeModule p{
padding:0 0 5px;
margin:0 0 0 1em;
text-indent:-1em
}
#pricePage .noticeUnit.unit{
padding:60px 0 70px;
font-size:1.2em
}
#pricePage .noticeUnit.unit dt{
padding:0 0 8px;
font-size:1.6em;
color:#494e51
}
#pricePage .noticeUnit.unit dd{
padding:0 0 25px;
line-height:1.6
}
#pricePage .noticeUnit.unit p{
padding:0 0 10px;
margin:0;
text-indent:0
}

#pricePage table th.popular{
  position: relative;
}

#pricePage table th.popular span.recommend{
  position: absolute;
  text-align:center;
  padding:20px 0;
  top: -60px;
  left:calc(34% - 30px);
  background: #ffe033;
  width: 140px;
  font-size: 15px;
  border-radius: 15px;
  line-height: 1;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

.recommend:before {
  content: "";
  /* borderで三角形を作る */
  border: 9px solid transparent;
  border-top: 7px solid #ffe033;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

#pricePage table th.popular span.crown{
  position: absolute;
  top: -25px;
  /* left:calc(45% - 10px); */
  display: flex;
  justify-content: center;
}



#faqPage .noticeUnit .noticeModule{
  background:#f4f4f4;
  padding:30px 30px 25px;
  border-radius:5px;
  border:1px solid #e8e8e8;
  color:#7e8285;
  font-size:1.2em
}
#faqPage .noticeUnit {
  margin-bottom: 10px;
}
.caseStyle{
color:#131313;
width:950px;
background-color:#fff;
text-align:left
}
.caseStyle{
color:#131313;
width:950px;
background-color:#fff;
text-align:left
}
.caseStyle .caseTtl{
background-color:#01b3bb;
color:#fff;
font-size:1.4em;
font-weight:bold;
width:170px;
text-align:center;
padding:15px 0;
margin:25px 0 25px -45px
}
.caseStyle .caseBox{
margin-bottom:30px;
padding:0 45px
}
.caseStyle .caseBox .boxttl{
font-weight:bold;
font-size:1.7em;
margin-bottom:20px
}
.caseStyle .caseBox .colum2{
margin-bottom:10px
}
.caseStyle .caseBox .colum2 ul{
margin-bottom:20px
}
.caseStyle .caseBox .colum2 ul.magB3{
margin-bottom:3px
}
.caseStyle .caseBox .colum2 ul li{
line-height:1.5;
font-size:1.05em
}
.caseStyle .caseBox .colum2 ul li.bold{
font-weight:bold
}
.caseStyle .caseBox .colum2 .txtBlock{
margin-bottom:20px;
font-size:1.05em
}
.caseStyle .caseBox .colum2 .arrowIcon{
background-image:url(../images/price_fancy_icon.gif);
background-repeat:no-repeat;
padding-left:25px;
background-position:10px 0
}
.caseStyle .caseBox .colum2 .floLeft{
float:left;
width:410px
}
.caseStyle .caseBox .colum2 .floRight{
float:right;
width:410px
}
.caseStyle .caseBox .fancyPh{
margin:0 -20px 40px
}
.fancybox-inner{
background-color:#fff
}a.fancybox-close{
background-image:url(../images/api_sprite.png);
width:47px;
height:47px;
background-position:-51px 0;
top:0;
right:0
}a.fancybox-close:hover{
background-position:0 0
}
.caseBox .boxClose{
padding-bottom:30px\9;
text-align:center
}
.caseBox .boxClose input{
width:210px;
height:45px;
background-image:url(../images/api_sprite.png);
background-position:0 -60px;
text-indent:-9999px;
border:none
}
.caseBox .boxClose input:hover{
background-position:-214px -60px
}
#signupPage #mainContents{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%;
padding:50px 0 0
}
#signupPage h2{
width:1000px;
margin:0 auto 30px;
text-align:left;
font-size:55px;
line-height:1.2;
color:#171717;
font-family:"Meiryo",Verdana,Helvetica,sans-serif
}
#signupPage h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#signupPage .unit{
background:#f3f3f3;
width:1000px;
margin:0 auto;
border-radius:5px;
-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3)
}
#signupPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#signupPage .unit h3{
background:#0c4c7a;
border-radius:5px 5px 0 0;
padding:8px 12px 5px;
color:#fff;
font-size:1.25em
}
#signupPage .unit .module{
padding:30px 45px;
font-size:1.05em;
line-height:1.6;
zoom:1;
overflow:hidden\9
}
#signupPage .unit .module::after{
content:'';
display:block;
clear:both
}
#signupPage .unit .module .btn{
display:block;
padding:13px 10px 10px;
text-align:center
}
#signupPage .loginArea .btnArea{
width:400px;
margin:15px auto 0
}
#signupPage .signupArea .module{
zoom:1;
overflow:hidden\9;
padding:0
}
#signupPage .signupArea .module::after{
content:'';
display:block;
clear:both
}
#signupPage .signupArea .module dt{
display:block;
background:#ebebeb;
padding:40px 0 35px;
font-size:1.45em;
font-weight:bold;
text-align:center
}
#signupPage .signupArea .module dt em{
color:#ca0b0b
}
#signupPage .signupArea .module dd{
padding:45px 50px
}
#signupPage .signupArea .module dd .module{
padding:0 0 30px
}
#signupPage .signupArea .module dd .arrow{
display:block;
background:url(../images/icon.png) no-repeat -30px 0;
width:22px;
height:14px;
margin:0 auto 30px
}
#signupPage .signupArea .module .left{
float:left;
width:497px
}
#signupPage .signupArea .module .left .btnArea{
padding:15px 0 0
}
#signupPage .signupArea .module .left .note{
background:#ebebeb;
padding:10px 15px;
margin:15px 0 0;
border-radius:5px
}
#signupPage .signupArea .module .left .note em{
display:block;
margin:0 0 18px;
color:#ca0b0b
}
#signupPage .signupArea .module .right{
float:right;
width:497px
}
#signupPage .signupArea .module .right dd{
padding-bottom:15px
}
#signupPage .signupArea .module .right p.txt{
padding:0 0 45px
}
#signupPage .signupArea .module .right .btnArea{
margin:30px 0 0
}
#signupPage .signupArea .module .right .note{
background:#ebebeb;
padding:10px 15px;
margin:15px 0 0;
border-radius:5px
}
#signupPage .signupArea .module .right .note em{
display:block;
margin:0 0 18px;
color:#ca0b0b
}
#signupPage .signupArea .module .right .note dt{
display:block;
background:none;
padding:0;
margin:0;
text-align:left;
font-weight:normal;
font-size:1em
}
#signupPage .signupArea .module .right .note dd{
text-indent:-1em;
padding:0;
margin:0 0 0 1em
}
#signupPage .signupArea .module .right .note p{
padding:0 0 30px
}
#signupPage .signupArea .module .right .note p:last-child{
padding:0
}
#signupPage .signupArea .module .right .note p.notice{
text-indent:-0.9em;
margin:0 0 0 .9em
}
#signupPage .signupArea .module .right .note .btnArea{
width:240px;
margin:0 auto 30px
}
#signupPage .signupArea .module .right .note .btnArea a{
color:#7a7a7a
}
#newsPage #mainContents{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%;
padding:50px 0 0
}
#newsPage #mainContents h2{
width:1000px;
margin:0 auto 25px;
font-size:55px;
line-height:1.2;
color:#171717;
text-align:left
}
#newsPage #mainContents h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#newsPage .pgh-c{
text-align:center !important
}
#newsPage .cat{
text-align:right;
font-size:90%
}
#newsPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#newsPage .unit .module{
width:1000px;
margin:0 auto 30px;
border-radius:5px;
-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3)
}
#newsPage .unit .module .goList{
padding:15px;
text-align:right !important
}
#newsPage .unit .module .paging{
background:#f1f1f1;
padding:30px 30px 20px 35px;
zoom:1;
overflow:hidden\9
}
#newsPage .unit .module .paging::after{
content:'';
display:block;
clear:both
}
#newsPage .unit .module .paging .viewNo{
float:left
}
#newsPage .unit .module .paging .pageNo{
float:right;
padding:8px 0 0;
text-align:right
}
#newsPage .unit .module #pagingTop{
border-radius:5px 5px 0 0;
border-bottom:1px solid #ccc
}
#newsPage .unit .module #pagingTop .viewNo{
font-size:1.8em
}
#newsPage .unit .module #pagingBtm{
padding:20px 30px 10px 35px;
border-radius:0 0 5px 5px
}
#newsPage .unit .module #pagingBtm .viewNo{
font-size:1.25em
}
#newsPage .unit .module #pagingBtm .pageNo{
padding:2px 0 0
}
#newsPage .unit .module li{
background:#fcfcfc;
border-top:1px solid #fff;
border-bottom:1px solid #d8d8d8;
font-size:1.05em;
*zoom:1;
*margin-bottom:-0.6em
}
#newsPage .unit .module li:nth-child(even){
background:#f7f6f6
}
#newsPage .unit .module li a{
display:block;
padding:15px 0 10px 35px;
zoom:1;
overflow:hidden\9
}
#newsPage .unit .module li a::after{
content:'';
display:block;
clear:both
}
#newsPage .unit .module li a:hover{
background:#e8f4f8
}
#newsPage .unit .module li a span{
display:block;
background:url(../images/list_mark.png) no-repeat 0 50%;
float:left;
width:9em;
padding:0 0 0 34px;
color:#494848
}
#newsPage .unit .module li a em{
display:block;
padding:0 0 0 11em;
font-weight:normal
}
#newsPage .unit .module.detail h3{
background:#f1f1f1;
padding:20px 35px;
border-bottom:1px solid #ccc;
border-radius:5px 5px 0 0;
font-weight:normal
}
#newsPage .unit .module.detail h3 span{
display:block;
background:url(../images/list_mark.png) no-repeat 0 50%;
padding:0 0 5px 34px;
font-size:1.1em
}
#newsPage .unit .module.detail h3 em{
display:block;
font-size:1.85em;
font-weight:normal
}
#newsPage .unit .module.detail .inner{
width:auto;
padding:20px;
font-size:1.1em;
line-height:1.6
}
#newsPage .unit .module.detail .inner .inner-in{
margin:0 15px 25px
}
#newsPage .unit .module.detail .inner hr{
display:block;
border:0;
border-bottom:1px dashed #ccc;
background:#fff
}
#newsPage .unit .module.detail .inner p{
padding:0 0 15px;
text-align:right;
font-size:80%
}
#newsPage .unit .module.detail .inner .ttl{
background:#f1f1f1;
padding:12px 15px 8px;
margin:0 0 25px;
border-radius:5px;
font-size:1.3em
}
#seminarPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#seminarPage .unit h2{
font-size:55px;
line-height:1.2;
color:#171717
}
#seminarPage .unit h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#seminarPage .unit h3{
font-size:2.8em;
color:#494e51
}
.label.label-starter {
    background: #00b0f0 none repeat scroll 0 0;
}
.label.label-syokyu {
    background: #00cc66 none repeat scroll 0 0;
}
.label.label-tyukyu {
    background: #ff6699 none repeat scroll 0 0;
}
.label {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: small;
    font-weight: bold;
    line-height: 1.1;
    padding: 4px 10px 3px;
    margin:1px;
}
.label:last-child{
  margin-right: 0;
}
#seminarPage .seminarList h3 {
    margin: 0 auto 15px;
    width: 1000px;
}
#seminarPage .unit .note{
width:1000px;
margin:0 auto 10px;
font-size:.86em;
text-align:right;
color:#f00
}
#seminarPage .unit .module{
width:1000px;
margin:0 auto
}
#seminarPage .contentsBtm{
background:#fff
}
#seminarPage .seminarList{
background:url(../images/seminar_main_bg.jpg) 50% 0 no-repeat;
padding:50px 0 0
}
#seminarPage .seminarList h2{
width:1000px;
margin:0 auto 15px
}
#seminarPage .seminarList .titleInfo{
width:1000px;
margin:0 auto 80px;
color:#464646;
font-size:1.2em;
text-shadow:0 0 9px #fff
}
#seminarPage .seminarList .titleInfo .appdevBtn {
text-align:center
}
#seminarPage .seminarList .module{
overflow:hidden;
border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
margin-bottom:50px
}
#seminarPage .seminarList .tableDetail{
width:1000px
}
#seminarPage .seminarList .tableDetail col.date{
width:190px
}
#seminarPage .seminarList .tableDetail col.title{
width:260px
}
#seminarPage .seminarList .tableDetail col.price{
width:115px
}
#seminarPage .seminarList .tableDetail col.place{
width:220px
}
#seminarPage .seminarList .tableDetail col.entry{
width:210px
}
#seminarPage .seminarList .tableDetail th{
background:#8d8d8d;
text-align:center;
font-size:1.81em;
font-weight:bold;
color:#fff;
text-shadow:0 -1px 1px rgba(0,0,0,0.6);
vertical-align:middle;
height:55px;
border-left:1px solid #c4c4c4;
border-bottom:1px solid #bfbebe
}
#seminarPage .seminarList .tableDetail th:first-child{
border:none
}
#seminarPage .seminarList .tableDetail tr.first td{
background:#f4f4f4
}
#seminarPage .seminarList .tableDetail td{
background:url(../images/table_bg.png) 0 0 repeat-x #f4f4f4;
color:#494848;
text-align:center;
vertical-align:middle;
padding:10px 10px 7px 10px;
border-left:1px solid #bfbebe
}
#seminarPage .seminarList .tableDetail td:first-child{
border-left:none
}
#seminarPage .seminarList .tableDetail td.date{
font-size:1.35em
}
#seminarPage .seminarList .tableDetail td.title{
text-align:left
}
#seminarPage .seminarList .tableDetail td.title .seminarTitle{
font-size:1.2em;
color:#ff005a;
font-weight:bold;
display:block;
margin-bottom:5px
}
#seminarPage .seminarList .tableDetail td.title .seminarDetail{
display:block;
font-size:1.05em
}
#seminarPage .seminarList .tableDetail td.price{
font-size:1.35em
}
#seminarPage .seminarList .tableDetail td.place{
text-align:left;
font-size:1.2em;
padding:10px 10px 7px
}
#seminarPage .seminarList .tableDetail td.place .seminarPlace{
display:block;
padding-bottom:1em
}
#seminarPage .seminarList .tableDetail td.entry a{
display:inline-block;
*display:inline;
*zoom:1;
width:150px;
height:40px;
overflow:hidden
}
#seminarPage .seminarList .tableDetail td.entry a.entryBtn:hover img{
margin-top:-40px
}
#consultingPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#consultingPage .unit h2{
font-size:55px;
line-height:1.2;
color:#171717
}
#consultingPage .unit h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#consultingPage .unit h3{
font-size:2.8em;
color:#494e51
}
#consultingPage .unit .note{
width:1000px;
margin:0 auto 10px;
font-size:.86em;
text-align:right;
color:#f00
}
#consultingPage .unit .module{
width:1000px;
margin:0 auto
}
#consultingPage .contentsBtm{
background:#fff
}
#consultingPage .consultingList{
background:url(../images/consulting_main_bg.jpg) 50% 0 no-repeat;
padding:50px 0 0
}
#consultingPage .consultingList h2{
width:1000px;
margin:0 auto 15px
}
#consultingPage .consultingList .titleInfo{
width:1000px;
margin:0 auto 120px;
color:#464646;
font-size:1.2em
}
#consultingPage .consultingList .titleInfo p{
text-shadow:0 0 9px #fff
}
#consultingPage .consultingList .module{
overflow:hidden;
border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
margin-bottom:5px
}
#consultingPage .consultingList .tableDetail{
width:1000px
}
#consultingPage .consultingList .tableDetail tr.first th{
background:#8d8d8d
}
#consultingPage .consultingList .tableDetail tr.first td{
background:#f4f4f4
}
#consultingPage .consultingList .tableDetail th{
background:url(../images/table_bg.png) 0 0 repeat-x #8d8d8d;
text-align:center;
font-size:1.81em;
font-weight:bold;
color:#fff;
text-shadow:0 -1px 1px 0 rgba(0,0,0,0.5);
vertical-align:middle;
width:220px
}
#consultingPage .consultingList .tableDetail td{
background:url(../images/table_bg.png) 0 0 repeat-x #f4f4f4;
color:#494848;
text-align:left;
vertical-align:middle;
padding:30px;
font-size:1.35em
}
#consultingPage .consultingList .tableDetail td .bold{
font-weight:bold
}
#consultingPage .consultingList .tableDetail td .colored{
color:#ff005a
}
#consultingPage .consultingList .tableDetail td .map{
padding:15px 0;
display:block;
text-align:center
}
#consultingPage .consultingList .tableDetail td .accessDetail{
margin-bottom:20px
}
#consultingPage .consultingList .tableDetail td .accessDetail dd{
text-indent:.5em
}
#consultingPage .consultingList .tableDetail td .accessMap{
text-indent:.8em
}
#consultingPage .consultingList .postscript{
width:1000px;
margin:0 auto 80px
}
#consultingPage .consultingList .postscript ul{
margin-bottom:30px
}
#consultingPage .consultingList .postscript ul li{
color:#494848;
font-size:1.35em
}
#consultingPage .consultingList .postscript .btnArea{
text-align:center
}
#consultingPage .consultingList .postscript .btnArea a{
display:inline-block;
*display:inline;
*zoom:1;
width:394px;
height:50px;
overflow:hidden
}
#consultingPage .consultingList .postscript .btnArea a:hover img{
margin-top:-50px
}
#educationPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#educationPage .unit h2{
font-size:55px;
line-height:1.2;
color:#171717
}
#educationPage .unit h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#educationPage .unit h3{
font-size:2.8em;
color:#494e51
}
#educationPage .unit .note{
width:1000px;
margin:0 auto 10px;
font-size:.86em;
text-align:right;
color:#f00
}
#educationPage .unit .module{
width:1000px;
margin:0 auto
}
#educationPage .unit .bold{
font-weight:bold
}
#educationPage .contentsBtm{
background:#fff
}
#educationPage .educaton_v1{
background:url(../images/education_main_bg_v1.png) 50% 0 no-repeat;
padding:50px 0 0;
background-size: 100%;
}
#educationPage .educaton_v2{
background:url(../images/education_main_bg_v2.png) 50% 0 no-repeat;
padding:50px 0 0;
background-size: 100%;
}
#educationPage .educationList h2{
width:1000px;
margin:0 auto 15px
}
#educationPage .educationList .titleInfov1{
width:1000px;
margin:0 auto 120px;
color:#464646;
font-size:1.2em
}
#educationPage .educationList .titleInfo{
width:1000px;
margin:0 auto 35px;
color:#464646;
font-size:1.2em
}
#educationPage .educationList .titleInfo p{
text-shadow:0 0 9px #fff
}
#educationPage .educationList .module{
overflow:hidden;
border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
margin-bottom:5px
}
#educationPage .educationList .tableDetail{
width:1000px
}
#educationPage .educationList .tableDetail tr.first th{
background:#8d8d8d
}
#educationPage .educationList .tableDetail tr.first td{
background:#f4f4f4
}
#educationPage .educationList .tableDetail th{
background:url(../images/table_bg.png) 0 0 repeat-x #8d8d8d;
text-align:center;
font-size:1.81em;
font-weight:bold;
color:#fff;
text-shadow:0 -1px 1px 0 rgba(0,0,0,0.5);
vertical-align:middle;
width:220px
}
#educationPage .educationList .tableDetail td{
background:url(../images/table_bg.png) 0 0 repeat-x #f4f4f4;
color:#494848;
text-align:left;
vertical-align:middle;
padding:30px;
font-size:1.35em
}
#educationPage .educationList .tableDetail td td{
background:#f4f4f4;
padding: 10px;
}
#educationPage .educationList .tableDetail td .bold{
font-weight:bold
}
#educationPage .educationList .tableDetail td .colored{
color:#ff005a
}
#educationPage .educationList .tableDetail td .small{
font-size: 0.5em
}
#educationPage .educationList .tableDetail td .big{
font-size: 1.2em
}
#educationPage .educationList .postscript{
width:1000px;
margin:0 auto 80px
}
#educationPage .educationList .postscript ul{
margin-bottom:30px
}
#educationPage .educationList .postscript ul li{
color:#494848;
font-size:1.35em
}
#educationPage .educationList .postscript .btnArea{
text-align:center
}
#educationPage .educationList .postscript .btnArea a{
display:inline-block;
*display:inline;
*zoom:1;
width:394px;
height:50px;
overflow:hidden
}
#educationPage .educationList .postscript .btnArea a:hover img{
margin-top:-50px
}
#educationPage .dlBtn {
	display: block;
	width: 15em;
	padding: 0.8em;
  margin: 5px;
	text-align: center;
  color: #fff;
  background:#0071bc;
  border: 1px solid #0071bc;
}
#educationPage .dlBtn:hover {
  cursor: pointer;
  text-decoration: none;
  color: #0071bc;
  background: none;
  border: 1px solid #0071bc;
}
#educationPage details {
    display: block;
    text-align: center;
    padding: 0 0.8em;
    margin: 5px;
    color: #fff;
    background:#0071bc;
    border: 1px solid #0071bc;

}
#educationPage details:hover {
  cursor: pointer;
  text-decoration: none;
  color: #0071bc;
  background: none;
  border: 1px solid #0071bc;
}
#educationPage details[open] {
  color: #0071bc;
  background: none;
  border: 1px solid #0071bc;
}
#educationPage summary {
    padding: 0.5em;
    margin: 5px;
}

#educationPage .box23 {
  position: relative;
  margin: 2em 0 2em 40px;
  padding: 8px 15px;
  background: #fff0c6;
  border-radius: 30px;
  font-size: 18px;
}

#educationPage a.btn2,
button.btn2 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}

a.btn2--orange{
  color: #fff;
  background-color: #eb6100;
}

a.btn2--orange:hover{
  color: #fff;
  background: #f56500;
}

a.btn2-c {
  font-size: 1.8rem;
  position: relative;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 100vh;
}

a.btn2-c i.fa {
  margin-right: 1rem;
}


.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}

#educationLessonPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#educationLessonPage .unit h2{
font-size:55px;
line-height:1.2;
color:#171717
}
#educationLessonPage .unit h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#educationLessonPage .unit h3{
font-size:2.8em;
color:#494e51
}
#educationLessonPage .unit .note{
width:1000px;
margin:0 auto 10px;
font-size:.86em;
text-align:right;
color:#f00
}
#educationLessonPage .unit .module{
width:1000px;
margin:0 auto
}
#educationLessonPage .unit .bold{
font-weight:bold
}
#educationLessonPage .contentsBtm{
background:#fff
}
#educationLessonPage .educationList{
background:url(../images/education_lesson_bg.png) 50% 0 no-repeat;
padding:50px 0 0;
background-size: 100%;
}
#educationLessonPage .educationList h2{
width:1000px;
margin:0 auto 15px
}
#educationLessonPage .educationList .titleInfo{
width:1000px;
margin:0 auto 120px;
color:#464646;
font-size:1.2em
}
#educationLessonPage .educationList .titleInfo p{
text-shadow:0 0 9px #fff
}
#educationLessonPage .educationList .module{
overflow:hidden;
border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
margin-bottom:5px
}
#educationLessonPage .educationList .tableDetail{
width:1000px
}
#educationLessonPage .educationList .tableDetail tr.first th{
background:#8d8d8d
}
#educationLessonPage .educationList .tableDetail tr.first td{
background:#f4f4f4
}
#educationLessonPage .educationList .tableDetail th{
background:url(../images/table_bg.png) 0 0 repeat-x #8d8d8d;
text-align:center;
font-size:1.5em;
font-weight:bold;
color:#fff;
text-shadow:0 -1px 1px 0 rgba(0,0,0,0.5);
vertical-align:middle;
width:220px
}
#educationLessonPage .educationList .tableDetail td{
background:url(../images/table_bg.png) 0 0 repeat-x #f4f4f4;
color:#494848;
text-align:left;
vertical-align:middle;
padding:30px;
font-size:1.35em
}
#educationLessonPage .educationList .tableDetail td .bold{
font-weight:bold
}
#educationLessonPage .educationList .tableDetail td .colored{
color:#ff005a
}
#educationLessonPage .educationList .tableDetail td .small{
font-size: 0.5em
}
#educationLessonPage .educationList .tableDetail td .big{
font-size: 1.2em
}
#educationLessonPage .educationList .tableDetail td .map{
padding:15px 0;
display:block;
text-align:center
}
#educationLessonPage .educationList .tableDetail td .accessDetail{
margin-bottom:20px
}
#educationLessonPage .educationList .tableDetail td .accessDetail dd{
text-indent:.5em
}
#educationLessonPage .educationList .tableDetail td .accessMap{
text-indent:.8em
}
#educationLessonPage .educationList .postscript{
width:1000px;
margin:0 auto 80px
}
#educationLessonPage .educationList .postscript ul{
margin-bottom:30px
}
#educationLessonPage .educationList .postscript ul li{
color:#494848;
font-size:1.35em
}
#educationLessonPage .educationList .postscript .btnArea{
text-align:center
}
#educationLessonPage .educationList .postscript .btnArea a{
display:inline-block;
*display:inline;
*zoom:1;
width:394px;
height:50px;
overflow:hidden
}
#educationLessonPage .educationList .postscript .btnArea a:hover img{
margin-top:-50px
}

#educationLessonPage .menu{
width:1000px;
margin:0 auto
}
#educationLessonPage .menu *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#educationLessonPage .menu dt{
background:#0071bc;
padding:12px 15px 8px;
margin:0 0 20px;
border-radius:5px;
font-size:1.3em;
font-weight:bold;
color: #fff;
}
#educationLessonPage .menu dd{
padding:0 5px;
margin:0 0 30px;
line-height:1.6;
font-size:1.1em
}
#educationLessonPage .menu dd li{
list-style:decimal;
margin:0 0 0 1.8em
}
#educationLessonPage .menu dl.more dd.end{
text-align:right
}
#signupPartnerPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#signupPartnerPage .unit h2{
font-size:55px;
line-height:1.2;
color:#171717
}
#signupPartnerPage .unit h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#signupPartnerPage .unit h3{
font-size:2.8em;
color:#494e51
}
#signupPartnerPage .unit .note{
width:1000px;
margin:0 auto 10px;
font-size:.86em;
text-align:right;
color:#f00
}
#signupPartnerPage .unit .module{
width:1000px;
margin:0 auto
}
#signupPartnerPage .unit .iconPdfS{
display:inline-block;
*display:inline;
*zoom:1;
background:url(../images/icon_pdf_s.png) 0 0 no-repeat;
width:15px;
height:16px;
vertical-align:middle;
margin:-4px 5px 0
}
#signupPartnerPage .contentsBtm{
background:#fff
}
#signupPartnerPage .signupPartnerList{
padding:50px 0 0
}
#signupPartnerPage .signupPartnerList h2{
width:1000px;
margin:0 auto 15px
}
#signupPartnerPage .signupPartnerList .titleInfo{
width:1000px;
margin:0 auto 35px;
color:#464646;
font-size:1.2em
}
#signupPartnerPage .signupPartnerList .module{
overflow:hidden;
border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
margin-bottom:30px
}
#signupPartnerPage .signupPartnerList dl dt{
background:#0c4c7a;
color:#fff;
font-size:1.81em;
font-weight:bold;
padding:20px 20px 16px
}
#signupPartnerPage .signupPartnerList dl .info{
background:#ebebeb;
padding:15px 35px;
font-size:1.05em;
color:#333;
line-height:1.8
}
#signupPartnerPage .signupPartnerList dl .stepArea{
background:#f3f3f3;
padding:35px
}
#signupPartnerPage .signupPartnerList dl .stepArea li{
background:url(../images/signup_partner_bg_arrow.png) 50% 0 no-repeat;
margin-bottom:30px;
padding-top:40px
}
#signupPartnerPage .signupPartnerList dl .stepArea li:first-child{
background:none;
padding-top:0
}
#signupPartnerPage .signupPartnerList dl .stepArea li strong{
display:block;
font-weight:bold;
font-size:1.35em;
color:#333;
margin-bottom:10px
}
#signupPartnerPage .signupPartnerList dl .stepArea li .stepText{
font-size:1.05em;
color:#494848;
line-height:1.8
}
#signupPartnerPage .signupPartnerList dl .stepArea li .stepText a{
font-weight:bold
}
#signupPartnerPage .signupPartnerList dl .stepArea li .btnArea{
padding:15px 0 0 0;
text-align:center
}
#signupPartnerPage .signupPartnerList dl .stepArea li .btnArea a{
display:inline-block;
*display:inline;
*zoom:1;
width:506px;
height:60px;
overflow:hidden
}
#signupPartnerPage .signupPartnerList dl .stepArea li.step01 .btnArea a img{
margin-top:0
}
#signupPartnerPage .signupPartnerList dl .stepArea li.step01 .btnArea a:hover img{
margin-top:-60px
}
#signupPartnerPage .signupPartnerList dl .stepArea li.step03 .btnArea a img{
margin-top:-120px
}
#signupPartnerPage .signupPartnerList dl .stepArea li.step03 .btnArea a:hover img{
margin-top:-180px
}
#subCol .unit .arwList li.cp a{
color:#219bce
}
.documentPage #contents{
font-size:1.231em
}
.documentPage #contents h2{
font-size:1.625em
}
.documentPage #contents h5{
font-weight:bold
}
.documentPage #contents #mainCol .unit{
margin:0 0 100px
}
.documentPage #contents #mainCol .unit .btnArea{
margin:30px 0 0
}
.documentPage #contents #mainCol .unit .btnArea .btn{
display:inline;
text-decoration:none;
padding-right:30px;
background:url(../images/document/btn_arw.png) no-repeat 100% 10px #fcfbfb;
background:url(../images/document/btn_arw.png) no-repeat 100% 10px,-moz-linear-gradient(top, #fcfbfb 0, #f9f9f9 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% 10px,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfbfb), color-stop(100%, #f9f9f9));
background:url(../images/document/btn_arw.png) no-repeat 100% 10px,-webkit-linear-gradient(top, #fcfbfb 0, #f9f9f9 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% 10px,-o-linear-gradient(top, #fcfbfb 0, #f9f9f9 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% 10px,-ms-linear-gradient(top, #fcfbfb 0, #f9f9f9 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% 10px,linear-gradient(to bottom, #fcfbfb 0, #f9f9f9 100%);
border:1px solid #e2e2e2;
font-weight:normal;
font-size:1em
}
.documentPage #contents #mainCol .unit .btnArea .btn:hover{
background:url(../images/document/btn_arw.png) no-repeat 100% -77px #b4b4b4;
background:url(../images/document/btn_arw.png) no-repeat 100% -77px,-moz-linear-gradient(top, #b4b4b4 0, #b2b2b2 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% -77px,-webkit-gradient(linear, left top, left bottom, color-stop(0, #b4b4b4), color-stop(100%, #b2b2b2));
background:url(../images/document/btn_arw.png) no-repeat 100% -77px,-webkit-linear-gradient(top, #b4b4b4 0, #b2b2b2 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% -77px,-o-linear-gradient(top, #b4b4b4 0, #b2b2b2 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% -77px,-ms-linear-gradient(top, #b4b4b4 0, #b2b2b2 100%);
background:url(../images/document/btn_arw.png) no-repeat 100% -77px,linear-gradient(to bottom, #b4b4b4 0, #b2b2b2 100%)
}
.documentPage #contents #mainCol .unit h3{
font-size:2.25em;
margin:0 0 30px;
color:#494e51
}
.documentPage #contents #mainCol .unit h3.bdr{
font-size:3em;
padding:0 0 10px;
border-bottom:1px solid #e9e9e9
}
.documentPage #contents #mainCol .unit h4{
font-size:1.875em;
margin:0 0 20px;
color:#494e51
}
.documentPage #contents #mainCol .unit .module{
margin-bottom:80px
}
.documentPage #contents #mainCol .unit .module .changeLog{
padding-left:20px;
list-style:disc
}
.documentPage #contents #mainCol .unit .module .changeLog li{
padding:5px 0 5px 0
}
.documentPage #contents #mainCol .unit .module ol{
padding-left:24px;
list-style:decimal outside none
}
.documentPage #contents #mainCol .unit .module ol ol{
padding-left:24px
}
.documentPage #contents #mainCol .unit .module a{
text-decoration:underline
}
.documentPage #contents #mainCol .unit .module a:hover{
text-decoration:none
}
.documentPage #contents #mainCol .unit .module a.arw{
padding-left:15px;
background:url(../images/document/btn_arw.png) no-repeat 0 8px
}
.documentPage #contents #mainCol .unit .module .fontL{
font-size:1.25em
}
.documentPage #contents #mainCol .unit .module p{
line-height:1.5;
margin-bottom:15px
}
.documentPage #contents #mainCol .unit .module .code p{
margin:0
}
.documentPage #contents #mainCol .unit .module table{
table-layout:fixed;
margin:10px 0 15px;
font-size:.75em
}
.documentPage #contents #mainCol .unit .module table.tableS{
width:370px
}
.documentPage #contents #mainCol .unit .module table.tableL{
width:570px
}
.documentPage #contents #mainCol .unit .module table .sizeS{
width:60px
}
.documentPage #contents #mainCol .unit .module table .sizeM{
width:100px
}
.documentPage #contents #mainCol .unit .module table th{
font-weight:normal;
text-align:center;
padding:5px 10px;
background:#717171;
color:#fff;
border:1px solid #454444;
border-color:#9a9898 #454444 #616060 #9a9898
}
.documentPage #contents #mainCol .unit .module table td{
padding:5px 10px;
border:1px solid #dad9d9
}
.documentPage #contents #mainCol .unit .module table .txtC{
text-align:center
}
.documentPage #contents #mainCol .unit .module .code,.documentPage #contents #mainCol .unit .module pre{
width:100%;
text-align:left;
margin:0 0 30px;
background:#f6f4e7;
border:0;
border-top:1px solid #e7e5d9;
border-radius:3px;
color:#847e40;
padding:5px 10px;
font-size:.86em;
-moz-appearance:none;
-webkit-appearance:none
}
.documentPage #contents #subCol .subColTtl{
padding:10px
}
.documentPage #contents #subCol .subColTtl select{
visibility:hidden;
min-height:34px;
_height:34px;
width:205px
}
.documentPage #contents #subCol .subColTtl select option{
vertical-align:middle
}
.documentPage #contents #subCol .subColTtl.dark{
padding:20px 10px;
font-size:.813em;
background:#8b8b8b;
background:-moz-linear-gradient(top, #8b8b8b 0, #717171 22%, #717171 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #8b8b8b), color-stop(22%, #717171), color-stop(100%, #717171));
background:-webkit-linear-gradient(top, #8b8b8b 0, #717171 22%, #717171 100%);
background:-o-linear-gradient(top, #8b8b8b 0, #717171 22%, #717171 100%);
background:-ms-linear-gradient(top, #8b8b8b 0, #717171 22%, #717171 100%);
background:linear-gradient(to bottom, #8b8b8b 0, #717171 22%, #717171 100%);
color:#fff;
text-shadow:0 -1px 0 #484747
}
.documentPage #contents #subCol ul.ios,.documentPage #contents #subCol ul.andoroid,.documentPage #contents #subCol ul.js{
display:none
}
.documentPage #contents #subCol ul li.docTop a{
padding:20px 20px 20px 25px;
background-image:none;
text-align:right;
font-size:.75em;
text-decoration:underline
}
.documentPage #contents #subCol ul li.docTop a:hover{
text-decoration:none
}
.documentPage .contentsTop .pullRight{
padding:7px 0 0
}
.documentPage .contentsTop .pullRight .linkToChangeLog{
padding-left:15px
}
.documentPage .contentsTop .pullRight p span{
vertical-align:baseline;
display:inline-block;
padding-right:5px
}
.documentPage .contentsTop .pullRight p .text{
color:#5f5f5f
}
.documentPage .contentsTop .pullRight p  input{
padding:0 5px;
-moz-appearance:none;
-webkit-appearance:none;
min-height:18px;
_height:18px;
border:1px solid #d3d3d3;
border-width:2px 1px 1px;
background:#fcfcfc
}

.documentPage .contentsTop .pullRight p .srchBtn{
text-align:left;
padding:0
}
.documentPage .contentsTop .pullRight p .srchBtn input{
-moz-appearance:none;
-webkit-appearance:none;
width:50px;
height:22px;
padding:0;
background:none;
border:0;
text-indent:-9999px;
overflow:hidden;
white-space:nowrap;
background:url(../images/document/btn_srch.png) no-repeat
}
#documentTop #contents #mainCol .btnArea{
text-align:right
}
#documentTop #contents #mainCol .textR{
line-height:1.5;
padding:0 0 0 410px
}
#documentTop #contents #mainCol #quickstart .module .textR{
min-height:218px;
_height:218px;
background:url(../images/document/img_mb.png) no-repeat
}
#documentTop #contents #mainCol #sdkDL .module .textR{
line-height:1.5;
min-height:226px;
_height:226px
}
#documentTop #contents #mainCol #sdkDL .ios .textR{
background:url(../images/document/img_sdk_ios.png) no-repeat
}
#documentTop #contents #mainCol #sdkDL .android .textR{
background:url(../images/document/img_sdk_android.png) no-repeat
}
#documentTop #contents #mainCol #sdkDL .js .textR{
background:url(../images/document/img_sdk_js.png) no-repeat
}
#documentTop #contents #mainCol #pricePage .serviseUnit{
background:none
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module{
width:auto
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li{
width:350px;
_width:330px;
margin:0 25px 20px 0;
_height:190px
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li a{
text-decoration:none
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li a em{
font-size:1.375em;
margin-left:140px
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li a .link{
margin-left:140px;
padding:9px 10px 6px
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li a .link .arrow{
margin-top:1px
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li a .txt{
font-size:.875em;
padding:25px 0 0
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li.data,#documentTop #contents #mainCol #pricePage .serviseUnit .module li.user{
margin-right:0
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li.data{
clear:none
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li.push .icon,#documentTop #contents #mainCol #pricePage .serviseUnit .module li.file .icon{
left:55px
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li.data .icon{
left:50px
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li.user .icon{
left:45px
}
#documentTop #contents #mainCol #pricePage .serviseUnit .module li.sdk{
margin:0;
float:right
}
#sdkDownload #contents #mainCol #sdkForOS .module .pullRight{
width:330px
}
#sdkDownload #contents #mainCol #sdkForOS .module .pullRight dl{
padding-left:15px
}
#sdkDownload #contents #mainCol #sdkForOS .module .pullRight dl dt{
margin-bottom:3px
}
#sdkDownload #contents #mainCol #sdkForOS .module .pullRight dl dd .ver{
display:inline-block;
min-width:7em
}
#sdkDownload #contents #mainCol #sdkForOS .btnArea{
margin:0
}
#sdkDownload #contents #mainCol #sdkForOS .btnArea .btn.download{
_width:200px;
_height:70px;
font-size:1.625em;
background-position:9999px 0;
padding:15px 50px
}
#sdkDownload #contents #mainCol #sdkForOS .btnArea .btn.download .icon.download{
width:60px;
height:55px;
background-position:0 -65px;
background-image:url(../images/document/btn_dl.png)
}
#sdkDownload #contents #mainCol #sdkForOS .btnArea .btn.download:hover .icon.download{
background-position:0 -5px
}
.contentsBtm .monitor{
font-size:.813em
}
.column2 #contents #mainContents .contentsWrap{
width:1000px;
margin:0 auto
}
#mainCol{
float:right;
width:725px;
text-align:left;
_width:710px
}
#subCol{
float:left;
width:225px;
margin:0 50px 0 0;
text-align:left
}
#subCol .unit .arwList{
background:#f4f4f4
}
#subCol .unit .arwList li{
border-top:1px solid #fff;
border-bottom:1px solid #d8d8d8
}
#subCol .unit .arwList li a{
padding:20px 25px;
display:block;
color:#333;
background-image:url(../images/document/icon_arw.png);
background-repeat:no-repeat;
background-position:198px 50%
}
#subCol .unit .arwList li p{
padding:20px 0 0 25px
}
#subCol .unit .arwList li ul{
padding:10px 0
}
#subCol .unit .arwList li ul li{
border:0
}
#subCol .unit .arwList li ul li a{
padding:5px 5px 5px 45px;
background-position:33px 10px
}
#subCol .unit .arwList li.ctrlNav p{
letter-spacing:-1px
}
#subCol .unit .subColTtl{
border-bottom:1px solid #bfbebe;
background:#dfdfdf
}
.column2 .contentsTop{
text-align:left;
width:1000px;
padding:15px 0;
margin:0 auto
}
.column2 #mainContents .inner{
width:auto
}
.column2 #mainContents .contentsBtm .inner{
width:1000px
}
.column2 .unit{
min-width:0
}
#termsPage #mainContents{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%;
padding:50px 0 0
}
#termsPage #mainContents h2{
width:1000px;
margin:0 auto 25px;
font-size:55px;
line-height:1.2;
color:#171717;
text-align:left
}
#termsPage #mainContents h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#termsPage .unit{
width:1000px;
margin:0 auto
}
#termsPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#termsPage .unit dt{
background:#f1f1f1;
padding:12px 15px 8px;
margin:0 0 20px;
border-radius:5px;
font-size:1.3em;
font-weight:bold
}
#termsPage .unit dd{
padding:0 5px;
margin:0 0 30px;
line-height:1.6;
font-size:1.1em
}
#termsPage .unit dd li{
list-style:decimal;
margin:0 0 0 1.8em
}
#termsPage .unit dl.more dd.end{
text-align:right
}
#slaPage #mainContents{
background:#fff url(../images/unit_gr_bg.png) repeat-x 0 100%;
padding:50px 0 0
}
#slaPage #mainContents h2{
width:1000px;
margin:0 auto 25px;
font-size:48px;
line-height:1.2;
color:#171717;
text-align:left
}
#slaPage #mainContents h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#slaPage #mainContents h3{
width:1000px;
background:#f1f1f1;
padding:12px 15px 8px;
margin:0 auto 20px;
border-radius:5px;
font-size:1.3em;
font-weight:bold;
text-align:left;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
#slaPage .unit{
width:1000px;
margin:0 auto
}
#slaPage .unit *{
font-family:"Meiryo",Verdana,Helvetica,sans-serif;
text-align:left
}
#slaPage .unit dl{
padding:0 5px;
margin:0 0 20px;
zoom:1;
overflow:hidden\9
}
#slaPage .unit dl::after{
content:'';
display:block;
clear:both
}
#slaPage .unit dt{
float:left;
padding:5px 0;
font-size:1.3em;
font-weight:bold
}
#slaPage .unit dd{
padding:5px 0 5px 1.5em;
line-height:1.6;
font-size:1.1em
}
#slaPage .unit dd p{
padding:0 0 10px
}
#slaPage .unit dd li{
list-style:disc;
margin:0 0 8px 1.8em
}
#slaPage .unit dd li em{
display:block
}
#slaPage .unit dd li ol{
padding:8px 0 0
}
#slaPage .unit dd ol li{
list-style:decimal;
margin:0 0 3px 1.8em
}
#slaPage .unit .end{
padding:0 0 30px;
text-align:right
}
#mainContents .topUnit .topMod{
padding:20px 0 50px
}
#mainContents .topUnit .topMod .inner{
width:auto
}
#mainContents .topUnit .topMod .inner .socialplugins{
width:1000px;
padding:0 0 10px;
margin:0 auto;
text-align:right
}
#mainContents .topUnit .topMod .inner .socialplugins ul li{
margin:0 8px 0 0;
display:inline
}
#mainContents .topUnit .topMod .inner h2{
margin:0 0 25px
}
#mainContents .topUnit .topMod .inner .btn{
display:block;
width:394px;
margin:20px 0 0;
font-family:"Meiryo",Verdana,Helvetica,sans-serif
}
#mainContents .topUnit .topMod .inner #Cntnts1{
width:1255px;
margin:0 auto;
position:relative
}
#mainContents .topUnit .topMod .inner #Cntnts1 .pagination{
zoom:1;
overflow:hidden\9;
position:absolute;
margin:0 0 0 -44px;
left:50%;
bottom:30px;
z-index:20
}
#mainContents .topUnit .topMod .inner #Cntnts1 .pagination::after{
content:'';
display:block;
clear:both
}
#mainContents .topUnit .topMod .inner #Cntnts1 .pagination li{
float:left;
margin:0 2px 0 0
}
#mainContents .topUnit .topMod .inner #Cntnts1 .pagination li a{
display:block;
background:url(../images/pagination.png) no-repeat 0 0;
width:20px;
height:19px;
overflow:hidden;
text-indent:-9999px
}
#mainContents .topUnit .topMod .inner #Cntnts1 .pagination li.current a,#mainContents .topUnit .topMod .inner #Cntnts1 .pagination li.current a:hover,#mainContents .topUnit .topMod .inner #Cntnts1 .pagination li a:hover{
background-position:0 -18px
}
#mainContents .topUnit .topMod .inner #Cntnts1 .navPrev{
width:40px;
height:55px;
margin-top:-27px;
position:absolute;
top:50%;
left:0;
z-index:10
}
#mainContents .topUnit .topMod .inner #Cntnts1 .navPrev a{
display:block;
background:url(../images/btn_prev.png) no-repeat 0 0;
width:40px;
height:55px;
overflow:hidden;
text-indent:-9999px
}
#mainContents .topUnit .topMod .inner #Cntnts1 .navNext{
width:40px;
height:55px;
margin-top:-27px;
position:absolute;
top:50%;
right:0;
z-index:10
}
#mainContents .topUnit .topMod .inner #Cntnts1 .navNext a{
display:block;
background:url(../images/btn_next.png) no-repeat 0 0;
width:40px;
height:55px;
overflow:hidden;
text-indent:-9999px
}
#mainContents .pointUnit{
padding:60px 0 30px;
background:#003b62
}
#mainContents .pointUnit .inner{
_overflow:hidden
}
#mainContents .pointUnit .inner .module ul li{
width:310px;
text-align:center;
float:left;
color:#fff;
font-family:"Meiryo",Verdana,Helvetica,sans-serif
}
#mainContents .pointUnit .inner .module ul li.even{
width:320px;
margin:0 30px
}
#mainContents .pointUnit .inner .module ul li p{
padding:0 0 20px;
font-size:.8em
}
#mainContents .pointUnit .inner .module ul li p em{
display:block;
margin:0 0 15px;
font-weight:normal;
font-size:1.9em
}
#mainContents .pointUnit .inner .module ul li p span{
display:block;
line-height:1.8
}
#mainContents .bottomUnit{
padding:30px 0 10px
}
#mainContents .bottomUnit .inner{
_overflow:hidden;
_width:900px
}
#mainContents .bottomUnit .inner .module{
margin:0 0 55px
}
#mainContents .bottomUnit .inner .carouselMod h3{
margin:0 0 30px
}
#mainContents .bottomUnit .inner .carouselMod .carousel{
_display:none;
padding:0 45px 0 0;
overflow:hidden;
position:relative
}
#mainContents .bottomUnit .inner .carouselMod .carousel .caroufredsel_wrapper{
width:auto !important
}
#mainContents .bottomUnit .inner .carouselMod .carousel .prev,#mainContents .bottomUnit .inner .carouselMod .carousel .next{
top:0;
position:absolute
}
#mainContents .bottomUnit .inner .carouselMod .carousel .prev a,#mainContents .bottomUnit .inner .carouselMod .carousel .next a{
display:block;
width:40px;
height:50px;
background:url(../images/scroll_nav.png) no-repeat 0 5px;
text-indent:-9999px;
overflow:hidden;
white-space:nowrap
}
#mainContents .bottomUnit .inner .carouselMod .carousel .prev{
left:0
}
#mainContents .bottomUnit .inner .carouselMod .carousel .prev a:hover{
background-position:0 -35px
}
#mainContents .bottomUnit .inner .carouselMod .carousel .next{
right:0
}
#mainContents .bottomUnit .inner .carouselMod .carousel .next a{
background-position:-40px 5px
}
#mainContents .bottomUnit .inner .carouselMod .carousel .next a:hover{
background-position:-40px -35px
}
#mainContents .bottomUnit .inner .carouselMod .carousel .carouselInner{
margin:0 0 0 45px;
overflow:hidden
}
#mainContents .bottomUnit .inner .carouselMod .carousel .carouselInner ul{
width:300%
}
#mainContents .bottomUnit .inner .carouselMod .carousel .carouselInner ul li{
display:inline-block;
*display:inline;
*zoom:1;
margin:0 10px 0 0
}
#mainContents .bottomUnit .inner .newsMod ul{
margin:0 0 0 11.3em
}
#mainContents .bottomUnit .inner .newsMod ul li{
margin:0 0 0 -11.3em;
text-indent:-11.3em;
padding:20px 10px 20px 11.3em;
border-bottom:1px solid #efefef
}
#mainContents .bottomUnit .inner .newsMod ul li .date{
color:#707070;
text-indent:0;
min-height:19px;
_height:19px;
display:inline-block;
width:8em;
background:url(../images/list_mark.png) no-repeat 0 0;
padding:0 0 0 3em
}
#mainContents .bottomUnit .inner .newsMod p{
padding-top:20px;
text-align:right
}
#mainContents .bottomUnit .inner .btnArea .btn{
display:block;
width:396px;
margin:0 auto 60px;
font-family:"Meiryo",Verdana,Helvetica,sans-serif
}
#partnerPage h2{
font-size:55px;
line-height:1.2;
color:#171717;
margin-bottom:25px
}
#partnerPage h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#partnerPage .unit-itemText{
*zoom:1
}
#partnerPage .unit-itemText>.unit-item{
float:left;
margin-right:40px
}
#partnerPage .unit-itemText>.unit-text{
overflow:hidden
}
#partnerPage .unit-itemText>.unit-text dl{
padding-top:20px
}
#partnerPage .unit-itemText>.unit-text dl dt{
font-weight:normal
}
#partnerPage .unit-itemText>.unit-text dl dd span{
display:inline-block;
margin-right:20px;
white-space:nowrap
}
#partnerPage .unit-itemText.item-right>.unit-item{
float:right;
margin-right:0;
margin-left:40px
}
#partnerPage .unit-itemText:after{
content:'';
display:block;
clear:both
}
#partnerPage .unit-itemText:after{
content:'';
display:block;
clear:both
}
#partnerPage .module-titleContent{
border-top:1px solid #f1f1f1;
border-left:1px solid #ececec;
border-right:1px solid #ececec;
border-bottom:1px solid #c6c5c5;
border-radius:6px;
margin-bottom:35px
}
#partnerPage .module-titleContent>.module-title{
border-bottom:1px solid #ccc;
background:#f1f1f1;
border-radius:6px 6px 0 0;
padding:20px 40px 10px;
color:#3d3d3d;
font-size:1.81em;
font-weight:normal;
line-height:1.1
}
#partnerPage .module-titleContent>.module-title span{
display:block;
color:#a8a8a8;
font-size:x-small
}
#partnerPage .module-titleContent>.module-content{
padding:35px 40px;
color:#494848;
font-size:1.05em;
border-radius:0 0 6px 6px
}
#partnerPage .module-titleContent.odd>.module-content{
background:#fcfcfc
}
#partnerPage .module-titleContent.even>.module-content{
background:#f7f6f6
}
#partnerPage #mainContents{
padding-top:40px;
color:#464646;
line-height:1.6
}
#partnerPage .contentsBtm{
padding-top:15px;
background:transparent
}
#casePage h2{
font-size:55px;
line-height:1.2;
color:#171717;
margin-bottom:25px
}
#casePage h2 span{
display:block;
margin:0 0 0 3px;
font-size:10px;
color:#868282;
font-weight:normal
}
#casePage .label{
border-radius:4px;
padding:4px 9px 3px;
color:#fff;
display:inline-block;
font-size:small;
font-weight:bold;
line-height:1.1
}
#casePage .label.label-member{
background:#372d6e
}
#casePage .label.label-sns{
background:#876827
}
#casePage .label.label-push{
background:#811f1f
}
#casePage .label.label-iaas{
background:#058700
}
#casePage .label.label-index{
background:#8c98cf
}
#casePage .label.label-fstore{
background:#31bff3
}
#casePage .label.label-dstore{
background:#074104
}
#casePage [class^='icon-chevron-'],#casePage [class*=' icon-chevron-']{
display:inline-block;
background:url('/images/icon-chevron.png') no-repeat;
width:20px;
height:20px
}
#casePage .icon-chevron-down{
background-position:0 0
}
#casePage .icon-chevron-up{
background-position:-20px 0
}
#casePage .box-round-bordered{
background:#fff;
border:1px solid #e5e5e5;
border-radius:4px;
padding:20px 20px;
color:#494848
}
#casePage .unit-logos{
width:205px;
*zoom:1
}
#casePage .unit-logos .odd{
width:95px;
float:left;
margin-right:15px
}
#casePage .unit-logos .even{
width:95px;
float:left
}
#casePage .unit-logos:after{
content:'';
display:block;
clear:both
}
#casePage .unit-logos:after{
content:'';
display:block;
clear:both
}
#casePage .unit-titleText{
font-size:small
}
#casePage .unit-titleText>.unit-title{
font-size:2.08em;
font-weight:bold;
color:#006cb4;
line-height:1.2;
padding-bottom:5px
}
#casePage .unit-titleText>.unit-title a,#casePage .unit-titleText>.unit-title img{
vertical-align:middle
}
#casePage .unit-titleText>.unit-title .memo{
display:block;
font-size:.71em
}
#casePage .unit-titleText>.unit-title .item{
vertical-align:middle;
display:inline-block;
padding-left:15px;
color:#777;
font-size:small
}
#casePage .unit-titleText>.unit-title .item a{
margin-right:10px
}
#casePage .unit-titleText>.unit-title .text{
display:inline-block;
vertical-align:middle;
padding-left:0
}
#casePage .unit-titleText>.unit-option{
padding-bottom:5px
}
#casePage .unit-titleText>.unit-option>.label{
margin-right:10px
}
#casePage .unit-titleText>.unit-text{
padding-top:15px;
font-size:1.2em
}
#casePage .unit-itemText{
font-size:small;
*zoom:1
}
#casePage .unit-itemText>.unit-item{
float:left;
margin-right:50px
}
#casePage .unit-itemText>.unit-text{
overflow:hidden;
font-size:1.2em
}
#casePage .unit-itemText.item-right>.unit-item{
float:right;
margin-right:0;
margin-left:20px
}
#casePage .unit-itemText:after{
content:'';
display:block;
clear:both
}
#casePage .unit-itemText:after{
content:'';
display:block;
clear:both
}
#casePage .unit-balloonContent{
position:relative;
background:#076baf;
color:#fff;
padding:35px;
font-size:small
}
#casePage .unit-balloonContent>.unit-inner{
position:relative
}
#casePage .unit-balloonContent>.unit-inner>.unit-title{
font-size:2.3em;
font-weight:bold;
margin-bottom:20px;
line-height:1.2
}
#casePage .unit-balloonContent>.unit-inner>.unit-text{
font-size:1.2em;
position:relative
}
#casePage .unit-balloonContent>.unit-arrow{
position:absolute
}
#casePage .unit-balloonContent>.unit-arrow.top{
border-left:17px solid transparent;
border-right:17px solid transparent;
border-bottom:33px solid #076baf;
bottom:100%;
left:280px
}
#casePage .unit-balloonContent>.unit-optionBg{
position:absolute
}
#casePage .unit-balloonContent>.unit-optionItem{
position:absolute;
top:-70px;
right:-70px
}
#casePage .unit-balloonContent.case-sanseido>.unit-optionBg{
bottom:0;
right:0
}
#casePage .unit-balloonContent.case-sanseido>.unit-inner{
margin-bottom:280px;
padding-right:260px
}
#casePage .unit-balloonContent.case-pazuma>.unit-optionBg{
bottom:0;
right:0
}
#casePage .unit-balloonContent.case-pazuma>.unit-inner{
min-height:165px;
margin-bottom:250px;
padding-right:520px
}
#casePage .unit-balloonContent.case-konjyaku>.unit-optionBg{
top:35px;
right:35px
}
#casePage .unit-balloonContent.case-konjyaku>.unit-inner{
min-height:352px;
padding-right:380px
}
#casePage .unit-balloonContent.case-kitty>.unit-optionBg{
top:0;
right:0
}
#casePage .unit-balloonContent.case-kitty>.unit-inner{
min-height:215px;
padding-right:100px
}
#casePage .unit-balloonContent.case-octoba>.unit-optionBg{
bottom:0;
right:0
}
#casePage .unit-balloonContent.case-octoba>.unit-inner{
min-height:130px;
padding-right:220px
}
#casePage .module-closeOpen{
border-radius:5px;
background:#f7f6f6;
margin-bottom:50px;
font-size:small;
}
#casePage .module-closeOpen>.module-title{
background:#003b62;
color:#fff;
font-size:34px;
font-weight:bold;
padding:30px 35px;
border-radius:5px 5px 0 0;
line-height:1.2
}
#casePage .module-closeOpen>.module-content-inner{
padding:35px
}
#casePage .module-closeOpen>.module-content-inner .unit-logos{
float:right;
margin-left:15px
}
#casePage .module-closeOpen>.module-content-inner .unit-titleText{
overflow:hidden;
*zoom:1
}
#casePage .module-closeOpen>.module-content-toggle{
display:none
}
#casePage .module-closeOpen>.module-content-toggle>.module-content-inner{
padding:35px
}
#casePage .module-closeOpen>.module-content-toggle .unit-itemText>.unit-item{
margin-right:20px
}
#casePage .module-closeOpen>.module-content-toggle .unit-itemText.item-right>.unit-item{
margin-right:0;
margin-left:20px
}
#casePage .module-closeOpen>.module-content-toggle .box-round-bordered{
margin-top:15px
}
#casePage .module-closeOpen>.module-content-toggle .unit-titleText>.unit-title{
font-size:1.35em
}
#casePage .module-closeOpen>.module-footer a{
display:block;
background:#8d8d8d;
text-align:center;
color:#fff;
font-weight:bold;
font-size:1.58em;
padding:10px;
border-radius:0 0 5px 5px;
text-decoration:none
}
#casePage .module-closeOpen>.module-footer a .switch-wrap{
display:inline-block;
cursor:pointer
}
#casePage .module-closeOpen>.module-footer a .switch-wrap .icon{
margin-right:15px;
vertical-align:middle;
cursor:pointer
}
#casePage .module-closeOpen>.module-footer a .switch-wrap .text{
vertical-align:middle;
cursor:pointer
}
#casePage .module-closeOpen>.module-footer a .switch-wrap.active{
display:none
}
#casePage .module-closeOpen>.module-footer a:hover{
text-decoration:none;
background:#a6a6a6
}
#casePage .module-closeOpen>.unit-des{
background:#dbe6ee;
text-align: center;
position: relative;
}
#casePage .module-closeOpen>.unit-des img{
position: relative;
top: -40px;
z-index: 2;
}
#casePage .nav-panel{
overflow:hidden
}
#casePage .nav-panel>.nav-inner{
width:1011px;
padding-top:2px;
padding-bottom:2px;
*zoom:1
}
#casePage .nav-panel>.nav-inner:after{
content:'';
display:block;
clear:both
}
#casePage .nav-panel>.nav-inner:after{
content:'';
display:block;
clear:both
}
#casePage .nav-panel>.nav-inner>li{
width:326px;
margin-right:11px;
padding-bottom:23px;
float:left
}
#casePage .nav-panel>.nav-inner>li>a{
display:block;
position:relative;
background:#f7f6f6;
border:1px solid #ececec;
border-top:none;
border-radius:6px;
color:#464646
}
#casePage .nav-panel>.nav-inner>li>a *{
cursor:pointer
}
#casePage .nav-panel>.nav-inner>li>a>.nav-title{
display:block;
background:#f1f1f1;
border-radius:6px 6px 0 0;
border-bottom:1px solid #ccc;
padding:8px 13px 6px;
font-size:1.12em
}
#casePage .nav-panel>.nav-inner>li>a>.nav-content{
display:block;
border-top:1px solid #fff;
border-bottom:1px solid #c6c5c5;
border-radius:0 0 6px 6px;
padding:13px;
background:url('/images/case-bg-nav_panel.png') no-repeat 100% 100%
position:relative;
}
#casePage .nav-panel>.nav-inner>li>a>.nav-content>.label-int{
position: absolute;
top: -2px;
left: -1px;
background: #aeaead;
border-radius: 0;
font-size: 0.8em;
color: #fff;
padding: 3px 4px;
line-height: 1.1;
}
#casePage .nav-panel>.nav-inner>li>a>.new{
display:block;
position:absolute;
top:-2px;
right:-3px
}
#casePage .nav-panel>.nav-inner>li>a:hover{
text-decoration:none;
background:#dbdbdb
}
#casePage .nav-panel>.nav-inner>li>a:hover>.nav-title{
background:#c4c3c3
}
#casePage .unit-icoText{
display:block;
*zoom:1
}
#casePage .unit-icoText:after{
content:'';
display:block;
clear:both
}
#casePage .unit-icoText:after{
content:'';
display:block;
clear:both
}
#casePage .unit-icoText>.ico{
display:block;
width:90px
}
#casePage .unit-icoText>.ico.pull-left{
float:left;
margin-right:10px
}
#casePage .unit-icoText>.ico.pull-right{
float:right;
margin-left:10px
}
#casePage .unit-icoText>.text{
display:block;
overflow:hidden;
position:relative
}
#casePage .unit-icoText>.text>.text-main{
display:block;
margin-bottom:4em;
line-height:1.2
}
#casePage .unit-icoText>.text>.text-sub{
font-size:.86em;
display:block;
line-height:1.2;
position:absolute;
bottom:0;
left:0
}
#casePage #mainContents{
padding-top:40px;
color:#464646;
line-height:1.6
}
#casePage .contentsBtm{
padding-top:15px;
background:transparent
}
#casePage .module-closeOpen>.module-content-inner.sqex-inner{
padding-right:0
}
#casePage .unit-titleText>.unit-title.sqex-size{
font-size:1.95em
}
#casePage .unit-logos.sqex-style{
margin-right:50px
}
.module-content-sqex{
margin-top:-40px
}
.module-content-sqex .indent-txt{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:0;
display:block;
display:inline-block\9;
*display:block
}
.module-content-sqex .module-content-inner{
position:relative
}
.module-content-sqex .module-content-inner .unit-title{
background:url('/images/case-bg-bln-case_dq_ph01.png') no-repeat 100% 100%;
width:1000px;
height:394px
}
.module-content-sqex .module-content-inner .sqex-jirei-box{
background:url('/images/case-bg-bln-case_dq_ph02.png') no-repeat 100% 100%;
width:1000px;
height:83px
}
.module-content-sqex .module-content-inner .sqex-jirei-txt01{
background:url('/images/case-bg-bln-case_dq_ph03.png') no-repeat 100% 100%;
width:1000px;
height:236px
}
.module-content-sqex .module-content-inner .sqex-jirei-txt02{
background:url('/images/case-bg-bln-case_dq_ph04.png') no-repeat 100% 100%;
width:1000px;
height:196px
}
.module-content-sqex .module-content-inner .item.sqexStyle{
position:absolute;
bottom:52px;
right:34px
}
.module-content-sqex .module-content-inner .item.sqexStyle a{
margin-left:10px;
display:inline-block
}
@media print{
#header .pullLeft .siteLogo a img{
margin:-135px 0 0
}
#header .pullRight .niftyLogo a img{
margin:-180px 0 0
}
#footer .footerContents .footerLinks .pullLeft .ncLogo a img{
margin:-231px 0 0
}
#pricePage .priceList table{
border-top:1px solid #000 !important;
border-right:1px solid #000 !important;
border-radius:0
}
#pricePage .priceList table th,#pricePage .priceList table td{
border-left:1px solid #000 !important;
border-bottom:1px solid #000 !important;
border-radius:0 !important
}
#pricePage .priceList table tr.title th.expert .premium{
display:none
}
#pricePage .serviseUnit{
padding-top:0
}
#pricePage .serviseUnit li{
float:none !important;
width:auto;
min-height:auto;
padding:15px;
margin-left:0 !important;
margin-right:0 !important;
border:1px solid #bfbebe
}
#pricePage .serviseUnit li a{
display:block;
padding:0
}
#pricePage .serviseUnit li a .icon{
display:none
}
#pricePage .serviseUnit li a em{
display:inline;
margin:0 !important;
font-size:1.7em;
letter-spacing:-0.04em
}
#pricePage .serviseUnit li a .link{
display:none
}
#pricePage .serviseUnit li a .txt{
padding:0
}
#pricePage .noticeUnit{
padding-top:0
}
}
.clearfix{
zoom:1
}
.clearfix:after{
display:block;
clear:both;
content:""
}
.pullLeft .nav{
text-align:left
}
.pullLeft .nav li.footerNavBlock{
float:left;
width:248px;
height:auto;
margin-right:40px
}
.footerNavCaption{
padding-bottom:7px;
font-size:100%;
font-weight:bold
}
.pullLeft .footerNavContents li{
display:block;
line-height:1.5;
height:auto;
padding-left:14px;
background:url(../images/ico_arrow.gif) no-repeat 0 5px
}
.pullLeft .nav li.footerNavBlock .last{
padding-bottom:17px
}
.pullLeft .nav li.lastNav,#footer .footerContents .footerNav .pullLeft .nav li.lastNav a{
margin-right:0;
width:auto
}
#footer .footerContents{
padding:0 0 25px
}
#footer .footerContents .footerNav{
padding:28px 0 38px
}a:hover img.hover{
opacity:.6;
filter:alpha(opacity=60)
}
.textLink{
padding-left:16px;
text-indent:-16px
}
.textLink a{
background:url(../images/ico_arrow02.png) no-repeat 0 8px;
padding-left:15px
}
.bannerUnit{
background:#eaeaea;
padding:40px 0
}
.bannerUnit .module{
margin:0 auto;
width:1000px
}
.bannerUnit a{
position:relative
}
.bannerUnit .bnrEbook .btnEbook{
position:absolute;
left:20px;
bottom:26px
}
.bannerUnit .bnrEbook .btnEbook{
height:51px;
overflow:hidden
}
.bannerUnit .bnrEbook a:hover .btnEbook img{
margin:-51px 0 0
}
.bannerList li{
display:inline-block;
vertical-align:middle;
border:1px solid #d1d1d1;
background:#fff;
margin-right:15px
}
.bannerList li.last{
margin:0
}
.bannerList li .imageBanner{
display:block;
padding:0 0 15px
}
.bannerList li a{
display:inline-block;
padding:19px 19px 14px
}
.bannerList li:hover a img.hover{
background:#fff;
opacity:.6;
filter:alpha(opacity=60)
}
.ml15{
margin-left:15px !important
}
.bnr_special{
font-size: 15px;
 font-weight: bold;
 padding: 1ex;
 color: rgb(0, 74, 122);
 background-color: rgb(238, 238, 255);
 border-bottom: 3px solid rgb(221, 221, 221)
}


/*omron*/

#casePage .module-closeOpen>.unit-des img {
    top: 0;
}


/*************
20170105
add autobacs
**************/
.autobacs-layout .text-box{
  float: left;
  width: 560px;
  margin-right: 35px;
}
.autobacs-layout .text-box ul{
  display: table;
  width: 100%;
  margin: -10px 0 25px 0;
}
.autobacs-layout .text-box .box{
  display: table-cell;
  width: 50%;
  padding: 10px 15px;
}
.autobacs-layout .text-box .box-ttl{
  color: #076baf;
  background: #fff;
  border-radius: 5px;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  margin-bottom: 20px;
}

.autobacs-layout .case-autobacs{
  float: left;
}

.autobacs-layout .app-btn{
  text-align: center;
}
.autobacs-layout .app-btn a{
  display: inline-block;
  background: #E2005C;
  border-radius: 4px;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 12px 155px;
  text-align: center;
  box-shadow: 0 4px 0 #BC0A5B;
  transition: 0.6s;
}
.autobacs-layout .app-btn a:hover{
  text-decoration: none;
  background-color: #FBB03B;
  box-shadow: 0px 4px 0 #C16E0A;
}

#applist{
  font-size: 0.8em;
}
.border_separate {
  border-top: dashed 1px skyblue;
}