/*
Theme Name:                   Bizca
Theme URI:                    http://www.www.www/
Description:                  Theme for Bizca WebSite.
Author:                       ASTERIKS Inc,(http://www.asteriks.co.jp)
*/

* {
  margin:                     0;
  padding:                    0;
  text-decoration:            none;
  text-transform:             none;
  text-indent:                0;
  font-size:                  100%;
  font-weight:                normal;
  list-style-type:            none;
}

body {
  font:                       .75em "ＭＳ Ｐゴシック", Osaka, sans-serif;
  color:                      #4C4137;
  background:                 url(images/bg_body.gif) repeat;
  text-align:                 center;
}
#container {
  width:                      800px;
  background:                 #ffffff;
  border-left:                1px solid #aaaaaa;
  border-right:               1px solid #aaaaaa;
  margin:                     0 auto;
  text-align:                 left;
}
#header, #main, #footer {
}
#content {
  width:                      615px;
  float:                      left;
}
#sidebar {
  width:                      180px;
  float:                      left;
}
#footer {
  clear:                      both;
}
a {
  color:                      #000f4c;
}
a:hover {
  text-decoration:            underline;
}
a.pdf {
  background:                   url(images/pdficon_small.gif) no-repeat top left !important;
  width:                        12em;
  height:                       17px;
  text-indent:                  20px;
  display:                      block;
}
img {
  border:                     none;
}
.cl {
  clear:                      both;
}
.red {
  color:                      #eb0000;
}
.gototop {
  width:                      600px;
  position:                   relative;
}
.gototop a {
  background:                 url(images/item_goto_top.gif) no-repeat;
  float:                      right;
  width:                      60px;
  height:                     20px;
  text-indent:                -10000px;
  display:                    block;
  overflow:                   hidden;
}
.bordered {
  border:                     1px solid #cccccc;
  padding:                    5px;
}
p.bordered {
  width:                      560px;
}
.bold {
  font-weight:                bold;
}
.msg_shoutline {
  font-weight:                bold;
  color:                      #362c75;
  font-style:                 normal;
}
.link_item {
  background:                 url(images/link_item.gif) no-repeat bottom left;
  text-indent:                20px;
  height:                     16px;
  display:                    block;
  line-height:                1.5em;
  text-decoration:            underline;
}
.link_item02 {
  background:                 #ededed;
  border:                     1px solid #cccccc;
  text-indent:                16px;
  display:                    block;
  padding:                    1px;
}
a:hover.link_item02 {
  background:                 #d9e4ec;
  border:                     1px solid #cccccc;
  text-indent:                16px;
  display:                    block;
  padding:                    1px;
}
.link_item03 {
  background:                 url(images/bg_button2.gif) top left;
  border:                     1px solid #cccccc;
  height:                     25px;
  padding:                    5px 10px 5px 30px;
  line-height:                2.0em;
  cursor:                     pointer;
  text-indent:                3px;
  font-weight:                bold;
}
.title_head {
  border-left:                3px solid #0099ff;
  padding-left:               5px;
}
.general_background {
  background:                 #ededed;
  padding:                    3px 2px;
}
p.general_news_item01 {
  margin:                     10px 0;
}
div.dl_pdf {
  height:                     20px;
  background:                 url(images/pdficon_small.gif) top left no-repeat;
  margin:                     5px 0 0 0;
  padding:                    0 0 0 20px;
}
/*==========タイトル部分==========*/
h2 {
  padding:                    0 0 0 10px;
}
h3 {
  width:                      600px;
  height:                     20px;
  padding:                    20px 0 10px 15px;
}

h4, h4 a {
  background:                 url(images/heading01.gif) bottom left no-repeat;
  width:                      580px;
  font-size:                  1.2em;
  letter-spacing:             0.2em;
  margin:                     5px 0 5px 0;
  font-weight:                bold;
}
h5 {
  background:                 #ededed;
  border-top:                 1px solid #999999;
  border-left:                1px solid #999999;
  width:                      580px;
  font-size:                  1.1em;
  margin:                     5px 0 5px 0;
  font-weight:                bold;
  text-indent:                5px;
}
h6 {
  font-weight:                bold;
  color:                      #555555;
  padding-left:               2px;
  background:                 #f3f3f3;
}

/*==========ヘッダー部分==========*/
#header {
  background:                 url(images/bg_header.gif) #ccffff repeat-x;
  margin-top:                 0;
  height:                     80px;
  position:                   relative;
}
#header h1 {
  position:                   absolute;
  top:                        15px;
  left:                       15px;
}
#header .header_txt {
  font-size:                  0.9em;
  position:                   absolute;
  top:                        10px;
  right:                      200px;
  line-height:                1.4em;
}
#header .headerbar .headerbar_tel {
  position:                   absolute;
  top:                        30px;
  right:                      160px;
}
#header .headerbar .headerbar_contact {
  position:                   absolute;
  top:                        30px;
  right:                      10px;
}

/*トップナビゲーション------------*/
#header #top_nav {
  position:                   absolute;
  top:                        2px;
  right:                      20px;
}
#header #top_nav li {
  float:                      left;
}
#header #top_nav li a {
  font-size:                  .9em;
  color:                      #dddddd;
  padding:                    0 5px;
  border-left:                1px solid #ededed;
}
#header #top_nav li a.last_item {
  font-size:                  .9em;
  color:                      #dddddd;
  padding:                    0 5px;
  border-right:                1px solid #ededed;
  border-left:                1px solid #ededed;
}
/*メインナビゲーション------------*/
#header #main_nav {
  position:                   absolute;
  top:                        55px;
  left:                       230px;
}
#header #main_nav li {
  display:                    block;
  float:                      left;
}
#header #main_nav li a, #header #main_nav li em {
  width:                      110px;
  height:                     25px;
  text-indent:                -10000px;
  display:                    block;
  overflow:                   hidden;
}
#header #main_nav li.about a {
  background:                 url(images/nav_about.gif) no-repeat;
}
#header #main_nav li.about a:hover {
  background-position:        0 -25px;
}
#header #main_nav li.about em {
  background:                 url(images/nav_about.gif) no-repeat;
  background-position:        0 -25px;
}
#header #main_nav li.service a {
  background:                 url(images/nav_service.gif) no-repeat;
}
#header #main_nav li.service a:hover {
  background-position:        0 -25px;
}
#header #main_nav li.service em {
  background:                 url(images/nav_service.gif) no-repeat;
  background-position:        0 -25px;
}
#header #main_nav li.introduction a {
  background:                 url(images/nav_introduction.gif) no-repeat;
}
#header #main_nav li.introduction a:hover {
  background-position:        0 -25px;
}
#header #main_nav li.introduction em {
  background:                 url(images/nav_introduction.gif) no-repeat;
  background-position:        0 -25px;
}
#header #main_nav li.price a {
  background:                 url(images/nav_price.gif) no-repeat;
}
#header #main_nav li.price a:hover{
  background-position:        0 -25px;
}
#header #main_nav li.price em {
  background:                 url(images/nav_price.gif) no-repeat;
  background-position:        0 -25px;
}
#header #main_nav li.faq a {
  background:                 url(images/nav_faq.gif) no-repeat;
}
#header #main_nav li.faq a:hover {
  background-position:        0 -25px;
}
#header #main_nav li.faq em {
  background:                 url(images/nav_faq.gif) no-repeat;
  background-position:        0 -25px;
}


/*ローカルナビゲーション------------*/
#local_nav li {
  width:                      145px;
  margin:                     10px;
}
#local_nav li a, #local_nav li em {
  width:                      145px;
  height:                     23px;
  text-indent:                -10000px;
  display:                    block;
  overflow:                   hidden;
}
li.local_nav_about a {
  background:                 url(images/subnav_features.gif) no-repeat;
}
li.local_nav_about a:hover {
  background-position:        0 -23px;
}
li.local_nav_about em {
  background:                 url(images/subnav_features.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_platform a {
  background:                 url(images/subnav_platform.gif) no-repeat;
}
li.local_nav_platform a:hover {
  background-position:        0 -23px;
}
li.local_nav_platform em {
  background:                 url(images/subnav_platform.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_merit a {
  background:                 url(images/subnav_merit.gif) no-repeat;
}
li.local_nav_merit a:hover {
  background-position:        0 -23px;
}
li.local_nav_merit em {
  background:                 url(images/subnav_merit.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_lineup a {
  background:                 url(images/subnav_lineup.gif) no-repeat;
}
li.local_nav_lineup a:hover {
  background-position:        0 -23px;
}
li.local_nav_lineup em {
  background:                 url(images/subnav_lineup.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_components a {
  background:                 url(images/subnav_component.gif) no-repeat;
}
li.local_nav_components a:hover {
  background-position:        0 -23px;
}
li.local_nav_components em {
  background:                 url(images/subnav_component.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_specific a {
  background:                 url(images/subnav_specific.gif) no-repeat;
}
li.local_nav_specific a:hover {
  background-position:        0 -23px;
}
li.local_nav_specific em {
  background:                 url(images/subnav_specific.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_plan a {
  background:                 url(images/subnav_plan.gif) no-repeat;
}
li.local_nav_plan a:hover {
  background-position:        0 -23px;
}
li.local_nav_plan em {
  background:                 url(images/subnav_plan.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_flow a {
  background:                 url(images/subnav_flow.gif) no-repeat;
}
li.local_nav_flow a:hover {
  background-position:        0 -23px;
}
li.local_nav_flow em {
  background:                 url(images/subnav_flow.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_support a {
  background:                 url(images/subnav_support.gif) no-repeat;
}
li.local_nav_support a:hover {
  background-position:        0 -23px;
}
li.local_nav_support em {
  background:                 url(images/subnav_support.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_price a {
  background:                 url(images/subnav_price.gif) no-repeat;
}
li.local_nav_price a:hover {
  background-position:        0 -23px;
}
li.local_nav_price em {
  background:                 url(images/subnav_price.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_first a {
  background:                 url(images/subnav_first.gif) no-repeat;
}
li.local_nav_first a:hover {
  background-position:        0 -23px;
}
li.local_nav_first em {
  background:                 url(images/subnav_first.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_consideration a {
  background:                 url(images/subnav_consideration.gif) no-repeat;
}
li.local_nav_consideration a:hover {
  background-position:        0 -23px;
}
li.local_nav_consideration em {
  background:                 url(images/subnav_consideration.gif) no-repeat;
  background-position:        0 -23px;
}
li.local_nav_contract a {
  background:                 url(images/subnav_contract.gif) no-repeat;
}
li.local_nav_contract a:hover {
  background-position:        0 -23px;
}
li.local_nav_contract em {
  background:                 url(images/subnav_contract.gif) no-repeat;
  background-position:        0 -23px;
}

/*==========コンテンツ部分==========*/
/*ページ：ホーム------------*/
#content_home .main_img {
  position:                   relative;
}
#content_home .main_img  a.main_link_mobile {
  color:                      #ffffff;
  position:                   absolute;
  top:                        190px;
  right:                      50px;
}
#content_home .main_img  a.main_link_smartphone {
  color:                      #ffffff;
  position:                   absolute;
  top:                        210px;
  right:                      50px;
}
#content_home .columns {
}
#content_home .left_column {
  width:                      550px;
  padding:                    0 0 0 10px;
  float:                      left;
}
#content_home .right_column {
  width:                      220px;
  height:                     620px;
  margin:                     0 0 0 10px;
  float:                      left;
}
div.banner {
  background:                 url(images/bg_award.gif) no-repeat;
  position:                   relative;
  margin-top:                 5px;
  display:                    block;
  width:                      550px;
  height:                     120px;
}
div.banner a {
  position:                   absolute;
  top:                        60px;
  left:                       180px;
  display:                    block;
  width:                      25em;
  line-height:                1.3em;
}
a.btn_campaign {
  background:                 url(images/home_btn_campaign.gif) no-repeat;
  display:                    block;
  width:                      550px;
  height:                     120px;
  text-indent:                -10000px;
  overflow:                   hidden;
  float:                      left;
  margin:                     5px 0 10px 0;
}
a:hover.btn_campaign {
  background-position:        0 -120px;
}
div.btn_news_release {
  margin-top:                 10px;
}
.left_column_box {
  width:                      550px;
}
a.btn_component_list {
  background:                 url(images/home_btn_components.gif) no-repeat;
  display:                    block;
  width:                      270px;
  height:                     120px;
  text-indent:                -10000px;
  overflow:                   hidden;
  float:                      left;
  margin:                     0 0 10px 0;
}
a:hover.btn_component_list {
  background-position:        0 -120px;
}
a.btn_merit {
  background:                 url(images/home_btn_merit.gif) no-repeat right top;
  display:                    block;
  width:                      270px;
  height:                     120px;
  text-indent:                -10000px;
  overflow:                   hidden;
  float:                      right;
  margin:                     0 0 10px 0px;
}
a:hover.btn_merit {
  background-position:        0 -120px;
}
.right_column li {
  margin:                     10px 10px 0 10px;
}
.right_column li a {
  display:                    block;
  text-indent:                -10000px;
  overflow:                   hidden;
  width:                      200px;
  height:                     70px;
}
.right_column li.btn_release_news a {
  background:                 url(images/btn_release_news.gif) no-repeat;
  height:                     150px !important;
}
.right_column li.btn_release_news a:hover {
}
.right_column li.btn_new_campaign a {
  background:                 url(images/home_btn_new_campaign.gif) no-repeat;
}
.right_column li.btn_onlinedemo a {
  background:                 url(images/home_btn_onlinedemo.gif) no-repeat;
}
.right_column li.btn_onlinedemo a:hover {
  background-position:        0 -70px;
}
.right_column li.btn_trial a {
  background:                 url(images/home_btn_trial.gif) no-repeat;
  height:                     150px;
}
.right_column li.btn_trial a:hover {
  background-position:        0 -150px;
}
.right_column li.btn_award {
  background:                 url(images/bg_award.gif) no-repeat;
  height:                     150px;
  position:                   relative;
}
.right_column li.btn_award a {
  position:                   absolute;
  text-indent:                1px;
  top:                        75px;
  left:                       10px;
  width:                      180px;
  line-height:                1.4em;
}
.right_column li.btn_autodemo a {
  background:                 url(images/home_btn_autodemo.gif) no-repeat;
}
.right_column li.btn_autodemo a:hover {
  background-position:        0 -70px;
}
.right_column li.btn_lineup a {
  background:                 url(images/home_btn_lineup.gif) no-repeat;
}
.right_column li.btn_lineup a:hover {
  background-position:        0 -70px;
}
.right_column li.btn_application a {
  background:                 url(images/home_btn_application.gif) no-repeat;
}
.right_column li.btn_application a:hover {
  background-position:        0 -70px;
}
.right_column li.btn_contact a {
  background:                 url(images/home_btn_contact.gif) no-repeat;
  height:                     150px;
}
.right_column li.btn_contact a:hover {
  background-position:        0 -150px;
}
.right_column li.btn_marks  {
  background:                 #ffffff;
}
.right_column li.btn_marks a {
  background:                 #ffffff;
  padding:                    0;
  width:                      170px;
  height:                     80px;
  padding:                    10px;
  text-align:                 right;
  text-indent:                0;
  display:                    block;
}
.right_column li.btn_maintenance a {
  background:                 url(images/home_btn_maintenance.gif) no-repeat;
  overflow:                   hidden;
  width:                      200px;
  height:                     26px;
}
.topbox_about {
  clear:                      both;
  width:                      550px;
  background:                 url(images/top_head_about_bg.gif) no-repeat bottom left;
  z-index:                    5;
  margin-bottom:              10px;
}
.topbox_about h2 {
  background:                 url(images/top_head_about.gif) no-repeat;
  text-indent:                -100000px;
  width:                      548px;
  height:                     40px;
}
.topbox_about ul {
  margin:                     5px 10px;
  width:                      531px;
  height:                     120px;
}
.topbox_about li {
  display:                   block;
  width:                     177px;
  height:                    120px;
  float:                     left;
}
.topbox_about .text {
  clear:                      both;
  font-weight:                bold;
  padding:                    2px 15px;
  line-height:                1.6em;
}
.topbox {
  clear:                      both;
  width:                      548px;
  border:                     1px solid #B3A391;
  background:                 url(images/top_background.gif) no-repeat 0 0;
  z-index:                    5;
  margin-bottom:              10px;
}
.topbox span.title_components {
  text-indent:                -100000px;
  display:                    block;
  background:                 url(images/head_components.gif) no-repeat;
  width:                      548px;
  height:                     29px;
}
.topbox table.top_components {
  width:                      538px;
  margin-left:                3px;
}
.topbox table.top_components td {
  z-index:                    1;
}
.topbox table.top_components td div {
  position:                   relative;
}
.topbox table.top_components span {
  position:                   absolute;
  top:                        33px;
  left:                       55px;
  z-index:                    5;
  color:                      #000000;
  font-size:                  12px;
  text-indent:                1px;
}
.topbox table.top_components a {
  text-indent:                -100000px;
  display:                    block;
  width:                      268px;
  height:                     55px;
  z-index:                    2;
  overflow:                   hidden;
}

.topbox table.top_components a.btn_comp_blog {
  background:                 url(images/top_blog.gif) no-repeat;
}
.topbox table.top_components a.btn_comp_document {
  background:                 url(images/top_document.gif) no-repeat;
}
.topbox table.top_components a.btn_comp_groupware {
  background:                 url(images/top_groupware.gif) no-repeat;
}
.topbox table.top_components a.btn_comp_questionnaire {
  background:                 url(images/top_questionnaire.gif) no-repeat;
}
.topbox table.top_components a.btn_comp_webmail {
  background:                 url(images/top_webmail.gif) no-repeat;
}
.topbox table.top_components a.btn_comp_workflow {
  background:                 url(images/top_workflow.gif) no-repeat;
}
.topbox span.title_news {
  text-indent:                -100000px;
  display:                    block;
  background:                 url(images/head_news.gif) no-repeat;
  width:                      548px;
  height:                     29px;
}
.topbox .feeds {
  padding:                    5px 5px 0 5px;
  text-align:                 right;
}
.topbox ul {
  padding:                    5px;
}
.topbox li  {
  padding:                    3px 0;
}
.topbox li a {
  background:                 url(images/link_item.gif) no-repeat top left;
  text-indent:                20px;
  display:                    block;
}
.topbox .gotonews {
  padding:                    0 5px 5px 0;
  text-align:                 right;
}
.btn_more_detail {
  padding:                     0 0 5px 0;
  width:                       100%;
}
.btn_more_detail a {
  width:                      110px;
  display:                    block;
  float:                      right;
}
/*ページ：page------------*/
#footprint_box {
  position:                   relative;
  background:                 url(images/bg_header_bottom.gif) no-repeat;
  width:                      800px;
  height:                     20px;
}
#footprint {
  margin:                     0 0 0 10px;
  padding:                    5px 0 0 0;
  font-size:                 .9em;
}
#page_post div.text_box {
  padding:                    10px 0 5px 35px;
  width:                      615px;
}
#page_post div.text_box div.general {
  margin:                     15px 0;
  width:                      560px;
}
#page_post div, #page_post p {
  line-height:                1.8em;
}

/*ページ：news------------*/
#monthmain {
  width:                      615px;
  float:                      left;
  background:                 url(images/bg_news_bar.gif) repeat-y 10px 10px;
}
#monthsidebar {
  width:                      146px;
  padding:                    10px 2px 10px 12px;
  float:                      left;

}
#monthsidebar li em {
  text-decoration:            none;
  font-weight:                bold;
  font-style:                 normal;
  display:                    block;
  margin:                     0 0 10px 0;
}
#monthsidebar li a {
  line-height:                1.8em;
  padding:                    0 0 2px 3px;
  border-left:                3px solid #999999;
}
#monthcontent {
  width:                      445px;
  float:                      right;
  padding:                    0 0 0 10px;
}
#monthlist {
 
}
#monthlist p {
 line-height:                 1.8em;
 margin:                      10px 0 15px 0;
}
p#date {
  color:                      #666666;
  text-align:right;
}
#monthmain div.news_head {
  background:                 url(images/bg_box01.gif) repeat-x #aee0ee;
  margin:                     10px 0 0 0;
  padding:                    5px 5px 5px 8px;
  border:                     1px solid #cccccc;
  font-weight:                bold;
  line-height:                1.6em;
}
div.singlepost {
  line-height:                1.8em;
  margin:                     15px 5px;
}
/*==========投稿部分==========*/
/*共通--------------*/
table.general_table {
  margin:                     15px 0;
  border:                     1px solid #999999;
  border-collapse:            collapse;
  width:                      550px;
}
table.general_table td.table_head {
  background:                 url(images/bg_box01.gif) no-repeat top left;
  height:                     20px;
}
table.general_table th.column_head {
  background:                 #f4f4f4;
  text-align:                 left;
  padding:                    5px;
  width:                      25%;
  border:                     1px solid #999999;
  border-collapse:            collapse;
}
table.general_table td {
  padding:                    5px 10px;
  border:                     1px solid #999999;
  border-collapse:            collapse;
  line-height:                1.8em;
}
table.column_fix01 td {
  width:                      78px;
}
table.column_fix01 td span {
  width:                      380px !important;
}
/*ニュース--------------*/
ul.news_list li {
  border-bottom:              1px dotted #cdcdcd;
  line-height:                1.4em;
}
table.news_table {
  margin:                     15px 0;
  border:                     1px solid #999999;
  border-collapse:            collapse;
  width:                      400px !important;
}
table.news_table td.table_head {
  background:                 url(images/bg_box01.gif) no-repeat top left;
  height:                     20px;
}
table.news_table th.column_head {
  background:                 #f4f4f4;
  text-align:                 left;
  padding:                    5px;
  width:                      25%;
  border:                     1px solid #999999;
  border-collapse:            collapse;
}
table.news_table td {
  padding:                    5px 10px;
  border:                     1px solid #999999;
  border-collapse:            collapse;
  line-height:                1.4em;
}
div.news_table_contents {
  padding:                    3px 0 2px 0;
  line-height:                1.4em;
}


/*Bizcaとは--------------*/
#page_post div.about_features {
  width:                      370px;
  float:                      left;
}
#page_post div.about_features p {
  margin:                     10px 0;
}
#page_post table.about_features {
  width:                      570px;
}
#page_post table.about_features td {
  background:                 url(images/bg_box02.gif) top left;
  width:                      270px;
  border:                     1px solid #cccccc;
  padding:                    0 5px 10px 5px;
  vertical-align:             top;
  line-height:                1.8em;
}
img.about_features {
  margin:                     15px 0 0 10px;
  float:                      left;
}
dl.about_dl {
  clear:                      left;
  padding:                    5px 0;
}
dl.about_dl dt {
  float:                      left;
  width:                      225px;
}
/*導入メリット--------------*/
div.about_merit {
  margin:                     10px 0;
  width:                      580px;
}
div.about_merit strong {
  font-weight:                bold;
  
}

/*ラインナップ--------------*/
div.about_lineup {
  margin:                     15px;
}
div.about_lineup img.date {
  clear:                      both;
  float:                      left;
}
#page_post ul.about_lineup {
  width:                      370px;
  float:                      left;
}
#page_post ul.about_lineup li {
  padding:                    0 0 0 10px;
}
/*機能一覧--------------*/
ul.service_component {
  clear:                      both;
  padding:                    5px 0 5px 0;
}
li.component_item {
  float:                      left;
  width:                      180px;
  padding:                    0 10px 10px 0;
}
li.component_item img {
  cursor:                     pointer;
}
li.component_item div {
  width:                      180px;
  height:                     180px;
  cursor:                     pointer;
  text-indent:                -100000px;
  display:                    block;
  overflow:                   hidden;
}li.component_item_op {
  width:                      556px;
  padding:                    0 10px 10px 0;
}
li.component_item_op img {
  cursor:                     pointer;
}
li.component_item_op div {
  width:                      556px;
  height:                     100px;
  cursor:                     pointer;
  text-indent:                -100000px;
  display:                    block;
  overflow:                   hidden;
}
div.c_small_business_trip {
  background:                 url(images/c_small_business_trip.gif) no-repeat;
}
div.c_small_business_trip_active {
  background-position:        0 -100px;
}
div.c_small_mobileappli {
  background:                 url(images/c_small_mobileappli.gif) no-repeat;
}
div.c_small_mobileappli_active {
  background-position:        0 -100px;
}
div.c_small_mobileweb {
  background:                 url(images/c_small_mobileweb.gif) no-repeat;
}
div.c_small_mobileweb_active {
  background-position:        0 -100px;
}
div.c_small_tovas {
  background:                 url(images/c_small_tovas.gif) no-repeat;
}
div.c_small_tovas_active {
  background-position:        0 -100px;
}
div.c_small_transit {
  background:                 url(images/c_small_transit.gif) no-repeat;
}
div.c_small_transit_active {
  background-position:        0 -100px;
}
div.c_small_transportation {
  background:                 url(images/c_small_transportation.gif) no-repeat;
}
div.c_small_transportation_active {
  background-position:        0 -100px;
}
div.c_small_questionnaire {
  background:                 url(images/c_small_questionnaire.gif) no-repeat;
}
div.c_small_questionnaire_active {
  background-position:        0 -100px;
}
div.c_small_smartphoneweb {
  background:                 url(images/c_small_smartphoneweb.gif) no-repeat;
}
div.c_small_smartphoneweb_active {
  background-position:        0 -100px;
}
div.c_small_weather {
  background:                 url(images/c_small_weather.gif) no-repeat;
}
div.c_small_weather_active {
  background-position:        0 -100px;
}
div.c_small_workflow {
  background:                 url(images/c_small_workflow.gif) no-repeat;
}
div.c_small_workflow_active {
  background-position:        0 -100px;
}
div.c_small_gourmet {
  background:                 url(images/c_small_gourmet.gif) no-repeat;
}
div.c_small_gourmet_active {
  background-position:        0 -100px;
}
div.c_small_document {
  background:                 url(images/c_small_document.gif) no-repeat;
}
div.c_small_document_active {
  background-position:        0 -100px;
}
div.c_small_blog {
  background:                 url(images/c_small_blog.gif) no-repeat;
}
div.c_small_blog_active {
  background-position:        0 -100px;
}
div.c_small_scheduler {
  background:                 url(images/c_small_scheduler.gif) no-repeat;
}
div.c_small_scheduler_active {
  background-position:        0 -180px;
}
div.c_small_todo_list {
  background:                 url(images/c_small_todo_list.gif) no-repeat;
}
div.c_small_todo_list_active {
  background-position:        0 -180px;
}
div.c_small_news {
  background:                 url(images/c_small_news.gif) no-repeat;
}
div.c_small_news_active {
  background-position:        0 -180px;
}
div.c_small_bbs {
  background:                 url(images/c_small_bbs.gif) no-repeat;
}
div.c_small_bbs_active {
  background-position:        0 -180px;
}
div.c_small_message_board {
  background:                 url(images/c_small_message_board.gif) no-repeat;
}
div.c_small_message_board_active {
  background-position:        0 -180px;
}
div.c_small_addressbook {
  background:                 url(images/c_small_addressbook.gif) no-repeat;
}
div.c_small_addressbook_active {
  background-position:        0 -180px;
}
div.c_small_bookmark {
  background:                 url(images/c_small_bookmark.gif) no-repeat;
}
div.c_small_bookmark_active {
  background-position:        0 -180px;
}
div.c_small_rss_reader {
  background:                 url(images/c_small_rss_reader.gif) no-repeat;
}
div.c_small_rss_reader_active {
  background-position:        0 -180px;
}
div.c_small_timecard {
  background:                 url(images/c_small_timecard.gif) no-repeat;
}
div.c_small_timecard_active {
  background-position:        0 -180px;
}
div.c_small_seatstatus {
  background:                 url(images/c_small_seatstatus.gif) no-repeat;
}
div.c_small_seatstatus_active {
  background-position:        0 -180px;
}
div.c_small_org {
  background:                 url(images/c_small_org.gif) no-repeat;
}
div.c_small_org_active {
  background-position:        0 -180px;
}
div.c_small_system {
  background:                 url(images/c_small_system.gif) no-repeat;
}
div.c_small_system_active {
  background-position:        0 -180px;
}
div.c_small_web_mail {
  background:                 url(images/c_small_web_mail.gif) no-repeat;
}
div.c_small_web_mail_active {
  background-position:        0 -100px;
}
#intro_component {
  width:                      550px;
  text-align:                 left;
}
#intro_component div.icon {
  width:                      500px;
}
#intro_component div.component_img {
  width:                      450px;
  padding:                    10px 40px 5px 40px;
}
#intro_component div.component_img img {
  border:                     1px solid #999999;
}
#intro_component div.component_txt {
  width:                      500px;
  line-height:                1.6em;
  padding:                    5px 24px;
}
#intro_component div.component_txt span {
  font-weight:                bold;
  padding:                    0 0 0 8px;
  border-left:                3px solid #999999;
}
#intro_component div.component_txt em.shoutline {
  font-style:                 normal;
  font-weight:                bold;
  color:                      #666699;
}
#component_list {
  width:                      540px;
  margin:                     10px 30px 5px 30px;
  border:                     3px double #aaaaaa;
  background:                 #fcfcfc;
}
#component_list ul.link_list {
  margin-left:                10px;
  padding:                    2px 0 4px 0;
}
#component_list ul.link_list li {
  width:                      10.5em;
  float:                      left;
  padding-left:               3px;
}
#component_list ul.link_list li a:hover {
  display:                    block;
  width:                      96%;
  height:                     96%;
  background:                 #e7edee;
}
#component_list ul.link_list li span.active {
  display:                    block;
  width:                      96%;
  height:                     96%;
  background:                 #d4e9ed;
}
#component_list div.link_list_footer {
  background:                 #dfdfdf;
}
#component_list div.link_list_footer a {
  display:                    block;
  font-weight:                bold;
  text-align:                 right;
  padding:                    0 5px 0 0;
}
/*プラン--------------*/
div.plan_customized {
  width:                      550px;
}
/*FAQ--------------*/
ul.questionlist {
  width:                      550px;
  margin:                     5px 0;
}
ul.questionlist li {
  background:                 url(images/icon_question_listitem.gif) no-repeat;
  line-height:                2.0em;
  margin:                     5px 0;
  padding:                    0 0 0 30px
}
dl.answerlist {
  width:                      550px;
  margin:                     15px 0;
  border:                     1px solid #cccccc;
}
dl.answerlist dt {
  background:                 url(images/icon_question.gif) no-repeat #ededed;
  min-height:                 40px;
  _height:                    40px;
  padding:                    0 0 0 45px;
  font-size:                  1.1em;
  font-weight:                bold;
}

dl.answerlist dd {
  background:                 url(images/icon_answer.gif) no-repeat;
  min-height:                 40px;
  _height:                    40px;
  font-size:                  1.1em;
  line-height:                1.8em;
  padding:                    5px 5px 5px 45px;
}
/*価格--------------*/
.price_option_table {
  width:                      100%;
  height:                     100%;
  padding:                    0;
}
.price_option_table th {
  background:                 #e3eeff;
  padding:                    0 0 0 5px;
  border:                     1px solid #999999;
  border-collapse:            collapse;
  text-align:                 left;
}
.price_option_table td {
  padding:                    0 0 0 5px;
  border:                     1px solid #999999;
  border-collapse:            collapse;
  text-align:                 left;
}
.price_head {
  background:                 #49484b;
  color:                      #ffffff;
  font-weight:                bold;
  text-align:                 center;
}
.price_price {
  background:                 #e3eeff;
  font-weight:                bold;
  text-align:                 center;
}
.price_empty {
  background:                 #f4f4f4;
}
/*サイトマップ--------------*/
.sitemap ul {
  padding:                     5px 0 5px 10px;
  width:                       550px;
}
.sitemap ul li {
  padding:                     0 0 3px 0;
}
/*トライアル--------------*/
a.btn_trial_apply {
  background:                 url(images/btn_trial_apply.gif) no-repeat;
  width:                      260px;
  height:                     45px;
  text-indent:                -10000px;
  display:                    block;
  overflow:                   hidden;
  margin:                     0 auto;
}
a:hover.btn_trial_apply {
  background-position:        0 -45px;
}
/*お申し込み--------------*/
.application_step {
  width:                      550px;
  clear:                      both;
}
.application_step img {
  float:                      left;
  width:                      100px;
  margin:                     0 0 0 10px;
}
.application_step div.step_txt {
  float:                      right;
  width:                      420px;
  margin:                     5px 0 10px 0;
  background:                 #ededed;
  padding:                    10px 5px;
}
.application_step_arrow {
  width:                      550px;
  clear:                      both;
}
.application_step_arrow img {
  width:                      150px;
  margin:                     0 0 0 250px;
}
/*メールマガジン--------------*/
h3.bizcan {
  background:                 url(images/subtitile_issue.gif) no-repeat 10px bottom;
  font-size:                  1.3em;
  font-weight:                bold;
  margin-bottom:              10px;
  height:                     25px;
}
div.page_bizcan .general {
  font-size:                  1.2em;
  line-height:                1.6em !important;
}
div.page_bizcan .general_table td {
  font-size:                  0.8em;
  padding:                    3px 5px;
}
ul.btn_bizcan_next_wrapper {
  margin:                     15px auto 10px 250px;
}
ul.btn_bizcan_next_wrapper li {
  float:                      left;
  padding:                    0 4px;
}
a.btn_bizcan_next {
  background:                 #ededed;
  text-decoration:            none;
  border-top:                 1px solid #cdcdcd;
  border-left:                1px solid #cdcdcd;
  border-right:               1px solid #666666;
  border-bottom:              1px solid #666666;
  display:                    block;
  text-align:                 center;
  font-size:                  1.2em;
  color:                      #666;
  padding:                    0 3px;
  font-weight:                bold;
}
a.btn_bizcan_next:hover, a.btn_bizcan_next_active {
  background:                 url(images/btn_bizcan_normal.gif) repeat-x;
  text-decoration:            none;
  border-top:                 1px solid #cdcdcd;
  border-left:                1px solid #cdcdcd;
  border-right:               1px solid #666666;
  border-bottom:              1px solid #666666;
  display:                    block;
  text-align:                 center;
  font-weight:                bold;
  font-size:                  1.2em;
  color:                      #000;
  padding:                    0 3px;
}
ul.btn_bizcan_apply_wrapper {
  margin:                     30px auto 30px 100px;
}
ul.btn_bizcan_apply_wrapper li {
  float:                      left;
  width:                      200px;
}
a.btn_bizcan_trial {
  background:                 url(images/btn_trial_green.gif) repeat-x;
  width:                      170px;
  height:                     40px;
  text-indent:                -100000px;
  overflow:                   hidden;
  display:                    block;
}
a.btn_bizcan_trial:hover {
  background:                 url(images/btn_trial_green_active.gif) repeat-x;
}
a.btn_bizcan_contact {
  background:                 url(images/btn_contact_green.gif) repeat-x;
  width:                      170px;
  height:                     40px;
  text-indent:                -100000px;
  overflow:                   hidden;
  display:                    block;
}
a.btn_bizcan_contact:hover {
  background:                 url(images/btn_contact_green_active.gif) repeat-x;
}
/*form部品------------*/
form table.contact_form {
  margin:                     5px 0;
  border:                     1px solid #999999;
  border-collapse:            collapse;
  width:                      550px;
}
form table.contact_form td.table_head {
  background:                 url(images/bg_box01.gif) no-repeat top left;
  height:                     20px;
}
form table.contact_form th.column_head {
  background:                 #f4f4f4;
  text-align:                 left;
  padding:                    5px;
  width:                      200px;
  border:                     1px solid #999999;
  border-collapse:            collapse;
}
form .contact_form td {
  padding:                    5px 10px;
  border:                     1px solid #999999;
  border-collapse:            collapse;
}
form .contact_form td span.sample{
  font-size:                  .9em;
}
form input, textarea {
  background:                 #ededed;
  border-top:                 1px solid #293691;
  border-left:                1px solid #293691;
  border-right:               1px solid #cccccc;
  border-bottom:              1px solid #cccccc;
}
form label {
  font-weight:                bold;
  font-size:                  1.2em;
  width:                      14em;
  margin:                     0 auto 10px auto;
  text-indent:                2em;
  display:                    block;
}
form .submit_buttons {
  width:                      350px;
  margin:                     0 auto;
}
form .submit_buttons input {
  background:                 url(images/bg_button.gif) no-repeat top left;
  border:                     3px double #cccccc;
  width:                      150px;
  height:                     30px;
  cursor:                     pointer;
}

.post h2 {
  font-size:0.875em;
  color:#3366aa;
  border-bottom:solid 2px #528ad8;
  background:url(images/mark.gif) no-repeat;
  padding:5px 0 5px 30px;
}
.post p {
  font-size:0.75em;
  color:#666666;
  line-height:150%;
}
.post {
  margin-bottom:40px;
}
.pagenav {
  font-size:                0.75em;
}
/*==========サイドバー部分==========*/
#sidebar ul.sidebar_btns {
  background:                 url(images/bg_sidebar.gif) repeat-y top right;
  width:                      165px;
  padding:                    0 0 20px 10px;
}
#sidebar ul.sidebar_btns li {

  padding:                    10px 0 0 0;
}
#sidebar ul.sidebar_btns li a {
  display:                    block;
  overflow:                   hidden;
  text-indent:                -10000px;
}

#sidebar ul.sidebar_btns li a.campaign {
  width:                      165px;
  height:                     120px;
}
#sidebar ul.sidebar_btns li a.banner {
  margin:                     0 10px 0 10px;
  width:                      145px;
  height:                     70px;
}
#sidebar ul.sidebar_btns li a.contact {
  margin:                     0 10px 0 10px;
  width:                      145px;
  height:                     140px;
}
#sidebar ul.sidebar_btns li.campaign a {
  background:                 url(images/sub_btn_campaign.gif) no-repeat;
}
#sidebar ul.sidebar_btns li.campaign a:hover {
  background-position:        0 -120px;
}
#sidebar ul.sidebar_btns li.onlinedemo a {
  background:                 url(images/sub_btn_onlinedemo.gif) no-repeat;
}
#sidebar ul.sidebar_btns li.onlinedemo a:hover {
  background-position:        0 -70px;
}
#sidebar ul.sidebar_btns li.autodemo a {
  background:                 url(images/sub_btn_autodemo.gif) no-repeat;
}
#sidebar ul.sidebar_btns li.autodemo a:hover {
  background-position:        0 -70px;
}
#sidebar ul.sidebar_btns li.lineup a {
  background:                 url(images/sub_btn_lineup.gif) no-repeat;
}
#sidebar ul.sidebar_btns li.lineup a:hover {
  background-position:        0 -70px;
}
#sidebar ul.sidebar_btns li.news a {
  background:                 url(images/sub_btn_news.gif) no-repeat;
}
#sidebar ul.sidebar_btns li.news a:hover {
  background-position:        0 -70px;
}
#sidebar ul.sidebar_btns li.application a {
  background:                 url(images/sub_btn_application.gif) no-repeat;
}
#sidebar ul.sidebar_btns li.application a:hover {
  background-position:        0 -70px;
}
#sidebar ul.sidebar_btns li.contact a {
  background:                 url(images/sub_btn_contact.gif) no-repeat;
}
#sidebar ul.sidebar_btns li.contact a:hover {
  background-position:        0 -140px;
}
#sidebar ul.sidebar_btns li.maintenance a {
  background:                 url(images/sub_btn_maintenance.gif) no-repeat;
  height:                     26px;
}
#sidebar ul.sidebar_btns li.workflow a {
  background:                 url(images/sub_btn_workflow.gif) no-repeat;
  height:                     70px;
}
#sidebar ul.sidebar_btns li.questionnaire a {
  background:                 url(images/sub_btn_questionnaire.gif) no-repeat;
  height:                     70px;
}
#sidebar ul.sidebar_btns li.smartphone a {
  background:                 url(images/sub_btn_smartphone.gif) no-repeat;
  height:                     70px;
}
#sidebar h2 {
  font-size:                  1em;
  background-color:           #538ad8;
  color:                      #ffffff;
  text-align:                 center;
  margin:                     0;
  padding:                    6px 0;
}
#local_nav_box {
  background:                 url(images/bg_submenu.gif) no-repeat top right;
  width:                      165px;
  height:                     200px;
  padding:                    0 0 0 10px;
}


/*==========フッター部分==========*/
#footer {
  position:                   relative;
  background:                 url(images/bg_footer.gif) no-repeat 0 20px;
  height:                     80px;
}
/*サブナビゲーション------------*/
#footer #subnav {
  position:                   absolute;
  top:                        22px;
  right:                      20px;
}
#footer #subnav li {
  float:                      left;
}
#footer #subnav li a {
  font-size:                  0.9em;
  color:                      #666666;
  padding:                    0 0.5em;
  border-left:                1px solid #666666;
  display:block;
}
#footer #subnav li a.last_item {
  float:                      left;
  color:                      #666666;
  padding:                    0 0.5em;
  border-left:                1px solid #666666;
  border-right:               1px solid #666666;
}
#footer address {
  clear:                      both;
  font-size:                  0.9em;
  font-style:                 normal;
  text-align:                 center;
  position:                   absolute;
  top:                        52px;
  padding:                    0 0 20px 0;
  width:                      800px;
}

#footer address img {
  position:                   absolute;
  right:                      0;
}

/*==========WINDOW==========*/
.window {
  position:                   absolute;
  margin:                     0;
  padding:                    0;
  text-decoration:            none;
  text-transform:             none;
  text-indent:                0;
  font-weight:                normal;
}
.window_header{
  width:                      100%;
  height:                     45px;
  position:                   relative;
}
.window_headerLeft{
  width:                      30px;
  height:                     45px;
  top:                        0;
  position:                   absolute;
  left:                       0;
  background:                 url(images/window_top_left.gif) no-repeat;
}
.window_headerMiddle{
  height:                     45px;
  top:                        0;
  margin:                     0 30px;
  background:                 url(images/window_top_middle.gif) repeat-x;
  cursor:                     move;
  line-height:                3.0em;
  overflow:                   hidden;
}
.window_headerMiddle div {
  font-weight:                bold;
}
.window_headerRight{
  width:                      30px;
  height:                     45px;
  top:                        0;
  position:                   absolute;
  right:                      0;
  background:                 url(images/window_top_right.gif) no-repeat;
}
.window_buttonHolder{
  width:                      60px;
  height:                     16px;
  position:                   absolute;
  top:                        0;
  right:                      32px;
  margin-top:                 10px;
}
.window_closeButton{
  float:                      right;
  overflow:                   hidden;
  font-size:                  5px;
  width:                      16px;
  height:                     16px;
  background:                 url(images/window_close.gif) no-repeat;
  cursor:pointer;
}
.window_maxButton{
  float:                      right;
  overflow:                   hidden;
  cursor:                     pointer;
  width:                      16px;
  height:                     16px;
  background:                 url(images/window_max.gif) no-repeat;
}
.window_minButton{
  float:                      right;
  overflow:                   hidden;
  cursor:                     pointer;
  width:                      16px;
  height:                     16px;
  background:                 url(images/window_min.gif) no-repeat;
}
.window_body{
  width:                      100%;
  background:                 transparent;
  color:                      #000000;
  position:                   relative;
}
.window_bodyLeft{
  top:                        0;
  width:                      30px;
  position:                   absolute;
  left:                       0;
  background:                 url(images/window_middle_left.gif) repeat-y;
}
.window_bodyMiddle{
  top:                        0;
  position:                   relative;
  margin:                     0 30px;
  background:                 #fff;
  color:                      #000000;
  overflow:                   auto;
}
.window_bodyRight{
  top:                        0;
  width:                      30px;
  position:                   absolute;
  right:                      0;
  background:                 url(images/window_middle_right.gif) repeat-y;
}
.window_bottom{
  width:                      100%;
  height:                     35px;
  position:                   relative;
}
.window_bottomLeft{
  width:                      30px;
  height:                     35px;
  position:                   absolute;
  left:                       0;
  background:                 url(images/window_bottom_left.gif) no-repeat;
}
.window_bottomMiddle{
  height:                     35px;
  margin:                     0 30px;
  background:                 url(images/window_bottom_middle.gif) repeat-x;
}
.window_bottomRight{
  width:                      30px;
  height:                     35px;
  position:                   absolute;
  top:                        0;
  right:                      0;
  background:                 url(images/window_bottom_right.gif) no-repeat;
}