@charset "utf-8";
/*=========================================================
	[ responsive.css ]
	date - creation:2015-06-01 // update:2015-06-01
=========================================================*/

/*=========================================================
	index
		1. Page format
		2. header
		3. contents
		4. footer
=========================================================*/

/* 1. Page format
=========================================================*/

/* 2. header
=========================================================*/

/*     form
=========================================================*/

/* 3. contents
=========================================================*/

/* 4. footer
=========================================================*/

/* 5. searchbar
=========================================================*/

/* 6. responsive
=========================================================*/

@media screen and (min-width: 800px) {}

@media screen and (max-width: 799px) {}

@media screen and (max-width: 700px) {}

@media screen and (max-width: 640px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
  img {
    max-width: 100%;
    height: auto;
    width/***/
    : auto;
  }
  /* header */
  #header h1 {
    width: 250px;
  }
  #headerBox h1 img#logo {
    display: none;
  }
  #header {
    width: auto;
    background: none;
  }
  #headerInner {
    width: auto;
    padding: 0 10px;
    background-size: auto 65px;
  }
  #headerBox {
    width: auto;
  }
  #headerBox h1 {
    margin-top: 0px;
    margin-left: 10px;
  }
  #headerBox h1 img#logo_sp {
    display: block;
    margin-top: 15px;
  }
  #headerBox #sidr_btn {
    display: block;
    width: 33px;
    height: auto;
    margin-top: 15px;
    margin-right: 10px;
    float: right;
  }
  #search-box {
    margin-top: 10px;
  }
  #navInner {
    display: none !important;
  }
  ul#navGlobal {}
  #headerLnk {
    margin-top: 10px;
    display: none !important;
  }
  /* container */
  #container {
    width: auto;
    margin: 0px auto 0px !important;
  }
  #containerinner {
    padding: 14px 10px;
  }
  #content {
    /* max-width:670px */
    float: none;
    width: 100% !important;
    /*margin-top:0;*/
    margin: 0 0px !important;
    /*padding:0 10px;*/
  }
  .column1 #content {
    width: auto;
  }
  div#tab-container-1 ul li {}
  div#tab-container-1 ul li a {
    width: 100% !important;
  }
  .des-news dt {
    float: none;
    padding-bottom: 0px !important;
  }
  .des-news dd {
    padding-top: 0px !important;
    padding-left: 0px;
  }
  #conference table {
    width: 100%;
  }
  #conference table td {
    vertical-align: baseline;
    font-size: 0.8em;
  }
  /* side */
  #side {
    display: none !important;
  }
  #side2 {
    display: none !important;
  }
  #side_sp {
    display: block;
    margin-top: 0px;
    padding-top: 10px;
  }
  #side_sp_inner01, #side_sp_inner02 {
    padding: 15px;
  }
  #side_sp_inner01 {
    background-color: #EDF7F8;
  }
  #side_sp_inner02 {
    border: solid thin #ccc;
    margin-top: 10px;
  }
  #side_sp h2 {
    font-size: 105%;
    text-indent: 1em;
    clear: both;
    margin: 15px 0px 0px;
    background: transparent url("../../common2/images/for_top_side_h2_sp.jpg") no-repeat scroll 0% 0%;
    height: 33px;
    color: #FFF;
    font-weight: bold;
    line-height: 2.5;
  }
  #top #side_sp h2 a {
    color: #FFF;
  }
  /* Link list */
  ul.mkLink_sp, .mkLink_sp ul {
    list-style: none;
  }
  .mkLink_sp li {
    margin: .3em 0;
    padding-left: 15px;
    line-height: 1.5;
  }
  /* maker image */
  #side_sp .mkLink_sp li {
    background: url("../../common2/images/for_side_link.gif") no-repeat .2em .5em;
  }
  /* footer */
  #footerInner01 {
    display: none !important;
  }
  #footerInner02 {
    width: auto;
    text-align: center;
  }
  #footerInner02 #flogo {
    display: none !important;
  }
  #footerInner02 #flogo {
    display: none !important;
  }
  #footerInner02 #flogo_sp {
    display: block !important;
  }
  #pageTop {
    right: 10px;
    bottom: 10px;
  }
  /* Second_class */
  div#topicPath {
    margin: 0px;
    padding: 10px 0px;
    line-height: 1.6;
    text-align: left;
    background-color: #FAFAFA;
    padding: 14px 10px;
  }
  #containerinner {
    border: none;
  }
  #content h1.cTop {
    margin: 0px !important;
  }
  #content h1.hLv1 {
    margin: -20px 0px 10px;
  }
  #technology #content, #solutions #content, #case #content, #event #content, #msi #content, #msi #content {
    padding: 0px !important;
    border: none !important;
  }
  #technology #side_sp h2, #solutions #side_sp h2, #case #side_sp h2, #msi #side_sp h2, #msi #side_sp h2 {
    background: transparent url("../../common2/images/for_side_bkg_sp.jpg") no-repeat scroll left top;
    padding: 17px 10px 15px;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid #CCC;
    margin-top: 0px;
  }
  #technology #side_sp .navLink, #solutions #side_sp .navLink, #case #side_sp .navLink, #msi #side_sp .navLink, #msi #side_sp .navLink {
    border: solid thin #ccc;
  }
  #technology #side_sp .navLink ul li, #solutions #side_sp .navLink ul li, #case #side_sp .navLink ul li, #msi #side_sp .navLink ul li, #msi #side_sp .navLink ul li {
    font-size: 13px;
    list-style: outside none none;
  }
  #technology #side_sp .navLink ul li a, #solutions #side_sp .navLink ul li a, #case #side_sp .navLink ul li a, #msi #side_sp .navLink ul li a, #msi #side_sp .navLink ul li a {
    display: block;
    padding: 12px 12px 12px 24px;
    background: transparent url("../../common2/images/for_side_link.gif") no-repeat scroll 10px 14px;
    border-bottom: 1px solid #CCC;
    outline: medium none;
  }
  #content div.w320 {
    width: 100%;
    margin-bottom: 0px;
  }
  #technology #content div.w320 h2, #solutions #content div.w320 h2, #case #content div.w320 h2, #msi #content div.w320 h2, #msi #content div.w320 h2 {
    width: 96% !important;
    background: transparent url("../../common2/images/for_h2.jpg") no-repeat scroll left center !important;
  }
  #technology #content h2, #solutions #content h2, #case #content h2, #msi #content h2, #msi #content h2 {
    width: 96% !important;
  }
  #msi iframe {
    width: 100%;
  }
  /* Second_class_msi */
  #msi #content div.mr20 {
    margin-right: 0px !important;
  }
  /* flexslider */
  .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0px !important;
  }
  .flexslider:hover .flex-direction-nav .flex-next {
    right: 0px !important;
  }
}

@media screen and (max-width: 550px) {
  #content h2 {
    font-size: 100% !important;
  }
}

@media screen and (max-width: 460px) {}

@media screen and (max-width: 380px) {}

@media screen and (max-width:320px) {
  #wrapper {
    width: 320px !important;
  }
}