@charset "UTF-8";
@import url(reset.css);
/*************************************************/
/* Layout Section                                */
/*************************************************/

/* Container */
div.container {
    padding-top: 20px;
}

/*************************************************/

/*************************************************/
/* Layout Section in Header                      */
/*************************************************/

div.header {
    height: 73px;
}
/* Header H1 */
div.header h1 {
    float: left;
    padding-top: 58px;
    width: 498px;
    text-align: left;
    font-size: 16px;
}

div.header h1 span {
    padding-left: 20px;
    font-weight: normal;
    font-size: 12px;
}

/* Header Logo */
div.headlogo {
    float: right;
    width: 96px;
}

/*************************************************/

/*************************************************/
/* Layout Section in Contents                    */
/*************************************************/




/*************************************************/

/*************************************************/
/* style section in Contents                     */
/*************************************************/

/* Element */
div.element {
    padding: 20px 20px 0 20px;
    text-align: left;
}

div.element h2 {
    text-align: left;
}

div.element h2 span {
    padding-left: 20px;
    font-weight: normal;
    font-size: 12px;
}

/*************************************************/

div.corp,
div.prof,
div.map,
div.orig,
div.act,
div.act-contents,
div.idea,
div.employ,
div.ppolicy,
div.press-contents,
div.press {
    margin: 0 auto 20px auto;
    width: 540px;
}

/*************************************************/
/* style section in 会社情報,プロフィール        */
/*************************************************/

div.prof table,
div.corp table {
    width: 100%;
}

div.prof caption,
div.corp caption {
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px solid #999999;
}

div.prof th,
div.corp th {
    padding: 5px 0;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #999999;
}
div.prof td {
    padding: 5px 0;
    width: 400px;
    text-align: left;
    border-bottom: 1px solid #999999;
}
div.corp td {
    padding: 5px 0;
    width: 340px;
    text-align: left;
    border-bottom: 1px solid #999999;
}
div.prof td span,
div.corp td span {
    padding-left: 10px;
    font-size: 10px;
}

/*************************************************/
/* style section in アクセス情報                 */
/*************************************************/

div.map {
    text-align: center;
}

table.access {
    margin: 20px auto 0 auto;
    width: 480px;
}

table.access th {
    padding: 3px 0;
    width: 80px;
    text-align: left;
    font-weight: normal;
}
table.access td {
    padding: 3px 0;
    text-align: left;
}

table.accessinfo th {
    padding-right: 5px;
    text-align: right;
}

/*************************************************/
/* style section in 社名由来                     */
/*************************************************/

div.orig p {
    padding: 10px;
    line-height: 150%;
    text-align: left;
}

/*************************************************/
/* style section in 事業内容                     */
/*************************************************/

/* 経営理念 */
div.idea p {
    padding: 20px 0 0 30px;
    font-size: 14px;
    text-align: left;
}

/* 事業目的 */
div.act ul {
    margin: 10px 0 0 40px;
    list-style-type: circle;
}

div.act li {
    padding-top: 3px;
    padding-bottom: 3px;
}


/* 技術者の実績 */
div.act h3 {
    margin: 10px 0 0 10px;
}

div.act p {
    padding: 10px 0 10px 30px;;
    color: #444444;
}

/* 実績の目次 */
div.act-contents ol {
    padding-bottom: 5px
}

div.act-contents ol ol {
    list-style-type: lower-roman;
}

div.act-contents ol ol ol {
    list-style-type: lower-alpha;
}

div.act-contents ol li {
    font-weight: bold;
}

div.act-contents ol li li,
div.element_table ol li li li {
    font-weight: normal;
}

div.act-contents li {
    padding-top: 3px;
    padding-bottom: 3px;
}

/*************************************************/

/*************************************************/
/* style section in 採用情報                     */
/*************************************************/

/* element bosyu */
p.bosyutitle {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-color: #666666;
    text-align: center
}

p.bosyuinfo {
 margin: 10px 30px;
 text-align: left;
 line-height: 150%;
}

/*************************************************/

div.employ table {
    width: 100%;
}

div.employ th {
    width: 100px;
    padding: 5px 0;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #999999;
}

div.employ td {
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px solid #999999;
}

div.employ ul {
    padding-left: 20px;
    padding-bottom: 10px;
    list-style-type: circle;
}

ul.doc {
    padding: 5px 0 0 20px;
    list-style-type: circle;
}

div.employ li {
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.doc li {
    padding-top: 0;
    padding-bottom: 0;
}

/*************************************************/

/*************************************************/
/* style section in プレスリリース               */
/*************************************************/

div.press-contents ul {
    margin: 20px 0 0 10px;
}

div.press-contents li {
    margin-bottom: 10px;
    padding: 0 0 10px 20px;
    background: url(../img/mark.gif) no-repeat top left;
    border-bottom: 1px dotted #666666;
}

div.press-contents li a {
    font-size: 14px;
    font-weight: bold;
}

div.press-contents li span {
    display: block;
    color: #444444;
}

div.press-contents li span.day {
    text-align: right;
    font-weight: bold;
    color: #000000;
}

/*************************************************/
/* style section in プレスリリース記事           */
/*************************************************/

div.nav {
    text-align: right;
}
div.nav a {
    padding-left: 5px;
}

#page1 #nav1,
#page2 #nav2,
#page3 #nav3,
#page4 #nav4,
#page5 #nav5 {
    font-weight: bold;
    color: #000000;
}

div.press p {
    margin: 10px;
    line-height: 150%;
}

div.imgl {
    float: left;
}

div.imgr {
    float: right;
}

div.imgl img {
    margin: 0 10px;
    border: 1px solid #999999;
}

div.imgr img {
    margin: 0 10px;
    border: 1px solid #999999;
}

div.imgl p,
div.imgr p {
    margin: 0 10px;
}


div.press table {
    margin: 10px 0 0 20px;
}

div.press table th,
div.press table td {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 150%;
    text-align: left;
}

table.aboutus th {
    width: 150px;
}

table.organiz td {
    padding-right: 30px;
}

table.target th,
table.target td {
    padding: 5px 20px !important;
    text-align: center !important;
    border: 1px solid #000000;
}

ul.market {
    margin: 20px 0 0 30px;
    list-style-type: disc;
}
ul.market ul {
    margin: 0 0 0 30px;
    list-style-type: circle;
}

ul.market li {
    margin: 10px 0;
}

/*************************************************/
/* style section in 個人情報保護方針             */
/*************************************************/

/* 更新履歴 */
div.ppolicy table.history {
    width: 100%;
    text-align: right;
}

div.ppolicy td.day {
    width: 120px;
}

/* 保護方針 */
div.ppolicy ol li {
    margin: 10px 0 20px 0;
    font-weight: bold;
    line-height: 150%;
}

div.ppolicy ol ol {
    margin-left: 12px;
    padding-left: 12px;
}

div.ppolicy ol ol ol {
    margin-left: 12px;
    padding-left: 12px;
}

div.ppolicy ol.roman {
    list-style-type: lower-roman;
}
div.ppolicy ol.alpha {
    list-style-type: lower-alpha;
}

div.ppolicy ol ol ul,
div.ppolicy ol ol ol ul {
    margin: 0 0 0 12px;
    padding: 0 0 0 12px;
    list-style-type: circle;
}
div.ppolicy ol ol ul li,
div.ppolicy ol ol ol ul li {
    margin: 0;
    padding: 0;
}
div.ppolicy ol li span {
    display: block;
    font-weight: normal;
}

div.ppolicy ol li span.info {
    display: block;
    padding: 5px 0 0 2ex;
    text-indent: -2ex;
    font-size: 10px;
    font-weight: normal;
}

div.ppolicy ol li li {
    font-weight: normal;
    margin-bottom: 10px;
}

div.ppolicy ul ul {
    padding: 10px 0 10px 30px;
    list-style-type: circle;
}

div.ppolicy ul li {
    font-weight: bold;
    padding-bottom: 5px;
}

div.ppolicy ul li li {
    font-weight: normal;
}

div.ppolicy table.contact {
    margin-left: 50px;
    width: 500px;
    text-align: left;
    border: 1px solid #666666;
}

div.ppolicy table.contact td {
    padding: 5px;
}

div.ppolicy table.contact td.center {
    text-align: center;
}

div.ppolicy table.logo {
    margin: 10px;
    text-align: left;
}

div.ppolicy table.logo td {
    vertical-align: middle;
    padding-right: 20px;
}

div.ppolicy p.info {
    margin-left: 50px;
    width: 500px;
}
/* 利用目的 */
div.ppolicy p {
    margin-top: 20px;
    margin-bottom: 20px;
}

table.purpose {
}

table.purpose th {
    white-space: nowrap;
}

table.purpose th,
table.purpose td {
    padding: 5px;
    border: 1px solid #999999;
}
table.purpose ul {
    margin-left: 20px;
    list-style: disc;
}
table.purpose ul li {
    font-weight: normal;
}
table.purpose ul li span {
    font-size: 10px;
    font-weight: normal;
}

/*************************************************/