@charset "utf-8";
@import "navi.css";
@import "side.css";

/* ------------------------------------
CSS Information

 Site URL:       http://www.esukei.jp
 File name:      base.css (http://www.esukei.jp/css/base.css)
 Summary:        all styles
 Created:        2009-06-03
 Last update:    2007-06-03 by Yoshiaki Nishimatsu
 Author:         Yoshiaki Nishimatsu


/*---------------------------------------------
01. Global reset
---------------------------------------------*/
* {	margin: 0px; padding: 0px; }

/*---------------------------------------------
02. hr,img,body,html,a,after
---------------------------------------------*/
hr { display: none; }

img { border: none; vertical-align: bottom; }

a:link, a:visited { color: #009ee7; text-decoration: none; }
a:hover, a:active { color: #009ee7; text-decoration: underline; }

.after { 
   content: "."; 
   display: block; 
   visibility: hidden;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
   clear: both;
}

html {
  overflow-y: scroll;
}

body {
  font-family: 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo 'ＭＳ Ｐゴシック', sans-serif;
  color: #676767;
  font-size: 78.5%;
  line-height: 1.5em;
  background: #ffffff url("../img/main_bg.jpg") repeat-x;
}

/*---------------------------------------------
03. wrap
---------------------------------------------*/
#wrap {
  width: 940px;
  margin: 0 auto;
  background-color: #ffffff;
}

/*---------------------------------------------
04. header
---------------------------------------------*/
#header {
  width: 938px;
  height: 72px;
  background: #ffffff url("../img/header/header_bg.jpg") repeat-y;
  border-left: 1px solid #4d4d4d;
  border-right: 1px solid #4d4d4d;
}

#header h1 { width: 154px; float: left; padding: 18px 0 0 22px; }
#header ul { width: 740px; float: right; text-align: right; list-style: none; padding: 33px 22px 0 0; }
#header .headear_01 { width: 100px; float: right; }
#header .headear_02 { width: 230px; float: right; }
#header .search_btn { vertical-align: top; }
#header a:link, #header a:visited { color: #6a6a6a; text-decoration: none; }
#header a:hover, #header a:active { color: #6a6a6a; text-decoration: underline; }

/*---------------------------------------------
05. container
---------------------------------------------*/
#container {
  border-left: 1px solid #4d4d4d;
  border-right: 1px solid #4d4d4d;
}
.container_sub { width: 876px; margin: 0 auto; }
.container_sub_in {
  width: 660px;
  margin: 25px auto 0 auto;
}

/*---------------------------------------------
06. flash_contents
---------------------------------------------*/
#flash_contents {
  width: 938px;
  padding: 10px 0 0 0;
}

/*---------------------------------------------
07. contents
---------------------------------------------*/
#contents_top {
  width: 938px;
  margin: 0 0 40px 0;
}

#contents {
  width: 938px;
}

/*---------------------------------------------
08. footer_sitemap
---------------------------------------------*/
#footer_sitemap {
  width: 938px;
  font-size: 80%;
  margin: 0 auto;
  border-top: 1px solid #b3b3b3;
}

#footer_sitemap .container_sub {
  padding: 26px 0 0 0;
  height: 122px;
}

.footer_address {
  background: url("../img/footer/address.gif") no-repeat;
  width: 365px;
  height: 122px;
  float: left;
}

#footer_sitemap p {
  text-indent: -999999px;
  display: none; 
}

.footer_link {
  width: 511px;
  float: right;
}

#footer_sitemap ul {
  width: 149px;
  float: left;
  list-style: none;
  border-left: 1px solid #b3b3b3;
  padding: 0 0 0 20px;
}


/*---------------------------------------------
09. footer_copy
---------------------------------------------*/
#footer_copy {
  width: 938px;
  margin: 26px 0 0 0;
  padding: 0 0 20px 0;
  font-size: 80%;
  border-top: 1px solid #b3b3b3;
}

#footer_copy p {
  width: 609px;
  float: left;
  padding: 20px 0 0 0;
}

#footer_copy ul {
  width: 267px;
  float: right;
  list-style: none;
  padding: 10px 0 0 0;
}

#footer_copy li {
  float: left;
  width: 69px;
  padding: 0 0 0 20px;
}

/*---------------------------------------------
10. top
---------------------------------------------*/
#contents .container_sub {
  padding: 40px 0 0 0;
}

#contents_top .container_sub {
  padding: 40px 0 0 0;
}

#contents_left {
  width: 595px;
  float: left;
}

#contents_right {
  width: 247px;
  float: right;
}

#contents_left h2 {
  background: url("../img/top/news_title.gif") no-repeat;
  height: 31px;
  text-indent: -999999px;
}


#contents_right h2 {
  background: url("../img/top/pickup_title.gif") no-repeat;
  height: 31px;
  text-indent: -999999px;
}

#contents_left dl {
  width: 595px;
  margin: 10px 0 0 0;
}

#contents_left .news_entry {
  border-bottom: 1px dotted #b3b3b3;
  padding: 0 0 10px 0;
}

#contents_left .news_mobile {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/mobile_list.gif") no-repeat;
  text-indent: -999999px;
}
#contents_left .news_soft {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/software_list.gif") no-repeat;
  text-indent: -999999px;
}
#contents_left .news_design {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/design_list.gif") no-repeat;
  text-indent: -999999px;
}
#contents_left .news_network {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/network_list.gif") no-repeat;
  text-indent: -999999px;
}
#contents_left .news_all {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/all_list.gif") no-repeat;
  text-indent: -999999px;
}

#contents_left .news_day { width: 88px; float: left; }
#contents_left .news_title { width: 464px; float: left; }

#contents_left .news_title a:link, #contents_left .news_title a:visited { color: #446ba2; text-decoration: none; }
#contents_left .news_title a:hover, #contents_left .news_title a:active { color: #446ba2; text-decoration: underline; }

#contents_left ul {
  margin: 5px 0 0 0;
  list-style: none;
  font-size: 80%;
  float: right;
}

#contents_left li {
  background: url("../img/list_mark.gif") no-repeat;
  padding: 0 0 0 20px;
}

#contents_left li a:link, #contents_left li a:visited { color: #848484; text-decoration: none; }
#contents_left li a:hover, #contents_left li a:active { color: #848484; text-decoration: underline; }

#contents_right dl {
  width: 247px;
  padding: 10px 0 5px 0;
}

#contents_right .pickup_border {
  border-bottom: 1px dotted #b3b3b3;
  padding: 0 0 8px 0;
}

#contents_right dt {
  width: 82px;
  float: left;
}

#contents_right dd {
  width: 155px;
  float: right;
  font-size: 75%;
}

#contents_right dd p {
  line-height: 1.4em;
  margin: 3px 0 0 0;	  
}


#contents_right ul {
  list-style: none;
}

#contents_right li {
  background: url("../img/pickup/pickup_list.gif") no-repeat top left;
  padding: 0 0 0 20px;
  font-size: 120%;
}

#contents_right a:link, #contents_right a:visited { color: #676767; text-decoration: none; }
#contents_right a:hover, #contents_right a:active { color: #676767; text-decoration: underline; }

#contents_right dt { width: 247px; overflow: hidden; margin: 0 auto; }
#contents_right dt { width: 82px; height: 82px; list-style: none; }
#contents_right dt a {
  display: block;
  height: 82px;
  text-indent: -999999px;
}

#contents_right .pick01 { width: 82px; height: 82px; background: url("../img/pickup/pickup_01_off.jpg"); }
#contents_right .pick01 a { background: url("../img/pickup/pickup_01_off.jpg"); }
#contents_right .pick01 a:hover { background: url("../img/pickup/pickup_01_on.jpg"); }

#contents_right .pick02 { width: 82px; height: 82px; background: url("../img/pickup/pickup_02_off.jpg"); }
#contents_right .pick02 a { background: url("../img/pickup/pickup_02_off.jpg"); }
#contents_right .pick02 a:hover { background: url("../img/pickup/pickup_02_on.jpg"); }

#contents_right .pick03 { width: 82px; height: 82px; background: url("../img/pickup/pickup_03_off.jpg"); }
#contents_right .pick03 a { background: url("../img/pickup/pickup_03_off.jpg"); }
#contents_right .pick03 a:hover { background: url("../img/pickup/pickup_03_on.jpg"); }

#contents_right .pick04 { width: 82px; height: 82px; background: url("../img/pickup/pickup_04_off.jpg"); }
#contents_right .pick04 a { background: url("../img/pickup/pickup_04_off.jpg"); }
#contents_right .pick04 a:hover { background: url("../img/pickup/pickup_04_on.jpg"); }

#contents_right .pick05 { width: 82px; height: 82px; background: url("../img/pickup/pickup_05_off.jpg"); }
#contents_right .pick05 a { background: url("../img/pickup/pickup_05_off.jpg"); }
#contents_right .pick05 a:hover { background: url("../img/pickup/pickup_05_on.jpg"); }

.mt30 {
  padding: 30px 0 0 0;
}

/*---------------------------------------------
10. inpage
---------------------------------------------*/
#pankuzu_bnr {
  width: 938px;
  padding: 10px 0 0 0;
  font-size: 80%;
}

#pankuzu_bnr dl {
  width: 938px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}

#pankuzu_bnr dt {
  width: 214px;
  float: left;
  color: #ffffff;
  border-right: 1px solid #4d4d4d;
  background-color: #8199B1;
  text-align: right;
  padding: 5px 5px 5px 0;
}

#pankuzu_bnr dd {
  width: 713px;
  float: right;
  background-color: #e5eaef;
  padding: 5px 0 5px 5px;
}

#pankuzu_bnr dt a:link, #pankuzu_bnr dt a:visited { color: #ffffff; text-decoration: none; }
#pankuzu_bnr dt a:hover, #pankuzu_bnr dt a:active { color: #ffffff; text-decoration: underline; }

#pankuzu_bnr dd a:link, #pankuzu_bnr dd a:visited { color: #446ba2; text-decoration: none; }
#pankuzu_bnr dd a:hover, #pankuzu_bnr dd a:active { color: #446ba2; text-decoration: underline; }

#main_contents {
  width: 718px;
  float: right;
  border-left: 1px solid #b3b3b3;
  padding: 0 0 10px 0;
}

#main_contents_service_sub {
  width: 718px;
  float: right;
  border-left: 1px solid #b3b3b3;
  padding: 0 0 10px 0;
  background: url("../img/service/service_sub_bg.jpg") repeat-x;
}

.txt_r { text-align: right; }
.txt_c { text-align: center; }
.mar_05 { margin: 5px 0 0 0; }
.mar_10 { margin: 10px 0 0 0; }
.mar_15 { margin: 15px 0 0 0; }
.mar_20 { margin: 20px 0 0 0; }
.mar_25 { margin: 25px 0 0 0; }
.mar_30 { margin: 30px 0 0 0; }
.mar_35 { margin: 35px 0 0 0; }
.mar_40 { margin: 40px 0 0 0; }
.mar_50 { margin: 50px 0 0 0; }

.marb_5 { margin: 0 0 5px 0; }
.pab20 { margin: 0 0 20px 0; }

.size_80 { font-size: 80%; }
.size_90 { font-size: 90%; }


/*---------------------------------------------
11. news
---------------------------------------------*/
#news_main_title {
  background: url("../img/news/title_bg.gif") no-repeat;
  height: 34px;
  color: #ffffff;
  font-size: 150%;
  padding: 10px 0 0 15px;
}

.news_nav {
  border: 1px solid #4d4d4d;
  margin: 10px 0 50px 0;
  padding: 10px;
  font-size: 80%;
}

.news_ico {
  width: 446px;
  list-style: none;
  margin: 0 auto;
}

.news_nav li {
  float: left;
}

.container_sub_in .news_mobile {
  padding: 0 10px 0 30px;
  height: 19px;
  background: url("../img/news_list_mark/mobile_list.gif") no-repeat;
}
.container_sub_in .news_soft {
  padding: 0 10px 0 30px;
  height: 19px;
  background: url("../img/news_list_mark/software_list.gif") no-repeat;
}
.container_sub_in .news_design {
  padding: 0 10px 0 30px;
  height: 19px;
  background: url("../img/news_list_mark/design_list.gif") no-repeat;
}
.container_sub_in .news_network {
  padding: 0 10px 0 30px;
  height: 19px;
  background: url("../img/news_list_mark/network_list.gif") no-repeat;
}
.container_sub_in .news_all {
  padding: 0 0 0 30px;
  height: 19px;
  background: url("../img/news_list_mark/all_list.gif") no-repeat;
}

#news_box .news_entry {
  width: 660px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #b3b3b3;
  padding: 0 0 8px 0;
}


#news_box .news_mobile02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/mobile_list.gif") no-repeat;
  text-indent: -999999px;
}
#news_box .news_soft02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/software_list.gif") no-repeat;
  text-indent: -999999px;
}
#news_box .news_design02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/design_list.gif") no-repeat;
  text-indent: -999999px;
}
#news_box .news_network02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/network_list.gif") no-repeat;
  text-indent: -999999px;
}
#news_box .news_all02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/all_list.gif") no-repeat;
  text-indent: -999999px;
}

#news_box .news_day { width: 88px; float: left; }
#news_box .news_title { width: 529px; float: left; }

#news_box .news_title a:link, #news_box .news_title a:visited { color: #446ba2; text-decoration: none; }
#news_box .news_title a:hover, #news_box .news_title a:active { color: #446ba2; text-decoration: underline; }

#entry_finding {
  margin: 30px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #f0f0f0;
}

#entry_finding p {
  font-size: 90%;
}

#entry_body p {
  margin: 20px 0 0 0;
}

#entry_address {
  border: 2px solid #f0f0f0;
  margin: 40px 0 0 0;
  padding: 10px;
}

#entry_address p {
  color: #3a3a3a;
}

.news_tbl {
  margin: 20px 0 0 0;
}

.news_tbl th {
  width:80px;
  text-align: left;
  padding: 5px;
  vertical-align: top;
  background-color: #d9d9d9;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.news_tbl td {
  background-color: #f7f7f7;
  padding: 5px;
  border-bottom: 2px solid #ffffff;
}

/*---------------------------------------------
12. not
---------------------------------------------*/
.not_title {
  font-size: 150%;
  background-color: #f7f7f7;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  line-height: 1.7em;
}
.not_txt {
  margin: 20px 0 0 0;
  text-align: center;
  line-height: 1.7em;
}

/*---------------------------------------------
13. solution
---------------------------------------------*/
#solution_top {
  background: url("../img/solution/solution_top.jpg") no-repeat;
  height: 216px;
  text-indent: -999999px;
  border-bottom: 1px solid #b3b3b3;
}


#solution_mobile {
  background: url("../img/solution/mobile/m_solution_top.jpg") no-repeat;
  height: 216px;
  text-indent: -999999px;
  border-bottom: 1px solid #b3b3b3;
}

#smartphone_title  {
  background: url("../img/solution/mobile/smartphone_top.jpg") no-repeat;
  height: 216px;
  text-indent: -999999px;
}

#solution_design {
  background: url("../img/solution/design/d_solution_top.jpg") no-repeat;
  height: 216px;
  text-indent: -999999px;
  border-bottom: 1px solid #b3b3b3;
}

#solution_software {
  background: url("../img/solution/software/s_solution_top.jpg") no-repeat;
  height: 216px;
  text-indent: -999999px;
  border-bottom: 1px solid #b3b3b3;
}

#solution_network {
  background: url("../img/solution/network/n_solution_top.jpg") no-repeat;
  height: 216px;
  text-indent: -999999px;
  border-bottom: 1px solid #b3b3b3;
}

#solution_main_title {
  background: url("../img/solution/title_bg.gif") no-repeat;
  height: 21px;
  color: #ffffff;
  font-size: 130%;
  padding: 3px 0 0 15px;
  font-weight: normal;
}

#solution_m_box {
  width: 660px;
  margin: 30px 0 20px 0;
}

#solution_m_box dl {
  width: 214px;
  float: left;
}

#solution_m_box dt {
  margin: 0 0 10px 0;
}

#solution_m_box dd {
  margin: 0 0 10px 0;
}

#solution_m_box .left_09 {
  padding: 0 0 0 9px;
}

#m_title {
  background: url("../img/solution/mobile/m_title.gif") no-repeat;
  height: 28px;
  text-indent: -999999px;
}

#m_sub_title {
  margin: 30px 0 0 0;
  text-indent: -999999px;
  background: url("../img/solution/mobile/security_title.gif") no-repeat;
  height: 23px;
}

.m_in_box {
  width: 660px;
  margin: 30px 0 0 0;
}

.m_in_left {
  width: 386px;
  float: left;
}

.m_in_right {
  width: 241px;
  float: right;
}

.security_txt01 {
  color: #466EB4;
  margin: 0 0 10px 0;
}

.security_txt02 {
  color: #466EB4;
  margin: 25px 0 0 0;
  font-size: 120%;
}

.m_sub_title02 {
  background: url("../img/solution/mobile/title_bg.gif") no-repeat;
  color: #ffffff;
  height: 20px;
  padding: 2px 0 2px 10px;
  font-size: 105%;
  margin: 0 0 15px 0;
}

.design_box {
  width: 212px;
  border: 1px solid #cccccc;
  float: left;
}

.design_box h4 {
  border-bottom: 1px solid #cccccc;
  text-indent: -999999px;
  height: 33px;
}

.design_box h4#d01 {
  background: url("../img/solution/design/d_title_web.gif") no-repeat;
}

.design_box h4#d02 {
  background: url("../img/solution/design/d_title_mobile.gif") no-repeat;
}

.design_box h4#d03 {
  background: url("../img/solution/design/d_title_paper.gif") no-repeat;
}

.design_box h4#d04 {
  background: url("../img/solution/design/d_title_mail.gif") no-repeat;
}

.design_box h4#d05 {
  background: url("../img/solution/design/d_title_seo.gif") no-repeat;
}

.design_box h4#d06 {
  background: url("../img/solution/design/d_title_lpo.gif") no-repeat;
}

.design_box h4#d07 {
  background: url("../img/solution/design/d_title_ec.gif") no-repeat;
}

.design_box h4#d08 {
  background: url("../img/solution/design/d_title_cms.gif") no-repeat;
}

.design_box h4#d09 {
  background: url("../img/solution/design/d_title_ci.gif") no-repeat;
}

.design_box p {
  padding: 10px;
  height: 150px;
}

.d_left_09 { margin: 0 0 0 9px; }
.d_container { margin: 0 0 20px 0; }

#nowere_box {
  width: 660px;
  border: 1px solid #cccccc;
}

#nowhere_logo {
  width: 157px;
  padding: 12px 0 0 20px;
  float: left;
}

#nowhere_txt {
  width: 453px;
  font-size: 80%;
  padding: 10px 0 10px 30px;
  float: right;
}

.software_box {
  width: 212px;
  border: 1px solid #cccccc;
  float: left;
}

.software_box h4 {
  border-bottom: 1px solid #cccccc;
  text-indent: -999999px;
  height: 33px;
}

.software_box p {
  padding: 10px;
  height: 150px;
}

.software_box h4#s01 {
  background: url("../img/solution/software/s_title01.gif") no-repeat;
}

.software_box h4#s02 {
  background: url("../img/solution/software/s_title02.gif") no-repeat;
}

.software_box h4#s03 {
  background: url("../img/solution/software/s_title03.gif") no-repeat;
}

.solution_box {
  width: 325px;
  border: 1px solid #cccccc;
  padding: 15px 0;
  float: left;
}

.solution_box h4 {
  text-indent: -999999px;
  width: 299px;
  margin: 0 auto;
}

#solution_m_title {
  background: url("../img/solution/m_title.gif") no-repeat;
  height: 28px;
}

#solution_s_title {
  background: url("../img/solution/s_title.gif") no-repeat;
  height: 28px;
}

#solution_n_title {
  background: url("../img/solution/n_title.gif") no-repeat;
  height: 28px;
}

#solution_d_title {
  background: url("../img/solution/d_title.gif") no-repeat;
  height: 28px;
}

.solution_box p {
  width: 299px;
  margin: 0 auto;
}

.solution_box_body {
  height: 120px;
  padding: 10px 0 0 0;
}

.solution_left_06 { margin: 0 0 0 6px; }

.network_box {
  width: 658px;
}

.network_box h4 {
  text-indent: -999999px;
  width: 658px;
  margin: 0 auto;
  height: 33px;
  border: 1px solid #cccccc;
}

.network_box h4#n01 {
  background: url("../img/solution/network/n_title01.gif") no-repeat;
}

.network_box h4#n02 {
  background: url("../img/solution/network/n_title02.gif") no-repeat;
  margin: 25px 0 0 0;
}

.network_box h4#n03 {
  background: url("../img/solution/network/n_title03.gif") no-repeat;
  margin: 25px 0 0 0;
}

.network_box h4#n04 {
  background: url("../img/solution/network/n_title04.gif") no-repeat;
  margin: 25px 0 0 0;
}

.network_tbl {
  width: 660px;
  font-size: 90%;
}

.network_tbl th {
  color: #3d84b2;
  font-weight: normal;
  text-align: left;
  width: 158px;
  padding: 7px;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.network_tbl td {
  width: 480px;
  padding: 7px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

/*---------------------------------------------
14. sitemap
---------------------------------------------*/
.sitemap_bnr {
  width: 660px;
  height: 22px;
  background: url("../img/sitemap/title_bnr.gif") no-repeat;
  padding: 3px 0 0 13px;
  margin: 20px 0 0 0;
}

#site_map ul {
  list-style: none;
  width: 630px;
  margin: 10px auto 0 auto;
}

#site_map li {
  width: 291px;
  float: left;
  background: url(../img/list_mark02.gif) no-repeat;
  padding: 0 0 0 12px;
}

/*---------------------------------------------
15. privacy
---------------------------------------------*/
#privacy {
  width: 660px;
  border-bottom: 1px dotted #cccccc;
  padding: 0 0 20px 0;
}

#privacy ul {
  list-style-position: outside;
  list-style-type: decimal;
  margin: 0 0 0 1.8em;
}

#privacy li {
  margin: 20px 0 0 0;
}

#privacy_footer {
  width: 660px;
  margin: 30px 0 0 0;
}

#privacy_footer p {
  width: 86px;
  float: left;
}

#privacy_footer ul {
  list-style: none;
  width: 574px;
  float: right;
}

#privacy_footer li {
  width: 287px;
  float: left;
  margin: 10px 0 0 0;
}

/*---------------------------------------------
16. case
---------------------------------------------*/
#case_main_title {
  background-color: #4DBCE7;
  color: #ffffff;
  padding: 7px;
}

.case_box {
  width: 640px;
  margin: 20px auto 0 auto;
}

.case_box_left {
  width: 450px;
  float: left;
}

.case_box_right {
  width: 176px;
  padding: 0 0 0 9px;
  float: right;
}

.case_box_left h4 {
  font-size: 150%;
  font-weight: normal;
  color: #333333;
  margin: 10px 0 0 0;
}

.case_box_left dl {
  margin: 20px 0 0 0;
}

.case_box_left dt {
  color: #3d9bbf;
}

.case_box_left dd {
  margin: 20px 0 0 0;
}

#case_main {
  width: 640px;
  margin: 0 auto;
}

.case_cont_title {
  width: 640px;
  font-weight: bold;
}
.case_cont_title h5 {
  background: url("../img/case/case_cont_01.gif") no-repeat;
  width: 108px;
  height: 25px;
  float: left;
  text-align: center;
  color: #ffffff;
  font-size: 100%;
  padding: 5px 0 0 0; 
}

.case_cont_title p {
  background: url("../img/case/case_cont_02.gif") no-repeat;
  width: 522px;
  height: 25px;
  float: right;
  color: #3D9BBF;
  font-size: 100%;
  padding: 5px 0 0 10px; 
}

.case_cont_body {
  width: 640px;
  margin: 20px 0 0 0;
}

.case_cont_body_left {
  width: 460px;
  float: left;
}

.case_cont_body_right {
  width: 165px;
  padding: 0 0 0 15px;
  float: right;
}

.case_cont_body ul{
  margin: 20px 0 0 0;
  background-color: #3D9BBF;
  color: #ffffff;
  list-style: circle;
  padding: 10px 30px 10px 30px;
}

.case_cont_body_left02 {
  width: 215px;
  float: left;
}

.case_cont_body_right02 {
  width: 410px;
  padding: 0 0 0 15px;
  float: right;
}

.case_tbl01 {
  width: 410px;
  border: 1px solid #ffffff;
}

.case_tbl01 th {
  width: 95px;
  padding: 5px;
  color: #333333;
  background-color: #e3e3e3;
  border: 1px solid #ffffff;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}

.case_tbl01 td {
  width: 295px;
  padding: 5px;
  background-color: #eeeeee;
  border: 1px solid #ffffff;
}

.case_tbl02 {
  width: 410px;
  border: 1px solid #ffffff;
}

.case_tbl02 th {
  width: 115px;
  padding: 5px;
  color: #333333;
  background-color: #e3e3e3;
  border: 1px solid #ffffff;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}

.case_tbl02 td {
  width: 275px;
  padding: 5px;
  background-color: #eeeeee;
  border: 1px solid #ffffff;
}

.case_sub_title {
  background: url("../img/solution/title_bg.gif") no-repeat;
  height: 21px;
  color: #ffffff;
  font-size: 130%;
  padding: 3px 0 0 15px;
  font-weight: normal;
}

.case_pickup {
  width: 658px;
  border: 1px solid #666666;
}

.case_pickup h5 {
  background: url("../img/case/pickup_bg.gif") no-repeat;
  height: 16px;
  font-size: 110%;
  padding: 10px;
  border-bottom: 1px solid #666666;
}

.case_pickup_entry {
  width: 630px;
  margin: 0 auto;
  padding: 20px 0;
}

.case_pickup_entry p {
  width: 203px;
  float: left;
  text-align: center;
  padding: 50px 0 0 0;
}

.case_pickup_entry dl {
  width: 400px;
  float: right;
}

.pickup_title {
  margin: 0 0 10px 0;
  background: url("../img/case/list_m.gif") no-repeat;
  padding: 0 0 0 16px;
}

#case_box .case_entry {
  width: 660px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #b3b3b3;
  padding: 0 0 8px 0;
}

#case_box .case_mobile02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/mobile_list.gif") no-repeat;
  text-indent: -999999px;
}

#case_box .case_soft02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/software_list.gif") no-repeat;
  text-indent: -999999px;
}

#case_box .case_design02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/design_list.gif") no-repeat;
  text-indent: -999999px;
}

#case_box .case_network02 {
  width: 43px;
  height: 19px;
  float: left;
  background: url("../img/news_list_mark/network_list.gif") no-repeat;
  text-indent: -999999px;
}


#case_box .case_day { width: 88px; float: left; }
#case_box .case_title { width: 529px; float: left; }

#case_box .case_title a:link, #case_box .case_title a:visited { color: #446ba2; text-decoration: none; }
#case_box .case_title a:hover, #case_box .case_title a:active { color: #446ba2; text-decoration: underline; }

.case_cont_body_left03 {
  width: 165px;
  float: left;
}

.case_cont_body_right03 {
  width: 460px;
  float: right;
}

.case_txt01 {
  font-size: 80%;
}

.case_border {
  width: 640px;
  border: 1px solid #969696;
}

.case_border p {
  width: 160px;
  float: left;
  text-align: center;
  padding: 65px 0 0 0;
}

.case_border dl {
  font-size: 90%;
  width: 468px;
  float: right;
  padding: 10px 10px 10px 0;
}

.case_border dt {
  padding: 10px 0 5px 0;
  font-weight: bold;
  font-size: 120%;
}

.case_border dd {
  margin: 0 0 10px 0;
}

.case_contact_body {
  width: 640px;
  padding: 10px 0 0 0;
}

.case_contact_left {
  width: 300px;
  float: left;
  padding: 10px 0 10px 20px;
}

.case_contact_right {
  width: 299px;
  float: right;
  border-left: 1px dotted #969696;
  padding: 10px 0 10px 20px;
}

.case_contact_body dt {
  background: url("../img/case/contact_list.gif") no-repeat;
  padding: 0 0 0 17px;
  font-weight: bold;
  margin: 0 0 10px 0;
  font-size: 120%;
}

.case_contact_body dd {
  margin: 0 0 5px 0;
  padding: 0 0 0 17px;
}

.case_list {
  width: 640px;
  margin: 20px auto 0 auto;
  border: 1px solid #666666;
  padding: 0 0 20px 0;
}

.case_list h5 {
  background: url("../img/case/pickup_bg.gif") no-repeat;
  height: 16px;
  font-size: 110%;
  padding: 10px;
  border-bottom: 1px solid #666666;
}

.case_list_title {
  border-bottom: 1px solid #363636;
  margin: 20px auto;
  width: 640px;
  font-size: 110%;
  padding: 0 0 2px 0;
}

#case_list_title02 {
  width: 640px;
  margin: 20px auto;
  border-bottom: 1px solid #363636;
  padding: 0 0 7px 0;
}

#case_list_title02 h5 {
  width: 100px;
  float: left;
  font-size: 110%;
}

#case_list_title02 .right {
  width: 540px;
  float: right;
  text-align: right;
}

#case_list_title02 .right em {
  font-style: normal;
  font-weight: bold;
  padding: 5px;
  margin: 0 15px 0 0;
  background-color: #e7e7e7;
}

.case_img {
  width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0 0 0;
}

.case_list_tbl {
  width: 600px;
  font-size: 90%;
  margin: 20px auto 0 auto;
}

.case_list_tbl th {
  background-color: #cccccc;
  border: 1px solid #ffffff;
  padding: 5px;
}

.case_list td {
  background-color: #eeeeee;
  border: 1px solid #ffffff;
  padding: 5px;
}

.case_list_tbl01 {
  width: 100px;
}

.case_list_tbl02 {
  width: 430px;
}

.case_list_tbl03 {
  width: 50px;
  text-align: center;
}

.case_list_tbl04 {
  width: 100px;
  text-align: center;
}

.case_list_tbl05 {
  width: 100px;
  text-align: left;
}

.case_list_txt {
  width: 600px;
  margin: 10px auto 0 auto;
  font-size: 90%;
  text-align: right;
  color: #3a3a3a;
}

#case_list_contact {
  width: 640px;
  margin: 50px auto 0 auto;
  padding: 0 0 10px 0;
  border: 1px dotted #969696;
}

.case_list_web {
  width: 640px;
  margin: 20px auto 0 auto;
  border-bottom: 1px dotted #cccccc;
  padding: 0 0 20px 0;
}

.case_web_box {
  width: 600px;
  margin: 0 auto;
  padding: 5px;
  background: url("../img/case/web/web_lisg_bg.gif") repeat-y;
}

.web_img {
  width: 190px;
  float: left;
}

.case_web_box dl {
  width: 395px;
  float: right;
}

.case_web_box dt {
  font-weight: bold;
  border-left: 5px solid #9bcd3c;
  padding: 0 0 0 5px;
}

.web_service {
  background-color: #f2f2f2;
  margin: 10px 0 0 0;
  padding: 5px;
  font-size: 90%;
}

/*---------------------------------------------
17. service
---------------------------------------------*/
#service_top {
  background: url("../img/service/service_top.jpg") no-repeat;
  height: 216px;
  text-indent: -999999px;
  border-bottom: 1px solid #b3b3b3;
}

h4#service_title01 {
  background: url("../img/service/service_title01.gif") no-repeat;
  height: 26px;
  text-indent: -999999px;
}

h4#service_title02 {
  background: url("../img/service/service_title02.gif") no-repeat;
  height: 26px;
  margin: 35px 0 0 0;
  text-indent: -999999px;
}

.service_list {
  width: 658px;
}

.s_border01 {
  border: 1px solid #999999;
}

.s_border02 {
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}


.service_list h5 {
  width: 215px;
  float: left;
  text-align: center;
}

.service_list dl {
  width: 316px;
  float: left;
  padding: 15px 0 15px 15px;
  border-left: 1px solid #E6E6E6;
}


.service_list dt {
  color: #474B81;
}

.service_list dt span {
  font-size: 70%;
}


.service_list dd {
  font-size: 80%;
}

.service_list p {
  width: 111px;
  float: right;
  padding: 15px 0 15px 0;
}

h5#dab {
  background: url("../img/service/dab_logo.gif") no-repeat 0 15px;
  height: 49px;
  text-indent: -999999px;
}

h5#as {
  background: url("../img/service/as_logo.gif") no-repeat 0 15px;
  height: 49px;
  text-indent: -999999px;
}

h5#ssa {
  background: url("../img/service/ssa_logo.gif") no-repeat 0 15px;
  height: 49px;
  text-indent: -999999px;
}

h5#bpa {
  background: url("../img/service/bpa_logo.gif") no-repeat 0 15px;
  height: 49px;
  text-indent: -999999px;
}

h5#field {
  background: url("../img/service/fieldplus_logo.gif") no-repeat 0 15px;
  height: 49px;
  text-indent: -999999px;
}

h5#mapp {
  background: url("../img/service/mapp_logo.gif") no-repeat 0 9px;
  height: 61px;
  text-indent: -999999px;
}

h5#qs {
  background: url("../img/service/qs_logo.gif") no-repeat 0 15px;
  height: 49px;
  text-indent: -999999px;
}

h5#kaisoku {
  background: url("../img/service/kaisoku_logo.png") no-repeat 0 12px;
  height: 57px;
  text-indent: -999999px;
}

h5#icontacts {
  background: url("../img/service/icontacts_logo.gif") no-repeat 0 15px;
  height: 49px;
  text-indent: -999999px;
}

.service_stitle02 {
  border-bottom: 1px solid #999999;
  padding: 0 0 2px 0;
}

/*---------------------------------------------
18. Quick Safety
---------------------------------------------*/
#qs_top {
  width: 684px;
  height: 180px;
  margin: 15px auto 0 auto;
  background: url("../img/service/qs/title_top_bg.jpg") no-repeat;
}

#qs_top h3 {
  padding: 5px 5px 0 5px;
}

#qs_top_function {
  width: 684px;
  height: 75px;
  background: url("../img/service/qs/function.jpg") no-repeat;
  margin: 15px auto 0 auto;
}

#qs_top_require {
  width: 684px;
  height: 75px;
  background: url("../img/service/qs/require.jpg") no-repeat;
  margin: 15px auto 0 auto;
}

#qs_top_price {
  width: 684px;
  height: 75px;
  background: url("../img/service/qs/price.jpg") no-repeat;
  margin: 15px auto 0 auto;
}

#qs_top_flow {
  width: 684px;
  height: 75px;
  background: url("../img/service/qs/flow.jpg") no-repeat;
  margin: 15px auto 0 auto;
}

#qs_top_function h3 {
  padding: 26px 0 0 26px;
}

#qs_top_require h3 {
  padding: 26px 0 0 26px;
}

#qs_top_price h3 {
  padding: 26px 0 0 26px;
}

#qs_top_flow h3 {
  padding: 26px 0 0 26px;
}

.service_intitle {
  width: 660px;
  height: 23px;
  font-weight: bold;
  font-size: 100%;
  color: #ffffff;
  padding: 3px 0 0 10px;
  background: url("../img/service/inpage_sub_bg.jpg") no-repeat;
}

.qs_box {
  width: 660px;
}

.qs_box dl {
  width: 421px;
  float: left;
}

.qs_box dt {
  background: url("../img/service/qs/txt01.gif") no-repeat;
  height: 86px;
  text-indent: -999999px;
}

.qs_box p {
  width: 193px;
  float: right;
}

.qs_txt01 {
  color: #db619c;
  font-size: 90%;
}

#qs_stitle {
  width: 658px;
  border: 1px solid #666666;
  padding: 0 0 7px 0;
}


#qs_stitle p.stitle01 {
  height: 38px;
  text-indent: -999999px;
  background: url("../img/service/qs/stitle01.jpg") no-repeat;
}

#qs_stitle p.stitle02 {
  height: 38px;
  text-indent: -999999px;
  background: url("../img/service/qs/stitle02.jpg") no-repeat;
}

#qs_stitle p.stitle03 {
  height: 38px;
  text-indent: -999999px;
  background: url("../img/service/qs/stitle03.jpg") no-repeat;
}

#qs_stitle p.stitle04 {
  height: 38px;
  text-indent: -999999px;
  background: url("../img/service/qs/stitle04.jpg") no-repeat;
}

#qs_stitle dl {
  width: 603px;
  margin: 0 0 0 55px;
  padding: 7px 0 0 0;
}

#qs_stitle dt {
  width: 455px;
  float: left;
  background: url("../img/service/qs/list04.gif") no-repeat;
  padding: 0 0 0 15px;
  font-weight: bold;
}

#qs_stitle dd {
  width: 133px;
  float: right;
}

#service_foot_navi {
  text-align: right;
}

#service_foot_navi span {
  font-size: 80%;
  padding: 0 15px;
}

#service_foot_navi a:link, #service_foot_navi a:visited { color: #676767; text-decoration: none; }
#service_foot_navi a:hover, #service_foot_navi a:active { color: #676767; text-decoration: underline; }

.qs_function01 {
  border-bottom: 1px solid #808080;
  padding: 0 0 3px 15px;
  font-weight: bold;
  background: url("../img/service/qs/list01.gif") no-repeat;
}

.qs_function02 {
  border-bottom: 1px solid #808080;
  padding: 0 0 3px 15px;
  font-weight: bold;
  background: url("../img/service/qs/list02.gif") no-repeat;
}

.qs_function03 {
  border: 1px solid #4d4d4d;
  padding: 3px 20px;
  font-weight: bold;
  background: url("../img/service/qs/list03.gif") no-repeat;
}


.qs_function_list {
  width: 660px;
  border-bottom: 1px solid #E6E6E6;
  padding: 0 0 10px 0;
}

.qs_function_list dt {
  width: 192px;
  float: left;
  text-indent: -999999px;
}

.qs_function_list dd {
  width: 456px;
  height: 39px;
  float: right;
  font-size: 83%;
}

.qs_function_list_line {
  line-height: 39px;
}

.qs_functions_list01 {
  background: url("../img/service/qs/function_list01.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list02 {
  background: url("../img/service/qs/function_list02.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list03 {
  background: url("../img/service/qs/function_list03.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list04 {
  background: url("../img/service/qs/function_list04.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list05 {
  background: url("../img/service/qs/function_list05.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list06 {
  background: url("../img/service/qs/function_list06.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list07 {
  background: url("../img/service/qs/function_list07.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list08 {
  background: url("../img/service/qs/function_list08.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list09 {
  background: url("../img/service/qs/function_list09.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list10 {
  background: url("../img/service/qs/function_list10.jpg") no-repeat;
  height: 39px;
}

.qs_functions_list11 {
  background: url("../img/service/qs/function_list11.jpg") no-repeat;
  height: 39px;
}

.qs_requre_txt01 {
  border: 1px solid #808080;
  padding: 10px;
}

.require_tbl {
  width: 660px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}

.require_tbl th {
  font-weight: normal;
  text-align: left;
  width: 129px;
  padding: 10px;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.require_tbl td {
  width: 489px;
  padding: 10px;
  border-bottom: 1px solid #808080;
}

.service_contact_body {
  width: 658px;
  padding: 10px 0;
  border: 1px solid #969696;
}

.service_contact_left {
  width: 309px;
  float: left;
  padding: 10px 0 10px 20px;
}

.service_contact_right {
  width: 308px;
  float: right;
  border-left: 1px dotted #969696;
  padding: 10px 0 10px 20px;
}

.service_contact_body dt {
  background: url("../img/case/contact_list.gif") no-repeat;
  padding: 0 0 0 17px;
  font-weight: bold;
  margin: 0 0 10px 0;
  font-size: 120%;
}

.service_contact_body dd {
  margin: 0 0 5px 0;
  padding: 0 0 0 17px;
}

/*---------------------------------------------
19. DELETE ADDRESS BOOK
---------------------------------------------*/
.dab_box {
  width: 660px;
}

.dab_box dl {
  width: 421px;
  float: left;
}

.dab_box dt {
  background: url("../img/service/dab/txt01.gif") no-repeat;
  height: 86px;
  text-indent: -999999px;
}

.dab_box p {
  width: 211px;
  float: right;
}

#dab_stitle {
  width: 658px;
  border: 1px solid #666666;
  padding: 0 0 7px 0;
}


#dab_stitle p.stitle01 {
  height: 38px;
  text-indent: -999999px;
  background: url("../img/service/dab/stitle01.jpg") no-repeat;
}

#dab_stitle p.stitle02 {
  height: 38px;
  text-indent: -999999px;
  background: url("../img/service/dab/stitle02.jpg") no-repeat;
}

#dab_stitle p.stitle03 {
  height: 38px;
  text-indent: -999999px;
  background: url("../img/service/dab/stitle03.jpg") no-repeat;
}

#dab_stitle dl {
  width: 603px;
  margin: 0 0 0 55px;
  padding: 7px 0 0 0;
}

#dab_stitle dt {
  width: 435px;
  float: left;
  background: url("../img/service/qs/list04.gif") no-repeat;
  padding: 0 0 0 15px;
  font-weight: bold;
}

#dab_stitle dd {
  width: 133px;
  float: right;
}

#dab_top_function {
  width: 684px;
  height: 75px;
  background: url("../img/service/dab/function.jpg") no-repeat;
  margin: 15px auto 0 auto;
}

#dab_top_require {
  width: 684px;
  height: 75px;
  background: url("../img/service/dab/require.jpg") no-repeat;
  margin: 15px auto 0 auto;
}

#dab_top_flow {
  width: 684px;
  height: 75px;
  background: url("../img/service/dab/flow.jpg") no-repeat;
  margin: 15px auto 0 auto;
}

#dab_top_function h3 {
  padding: 18px 0 0 26px;
}

#dab_top_require h3 {
  padding: 18px 0 0 26px;
}

#dab_top_flow h3 {
  padding: 18px 0 0 26px;
}

.dab_require_tbl01 {
  width: 402px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}

.dab_require_tbl01 th {
  width: 132px;
  padding: 10px 0 10px 10px;
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #808080;
}

.dab_require_tbl01 td {
  width: 75px;
  padding: 10px 0 10px 10px;
  border-left: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.dab_require_tbl02 {
  width: 660px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}

.dab_require_tbl02 th {
  width: 132px;
  padding: 10px 0 10px 10px;
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #808080;
}

.dab_require_tbl02 td {
  width: 75px;
  padding: 10px 0 10px 10px;
  border-left: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.dab_require_tbl01 span {
  font-size: 80%;
  color: #FF6060;
}

.dab_require_tbl02 span {
  font-size: 80%;
  color: #FF6060;
}

.flow_caution {
  color: #FF6060;
  font-size: 90%;
}


.case_list_smt {
  width: 640px;
  margin: 20px auto 0 auto;
  border-bottom: 1px dotted #ffffff;
  padding: 0 0 20px 0;
}

.case_smt_box {
  width: 600px;
  margin: 0 auto;
  padding: 5px;
}

.case_smt_box dl {
  width: 395px;
  float: right;
}

.case_smt_box dt {
  font-weight: bold;
  border-left: 5px solid #9bcd3c;
  padding: 0 0 0 5px;
}