@charset "UTF-8";

/* -*- Encoding: utf8n -*- */

/* case right
 ------------------------------------------------------*/
#right .case-scene {
    width:242px;
    margin:20px auto 20px auto;
    border:2px solid #d9e3ef;
    padding:0 8px;
}
#right .case-scene h3 {
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:15px 0 10px 0;
    font-weight:bold;
}
#right .case-scene ul {
    padding-bottom:10px;
}
#right .case-scene li {
    border:0;
    padding:0;
    margin:0;
    margin-left:5px;
    background:url(/jp/image/asteria/common/icon_arrow_01.jpg) no-repeat;
    background-position:0 6px;
    padding-left:10px;
}
/* case
 ------------------------------------------------------*/
#case {
    width:550px;
    margin:0 auto;
}
#case h2 {
    background:url(/jp/image/asteria/common/title_bg_01.jpg) no-repeat;
    width:512px;
    height:29px;
    line-height:29px;
    padding-left:25px;
    font-weight:bold;
    color:black;
    margin-top:20px;
}
#case p {
    margin:1em 0;
}
#case p.title-info {
    background:url(/jp/image/asteria/common/title_bg_04.jpg) no-repeat;
    width:512px;
    height:29px;
    line-height:25px;
    padding-left:20px;
    font-weight:bold;
    color:black;
    margin-top:20px;
}
#case p.title {
    margin:0 0 1em 0;
}
#case p a {
    text-decoration:underline;
}
#case .page-top-link {
    text-align:right;
    margin:10px 0;
}
#case .page-top-link a {
    display:inline;
    background:url(/jp/image/asteria/common/pagetop_icon.jpg) no-repeat;
    background-position:0 4px;
    padding-left:20px;
    
}
#case .case-li h3 {
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:15px 0;
    font-weight:bold;
}
#case .case-li h3 .new {
    background:url(/jp/image/asteria/common/case_new.jpg) no-repeat;
    background-position:0 2px;
    padding-left:40px;
        font-weight:bold;
}
#case .case-li h4 {
    background-position:0 5px;
    margin:15px 3px;
    margin-left:10px;
    padding-left:12px;
}
#case .case-li .case-body img {
    float:right;
    margin:0 15px 15px 15px;
}
#case .case-li .case-body .more {
    clear:both;
    text-align:right;
}
#case .case-li .case-body .more a {
    background:url(/jp/image/asteria/common/icon_arrow_02.gif) no-repeat;
    padding-left:20px;
}
/*
 ------------------------------------------------------*/
#left .case-inner {
    padding-top:15px;
    margin-bottom:20px;
    margin-top:10px;
    _width:535px;
}
#left .case-inner h3 {
    width:100%;
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:0 0 15px 0;
    _width:250px;
        font-weight:bold;
}
#left .case-inner .case-inner-left {
    width:250px;
    float:left;
    padding:0;
    margin-right:37px;
    _margin-right:9px;
}
#left .case-inner .case-inner-right {
    width:250px;
    float:left;
    padding:0;
    
}
#left .case-inner span {
    display:block;
    text-align:right;
}
#left .case-inner span a {
    background:url(/jp/image/asteria/common/icon_arrow_02.gif) no-repeat;
    padding-left:20px;
}
#left .case-inner .active {
    background-color:#eff2f9;
}
/*
 ------------------------------------------------------*/
#left h3.industry {
    width:100%;
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:10px 0 0 0;
  font-weight:bold;
}
#left table.case_industry {
    background-color:white;
    border:1px solid #c0c0c0;
    margin:15px 0 5px 0;
    padding:0;
    border-collapse:collapse;
    width:100%;
}
#left table.case_industry td {
    border:1px solid #c0c0c0;
    margin:0;
    padding:0;
    vertical-align:top;
    padding:3px 5px;
}
#left table.case_industry td.name {
    width:30%;
}
#left table.case_industry td.logo {
    width:15%;
    vertical-align:middle;
    text-align:center;
}
#left table.case_industry td.text {
    width:55%
}
#left table.case_industry td.text a {
    text-decoration:underline;
}
#left table.case_industry td li {
    background:url(/jp/image/asteria/common/icon_arrow_01.jpg) no-repeat;
    background-position:0 5px;
    padding-left:12px;
}
/*
 ------------------------------------------------------*/
#left h3.use {
    width:100%;
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:10px 0 0 0;
  font-weight:bold;
}
#left table.case_use {
    background-color:white;
    border:1px solid #c0c0c0;
    margin:15px 0 5px 0;
    padding:0;
    border-collapse:collapse;
    width:100%;
}
#left table.case_use td {
    border:1px solid #c0c0c0;
    margin:0;
    padding:0;
    vertical-align:top;
    padding:3px 5px;
}
#left table.case_use td.name {
    width:30%;
}
#left table.case_use td.logo {
    width:15%;
    vertical-align:middle;
    text-align:center;
}
#left table.case_use td.text {
    width:55%
}
#left table.case_use td.text a {
    text-decoration:underline;
}
#left table.case_use td li {
    background:url(/jp/image/asteria/common/icon_arrow_01.jpg) no-repeat;
    background-position:0 5px;
    padding-left:12px;
}
/*
 ------------------------------------------------------*/
#left h3.installation {
    width:100%;
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:10px 0 0 0;
}
#left table.case_installation {
    background-color:white;
    border:1px solid #c0c0c0;
    margin:15px 0 5px 0;
    padding:0;
    border-collapse:collapse;
    width:100%;
}
#left table.case_installation td {
    border:1px solid #c0c0c0;
    margin:0;
    padding:0;
    vertical-align:top;
    padding:3px 5px;
}
#left table.case_installation td.name {
    width:30%;
}
#left table.case_installation td.logo {
    width:15%;
    vertical-align:middle;
    text-align:center;
}
#left table.case_installation td.text {
    width:55%
}
#left table.case_installation td.text a {
    text-decoration:underline;
}
#left table.case_installation td li {
    background:url(/jp/image/asteria/common/icon_arrow_01.jpg) no-repeat;
    background-position:0 5px;
    padding-left:12px;
}
/*
 ------------------------------------------------------*/
#left .alliance h3 {
    background:url(/jp/image/asteria/common/title_bg_01.jpg) no-repeat;
    width:512px;
    height:29px;
    line-height:29px;
    padding-left:25px;
    font-weight:bold;
    color:black;
    margin-top:20px;
}
#left .alliance h4 {
    width:100%;
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    font-weight:bold;
    padding-left:13px;
    color:black;
    margin:15px 0;
}
#left .alliance ul {
    margin:1em 0 1em 40px;
}
#left .alliance li {
    border:0;
    padding:0;
    margin:0;
    margin-left:5px;
    background:url(/jp/image/asteria/common/list_icon_02.gif) no-repeat;
    background-position:0 6px;
    padding-left:10px;
}
/*
 ------------------------------------------------------*/
#case-case {
    width:537px;
    margin:0 auto;
}
#case-case h2 {
    background-image:none;
    height:auto;
    font-size:17px;
    line-height:20px;
    color:#256ec9;
    padding:0;
    margin:0;
    margin-bottom:1em;
    font-weight:bold;
}
#case-case h3 {
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:15px 0;
}
#case-case p {
    margin:1em 0;
}
#case-case img {
    margin:20px auto;
    display:block;
}
#case-case .head-message img {
    margin:0;
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}
#case-case div .underimg {
    text-align: right;
}
#case-case .underimg img {
    margin-bottom: 2px;
}
/*
 ------------------------------------------------------*/
#case-case .message {
    clear:both;
}
#case-case .message p a{
    text-decoration:underline;
}
#case-case .message h3 {
    background:url(/jp/image/asteria/common/title_bg_01.jpg) no-repeat;
    width:512px;
    height:29px;
    line-height:29px;
    padding-left:25px;
    font-weight:bold;
    color:black;
    margin-top:20px;
}
#case-case .message h3.big {
    background:url(/jp/image/asteria/common/title_bg_03.jpg) no-repeat;
    width:517px;
    height:40px;
    font-size:14px;
    line-height:16px;
    padding-top:7px;
    padding-left:20px;
    font-weight:bold;
    color:black;
}
#case-case .message h4 {
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:15px 0;
}
#case-case .message .image {
    float:right;
    width:110px;
    border:1px solid #e0e0e0;;
    background-color:#f0f0f0;
    margin-bottom:2em;
    margin-left:15px;
    font-size:10px;
}
#case-case .message .image img {
    margin:5px auto;
    padding:0;
}
#case-case .message .image p {
    padding:0;
    margin:5px 5px;
    line-height:1.25em;
}
#case-case .message ul {
    margin:1em 0 1em 20px;
}
#case-case .message li {
    border:0;
    padding:0;
    margin:0;
    margin-left:5px;
    background:url(/jp/image/asteria/common/list_icon_02.gif) no-repeat;
    background-position:0 6px;
    padding-left:10px;
}
#case-case .company h3 {
    background:url(/jp/image/asteria/common/title_bg_01.jpg) no-repeat;
    width:512px;
    height:29px;
    line-height:29px;
    padding-left:25px;
    font-weight:bold;
    color:black;
    margin:10px 0 20px 0;
}
#case-case .company h4 {
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:15px 0; font-weight:bold;
}
#case-case .company {
    border-bottom:1px solid #e0e0e0;
    margin-bottom:5px;
}
#case-case .company a {
    text-decoration:underline;
}
#case-case .company dl {
    margin:0;
    border:1px solid #e0e0e0;
    border-bottom:0;
}
#case-case .company dl dt {
    padding:0px;
    width:75px;
    float:left;
    border-right:1px solid #e0e0e0;
    background-image:none;
}
#case-case .company dl dd {
    padding:5px;
    text-indent:3px;
    width:auto;
    _width:450px;
}
#case-case .company dl .clear {
    padding:0;
    clear:both;
    height:0;
    font-size:0;
    background-color:pink;
       line-height:0px; 
}
#case-case .linkage h3 {
    background:url(/jp/image/asteria/common/title_bg_01.jpg) no-repeat;
    width:512px;
    height:29px;
    line-height:29px;
    padding-left:25px;
    font-weight:bold;
    color:black;
    margin:20px 0 15px 0;
}
#case-case .linkage a {
    text-decoration:underline;
}
#case-case .linkage .pdf {
    text-align:right;
}
#case-case .linkage .pdf img {
    margin:0;
    padding:0;
    display:inline;
    vertical-align:middle;
    margin-left:1em;
}

body {
    color:black;
}
.case-top .case-footer {
    background:url(/jp/image/asteria/common/footer_bg2.jpg) no-repeat;
    width:922px;
    height:142px;
    margin-bottom:30px;
    margin-top:30px;
}
.case-top .case-footer p {
    width:230px;
    float:left;
    height:100px;
    text-align:center;
    padding-top:48px;
}

.case-top {
    width:922px;
    margin:0 auto;
}
.case-top .header {
    border-bottom:1px dashed black;
    margin-top:40px;
    padding-bottom:30px;
    margin-bottom:20px;
    _margin-bottom:10px;
}
.case-top .header h2 {
    font-size:24px;
    color:#026603;
    font-weight:bold;
    float:left;
    padding-top:3px;
    padding-left:20px;
    padding-right:150px;
        padding-bottom:3px;
}
.case-top .header img {
    display:block;
    float:left;
    margin-left:19px;
}

.case-top .case-footer-navi {
    border-top:1px dashed black;
    padding-left:265px;
    _padding-left:250px;
    padding-top:30px;
}
.case-top .case-footer-navi img {
    display:block;
    float:left;
    margin-left:19px;
}

.case-top .case-item {
    border-left:10px solid #004a8a;
    padding-left:20px;
    margin-top:10px;
    margin-bottom:30px;
}
.case-top .case-item h3 {
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    border-bottom:2px solid #004a8a;
    padding-bottom:5px;
    margin-bottom:20px;
}
.case-top .case-item h3 span {
    padding-left:10px;
}
.case-top .case-item h3 .new {
    background:url(/jp/image/asteria/case/case_new.jpg) no-repeat;
    background-position:0 7px;
    padding-left:30px;
}

.case-top .case-item .logo {
    float:left;
    width:150px;
    padding-left:10px;
}
.case-top .case-item .body {
    float:left;
    width:700px;
}
.case-top .case-item .body dt {
    color:#004f92;
    font-size:14px;
    background:url(/jp/image/asteria/common/icon_arrow_01.jpg) no-repeat;
    background-position:0 6px;
    padding-left:20px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dashed black;
}
.case-top .case-item .body dd {
    padding-left:5px;
}
.case-top p.caption {
    margin:5px 0 25px 15px;
    font-size:10px;
}

.case-top .icon img {
    display:block;
    float:left;
    margin:10px 0 0 0;
}

#local_menu {
    width: 260px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/jp/image/asteria/product/local_menu_frameTop.jpg);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 10px;
    margin-bottom: 20px;
}

#local_menu h3{
    background:url(/jp/image/asteria/product/title_bar.jpg) no-repeat; color:black; height: 24px; padding-bottom: 12px; font-size:14px; padding-left: 14px; line-height: 24px;
}

#local_menu .box {
    width: 230px;
    background-image: url(/jp/image/asteria/product/local_menu_frame.jpg);
    background-repeat: repeat-y;
    padding: 5px 15px 0px;
}

#local_menu .box .border {
    width: 230px;
    background-image: url(../../image/asteria/product/local_menu_border.jpg);
    background-position: center center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
}


#local_menu .box h4{
    font-weight: bold;
    padding-left: 5px;
}

#local_menu .box ul{
    padding-left: 10px;
    padding-bottom: 10px;
}

#local_menu .box li{
    background-image: url(/jp/image/asteria/common/icon_arrow_01.jpg);
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 10px;
}
#local_menu .box li a{
    color: #000000;
}
#local_menu .box li a:hover{
    color: #256EC9;
}

.case-kadai {
  float:left; width:340px;
}
.case-kadai h2 {
  background:url(/jp/image/asteria/am/title_bg_02.jpg) no-repeat; width:340px; height:30px; font-weight:bold; font-size:14px; line-height:30px; text-indent:40px;
}
.case-kadai .kadai {
  border:3px solid #e0e0e0; margin:5px 0; padding:10px;
}
.case-kadai .kadai p {
  padding:0; margin:0;
}
.case-kadai .text {
  float:left; padding:0; margin:0; width:205px; 
}
.case-kadai .logo {
  float:left; padding:0; margin:0; width:109px; text-align:center;
}
.case-kadai .logo a {
  background:url(/jp/image/asteria/common/icon_arrow_02.gif) no-repeat; background-position:5px 1px; padding-left:20px; padding-bottom:2px; display:block; height:16px;
}

.r {
   width:293px; margin-left: auto ; margin-right:auto;
}
.r h2 {
  background:url(/jp/image/asteria/am/title_bg_03.jpg) no-repeat; width:293px; height:30px; font-weight:bold; font-size:14px; line-height:30px; text-indent:40px;
}
.r .kadai {
  border:3px solid #e0e0e0; margin:5px 0; padding:10px; _height:1%;
}
#am .am-body .r .kadai p {
  padding:0; margin:0;
}
.r .text {
  float:left; padding:0; margin:0; width:155px; 
}
.r .logo {
  float:left; padding:0; margin:0; width:109px; text-align:center;
}
.r .logo a {
  background:url(/jp/image/asteria/common/icon_arrow_02.gif) no-repeat; background-position:10px 1px; padding-left:20px; display:block; height:16px;
}

/* 091203 carolsystem emiyamagishi
 ------------------------------------------------------*/
#left table.column-top {
    background-color:white;
    border:1px solid #c0c0c0;
    margin:15px 0 5px 0;
    padding:0;
    border-collapse:collapse;
    width:100%;
}
#left table.column-top td {
    border:1px solid #c0c0c0;
    margin:0;
    padding:0;
    vertical-align:top;
    padding:3px 5px;
}
#left table.column01 {
    background-color:white;
    border:0px solid #c0c0c0;
    margin:15px 0 5px 0;
    padding:0;
    border-collapse:collapse;
    width:100%;
}
#left table.column01 td {
    border:0px solid #c0c0c0;
    margin:0;
    padding:0;
    vertical-align:top;
    /*padding:3px 5px;*/
}
#left table.column01 td.logo {
    width:125px;
    height:50px;
    vertical-align:middle;
    text-align:center;
}
#left table.column01 td.text {
    width:420px;
}
#left table.column01 td.text a {
    text-decoration:underline;
}
#left table.column-top li {
    background:url(/jp/image/asteria/common/icon_arrow_01.jpg) no-repeat;
    background-position:0 5px;
    padding-left:12px;
}
#left table.column01 table.icon td {
    font-size:10px;
    text-align:center;
}
td.icon-industry {
    background:#FA8072;
    width:100px;
}
/* 091204 carolsystem emiyamagishi
 ------------------------------------------------------*/
 
/* カテゴリ別　カテゴリ一覧テーブル */
#left table.column-top {
    background-color:white;
    border:1px solid #c0c0c0;
    margin:15px 0 5px 0;
    padding:0;
    border-collapse:collapse;
    width:100%;
}
#left table.column-top td {
    border:1px solid #c0c0c0;
    margin:0;
    padding:0;
    vertical-align:top;
    padding:3px 5px;
}
#left table.column-top li {
    background:url(/jp/image/asteria/common/icon_arrow_01.jpg) no-repeat;
    background-position:0 5px;
    padding-left:12px;
}
/* カテゴリ別　大カテゴリ項目 */
#left div.category-name {
    font-size:16px;
    font-weight:bold;
    color:#333333;
}
#left div.category-name {
    width:100%;
    background:url(/jp/image/asteria/common/title_bg_02.jpg) no-repeat;
    width:512px;
    height:24px;
    line-height:24px;
    padding-left:13px;
    color:black;
    margin:10px 0 0 0;
  font-weight:bold;
}
/* カテゴリ別　企業一覧 */
#left table.column01 {
    background-color:white;
    border:0px solid #c0c0c0;
    margin:15px 0 5px 0;
    padding:10px 0 0 0;
    border-collapse:collapse;
    width:100%;
}
#left table.column01 td {
    border:0px solid #c0c0c0;
    margin:0;
    padding:0;
    vertical-align:top;
}
#left table.column01 td.logo {
    width:100px;
    height:50px;
    vertical-align:middle;
    text-align:center;
}
#left table.column01 td.text {
    width:400px;
}
#left table.column01 td.text a {
    text-decoration:underline;
}
/* カテゴリ別　企業名 */
table.column01 td.name {
    font-size:12px;
    font-weight:bold;
    color:#333333;
    padding:0 0 0 15px;
}
/* 業種別　詳細ページなし企業名 */
#left td.other {
    padding:0 0 0 15px;
    width:100px;
}
#left td.fxis {
    padding:0 0 0 15px;
    width:150px;
}
/* カテゴリアイコン */
td.icon-industry {
  text-align:center;
  font-size:10px;
    background:#FA8072;
    width:111px;
    color:#333333;
}
td.icon-thema {
  text-align:center;
  font-size:10px;
    background:#836FFF;
    width:111px;
    color:#333333;

}
td.icon-effect {
  text-align:center;
  font-size:10px;
    width:46px;
    color:#333333;
}
td.icon-pdf {
  text-align:center;
  font-size:10px;
    width:20px;
    background:#A2CD5A;
}