@charset 'utf-8';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 14px;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0 }
body {
    line-height: 1;
    color: #666;
    background: white;
}
ol,
ul { list-style: none }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after { content: "" }
blockquote,
q { quotes: "" "" }
a span { cursor: pointer }
/*
based on Stefan Nitzsche窶冱 work
http://nitzsche.info
*/
html { height: 100% }
body {
    height: 101%;
    background-color: #fff;
    font-family: sans-serif;
}
strong,
b { font-weight: bold }
em,
i { font-style: italic }
.hideme {
    position: absolute;
    left: -9999em;
    top: -9999em;
}
label,
input[type=button],
input[type=submit],
button { cursor: pointer }
abbr[title] {
    border-bottom: 1px dotted #888 !important;
    cursor: help;
}
a abbr { cursor: pointer !important }
#navi-global:after,
#contents:after,
.people-detail:after,
div.incubation-company p.logo-company:after,
#sidebar .company-widget p.logo-company:after,
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
address { *font-style: normal }
img { -ms-interpolation-mode: bicubic }
#navi-global,
#contents,
.people-detail,
div.incubation-company p.logo-company,
#sidebar .company-widget p.logo-company,
.clearfix { display: inline-block }
/* ---- container styles ---- */
#container {
    width: 980px;
    margin: 0 auto;
}
#header {
    position: relative;
    width: 980px;
    height: 178px;
    background: #f60;
    margin-bottom: 22px;
}
#contents { width: 980px }
#main-contents {
    float: left;
    width: 650px;
    padding: 0 0 0 41px;
}
#main-contents p {
    width: 612px;
    line-height: 22px;
    margin-bottom: 10px;
}
body#cases #main-contents p { width: 584px }
h2#faq-heading {
    clear: both;
    padding-bottom: 24px;
    padding-top: 24px;
}
#main-contents p.question {
    margin-bottom: 15px;
    padding-top: 6px;
    padding-left: 33px;
    padding-bottom: 5px;
    text-indent: -18px;
    width: 564px;
    background: url(images/common/border_darkgray.gif) repeat-x 0 0;
}
#main-contents p.faq { width: auto }
#main-contents p.faq a { border-bottom: 1px dotted #666 }
#main-contents div.faq-container { width: 612px }
#main-contents div.faq-container * { line-height: 22px }
#main-contents div.faq-container ul { margin-bottom: 22px }
#main-contents div.faq-container li { list-style: square inside }
#main-contents div.answer-container {
    margin-bottom: 30px;
    padding: 0 14px;
}
#main-contents .articles {
    width: 611px;
    margin-bottom: 15px;
}
#main-contents .topics-container { clear: both }
#main-contents .topics-container .topics-column {
    float: left;
    width: 325px;
}
#main-contents .topics-container .topics-column div.topic {
    width: 285px;
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x left bottom;
    padding-bottom: 12px;
    margin-bottom: 23px;
}
body#top #main-contents .topics-container .topics-column div.topic { background: url(http://www.archetype.co.jp/images/common/border_gray.gif) repeat-x left bottom }
#main-contents .topics-container .topics-column div.topic p { width: 285px }
#main-contents .topics-container .topics-column div.topic p {
    line-height: 22px;
    margin-bottom: 0px;
}
#main-contents .topics-container .topics-column div.topic p.case-title { margin-bottom: 14px }
#main-contents .topics-container .topics-column div.topic li {
    line-height: 22px;
    list-style: square inside;
}
#main-contents .topics-container .topics-column div.topic p.line-wide { line-height: 28px }
#main-contents .topics-container .topics-column div.topic a .moreread {
    display: inline-block;
    color: #999;
    font-size: 12px;
    line-height: 28px;
}
#main-contents .topics-container .topics-column div.topic a:hover .moreread { color: #ff9752 }
#sidebar {
    float: right;
    width: 285px;
}
#footer {
    clear: both;
    margin-top: 25px;
    padding: 13px 0 0 41px;
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x 0 0;
}
/* ---- element styles ---- */
.heading-gray { padding-bottom: 0px }
.heading-underline { padding-bottom: 13px }
#contents a {
    color: #666;
    text-decoration: none;
}
#contents a:hover { color: #ff9752 }
.goto-detail p,
.goto-list p {
    text-align: right;
    height: 20px;
}
.goto-detail p { background: url(http://www.archetype.co.jp/images/common/button-detail-hover.gif) no-repeat right top }
.goto-list p { background: url(http://www.archetype.co.jp/images/common/button-list-hover.gif) no-repeat right top }
.goto-detail p a,
.goto-list p a {
    display: block;
    float: right;
    border: none !important;
}
.goto-detail p a:hover,
.goto-list p a:hover {
    opacity: 0;
    filter: alpha(opacity=0);
}
/* ---- header styles ---- */
#header #logo-corporate-header {
    float: left;
    width: 257px;
    padding: 12px 0 0 49px;
}
/* function navigation */
#header #navi-function {
    float: right;
    width: 480px;
    padding-top: 12px;
}
#header #navi-function li { float: left }
#header #navi-function li.people {
    width: 95px;
    background: url(http://www.archetype.co.jp/images/common/navi-function-people-hover.gif) no-repeat 0 0;
}
#header #navi-function li.member {
    width: 80px;
    background: url(http://www.archetype.co.jp/images/common/navi-function-member-hover.gif) no-repeat 0 0;
}
#header #navi-function li.contact {
    width: 128px;
    background: url(http://www.archetype.co.jp/images/common/navi-function-contact-hover.gif) no-repeat 0 0;
}
#header #navi-function li.japanese {
    width: 50px;
    padding-top: 3px;
    background: url(http://www.archetype.co.jp/images/common/navi-function-japanese-hover.gif) no-repeat 0 3px;
}
#header #navi-function li.english {
    width: 67px;
    padding-top: 3px;
    background: url(http://www.archetype.co.jp/images/common/navi-function-english-hover.gif) no-repeat 0 3px;
}
#header #navi-function li a {
    display: block;
    height: 26px;
}
#header #navi-function li a:hover {
    opacity: 0;
    filter: alpha(opacity=0);
}
#header #navi-function li.japanese a.selected,
#header #navi-function li.english a.selected {
    opacity: 0;
    filter: alpha(opacity=0);
}
/* global navigation */
#header #navi-global {
    position: absolute;
    left: 0;
    bottom: 0;
    clear: both;
    margin-top: 51px;
}
#header #navi-global li {
    float: left;
    width: 164px;
    height: 45px;
}
#header #navi-global li.about {
    width: 163px;
    background: url(http://www.archetype.co.jp/images/common/navi-global-about-hover.gif) no-repeat 0 0;
}
#header #navi-global li.cases { background: url(http://www.archetype.co.jp/images/common/navi-global-cases-hover.gif) no-repeat 0 0 }
#header #navi-global li.consultation { background: url(http://www.archetype.co.jp/images/common/navi-global-consultation-hover.gif) no-repeat 0 0 }
#header #navi-global li.incubation { background: url(http://www.archetype.co.jp/images/common/navi-global-incubation-hover.gif) no-repeat 0 0 }
#header #navi-global li.blog { background: url(http://www.archetype.co.jp/images/common/navi-global-blog-hover.gif) no-repeat 0 0 }
#header #navi-global li.library {
    width: 161px;
    background: url(http://www.archetype.co.jp/images/common/navi-global-library-hover.gif) no-repeat 0 0;
}
#header #navi-global li a {
    display: block;
    height: 45px;
}
#header #navi-global li a:hover,
#header #navi-global li a.selected {
    opacity: 0;
    filter: alpha(opacity=0);
}
/* ---- footer styles ---- */
#footer #navi-sitemap li {
    float: left;
    padding-top: 13px;
    width: 49px;
}
#footer #navi-sitemap li.about,
#footer #navi-sitemap li.cases { width: 110px }
#footer #navi-sitemap li.consultation { width: 90px }
#footer #navi-sitemap li.incubation { width: 58px }
#footer #navi-sitemap li.blog { width: 44px }
#footer #navi-sitemap li.library { width: 58px }
#footer #navi-sitemap li.news { width: 53px }
#footer #navi-sitemap li.people { width: 45px }
#footer #navi-sitemap li a {
    color: #666;
    text-decoration: none;
    font-size: 10px;
    *font-size: 9px;
    line-height: 14px;
}
#footer #navi-sitemap li a:hover {
    color: #ff9752;
    text-decoration: underline;
}
#footer #info-contact {
    float: right;
    width: 219px;
    height: 97px;
    padding: 11px 50px 0 14px;
    background: url(http://www.archetype.co.jp/images/common/bg_info-contact.gif) no-repeat 0 0;
}
#footer #info-contact h6,
#footer #info-contact address,
#footer #info-contact p {
    font-size: 12px;
    color: #666;
}
#footer #info-contact h6 {
    margin-bottom: 10px;
    font-weight: normal;
}
#footer #info-contact address {
    margin-bottom: 4px;
    line-height: 16px;
}
#footer #info-contact p { line-height: 14px }
#footer #copyrights {
    clear: left;
    float: left;
    width: 250px;
    font-size: 12px;
    color: #333;
    padding-top: 27px;
    padding-bottom: 15px;
}
/* sidebar styles */
#sidebar #boilerplate-widget {
    overflow: hidden;
    background: url(http://www.archetype.co.jp/images/common/bg_boilerplate_bottom.gif) no-repeat left bottom;
    margin-bottom: 23px;
}
#sidebar #boilerplate-widget p {
    padding: 10px 0 18px 15px;
    line-height: 28px;
    width: 215px;
}
#sidebar #boilerplate-widget p a { line-height: 28px }
#sidebar #boilerplate-widget p a .readmore { font-size: 12px }
#sidebar #news-widget {
    overflow: hidden;
    background: url(http://www.archetype.co.jp/images/common/bg_news_widget_bottom.gif) no-repeat left bottom;
    padding-bottom: 21px;
}
#sidebar #news-widget .article {
    margin: 0;
    padding: 16px 0 0 13px;
    width: 215px;
}
#sidebar #news-widget .article .date {
    font-size: 12px;
    margin-bottom: 3px;
}
#sidebar #news-widget .article a { line-height: 20px }
#sidebar #news-widget .goto-list {
    width: 228px;
    padding-top: 14px;
}
#sidebar .archive-widget { margin-bottom: 21px }
#sidebar .archive-widget ul li { padding: 17px 6px 0 }
#sidebar #whatsup-widget {
    width: 241px;
    margin-bottom: 22px;
}
#sidebar #whatsup-widget #whatsup-widget-title { margin-bottom: 9px }
#sidebar #whatsup-widget .article-title {
    margin-bottom: 12px;
    zoom: 1;
}
#sidebar #whatsup-widget .article-title p {
    background: none;
    font-size: 14px;
    line-height: 22px;
    padding: 0 14px 10px;
}
#sidebar #whatsup-widget .article-title p.date {
    font-size: 12px;
    background: url(http://www.archetype.co.jp/images/common/bg_heading_orange.gif) repeat-x 0 0;
    padding: 13px 14px 0;
}
#sidebar #whatsup-widget .article-title p a { font-size: 14px }
#sidebar #whatsup-widget .goto-list { width: 220px }
#sidebar .company-widget {
    width: 241px;
    margin-bottom: 22px;
}
#sidebar .company-widget .company-widget-title { margin-bottom: 19px }
#sidebar .company-widget .company { margin-bottom: 18px }
#sidebar .company-widget p {
    line-height: 22px;
    font-size: 12px;
}
#sidebar .company-widget p a {
    color: #ff9752;
    font-size: 12px;
}
#sidebar .company-widget p a:hover { text-decoration: underline }
#sidebar .company-widget p.logo-company {
    margin-bottom: 4px;
    position: relative;
    font-size: 12px;
}
#sidebar .company-widget p.logo-company a {
    position: relative;
    font-size: 12px;
    color: #666;
    line-height: 22px;
}
#sidebar .company-widget p.logo-company a:hover { text-decoration: none }
#sidebar .company-widget p.logo-company img {
    float: left;
    padding-right: 15px;
}
#sidebar .company-widget p.logo-company span {
    position: relative;
    font-size: 12px;
    line-height: 18px;
}
#sidebar .company-widget #targeting p.logo-company span { top: 0 }
#sidebar .company-widget #archetypecomm p.logo-company { width: 243px }
#sidebar .company-widget #archetypecomm p.logo-company span { top: -6px }
#sidebar .company-widget #original p.logo-company span { top: -5px }
/* whats up styles */
.article { margin-bottom: 0px }
.article-title { background: url(http://www.archetype.co.jp/images/common/bg_heading_gray.gif) }
.article-title p {
    padding: 10px 14px 5px;
    background: url(http://www.archetype.co.jp/images/common/bg_heading_orange.gif) repeat-x 0 0;
}
body#top .article-title p { width: 583px }
body#news .article-title p {
    padding: 10px 14px 6px;
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x 0 0;
}
body#cases .article-title p {
    overflow: hidden;
    padding: 10px 14px 5px;
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x 0 0;
    font-size: 16px;
    line-height: 22px;
}
.article-title p a {
    font-size: 16px;
    line-height: 22px;
}
body#news .article-title p a {
    overflow: hidden;
    display: block;
    width: 547px;
    padding-right: 44px;
}
body#news #main-contents p { width: auto }
.article-title p .date {
    display: table-cell;
    padding: 6px 6px 0 0;
    font-size: 12px;
    line-height: 1;
    text-align: left;
}
* html .article-title p .date {
    _display: inline-block;
    _height: 100%;
}
.article-title p .label {
    display: table-cell;
    font-size: 16px;
    text-align: left;
}
* html .article-title p .label { _display: inline-block }
body#news .article-body {
    padding-right: 4px;
    line-height: 22px;
    padding: 13px 14px 0px;
    width: 539px;
}
body#cases .article-body {
    line-height: 22px;
    padding: 13px 14px 7px;
    width: 539px;
    padding-right: 4px;
}
body#cases .article-body li,
body#news .article-body li { list-style: square inside }
body#news .permalink .article-body a { border-bottom: 1px dotted #666 }
body#news .permalink .article-body a:hover { border-bottom: 1px dotted #ff9752 }
body#news .article-body p span.readmore { font-size: 12px }
body#news .article div.goto-list { width: 553px }
body#news .article-author {
    text-align: right;
    padding-right: 4px;
    line-height: 22px;
    padding: 10px 0px 10px;
    width: 539px;
}
/* cases page styles*/
#main-contents .topics-container .topics-column div.incubation-company {
    width: 285px;
    margin-bottom: 38px;
}
#main-contents .topics-container .topics-column div.incubation-company p {
    width: 285px;
    line-height: 22px;
}
#main-contents .topics-container .topics-column div.incubation-company p a { color: #ff9752 }
#main-contents .topics-container .topics-column div.incubation-company p a:hover { border-bottom: 1px dotted #ff9752 }
#main-contents .topics-container .topics-column div.incubation-company p.logo-company { margin-bottom: 11px }
#main-contents .topics-container .topics-column div.incubation-company p.logo-company a {
    color: #666;
    position: relative;
    line-height: 22px;
}
#main-contents .topics-container .topics-column div.incubation-company p.logo-company a:hover { text-decoration: none }
#main-contents .topics-container .topics-column div.incubation-company p.logo-company a img {
    float: left;
    padding-right: 12px;
}
#main-contents .topics-container .topics-column div.incubation-company p.logo-company a span { position: relative }
#main-contents .topics-container .topics-column div#itokuro.incubation-company p.logo-company a span { top: 4px }
#main-contents .topics-container .topics-column div#jmagic.incubation-company p.logo-company a span { top: 4px }
#main-contents .topics-container .topics-column div#glucose.incubation-company p.logo-company a span { top: -5px }
#main-contents .topics-container .topics-column div#nakedtechnology.incubation-company p.logo-company a span { top: -6px }
#main-contents .topics-container .topics-column div#koozyt.incubation-company p.logo-company a span { top: 4px }
#main-contents .topics-container .topics-column div#datasection.incubation-company p.logo-company a span { top: -7px }
#main-contents .topics-container .topics-column div#aai.incubation-company p.logo-company a span { top: 4px }
/* people page styles */
body#people #main-contents .company-name {
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x left bottom;
    width: 611px;
    padding-top: 10px;
    padding-bottom: 16px;
    margin-bottom: 27px;
}
body#people #main-contents .company-name li { margin-bottom: 10px }
body#people #main-contents ol#whatwedo {
    width: 611px;
    padding-bottom: 22px;
    margin-bottom: 22px;
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x left bottom;
}
body#people #main-contents ol#whatwedo li {
    line-height: 22px;
    margin-bottom: 6px;
    list-style: decimal;
    list-style-position: outside;
    margin-left: 22px;
    *margin-left: 26px;
}
body#people #main-contents .info {
    width: 611px;
    padding-bottom: 25px;
    margin-bottom: 22px;
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x left bottom;
}
body#people #main-contents p#location {
    margin-bottom: 22px;
    line-height: 22px;
}
body#people #main-contents p#location a { border-bottom: 1px dotted #666 }
body#people #main-contents p#location a:hover { border-bottom: 1px dotted #FF9752 }
body#people #main-contents .info .map {
    text-align: center;
    margin-bottom: 22px;
}
body#people #main-contents .people-detail {
    width: 611px;
    margin-bottom: 22px;
    background: url(http://www.archetype.co.jp/images/common/border_orange.gif) repeat-x left bottom;
}
body#people #main-contents .people-detail h2 {
    float: left;
    width: 63px;
}
body#people #main-contents .people-detail .people {
    float: right;
    width: 548px;
    padding-bottom: 25px;
}
body#people #main-contents .people-detail .people .photo {
    float: left;
    width: 108px;
}
body#people #main-contents .people-detail .people .photo p { width: 108px }
body#people #main-contents .people-detail .people .profile {
    float: left;
    width: 440px;
}
body#people #main-contents .people-detail .people .profile p {
    width: auto;
    font-size: 12px;
    line-height: 22px;
}
body#people #main-contents .people-detail .people .profile a {
    width: auto;
    font-size: 12px;
    line-height: 22px;
    text-decoration: underline;
}
body#people #main-contents .people-detail .people .profile p.name {
    font-size: 16px;
    margin-bottom: 10px;
}
body#people #main-contents .people-detail .people .profile p.name .post {
    font-size: 14px;
    padding-left: 15px;
}
body#people #main-contents .outside {
    clear: both;
    margin-bottom: 28px;
}
body#people #main-contents .outside li { margin-bottom: 12px }
/* error page styles */
body#error h1#error-logo { padding: 39px 0 0 40px }
/* addition */
.content-nav {
    text-align: center;
    padding-top: 41px;
}