@charset "utf-8";

/**
 * A new micro clearfix hack ? Nicolas Gallagher
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
  /* for IE 6/7 only */

}

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/************************* setting *************************/

body {
  width: 100%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  color: #000000;
  word-break: normal;
}

a {
  color: #00a2e6;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  opacity: 0.8;
}

/************************* リンク *************************/

a.linkBlue,
a.linkBlue:visited {
  color: #000;
  text-decoration: none;
}

a.linkBlue:hover {
  color: #0077aa;
  text-decoration: underline;
}

a.linkIcon01 {
  padding-right: 24px;
  background: url(/images/icon_link01.png) right center no-repeat;
}

a.linkIcon02 {
  padding-right: 24px;
  background: url(/images/icon_link02.png) right top no-repeat;
}

a.linkIcon03 {
  padding-right: 50px;
  background: url(/images/icon_link03.png) right top no-repeat;
}

/************************* ヘッダ *************************/

/*20160209 h2->h1*/

h1 {
  font-size: 36px;
}

/*h3->h2*/

h2,
h3 {
  margin-bottom: 30px;
  font-size: 23px;
  font-weight: bold;
}

h4 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #00a2e6;
}

/************************* 基本セット *************************/

.center {
  text-align: center;
}

.floatL {
  float: left;
  margin-right: 10px;
}

.floatR {
  float: right;
  margin-left: 10px;
}

.mT00 {
  margin-top: 0 !important;
}

.mT10 {
  margin-top: 10px;
}

.mT20 {
  margin-top: 20px;
}

.mT30 {
  margin-top: 30px;
}

.mT50 {
  margin-top: 50px;
}

.mT70 {
  margin-top: 70px;
}

.mB10 {
  margin-bottom: 10px;
}

.mB20 {
  margin-bottom: 20px;
}

.mB30 {
  margin-bottom: 30px;
}

.mB70 {
  margin-bottom: 70px;
}

.mL10 {
  margin-left: 10px;
}

.mL30 {
  margin-left: 30px;
}

.mR10 {
  margin-right: 10px;
}

.mR30 {
  margin-right: 30px;
}

.f-bold {
  font-weight: bold;
}

ul.disc {
  margin-left: 20px;
}

ul.disc li {
  margin: 5px 0;
  list-style: disc outside;
}

/************************* ヘッダー *************************/

header {
  width: 100%;
  height: 100px;
  background-color: #FFFFFF;
  min-width: 980px;
}

div#headerBox {
  position: relative;
  width: 980px;
  height: 100px;
  margin: 0 auto;
}


div#headerBox > a {
  position: absolute;
  top: 14px;
  left: 0;
}

div#headerBox h1, div#headerBox p#header_logo {
  position: absolute;
  top: 24px;
  left: 0;
}


div#headerBox p#catchphrase {
  position: absolute;
  top: 46px;
  left: 180px;
}

div#headerBox ul {
  position: absolute;
  top: 32px;
  right: 10px;
}

div#headerBox li {
  float: left;
  margin-left: 45px;
}

div#headerBox hu_welcome {
  list-style: none;
}

div#headerBox li form {
  display: inline-block;
  width: 175px;
}

div#headerBox li .searchTxt {
  position: absolute;
  top: -7px;
  right: 0;
  width: 170px;
  padding: 5px;
  font-size: 15px;
  line-height: 20px;
  border: 1px solid #ccc;
}

div#headerBox li .searchBtn {
  position: absolute;
  top: -6px;
  right: 0;
  width: 30px;
  height: 30px;
  background: url(./share/images/search_icon.png) center no-repeat;
  border: none;
}

.subnavi {
  font-size: 10px;
  color: #444;
  top: 4px !important;
}

.subnavi a {
  color: #444;
}
.subnavi a:hover {
  color: #00a1e9;
  text-decoration: none;
}
.searchBox {
  top: 38px !important;
}
.subnavi li span {
  padding-left: 14px;
}
.subnavi li .arrow{
	position: relative;
}
.subnavi li .arrow::after{
	content:"";
	display: block;
	width:3px;
	height:3px;
	border-top:1px solid #00a1e9;
	border-right:1px solid #00a1e9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:0;
	top:50%;
	margin-top:-3px;
}
.subnavi li .recruit_link{
	font-weight: bold;
}
.subnavi li .recruit_link a{
	color: #0090d0;
	text-decoration: underline;
}
.subnavi li .recruit_link a:hover{
	text-decoration: none;
}
/************************* グローバルナビ *************************/
nav#gnavi {
  width: 100%;
  min-width: 980px;
  height: 40px;
  border-bottom: 2px solid #00a1e9;
  background: #fff;
}
nav#gnavi.fixed {
  position: fixed;
  z-index: 100;
  top: 0;
}
.menu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu {
  position: relative;
  z-index: 100;
  width: 980px;
  height: 40px;
  margin: 0 auto;
}

.menu > li {
  float: left;
  width: 138px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  border-right: 1px solid #e3e3e3;
}
.menu > li:first-child {
  border-left: 1px solid #e3e3e3;
}
.menu > li a {
  display: block;
  color: #5a5a5a;
  text-decoration: none;
}
.menu > li > a {
  text-align: center;
}

.menu > li a:hover {
  color: #00a0e9;
/*   font-weight: bold; */
}

.touch .menu > li a:hover {
  color: #5a5a5a;
}

.menuSecondLevel {
  visibility: hidden;
  opacity: 0;
  z-index: 10101;
}

ul.menuThirdLevel {
  visibility: hidden;
  opacity: 0;
}

ul.menu__fourthLevel {
  visibility: hidden;
  opacity: 0;
}

.menu .menuItem:hover > a {
  position: relative;
}
.touch .menu .menuItem:hover > a {
  position: static;
}
.menu .menuItem:hover > a:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  border-bottom: 5px solid #00a0e9;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.touch .menu .menuItem:hover > a:after {
  display: none;
}
.menuSecondLevel li a {
  color: #fff;
}
.menuThirdLevel li a {
  display: inline-block;
  position: relative;
  padding: 5px 20px;
  color: #000;
}
.menuSecondLevel li.hover > a {
  color: #00a0e9;
}
.menuSecondLevel li.hover > a.menuArrowRight:before {
  border-color: #00a0e9;
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
.megamenu {
  overflow: hidden;
  height: 400px;
}
li.menuItem .menuSecondLevel {
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  min-height: 665px;  /* 20200324 tk chg 590->665 --*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.menuItem:hover .menuSecondLevel {
    top: 42px;
    visibility: visible;
    opacity: 1;
}

li.menuItem .menuSecondLevel .menuCover {
  position: absolute;
  z-index: 102;
  left: 0;
  width: 280px;
  min-height: 400px;
  height: 100%;
  background: rgba(0,0,0,0.65);
  color: #fff;
}
li.menuItem .menuSecondLevel .menuCover .menuCoverTitle {
  padding: 16px 40px;
  font-size: 18px;
  font-weight: bold;
}
li.menuItem .menuSecondLevel .menuCover .menuCoverSummary {
  padding: 0 40px 40px;
  font-size: 14px;
  line-height: 220%;
}
li.menuItem .menuSecondLevel .menuCover .menuCoverLink {
  display: block;
  margin-left: 40px;
  width: 200px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
li.menuItem .menuSecondLevel .menuCover .menuCoverLink:hover {
  background: #fff;
  color: #000;
}
li.menuItem .menuSecondLevel .menuBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto 100%;
}

li.menuItem .menuSecondLevel .menuBg01 {
  background-image: url(./share/images/megamenu_bg_01.jpg);
}
li.menuItem .menuSecondLevel .menuBg02 {
  background-image: url(./share/images/megamenu_bg_02.jpg);
}
li.menuItem .menuSecondLevel .menuBg03 {
  background-image: url(./share/images/megamenu_bg_03.jpg);
}
li.menuItem .menuSecondLevel .menuBg06 {
  background-image: url(./share/images/megamenu_bg_06.jpg);
}
li.menuItem .menuSecondLevel .menuBg07 {
  background-image: url(./share/images/megamenu_bg_07.jpg);
}


li.menuItem .menuSecondLevel > ul {
  position: relative;
  z-index: 101;
  padding: 20px 0;
  height: 100%;
}
li.menuItem .menuSecondLevel:after {
  content: "";
  position: absolute;
  top: 0;
  left: 280px;
  width: 295px;
  height: 100%;
  background: rgba(0,0,0,0.85);
}

li.menuItem .menuSecondLevel > ul > li {
  z-index: 102;
  margin-left: 280px;
  width: 295px;
}

li.menuItem .menuSecondLevel > ul > li.hover {
  background: #333;
}

li.menuItem .menuSecondLevel > ul > li > a {
  position: relative;
  padding: 5px 20px;
  line-height: 1.5em;
}
li.menuItem .menuSecondLevel > ul > li > a.spContent {
  margin-top: 30px;
  font-weight: bold;
  cursor: pointer;
}
li.menuItem .menuSecondLevel > ul > li:first-child > a.spContent {
  margin-top: 0;
}
li.menuItem .menuSecondLevel > ul > li > a.spContent > div {
  font-weight: normal;
  margin-top: 10px;
}
li.menuItem .menuSecondLevel .menuThirdLevelBg {
  content: "";
  position: absolute;
  top: 0;
  right: -0;
  width: 405px;
  height: 100%;
  background: #fff url(./share/images/megamenu_bg.jpg) right top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
li.menuItem .menuSecondLevel .menuThirdLevelBg06 {
  background-position: 0 0;
  background-image: url(./share/images/megamenu_bg_06_s00.jpg);
}
li.menuItem .menuSecondLevel .menuThirdLevelBg07 {
  background-position: 0 0;
  background-image: url(./share/images/megamenu_bg_07_s00.jpg);
}
li.menuItem .menuSecondLevel hr {
  width: 94%;
  opacity: 0.5;
}
/*
.menuThirdLevel {
  background-color: pink;
}
*/
li.menuItem .menuSecondLevel li ul.menuThirdLevel {
  position: absolute;
  z-index: 102;
  top: 0;
  right: 0;
  width: 405px;
  height: 100%;
  min-height: 400px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.menuItem .menuSecondLevel li.hover ul.menuThirdLevel {
  visibility: visible;
  opacity: 1;
}
li.menuItem .menuSecondLevel li ul.menuThirdLevel > li {
  line-height: 1.5em;
}
li.menuItem .menuSecondLevel li ul.menuThirdLevel > li:first-child {
  padding-top: 20px;
}
li.menuItem .menuSecondLevel li ul.menuThirdLevel > li:last-child {
  padding-bottom: 20px;
}
li.menuItem .menuSecondLevel li ul.menuThirdLevel > li.menuAccordion:first-child {
  padding-top: 20px;
}
li.menuItem .menuSecondLevel li ul.menuThirdLevel > li.menuAccordion:last-child {
  padding-bottom: 20px;
}
li.menuItem .menuSecondLevel li ul.menuThirdLevel > li > a {
  padding: 10px 20px;
}

li.menuItem .menuSecondLevel li ul.menuThirdLevel > li ul.menu__fourthLevel {
  position: absolute;
  top: -1px;
  left: 100%;
  background: #2a1f1f;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.menuItem .menuSecondLevel li ul.menuThirdLevel > li:hover ul.menu__fourthLevel {
    visibility: visible;
    opacity: 1;
}

li.menuItem .menuArrowRight:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 8px 0 0;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

li.menuItem .menuSecondLevel li ul.menuThirdLevel > li > .menuArrowRight:before {
  top: 16px;
  border-color: #333;
}
li.menuItem .menuSecondLevel li ul.menuThirdLevel > li:hover > .menuArrowRight:before {
  border-color: #00a0e9;
}
li.menuItem .menuAccordion .menuAccordionBtn {
  display: block;
  position: relative;
  padding: 10px;
  margin: 1px 0 0;
  background: #e0e0e0;
  font-weight: bold;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
li.menuItem .menuAccordion .menuAccordionBtn:after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  width: 13px;
  height: 13px;
  border: 1px solid #666;
  text-align: center;
  line-height: 13px;
  color: #666;
  font-weight: normal;
}
li.menuItem .menuAccordion .menuAccordionBtn:hover {
  cursor: pointer;
}
/*li.menuItem .menuAccordion ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 0;
  list-style: none;
}*/
li.menuItem .menuAccordion ul {
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
li.menuItem .menuAccordion li .menuArrowRight:before {
  border-color: #000;
}
li.menuItem .menuAccordion li:hover .menuArrowRight:before {
  border-color: #00a0e9;
}
li.menuItem .menuAccordion .menuAccordionBtn:hover {
  color: #00a0e9;
  background: #eee;
}
li.menuItem .menuAccordion ul.menuAccordionClose {
  height: 0;
}
li.menuItem .menuAccordion ul.menuAccordionOpen {
}
li.menuItem .menuAccordion .menuIconMinus:after {
  content: "-";
}
.menuOverlay {
  display: none;
  position: absolute;
  top: 142px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.7);
  z-index: 99;
  width: 100%;
  height: 100%;
}
.menuOverlay.fixed {
  top: 42px;
}


/************************* コンテンツ共通パーツ *************************/

div#wrapper {
  position: relative;
  min-height: 1000px;
}

div#background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

div#backgroundimgurl {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

div#backgroundimgurl img {
  display: none;
  width: 100%;
}

div.bg01 {
  background: url(/assets_c/2015/09/slide_cybersecurity-thumb-1600x900-4580.jpg) center top no-repeat;
  background-size: cover;
}

div.bg02 {
  background: url(/assets_c/2015/07/mynumber-main-thumb-1600x900-4199.jpg) center top no-repeat;
  background-size: cover;
}

div.bg03 {
  background: url(/assets_c/2015/04/top_bg1-thumb-1600x900-3721.png) center top no-repeat;
  background-size: cover;
}

div.bg04 {
  background: url(/assets_c/2015/04/top_bg2-thumb-1600x900-3722.png) center top no-repeat;
  background-size: cover;
}

div#content {
  width: 100%;
}

#top div#content {
  padding-bottom: 0;
}

div#wrapper div#content {
  position: absolute;
  top: 0;
  z-index: 50;
}

/*20160313 h2->h1*/
div#content h1
{
  margin: 40px 0 20px;
  font-size: 36px;
  font-weight: bold;
}

div#content div.paraWhite {
  width: 100%;
  margin-bottom: 10px;
  background: #FFF;
}

div#content div.paraWhite.notShowList {
  display: none;
}

div#content div.paraWhite a {
  display: block;
  padding: 25px 17px;
  color: #000;
}

div#content div.paraWhite a:hover {
  text-decoration: none;
  box-shadow: 0 0 0 2px #00A0E5;
}

div#content div.paraWhite a.noEfct {
  padding: 0;
}

div#content div.paraWhite a.noEfct:hover {
  padding: 0;
  box-shadow: none;
}

/** product categoryList change **/

section#productsCateSearchTable section.paraSection {
  margin-bottom: 70px;
}

section#productsCateSearchTable div.paraWhite {
  width: 100%;
  margin-bottom: 10px;
  background: #FFF;
}

section#productsCateSearchTable div.paraWhite.notShowList {
  display: none;
}

section#productsCateSearchTable div.paraWhite a {
  display: block;
  padding: 25px 17px;
  color: #000;
}

section#productsCateSearchTable div.paraWhite a:hover {
  text-decoration: none;
  box-shadow: 0 0 10px #666;
}

section#productsCateSearchTable div.paraWhite a.noEfct {
  padding: 0;
}

section#productsCateSearchTable div.paraWhite a.noEfct:hover {
  padding: 0;
  box-shadow: none;
}

ul.category {
  margin-top: 15px;
}

ul.category li {
  display: inline-block;
  padding: 3px;
  margin-right: 3px;
  font-size: 12px;
  line-height: 1em;
  color: #FFF;
  background: #444;
}

/************************* スライド *************************/

section#slide {
  position: relative;
  width: 980px;
  height: 520px;
  padding: 70px 0 40px;
  margin: 0 auto;
}

#top ul#slideBox {
  position: relative;
  width: 980px;
  height: 480px;
  overflow: hidden;
}

#top ul#slideBox li {
  position: absolute;
  top: 0;
  width: 980px;
  height: 260px;
  text-align: center;
}

#service ul#slideBox {
  position: relative;
  width: 980px;
  height: 260px;
  overflow: hidden;
}

#service ul#slideBox li {
  position: absolute;
  top: 0;
  width: 980px;
  height: 260px;
  text-align: center;
}

ul#slideBox li#slideImage01 {
  left: 0;
}

ul#slideBox li#slideImage02 {
  left: 980px;
}

ul#slideBox li#slideImage03 {
  left: 1960px;
}

ul#slideBox li#slideImage04 {
  left: 2940px;
}

ul#slideBox li div {
  margin-bottom: 20px;
}

ul#slideBox li div span.sub {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
}

ul#slideBox li div span.main {
  display: block;
  margin: 30px 0;
  font-size: 50px;
}

ul#slideBox li div p {
  font-size: 18px;
  line-height: 26px;
}

p.moreBtn {
  margin-top: 20px;
}

ul#slideMark {
  position: relative;
  text-align: center;
}

ul#slideMark li {
  display: inline-block;
}

ul#slideMark li a {
  color: #DEE0E2;
}

ul#slideMark li a:hover {
  text-decoration: none;
}

ul#slideMark li a.selected {
  color: #00A5E6 !important;
}

#top ul#slideBtn li {
  position: absolute;
  top: 300px;
}

#service ul#slideBtn li {
  position: absolute;
  top: 140px;
}

ul#slideBtn li.prevBtn {
  left: 0 !important;
}

ul#slideBtn li.nextBtn {
  right: 0 !important;
}

ul#slideBtn li a img {
  vertical-align: bottom;
}

/************************* NEWS&FocusArea *************************/

div#contentHeader {
  height: 65px;
  background: url(./share/images/top_content_header_bg.png) repeat-x;
}

div#contentHeader div#contentHeaders {
  width: 980px;
  margin: 0 auto;
}

div#contentHeader div#contentHeaders h2 {
  float: left;
  width: 476px;
  padding: 30px 0 15px;
  margin: 0;
  font-size: 20px;
  color: #fff;
}

div#contentHeader div#contentHeaders h2:first-child {
  margin-right: 28px;
}

div#contentMainWrap {
  background: url(./share/images/top_content_header_bg.png) repeat;
}

div#contentMain {
  width: 980px;
  padding: 10px 0 0 0;
  margin: 0 auto;
}

div#contentMain div.contentHeader h2 {
  width: 476px;
  padding: 30px 0 15px;
  margin: 0;
  font-size: 20px;
  color: #fff;
  text-align: left;
}

/************************* ニュース *************************/

#top section#news {
  float: left;
  width: 476px;
  width: 476px\9;
  min-height: 600px;
  margin-right: 28px;
  margin-bottom: 40px;
}

#top section#news div#news_main {
  background: url(./share/images/top_news_bg.png) repeat;
}

#top section#news a#news_list_sp {
  display: none;
}

#top section#news a#news_list {
  display: block;
  float: right;
  width: 140px;
  height: 30px;
  margin: 0 0 20px 0;
}


#top section#news ul {
  padding: 10px 30px 10px 30px;
}

#top section#news ul li {
  margin-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}


#top section#news dt {
  height: 20px;
  padding: 0 0 10px 0;
}

#top section#news dd {
  display: block;
  width: 100%;
  width: 100%\9;
  padding: 0 0 10px 0;
  overflow: hidden;
}

#top section#news dd span {
  float: left;
  width: 140px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

#top section#news dd a {
  float: left;
  width: 276px;
  font-size: 12px;
  color: #000;
}

/************************* 重要なお知らせ *************************/

section#notice {
	/*position: absolute;
	top: 18%;*/
	width: 960px;
	background-color:rgba(0, 0, 0, 0.6);
	padding:10px;
	/*margin-bottom:20px;*/
    margin: 20px auto 20px;
}

section#notice img {
	vertical-align:-3px;
}

section#notice h2 {
	display:inline-block;
	margin: 0;
	margin-right:10px;
}

section#notice dl {
	display:inline-block;
	font-weight:400;
}

section#notice dt {
	display:inline-block;
	/*background:url(/images/arrow_icon01.png) 0px 5px no-repeat;*/
	/*padding-left:15px;*/
	margin-right:15px;
	color: #fff;
}

section#notice dd {
	display:inline-block;
}

section#notice dd a {
	color: #fff;
}


/************************* Focus Area *************************/

section#focusarea {
  float: left;
  width: 476px;
  width: 476px\9;
}

#top section#focusarea {
  margin-bottom: 20px;
}

section#focusarea h2 {
  text-align: center;
}

#top section#focusarea h2 {
  margin: 0;
}

section#focusarea li {
  float: left;
  width: 224px;
  height: 215px;
  margin-right: 28px;
  margin-bottom: 30px;
  background-color: #FFFFFF;
}

section#focusarea li.last {
  margin-right: 0;
}

/*--141230 T add--*/

section#focusarea li a img {
  display: block;
  margin: 0 auto;
  vertical-align: top;
}

section#focusarea li a {
  display: block;
  width: 224px;
  height: 215px;
  padding: 10px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

section#focusarea li a:hover {
  text-decoration: none;
  opacity: 0.7;
  box-shadow: 0 0 0 2px #00A0E5;
}

section#focusarea li a p {
  width: 224px;
  padding: 10px 0 0 0;
  text-align: center;
}

section#focusarea li a p span {
  display: block;
}

section#focusarea li a p span.sub01 {
  font-size: 14px;
}

section#focusarea li a p span.sub02 {
  font-size: 11px;
  letter-spacing: -1px;
}

/************************* Pick up *************************/

section#pickup {
  position: relative;
  padding: 40px 0 30px 0;
  background-color: #f5f5f5;
}

div#pickupWrapper {
  position: relative;
  width: 980px;
  margin: 0 auto 20px;
}

#top section#pickup h2 {
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

ul#pickupSlide {
  position: relative;
  width: 980px;
  height: 332px;
  margin: 0 auto;
  overflow: hidden;
}

ul#pickupSlide li {
  position: absolute;
  top: 0;
  width: 308px;
  padding: 0;
  background-color: #FFFFFF;
}

ul#pickupSlide li.selected {
  opacity: 1 !important;
}

ul#pickupSlide li#pickupBox01 {
  left: -695px;
}

ul#pickupSlide li#pickupBox02 {
  left: 100px;
}

ul#pickupSlide li#pickupBox03 {
  left: 895px;
}

ul#pickupSlide li#pickupBox04 {
  left: 1690px;
}

ul#pickupSlide li p {
  padding: 0;
  text-align: center;
}

ul#pickupSlide li p img {
  vertical-align: top;
}

ul#pickupSlide li dl {
  padding: 20px;
}

ul#pickupSlide li dt {
  height: 50px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
}

ul#pickupSlide li dt a {
  color: #000;
}

ul#pickupSlide li dd {
  height: 40px;
  overflow: hidden;
  font-size: 12px;
}

ul#pickupSlide li dd span {
  display: block;
  margin-top: 10px;
}

ul#pickupSlide li dd span a {
  padding-left: 15px;
  background: url(/images/arrow_icon02.png) 0 5px no-repeat;
}

ul#pickupMark {
  text-align: center;
}

ul#pickupMark li {
  display: inline-block;
}

ul#pickupMark li a {
  color: #DEE0E2;
}

ul#pickupMark li a:hover {
  text-decoration: none;
}

ul#pickupMark li a.selected {
  color: #00A5E6 !important;
}


ul#pickupBtn li {
  position: absolute;
  top: 180px;
  right: -80px;
  width: 44px;
  height: 44px;
}

ul#pickupBtn li:first-child {
  left: -80px;
}

/************************* フッター *************************/

footer {
  background-color: #333;
}

div#banner {
  position: relative;
  height: 125px;
  padding: 30px 0 0 0;
  margin: 0 auto;
  background-color: #e7e7e7;
}

ul#bannerBox {
  position: relative;
  width: 980px;
  height: 112px;
  margin: 0 auto;
  overflow: hidden;
}

ul#bannerBox li {
  position: absolute;
  top: 0;
  z-index: 10;
  display: table;
  width: 224px;
  height: 82px;
  text-align: center;
}

ul#bannerBox li a {
  display: table-cell;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

ul#bannerBox li a img {
  display: block;
  vertical-align: middle;
}

ul#bannerBox li a span {
  display: block;
  padding: 10px 0;
}

ul#bannerBox li span:after {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin: 0 0 0 2px;
  background-image: url(./share/images/icon_new_window.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: '';
}

ul#bannerBox li#bannerImage01 {
  left: 0;
}

ul#bannerBox li#bannerImage02 {
  left: 217px;
}

ul#bannerBox li#bannerImage03 {
  left: 434px;
}

ul#bannerBox li#bannerImage04 {
  left: 651px;
}

ul#bannerBox li#bannerImage05 {
  left: 868px;
}

ul#bannerBox li#bannerImage06 {
  left: 1085px;
}

ul#bannerBox li#bannerImage07 {
  left: 1302px;
}

ul#bannerBox li#bannerImage08 {
  left: 1519px;
}

ul#bannerBtn li {
  position: absolute;
  top: 45px;
  right: 0;
}

ul#bannerBtn li:first-child {
  left: 0;
}

div#footerBox {
  width: 980px;
  padding: 35px 0 5px;
  margin: 0 auto;
}

div#footerLink {
  width: 980px;
  margin: 0 auto;
  color: #FFFFFF;
}

div#footerLink a {
  color: #FFFFFF;
}

div#footerLink ul {
  margin-bottom: 30px;
  /*line-height: 30px;*/
}

div#footerLink #link04 ul {
  /*width: 130px;*/
}

div#footerLink nav#link00 {
  display: none;
}

div#footerLink nav#link01 {
  width: 245px;
}

div#footerLink nav#link02 {
  width: 210px;
}

div#footerLink nav#link03 {
  width: 230px;
}

div#footerLink nav#link04 {
  width: 175px;
}

div#footerLink #facebook {
  display: none;
}

div#footerLink ul li {
  margin-left: 15px;
  padding: 4px 0;
  font-size: 13px;
  list-style: disc;
  list-style-position: inside;
}

div#footerLink ul li:first-child {
  margin-left: 0;
  font-size: 14px;
  font-weight: bold;
  list-style: none !important;
}

div#footerLink ul li.noliststyle {
  list-style: none;
}

div#footerLink nav {
  float: left;
  width: 233px;
  margin-right: 40px;
}

div#footerLink nav#link04 {
  margin-right: 0;
}

/*--fbLink--*/
div#footerLink #link04 ul li.fbFooter {
  border-bottom: none;
  padding: 10px 0;
  font-weight: 400;
  margin: 0;
  height: auto;
}

div#footerLink #link04 ul li.fbFooter img {
  width: 30px;
  padding-right: 7px;
  vertical-align: middle;
}
/*--//fbLink--*/

div#footerLink .footerLinkBorderTop {
  border-top: 1px solid #aaa;
  margin-top: 8px;
  padding-top: 10px;
  background-position: 18px;
}



div#facebook {
  width: 233px;
  height: 105px;
  margin-bottom: 30px;
}

div#otherLink {
  width: 980px;
  margin: 20px auto 0;
}


div#otherLink ul {
  margin-bottom: 15px;
}

div#otherLink li {
  float: left;
  display: inline-block;
  /*margin-left: 30px;*/
  font-size: 13px;
}

div#otherLink li + li {
  margin-left: 20px;
}

/*div#otherLink li:first-child {
  margin-left: 0;
}*/

div#otherLink li:last-child {
  border-right: none !important;
}

div#otherLink li a {
  color: #FFFFFF;
}
/*
@media (max-width: 980px) {
  div#otherLink {
    width: auto;
  }
  div#otherLink ul {
    text-align: center;
  }
}
*/
/* CommentOut 190507
div#copyright {
  width: 980px;
  margin: 10px auto 0;
}

div#copyright address {
  float: left;
  padding-top: 13px;
  font-size: 14px;
  font-weight: normal;
  color: #FFFFFF;
}

div#copyright address img {
  margin-right: 40px;
  vertical-align: -3px;
}

div#copyright p {
  float: right;
  width: 54px;
  height: 54px;
}

div#copyright p img {
  z-index: 100;
  vertical-align: bottom;
}
*/
/* Added 190507 */
div#copyright_wrapper {
  background-color: #5a5a5a;
}
div#copyright {
  position: relative;
  width: 980px;
  margin: 10px auto 0;
}
div#copyright .sojitz_logo {
  width: 118px;
  height: 22px;
}
div#copyright .sojitz_logo img {
  width: 100%;
}
div#copyright address {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}
div#copyright address img {
  margin-right: 40px;
  vertical-align: -3px;
}
div#copyright p {
  float: right;
  width: 54px;
  height: 54px;
}
div#copyright p img {
  z-index: 100;
  vertical-align: bottom;
}

@media (min-width: 600px) {
  div#copyright .sojitz_logo {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  div#copyright address {
    float: right;
    height: 54px;
    padding: 0;
    margin: 0;
    padding-right: 60px;
    line-height: 54px;
    font-weight: normal;
  }
}
@media screen and (max-width: 599px) {
  body.product_detail footer div#copyright,
  body.solution_detail footer div#copyright {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  body.product_detail footer div#copyright .sojitz_logo,
  body.solution_detail footer div#copyright .sojitz_logo {
    margin-bottom: 14px;
  }
  body.product_detail footer div#copyright address,
  body.solution_detail footer div#copyright address{
    height: auto;
    padding-right: 60px;
    padding-left: 0;
    font-size: 10px;
    line-height: 1.2;
    text-align: left;
  }
}
/* Added end */ 

img.scrolltotop {
  position: fixed;
  right: 10%;
  bottom: 0;
  display: none;
  opacity: 0.7;
}

/************************* パンくず *************************/

.breadcrumb {
  width: 980px;
  padding: 15px 0;
  margin: 0 auto;
  font-size: 13px;
  line-height: 23px;
}

.breadcrumb a:link,
.breadcrumb a:visited {
  color: #000;
}

/*20160210パンくずリスト修正*/

#section.breadcrumbs {
  padding: 11px 0;
  background: #fcfcfc;
}

/************************* ソリューション・サービス *************************/

/*20160216パンクズリスト修正削除対象*/

#solution div.title {
  height: 182px;
  background: url(./share/images/category_visual_solution.png) center top no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
}

/*20160205 h2->h1*/

#solution div.title h1 {
  width: 980px;
  margin: 0 auto;
  color: #000;
}

/*20160205 h2->h1*/

#solution.solution_top div.title h1 {
  padding-top: 35px;
  font-size: 36px;
  font-weight: bold;
}

#solution.solution_top div.title p {
  width: 980px;
  padding-top: 20px;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
}

#solution div#bg01 {
  background: url(/product/images/bg01.png) center top no-repeat;
  background-size: cover;
}

#solution div#bg03 {
  height: 953px;
  background: url(/product/images/bg03.png) center top repeat;
}

/*20160205 h3->h2*/

#solution div#bg03 .contentsMenuInner h2,
#solution div#bg03 .contentsMenuInner h3 {
  font-size: 30px;
}

div#bg02 #content #pageicon {
  width: 980px;
  margin: 0 auto;
}

body#solution.solution_top #content #pageicon {
  padding-bottom: 50px;
}

div#bg02 #content #pageicon p {
  font-size: 14px;
  font-weight: normal;
}

div#bg02 #content #pageicon img {
  margin-top: 25px;
  margin-right: 28px;
}

#solution.solution_top div#bg02 #content #slide {
  background-color: #f5f5f5;
}

#solution h3#newsttl {
  height: 44px;
  margin-bottom: 0;
  background: #444;
}

#solution h3#newsttl a {
  float: right;
}

#solution section#news {
  clear: left;
  -moz-opacity: 0.9;
       opacity: 0.9;
  filter: alpha(opacity=95);
}

#solution section#news dl {
  display: inline-block;
  width: 700px;
  padding: 0;
  margin-left: 0;
  font-weight: bold;
  font-weight: normal;
  border-bottom: 1px solid #d7d7d7;
}

#solution section#news dl img {
  margin-right: 10px;
}

#solution section#news dt {
  display: inline-block;
  float: left;
  width: 280px;
  clear: left;
  vertical-align: top;
}

#solution section#news dd {
  display: inline-block;
  float: left;
  width: 620px;
  height: auto;
  padding-left: 15px;
  background: url(/images/arrow_icon01.png) 0 5px no-repeat;
}

#solution section#solutionBanner {
  text-align: center;
}

#solution section#solServiceHead {
  height: 182px;
  background-image: url("/product/images/sol_bg01.jpg");
  background-size: 100%;
}

#solution #solServiceHead h2 {
  width: 980px;
  padding-top: 70px;
  margin: 0 auto;
  font-size: 29px;
  font-weight: bold;
  color: #000;
}

#solution #solutionBannerBox {
  width: 980px;
  padding: 45px 0 65px;
  margin: 0 auto 0;
  color: #000;
  text-align: left;
}

#solution #solutionBannerBox h4 {
  margin: 0 auto 20px;
  font-size: 23px;
  font-weight: bold;
  color: #000;
}

#solution section.contentsMenuGline {
  background: #f5f5f5;
}

#solution section.contentsMenuG2line {
  background: #eaeaea;
}

#solution section.contentsMenuWline {
  background: #fcfcfc;
}

/* ソリューショントップ */

#solution div.productIndexNews {
  height: 56px;
  margin-bottom: 80px;
  overflow: hidden;
  clear: both;
}

#solution div.productIndexNews .goNews {
  float: right;
  width: 140px;
  height: 55px;
  margin: 0;
}

#solution div.productIndexNews .goNews a {
  display: block;
  padding: 20px 0 21px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: url(./share/images/icon_list2.png) 20px 16px no-repeat;
  background-color: #00a2e6;
}

#solution div.productIndexNews .showNews {
  float: left;
  width: 840px;
  height: 55px;
  margin: 0;
}

#solution div.productIndexNews .showNews .showNewsTitle {
  float: left;
  width: 140px;
  height: 14px;
  padding: 20px 0 21px;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  text-align: center;
  background-color: #5a5a5a;
}

#solution div.productIndexNews .showNews ul {
  float: left;
  width: 700px;
}

#solution div.productIndexNews .newsLink p {
  text-align: left;
}

#solution section#news .productIndexNews dl {
  width: 640px;
  height: 14px;
  padding: 20px 15px 21px;
  background-color: #fff;
  border-bottom: none;
}

#solution section#news .productIndexNews dl img {
  margin-right: 10px;
}

#solution section#news .productIndexNews dt {
  width: 300px;
  font-size: 14px;
}

#solution section#news .productIndexNews dd {
  width: 335px;
  padding-left: 0;
  background: none;
}

#solution section#news .productIndexNews dd p a {
  font-size: 14px;
  color: #00a2e6;
}

#solution dl.productIndexNews dt {
  display: inline-block;
  width: 130px;
  padding: 7px;
  text-align: right;
}

#solution dl.productIndexNews dd {
  display: inline-block;
  width: 800px;
  padding: 7px;
  vertical-align: center;
}

#solution dl.productIndexNews dd table {
  width: 100%;
}

#solution dl.productIndexNews dd table td p.productIndexNewsBox {
  width: 510px;
  height: 1.5em;
  overflow: hidden;
  text-align: left;
}

#solution dl.productIndexNews dd table td p.productIndexNewsBox a {
  color: #000;
}

/* ソリューション絞り込み */

.contentsMenuInner {
  width: 980px;
  padding: 35px 0 50px;
  margin: 0 auto;
}

.contentsMenuInner p {
  text-align: center;
}

.contentsMenuInner h4 {
  margin: 10px 0 0 0;
  font-size: 30px;
  font-weight: bold;
  color: #000;
}

.contentsMenuInner p.contentsMenuTtl a {
  display: inline-block;
  padding-left: 20px;
  margin: 20px auto 35px;
  font-size: 24px;
  color: #8c8c8c;
  background: url(/images/arrow_icon03.png) left center no-repeat;
}

.contentsMenuInner ul.contentsMenuList {
  width: 995px;
  height: 100%;
  margin-left: -7px;
}

.contentsMenuInner ul.contentsMenuList li {
  display: inline-block;
  width: 296px;
  margin-bottom: 30px;
  margin-left: 30px;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}

#solution section.contentsMenuG2line .contentsMenuInner ul.contentsMenuList li {
  display: inline-block;
  width: 300px;
  margin-bottom: 28px;
  margin-left: 28px;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}

.contentsMenuInner ul.contentsMenuList li a {
  display: block;
  height: 100%;
  padding: 10px 5px 10px 20px;
  font-weight: bold;
  color: #000;
  background: #fafafa /*url(/images/arrow_icon04.png) 7px 15px no-repeat?*/;
}

.contentsMenuInner ul.contentsMenuList li a:hover {
  color: #FFF;
  text-decoration: none;
  background: #00a0e9 ;
}

/*--solution list hover arrow--*/

.contentsMenuInner ul.contentsMenuList li a {
  display: block;
  height: 100%;
  padding: 10px 5px 10px 20px;
  color: #000;
}

.contentsMenuInner ul.contentsMenuList li a:hover {
  color: #FFF;
  text-decoration: none;
}

/*-------------------------------*/

#solution .contentsMenuGline .contentsMenuInner ul.contentsMenuList li a,
#solution .contentsMenuWline .contentsMenuInner ul.contentsMenuList li a {
  font-weight: bold;
}

#solution section#newsSearch {
  height: 168px;
  padding-top: 22px;
  background: url(/solution/images/index_news_bg.png) left top no-repeat;
}

#solution section#newsSearch ul {
  margin-left: 20px;
}

#solution section#newsSearch ul li {
  display: inline-block;
  width: 218px;
  margin: 0 0 15px 10px;
  font-weight: bold;
  text-align: center;
}

#solution section#newsSearch ul li a {
  display: block;
  padding: 15px 5px;
  color: #000;
  background: #FFF;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

#solution section#newsSearch ul li.active a {
  color: #FFF;
  background: #0077aa;
}

#solution section#newsSearch ul li a:hover {
  color: #FFF;
  text-decoration: none;
  background: #00a0e9;
  box-shadow: 0 0 10px #666;
}

/* フッタお問い合わせ枠 */

#solutionContact {
  text-align: center;
  background: #73bddc;
}

#solutionContactBox {
  width: 980px;
  padding: 30px 0 45px;
  margin: 0 auto 0;
}

#solutionContactBox p.solutionContactTtl {
  margin: 0 auto 20px;
  font-size: 23px;
}

#solutionContactBox ul {
  margin-top: 30px;
}

#solutionContactBox ul li {
  display: inline-block;
  text-align: center;
}

#solutionContactBox ul li a {
  display: block;
  padding-top: 60px;
  color: #000;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon01 {
  width: 200px;
  background: url(/images/icon_contact.png) 70px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon02 {
  width: 160px;
  background: url(/images/icon_contact.png) -141px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon03 {
  width: 160px;
  background: url(/images/icon_contact.png) -340px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon04 {
  width: 200px;
  background: url(/images/icon_contact.png) -520px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon05 {
  width: 200px;
  background: url(/images/icon_contact.png) -810px top no-repeat;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon01 {
  width: 400px;
  padding: 0;
  background: url(/images/icon_contact.png) 170px -113px no-repeat;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon05 {
  width: 200px;
  background: url(/images/icon_contact.png) -810px top no-repeat;
}

/* 製品トップ */

#solution section#productsCate ul,
#product section#productsCate ul {
  text-align: center;
}

#solution section#productsCate ul li,
#product section#productsCate ul li {
  display: inline-block;
  width: 313px;
  padding-bottom: 8px;
  margin: 0 10px 15px 0;
  font-weight: bold;
  text-align: center;
}

#solution section#productsCate ul li:last-child,
#product section#productsCate ul li:last-child {
  margin: 0 0 15px 0;
}

#solution section#productsCate ul li a,
#product section#productsCate ul li a {
  display: block;
  padding: 15px 5px;
  color: #000;
  background-color: #FFF;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

#solution section#productsCate ul li.active,
#product section#productsCate ul li.active {
  background-image: url(/images/icon_activebg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}

#solution section#productsCate ul li.active a,
#product section#productsCate ul li.active a {
  color: #FFF;
  background-color: #0077aa;
}

#solution section#productsCate ul li a:hover,
#product section#productsCate ul li a:hover {
  text-decoration: none;
}

/* 製品カテゴリから探す */

.contentsCateInner {
  width: 980px;
  padding: 0 0 50px;
  margin: 0 auto;
}

.contentsCateInner p {
  text-align: center;
}

section#productsCateSearch {
  padding-top: 50px;
  margin-top: -34px;
  background: #ccdae0;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
      -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
       -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}

section#productsCateSearchTable {
  padding-top: 50px;
  background-color: #F5F5F5;
}

section#productsCateSearchTable table p {
  text-align: left;
}

.contentsCateInner ul.contentsCateList {
  width: 995px;
  height: 100%;
  margin-left: -7px;
}

.contentsCateInner ul.contentsCateList li {
  display: inline-block;
  width: 240px;
  margin-bottom: 5px;
  margin-left: 3px;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}

.contentsCateInner ul.contentsCateList li a {
  display: block;
  height: 100%;
  padding: 10px 5px 10px 20px;
  color: #000;
  border: 1px solid #e5e5e5;
}

.contentsCateInner ul.contentsCateList li a:hover {
  color: #FFF;
  text-decoration: none;
  background: #00a0e9 url(/images/arrow_icon04_hover.png) 7px 15px no-repeat;
}

/*--product list hover arrow--*/

body#solution .contentsCateInner ul.contentsCateList li a {
  display: block;
  height: 100%;
  padding: 10px 5px 10px 20px;
  color: #000;
  background: #fafafa url(/images/arrow_icon04.png) 7px 15px no-repeat;
  border: 1px solid #e5e5e5;
}

body#solution .contentsCateInner ul.contentsCateList li a:hover {
  color: #FFF;
  text-decoration: none;
  background: #00a0e9 url(/images/arrow_icon04_hover.png) 7px 15px no-repeat;
}

/*-------------------------------*/

.productsCateNameL {
  float: left;
  width: 250px;
  text-align: center;
}

.productsCateNameL img {
  max-width: 233px;
}

table.productsCateNameR {
  float: right;
  width: 690px;
}

#solution .productsCateNameL img {
  max-width: 233px;
}

#solution table.productsCateNameR {
  float: right;
  width: 690px;
}

/* 製品50音順 */

/* 販売終了・サポート終了 */

ul.contentsCateNamelist {
  margin: 0 0 25px 247px;
}

ul.contentsCateNamelist li {
  display: inline-block;
  width: 220px;
  margin: 0 10px;
  font-weight: bold;
  text-align: center;
}

ul.contentsCateNamelist li a {
  display: block;
  padding: 15px 5px;
  color: #000;
  background-color: #FFF;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

ul.contentsCateNamelist li.active a {
  color: #FFF;
  background-color: #0077aa;
}

ul.contentsCateNamelist li a:hover {
  text-decoration: none;
}

section#productsCateName {
  padding-top: 30px;
  margin-top: -73px;
  background: #ccdae0 url(./share/images/icon_activebg02.png) center top no-repeat;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
      -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
       -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}

section.productsCateName > h4 {
  padding-left: 15px;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #000;
  background: url(/images/icon_circle.png) left center no-repeat;
}

section#productsCateFin {
  padding-top: 50px;
  margin-top: -34px;
  background: #ccdae0;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
      -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
       -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}

section#productsCateName .contentsCateInner ul.contentsCateList li,
section#productsCateFin .contentsCateInner ul.contentsCateList li {
  width: 68px;
}

section#productsCateName .contentsCateInner ul.contentsCateList li.none,
section#productsCateFin .contentsCateInner ul.contentsCateList li.none {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #a3a3a3;
  text-align: center;
  background: #fafafa ;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

section#productsCateName .contentsCateInner ul.contentsCateList li a,
section#productsCateFin .contentsCateInner ul.contentsCateList li a {
  padding: 10px 5px 10px 30px;
}

section#productsCateNameTable,
section#productsCateFinTable {
  background: #EEE;
}

/*20160205 h3->h2*/

section.productsCateName h2,
section#productsCateNameTable h2,
section#productsCateFinTable h2 {
  padding: 2px 0 2px 15px;
  margin-top: 50px;
  margin-bottom: 10px;
  font-weight: bold;
  border-left: 5px solid #054a66 ;
}

section#productsCateNameTable .productsCateNameBase,
section#productsCateFinTable .productsCateFinBase {
  padding: 15px;
  margin-bottom: 30px;
  background: #FFF;
}

section#productsCateFinTable .productsCateFinBase {
  padding: 5px;
}

section#productsCateNameTable,
section#productsCateFinTable {
  padding-top: 50px;
}

section#productsCateNameTable table,
section#productsCateFinTable table {
  width: 100%;
}

section#productsCateFinTable th {
  padding: 7px 20px;
  text-align: left;
  background: #e0e0e0;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

section#productsCateNameTable th,
section#productsCateNameTable td {
  padding: 15px 7px;
  text-align: left;
  background: #FFF;
  border-bottom: 1px solid #ececec;
}

section#productsCateNameTable th {
  padding-right: 50px;
  font-size: 18px;
}

section#productsCateNameTable td p {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}

section#productsCateFinTable td {
  padding: 7px 20px;
  text-align: left;
  background: #FFF;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

section#productsCateFinTable td:last-child {
  border-right: none;
}

/* 販売終了・サポート終了（詳細ページ） */

section#productFinHead {
  width: 920px;
  padding: 30px;
  margin-top: 15px;
  background-color: #bccad0;
}

section#productFinHead h2 {
  width: 65%;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 1.5em;
}

section#productFinHead p {
  text-align: right;
}

section#productInfo section.productFinDetail {
  width: 930px;
  padding: 30px 25px 25px;
  margin: 0 auto 30px;
  background: #FFF;
}

/************************* 製品ソリューション詳細ページ *************************/

/* 製品ヘッダ */

section#productHead {
  width: 920px;
  padding: 30px;
  margin-top: 11px;
  color: #FFF;
  background: url(/product/images/bg_head.png) left top no-repeat;
}

section#productHead .productHeadL {
  float: right;
  width: 630px;
}

section#productHead .productHeadR {
  display: table;
  float: left;
  width: 260px;
  overflow: hidden;
  text-align: center;
  background-color: #FFFFFF;
}

section#productHead .productHeadR.noImage {
  display: none;
}

#solution section#productHead .productHeadR {
  background: none;
}

section#productHead .productHeadR p {
  display: table-cell;
  vertical-align: middle;
}

section#productHead .productHeadR img {
  display: block;
  height: auto;
  max-width: 260px;
  margin: 0 auto;
}

section#productHead h2 {
  margin: 0;
  font-weight: normal;
  line-height: 1.3em;
}

section#productHead .productHeadURL {
  margin: 15px 0;
}

section#productHead .productHeadURL a {
  color: #FFF;
}

section#productHead .productHeadURL a:hover {
  color: #007AA8;
}

section#productHead h3 {
  padding: 25px 0 20px;
  margin: 0;
}

#product section#productHead p.productHeadTxt {
  margin-top: 30px;
}

/* 製品SNSボタン */

section#productSNS {
  margin: 8px auto;
  text-align: right;
}

section#productSNS ul {
  height: 44px;
}

section#productSNS ul li {
  display: inline-block;
  margin-left: 15px;
  text-align: left;
  vertical-align: middle;
}

section#productSNS ul li a {
  color: #000;
}

section#productSNS ul li.productBtn01 {
  padding-left: 28px;
  background: url(/images/icon_mail_gray.png) left center no-repeat;
}

section#productSNS ul li.productBtn02 {
  padding-left: 22px;
  background: url(/images/icon_catalog_gray.png) left center no-repeat;
}

section#productSNS ul li.productBtn03 {
  padding-left: 28px;
  background: url(/images/icon_support_gray.png) left center no-repeat;
}

/* 製品ページ内ボックス */

section#productEtcWrap {
  width: 100%;
  padding: 30px 0;
  background: url(/images/bg_dotted.gif);
}

section.productDetail {
  position: relative;
  width: 930px;
  padding: 30px 25px 25px;
  margin: 0 auto 50px;
  background-color: #FFF;
  background-position: 25px top;
  background-repeat: no-repeat;
}

section.productDetail h3 {
  margin-bottom: 20px;
}

h4.productTtlh4 {
  margin: 20px 0 10px;
  color: #000;
}

table.productListArea {
  width: 940px;
  border-collapse: separate;
}

table.productListArea th {
  width: 500px;
  padding: 30px 0 10px;
  margin-right: 10px;
  text-align: left;
}

table.productListArea th h4.productTtlh4 {
  padding-left: 15px;
  margin: 0;
  color: #000;
  background: url(/images/icon_circle.png) left center no-repeat;
}

table.productListArea td {
  width: 500px;
  height: 200px;
  padding: 20px;
  text-align: left;
  background: #f5f7ef;
  border-right: 10px solid #FFF;
}

table.productListArea td.productListAreaNone {
  width: 500px;
  height: 200px;
  background: #FFF;
}

.productDetailBox {
  padding: 20px;
  background: #f5f7ef;
}

#solution .productDetailBox {
  height: 180px;
}

#product .productDetailBoxL {
  float: left;
  width: 630px;
}

#product .productDetailBoxR {
  display: table;
  float: right;
  width: 233px;
  height: 175px;
  overflow: hidden;
  text-align: center;
  background: #FFF;
}

#product .productDetailBoxR p {
  display: table-cell;
  vertical-align: middle;
}

#product .productDetailBoxR img {
  height: auto;
  max-width: 233px;
}

.productWhitepaperTtl {
  margin-bottom: 10px;
  font-weight: bold;
}

ul.productWhitepaper {
  display: table;
  width: 950px;
  margin: 10px 0 0 -10px;
}

ul.productWhitepaper li {
  display: table-cell;
  float: none;
  width: 50%;
  min-height: 0;
  padding: 15px;
  margin-bottom: 10px;
  background: #e5f6fd;
  border: 5px solid #FFF;
  background-clip: padding-box;
}

ul.productWhitepaper li p.productWhitepaperL {
  float: left;
  width: 150px;
}

ul.productWhitepaper li p.productWhitepaperL img {
  max-width: 150px;
}

ul.productWhitepaper li p.productWhitepaperR {
  float: right;
  width: 250px;
}

.productEventBtn {
  position: absolute;
  top: 12px;
  right: 25px;
}

.productEventBox {
  padding: 20px;
  margin-bottom: 20px;
  background: #f5f5f5;
}

ul.productEventStatus {
  margin: 10px 0 5px;
}

ul.productEventStatus li {
  display: inline-block;
}

ul.productCampagin {
  width: 980px;
  margin: 10px 0 5px -10px;
}

ul.productCampagin li {
  display: inline-block;
  width: 300px;
  margin-left: 10px;
}

ul.productCampagin li p.productCampaginImg {
  display: block;
  width: 298px;
  height: 148px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ebebeb;
}

ul.productCampagin li p.productCampaginImg img {
  height: auto;
  max-width: 298px;
}

ul.productCampagin li p.productCampaginTtl {
  margin: 10px 0 5px;
  font-weight: bold;
}

.productRelatedTtl {
  margin-bottom: 10px;
  font-weight: bold;
}

ul.productRelated {
  display: table;
  width: 950px;
  margin: 10px 0 25px -10px;
}

ul.productRelated li {
  display: table-cell;
  width: 50%;
  padding: 15px;
  margin-left: 10px;
  background: #f5f5f5;
  border: 5px solid #FFF;
  background-clip: padding-box;
}

/* サービス */

#service section.contentsMenuWline {
  background: #FFF;
}

#service section.contentsMenuSline {
  background: #e5f6fd;
}

#service div#bg03 {
  background: #f5f5f5;
}

#service .contentsMenuInner {
  width: 980px;
  padding: 35px 0 30px;
  margin: 0 auto;
}

#service .contentsMenuInner .serviceIndexStep {
  padding-bottom: 30px;
}

#service .contentsMenuInner .serviceIndexStep p {
  text-align: left;
}

#service .contentsMenuInner .serviceStep {
  margin-top: 40px;
  font-size: 30px;
  font-weight: bold;
}

#service .contentsMenuInner .serviceStepComment {
  margin-top: 40px;
}

#service .contentsMenuInner .serviceContent {
  padding: 30px;
  margin-top: 40px;
  background-color: #fff;
}

#service .contentsMenuInner .serviceIndexBox {
  margin-top: 40px;
}

#service .contentsMenuInner .serviceIndexTxt {
  width: 619px;
  margin-left: 0;
}

#service .contentsMenuInner .serviceIndexTxt p {
  text-align: left;
}

#service .contentsMenuInner .serviceIndexTxt ul {
  margin-left: 22px;
  line-height: 28px;
  list-style: disc;
}

#service .contentsMenuInner .serviceIndexTxt ul.serviceIndexInlineList {
  margin-left: 0;
  list-style-position: inside;
}

#service .contentsMenuInner .serviceIndexTxt ul.serviceIndexInlineList li {
  float: left;
  margin-right: 20px;
  white-space: nowrap;
}

#service .contentsMenuInner .serviceIndexTxt ul li.serviceIndexLink {
  margin-left: -18px;
  list-style: none;
}

#service .contentsMenuInner .serviceIndexTxt ul.serviceIndexInlineList li.serviceIndexLink {
  margin-left: 0;
  list-style: none;
}

#service .contentsMenuInner .serviceIndexTxt ul li.serviceIndexLink a.modLinkArrow:before {
  margin-right: 10px;
}

#service .contentsMenuInner .serviceIndexImg {
  width: 233px;
  margin-right: 28px;
  margin-left: 0;
}

#service .contentsMenuInner ul.serviceMenuList {
  margin-top: 30px;
}

#service .contentsMenuInner ul.serviceMenuList li {
  display: block;
  float: left;
  width: 240px;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}

#service .contentsMenuInner ul.serviceMenuList li a {
  display: block;
  float: left;
  padding: 10px 5px 10px 20px;
  color: #000;
  background: url(/images/arrow_icon02.png) 7px 15px no-repeat;
}

#service .contentsMenuInner ul.serviceMenuList li a:hover {
  text-decoration: underline;
  background: url(/images/arrow_icon02.png) 7px 15px no-repeat;
}

#service .contentsBottomInner {
  width: 980px;
  padding: 0 0 0 0;
  margin: 40px auto 0;
}

#service .contentsBottomInner .serviceBottomTxt {
  width: 460px;
  padding: 0 10px 0 0;
  margin: 48px 0 30px 0;
}

#service .contentsBottomInner .serviceBottomTxt p {
  text-align: left;
}

#service .contentsBottomInner .serviceBottomImg {
  width: 470px;
  padding: 0 0;
  margin: 48px 0 30px 0;
}

/***********************下層ページ共通***********************/

/*セクションボックス*/

.BoxDetail {
  position: relative;
  width: 930px;
  padding: 30px 25px 25px;
  margin: 0 auto 30px;
  overflow: hidden;
  background-color: #fff;
  background-position: 25px top;
  background-repeat: no-repeat;
}

section#relation_info.BoxDetail {
  width: 980px;
  padding: 30px 0 25px;
  background-color: transparent;
}

.BoxDetail_none {
  position: relative;
  width: 930px;
  padding: 30px 25px 25px;
  margin: 0 auto 30px;
  overflow: hidden;
  background-color: #fff;
}

.WrapDetail {
  position: relative;
  width: 980px;
  margin: 0 auto 30px;
  clear: both;
}

body#caseStudyIndex.caseStudyTop #content .WrapDetail p {
  padding: 20px 0 20px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.BoxDetail h2,
.BoxDetail h3,
.BoxDetail_none h2,
.BoxDetail_none h3 {
  margin-bottom: 20px;
}

.BoxDetail .BoxArea td,
.BoxDetail_none .BoxArea td {
  padding-right: 20px;
  vertical-align: top;
}

.lower_default h2 {
  width: 980px;
  padding: 4px 10px;
  margin: 10px auto 20px;
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
}

.lower_default.mT70 h2 {
  padding: 0;
  margin: 0 auto 60px;
}

.lower_default_none {
  width: 980px;
  margin: 0 auto 10px;
}

.lower_default .box {
  width: 930px;
  margin: 0 auto 50px;
  background-color: #fff;
  border: 25px solid #fff;
}

.lower_default div.paraWhite {
  width: 980px;
  margin: 0 auto 10px;
  background: none repeat scroll 0 0 #fff;
}

.lower_default div.paraWhite a {
  display: block;
  padding: 25px 17px;
  color: #000;
}

.lower_default div.paraWhite a:hover {
  text-decoration: none;
  box-shadow: 0 0 10px #666;
}

/* テキスト関連 */

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.text_bold {
  font-weight: bold;
}

.text_bold a {
  color: #000;
}

.text_new {
  margin-top: 1em;
}

.attention {
  margin: 10px 0;
  font-size: 10px;
  line-height: 1.4;
  color: #aaa;
}

/*タイトルタグ関連*/

.circle_style {
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.BoxDetail .BoxArea .circle_style {
  margin: 0;
}

/*画像関連*/

.img_box {
  padding: 20px;
  border: 1px solid #ececec;
}

.size_230 {
  width: 230px;
}

.size_120 {
  width: 120px;
}

figcaption {
  display: block;
  font-size: 10px;
  line-height: 1.2;
  color: #666;
}

/*リスト関連*/

ol.agenda {
  list-style: inside decimal;
}

ol.agenda li {
  margin: 0 0 0.8em;
}

/*ボタン部品*/

.btn_maru {
  position: relative;
  display: block;
  padding: 17px 0 23px;
  margin: 40px 29px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-image: url(../images/btn_center.png);
  background-repeat: repeat-x;
}

.btn_maru:before {
  position: absolute;
  top: 0;
  left: -29px;
  content: url(../images/btn_left.png);
}

.btn_maru:after {
  position: absolute;
  top: 0;
  right: -29px;
  content: url(../images/btn_right.png);
}

.btn_size_l {
  width: 922px;
}

.btn_size_s {
  width: 170px;
  margin: 30px auto 10px;
}

.btn_maru:hover {
  text-decoration: none;
  opacity: 0.8;
}

.btn_blue {
  display: block;
  width: auto;
  padding: 12px 15px 12px 25px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #00a0e9;
  background-image: url(../images/arrow_icon03.png);
  background-position: 10px 17px;
  background-repeat: no-repeat;
}

.btn_right {
  float: right;
}

/* SNSボタン関連 */

#SNS {
  margin: 8px auto;
  text-align: right;
}

#SNS ul {
  height: 44px;
}

#SNS ul li {
  display: inline-block;
  margin-left: 15px;
  text-align: left;
  vertical-align: middle;
}

#SNS ul li a {
  color: #000;
}

#SNS ul li.Btn01 {
  padding-left: 28px;
  background: url(../images/icon_mail_gray.png) left center no-repeat;
}

#SNS ul li.Btn02 {
  padding-left: 22px;
  background: url(../images/icon_catalog_gray.png) left center no-repeat;
}

#SNS ul li.Btn03 {
  padding-left: 28px;
  background: url(../images/icon_support_gray.png) left center no-repeat;
}

#SNS ul li.Btn05 a {
  display: block;
  width: auto;
  padding: 12px 12px 8px 29px;
  font-weight: bold;
  color: #fff;
  background-color: #3e3e3e;
  background-image: url(./share/images/arrow_icon.png);
  background-position: 8px 19px;
  background-repeat: no-repeat;
}

#SNS ul li.Btn05 a:hover {
  text-decoration: none;
  background-color: #31B1EB;
}

/*関連情報*/

section#EtcWrap {
  width: 100%;
  padding: 30px 0;
}

section#EtcWrap section.productDetail {
  position: relative;
  width: 980px;
  padding: 0;
  background-color: transparent;
}

section#EtcWrap section.productDetail .productEventBtn {
  top: -20px;
  right: 0;
}

section#EtcWrap section.productDetail .productEventBox {
  padding: 15px;
  background-color: #fff;
}

section#EtcWrap section.productDetail .productEventBox .mT10 a {
  float: right;
  font-weight: bold;
  color: #000;
}

/* 20160219 layout調整 */

ul.EtcRelated {
  display: table;
  width: 980px;
  margin-bottom: 14px; /* 161003 tk add--*/
}

ul.EtcRelated li {
  display: table-cell;
  width: 476px;
  padding: 15px;
  margin-left: 10px;
  background: none repeat scroll 0 0 padding-box #f5f5f5;
  background-color: #fff;
}

ul.EtcRelated li.EtcRelatedLeft {
  /*border-right: 14px solid transparent;*/  /*-- 161003 tk del--*/
}

ul.EtcRelated li.EtcRelatedRight {
  border-left: 14px solid transparent;
}

.EtcRelatedTtl {
  margin-bottom: 10px;
  font-weight: bold;
}

.EtcRelatedTtl a {
  color: #000;
}

.EtcEventBox {
  padding: 20px;
  background: none repeat scroll 0 0 #f5f5f5;
}

ul.EtcEventStatus li {
  display: inline-block;
}

.EtcEventBtn {
  position: absolute;
  top: 12px;
  right: 25px;
}

/*お問い合わせボックス*/

#solutionContact {
  text-align: center;
  background: #fff;
}

#solutionContactBox {
  width: 980px;
  padding: 40px 0 40px;
  margin: 0 auto 0;
}

#solutionContactBox p.solutionContactTtl {
  margin: 0 auto 20px;
  font-size: 23px;
}

#solutionContactBox ul {
  margin: 30px 0;
}

#solutionContactBox ul li {
  display: inline-block;
  text-align: center;
}

#solutionContactBox ul li a {
  display: block;
  padding-top: 10px;
  color: #000;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon01 {
  width: 200px;
  background: url(../images/icon_contact.png) 70px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon02 {
  width: 160px;
  background: url(../images/icon_contact.png) -141px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon03 {
  width: 160px;
  background: url(../images/icon_contact.png) -340px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon04 {
  width: 200px;
  background: url(../images/icon_contact.png) -520px top no-repeat;
}

.ContactIconAll #solutionContactBox ul li#ContactIcon05 {
  width: 200px;
  background: url(../images/icon_contact.png) -810px top no-repeat;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon01 {
  width: 300px;
  height: 80px;
  vertical-align: top;
  background: url(../images/icon_contact2.png) top left no-repeat;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon02 {
  width: 300px;
  height: 80px;
  vertical-align: top;
  background: url(/images/icon_maintenance2.png) 10px -5px no-repeat;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon01 a {
  display: inline-block;
  padding-left: 80px;
  font-size: 30px;
  font-weight: bold;
  text-align: left;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon01 a span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon02 a {
  display: inline-block;
  padding-top: 30px;
  padding-left: 80px;
  font-size: 30px;
  font-weight: bold;
  text-align: left;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon02 a span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
}

.ContactIconMini #solutionContactBox ul li#ContactIcon05 {
  width: 200px;
  background: url(../images/icon_contact.png) -810px top no-repeat;
}

/* スライド */

.slider_area section#slide {
  padding: 15px 0 30px;
}

.slider_area {
  position: relative;
  width: 986px;
  margin: 0 auto;
}

.slider_area ul#slideBox {
  width: 100%;
  height: 303px;
}

.slider_area ul#slideBox li div {
  position: relative;
  width: 970px;
  height: 303px;
  margin-left: 6px;
  overflow: hidden;
  background-image: url(./share/images/casestudy/slider_back.png);
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./share/images/casestudy/slider_back.png', sizingMethod='scale');
}

.slider_area ul#slideBox li div img {
  float: left;
  max-width: 200px;
  max-height: 200px;
  margin: 70px 0 0 70px;
}

.slider_area ul#slideBox li div p {
  float: right;
  margin-right: 70px;
  text-align: left;
}

.slider_area ul#slideBox li div p.new {
  width: 520px;
  padding: 10px 20px;
  margin-top: 20px;
  font-size: 16px;
  background-image: url(./share/images/casestudy/slider_p_bk.png);
  background-repeat: no-repeat;
}

.slider_area ul#slideBox li div p.title {
  width: 520px;
  padding: 0 20px;
  margin-top: 15px;
  font-size: 20px;
}

.slider_area ul#slideBox li div p.text {
  width: 560px;
  width: 520px;
  padding: 0 20px;
  margin-top: 15px;
  font-size: 15px;
}

.slider_area ul#slideBox li div p.category {
  width: 520px;
  padding: 0 20px;
  margin-top: 10px;
}

.slider_area ul#slideBox li div p.category span {
  display: inline-block;
  padding: 3px;
  margin-right: 3px;
  font-size: 12px;
  line-height: 1em;
  color: #fff;
  background: none repeat scroll 0 0 #444;
}

.slider_area ul#slideBtn li {
  position: absolute;
  top: 150px;
  right: -4px !important;
}

.slider_area ul#slideBtn li:first-child {
  left: -7px !important;
}

/* Search MakerName */

.productsCateNameBase .makername {
  vertical-align: top;
}

section#productsCateNameTable .makername th {
  width: 200px;
  padding-right: 30px;
  vertical-align: top;
}

section#productsCateNameTable .makername th,
section#productsCateNameTable .makername td {
  border: none;
}

section#productsCateNameTable .makername tr {
  border-top: 1px solid #ececec;
}

section#productsCateNameTable .makername tr:first-child {
  border-top: none;
}

.productsCateNameBase .makername td .floatR {
  float: left;
  width: 160px;
  margin-left: 0;
  text-align: center;
}

.productsCateNameBase .makername td .floatR img {
  max-width: 160px;
}

.productsCateNameBase .makername td .floatL {
  float: right;
  width: 540px;
  margin-right: 0;
}

section#productsCateNameTable .productname td {
  border: none;
}

section#productsCateNameTable .productname tr {
  border-top: 1px solid #ececec;
}

section#productsCateNameTable .productname tr:first-child {
  border-top: none;
}

.productsCateNameBase .productname td .floatR {
  float: left;
  width: 250px;
  margin-left: 0;
  text-align: center;
}

.productsCateNameBase .productname td .floatR img {
  max-width: 250px;
}

.productsCateNameBase .productname td .floatL {
  float: right;
  width: 660px;
  margin-right: 0;
}

/* Relation info */

#EtcWrap #Etc h2 {
  font-size: 20px;
}

#EtcWrap #Etc h4 {
  font-size: 16px;
}

#product #bg02 #productInfo .BoxDetail .anchor li {
  display: none;
}

/*--Phase2---------------------------------------------*/

/*-----------------------------------------------------*/

/*--headerBox------------------------------*/

/*148*/

div#headerBox ul {
  position: absolute;
  top: 19px;
  right: 10px;
}

/*-154*/

div#headerBox li {
/*   float: left; */
  float: none;
  display: inline-block;
  margin-left: 45px;
  line-height: 45px;
}

/*166*/

div#headerBox li .searchTxt {
  position: absolute;
  top: 4px;
  right: 0;
  width: 180px;
  padding: 0 5px;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*177*/

div#headerBox li .searchBtn {
  position: absolute;
  top: 4px;
  right: 0;
  width: 30px;
  height: 30px;
  background: url(./share/images/search_icon.png) center no-repeat;
  border: none;
}

/*--headerBox------------------------------*/

div#headerBox li img {
  vertical-align: middle;
}

div#headerBox li.btnNews img {
  vertical-align: -1px;
}

/*--base--*/

.fs10 {
  font-size: 10px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

/*--Product maker_serch------------------------------*/

section#productsCateNameTable .productsCateNameBase,
section#productsCateFinTable .productsCateFinBase {
  padding: 0;
  margin-bottom: 30px;
  background: none;
}

section#productsCateNameTable .smallViewWrap .smallView {
  float: left;
  width: 235px;
  height: 330px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #fff;
}

section#productsCateNameTable .smallViewWrap .smallView .makerCap {
  display: none;
}

section#productsCateNameTable .smallView p.makerTitle {
  height: 3em;
  padding: 10px;
  text-align: left;
}

section#productsCateNameTable .smallView .makerImg {
  display: table-cell;
  width: 235px;
  height: 133px;
  text-align: center;
  vertical-align: middle;
}

section#productsCateNameTable .smallView .makerImg img {
  max-width: 235px;
  max-height: 133px;
}

section#productsCateNameTable .smallView .articleTitle {
  height: 120px;
  overflow: hidden;
}

section#productsCateNameTable .smallView .articleTitle p {
  padding: 8px 16px;
  text-align: left;
}

/*--productname_Serch--*/

section#productsCateNameTable .smallViewWrap .smallView {
  height: 260px;
}

/*-- Common Parts ------------------------------*/

.cpTextCenter {
  text-align: center;
}

.cpTextRight {
  text-align: right;
}

p .cpCaption {
  display: block;
  margin: 10px 0 0;
}

.cpBold {
  padding: 15px 0 0 0;
  margin: 0;
  font-weight: bold;
}

.cpBoxDetail {
  position: relative;
  width: 930px;
  padding: 30px 25px 25px;
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #fff;
  background-image: url(./share/images/line_blue.gif);
  background-position: 25px top;
  background-repeat: no-repeat;
}

.cpBoxDetail_none {
  position: relative;
  width: 930px;
  padding: 30px 25px 25px;
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #fff;
}

.cpBoxLeft {
  float: left;
  margin: 0 20px 0 20px;
}

.cpBoxRight {
  float: right;
  width: 635px;
}

.cpBox.clearfix {
  margin-bottom: 20px;
}

.cpTable {
  width: 100%;
  border-collapse: collapse;
}

.cpTable th,
.cpTable td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
}

.cpTable th {
  background: #f4f4f4;
}

.cpTable caption {
  text-align: left;
}

.notesWrap {
  margin-bottom: 30px;
}

p.cpNotes {
  font-size: 12px;
}

span.cpNotes {
  font-size: 12px;
  color: #b01d1d;
}

ol.cpStyle {
  margin-left: 32px;
  list-style-type: decimal;
}

ul.cpStyle {
  margin-left: 32px;
  list-style-type: disc;
}

h4.cpCircle {
  padding-left: 15px;
  color: #000;
  background: url(./share/images/icon_circle.png) left center no-repeat;
}

h3.cpBlBlue {
  padding: 0 10px;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.2;
  border-left: 6px solid #054a66;
}

.cpBubble {
  padding-top: 1px;
  padding-left: 32px;
  font-weight: bold;
  background: url(./share/images/icon_bubble.png) left center no-repeat;
}

.cpNewWindow:after {
  display: inline-block;
  margin-top: 2px;
  margin-left: 5px;
  content: url(./share/images/ico_new_window.gif);
}

.cpDownload:after {
  display: inline-block;
  margin-top: -1px;
  margin-left: 5px;
  content: url(./share/images/icon_download.gif);
}

.cpInnerLink:before {
  display: inline-block;
  margin-right: 5px;
  content: url(./images/arrow_icon02.png);
}

.cpAnchorLink:before {
  display: inline-block;
  margin-right: 5px;
  content: url(./images/arrow_icon04.png);
}

a.cpButtonBlue {
  padding: 12px 12px 10px 25px;
  margin-right: 5px;
  font-size: large;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #054a66 url(./share/images/arrow_icon02.png) 10px 18px no-repeat;
}

a.cpButtonBlue:hover {
  background: #00a0e9 url(./share/images/arrow_icon02_white.png) 10px 18px no-repeat;
}

a.cpButtonWhite {
  display: inline-block;
  width: 224px;
  padding: 21px 0;
  margin-right: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #00a0e5 url(./share/images/arrow_icon02_white.png) 12px 22px no-repeat;
}

a.cpButtonWhite:hover {
  color: #fff;
  background: #00a0e5 url(./share/images/arrow_icon02_white.png) 12px 22px no-repeat;
  opacity: 0.8;
}

.cp2columnBlue {
  width: 940px;
}

.cp2columnBlue h4 {
  margin-left: 5px;
}

.cp2columnBlue th {
  width: 420px;
  padding-left: 20px;
  text-align: left;
  border-right-width: 28px;
}

.cp2columnBlue td {
  width: 420px;
  padding: 20px;
  text-align: left;
  vertical-align: top;
  background: #e5f6fd;
  border: 0;
  border-right: 10px solid #FFF;
}

.cp2columnBlue .cpNoColor {
  background: none;
}

.cp2columnBlue ul {
  margin-left: 20px;
}

.cp2columnBlue ul li {
  margin: 5px 0;
}

.cp150Left {
  float: left;
  width: 150px;
  margin: 0 1em 1em 0;
  font-size: 0.8em;
  line-height: 1.2;
}

.cp760Right {
  float: right;
  width: 760px;
}

.cpFont10 {
  font-size: 10px;
  line-height: 14px;
}

.cp760Left {
  float: left;
  width: 760px;
}

.cp130Right {
  float: right;
  width: 130px;
  margin: 0 1em 1em 0;
  font-size: 0.8em;
  line-height: 1.2;
}

.cp130Right img {
  margin-left: 10px;
}

.cp130Right p {
  text-align: right;
}

.cpContentBox {
  margin: 0 17px 20px;
}

.cpFloatL {
  display: block;
  float: left;
  width: 47%;
  margin-right: 10px;
}

.cpInFloatL {
  float: left;
  margin: 0;
}

.cpContentBox .cpInFloatL h4 {
  margin: 30px 0 15px 5px;
  color: #000;
}

.cpFloatR {
  display: block;
  float: right;
  width: 47%;
  margin-left: 10px;
}

.cpContentBox p {
  clear: both;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList {
  width: 980px;
  margin-left: 0;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList li {
  width: 308px;
  height: 53px;
  margin: 0 22px 0 0;
  border: none;
  border-bottom: 1px solid #eaeaea;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList li:nth-child(3n) {
    margin-right: 0;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList li:nth-child(-n+3) {
    border-top: 1px solid #eaeaea;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList li.break {
  margin-right: 0;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList li.last {
  border-bottom: 1px solid #eaeaea;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList li a {
  height: 14px;
  padding: 20px 0 19px 50px;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  background: url(/images/arrow_icon04.png) 15px 23px no-repeat;
  background-color: #fff;
  border: none;
}

#solution.solution_top .contentsMenuWline .contentsMenuInner ul.contentsMenuList li a:hover {
  color: #fff;
  text-decoration: none;
  background: url(./images/arrow_icon04_hover.png) 15px 23px no-repeat;
  background-color: #00a2e6;
}

/* 20150331 header */

div#headerBox li {
  margin-left: 15px;
  line-height: 40px;
}

div#headerBox li .searchTxt {
  width: 162px;
  background-color: #f7f7f7;
  border: none;
}

div#headerBox li .searchBtn {
  background: url(./share/images/search_icon2.png) center no-repeat;
}

/* 20150331 breadcrumb */

.breadcrumb {
  font-size: 10px;
}

/*20160210 パンくずリスト修正*/

section.breadcrumbs {
  padding: 0;
  background: #f5f5f5;
}

section.breadcrumbs:first-child {
  background: #fff;
}

/* 20150331 footer */

footer {
  min-width: 980px;
  background-color: #d6e4eb;
}

div#footerLink ul li {
  padding-left: 15px;
  margin-left: 0;
  font-size: 12px;
  list-style: none;
  background: url('./share/images/icon_footer_arrow.png') 3px 9px no-repeat;
  line-height: initial;
}

div#footerLink ul li:first-child {
  display: inline-block;
  padding: 3px 0 0;
  margin-left: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #616769;
  font-size: 14px;
  font-weight: bold;
  list-style: none !important;
  background: none;
  line-height: 160%;
}

  div#footerLink ul li.endoflist {
    margin-bottom: 0 !important;
  }

div#footerLink ul li.noliststyle {
  list-style: none;
  background: none;
}

div#footerLink ul li a {
  color: #333;
}

div#footerLink ul li:first-child a {
  color: #333;
}

div#footerLink #link04 ul {
  margin: 0;
  margin-bottom: 0;
}

div#footerLink #link04 ul+ul {
  margin-top: 5px;
}

div#footerLink #link04 ul:first-child {
  margin-bottom: 30px;
}

div#otherLink li a {
  color: #000;
}
/* 削除 190507
div#copyright_wrapper {
  background-color: #5a5a5a;
}


div#copyright address {
  float: left;
  width: 926px;
  height: 54px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 54px;
  color: #FFFFFF;
}
*/
/* 20150331 top pickup slide */

ul#pickupSlide li a {
  display: block;
  width: 308px;
  height: 320px;
  color: #000;
}

ul#pickupSlide li a:hover {
  text-decoration: none;
}

ul#pickupSlide li p {
  display: table-cell;
  width: 308px;
  height: 190px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #f5f5f5;
}

ul#pickupSlide li a dt,
ul#pickupSlide li a dd {
  color: #000;
}

/************************* pickup *************************/
#pickupLinks {
  overflow: hidden;
  display: block;
  padding: 30px 0 20px;
  margin: 0 auto;
  width: 980px;
  min-width: 980px;
  border-bottom: 1px solid #aaa;
}
#pickupLinks p {
  float: left;
  margin-right: 30px;
  font-weight: bold;
}
#pickupLinks li {
  float: left;
  margin-right: 40px;
}
#pickupLinks li:last-child {
  margin-right: 0;
}
#pickupLinks li a {
  padding-left: 15px;
  margin-left: 15px;
  font-size: 14px;
  list-style: none;
  background: url(./share/images/icon_footer_arrow.png) 0 4px no-repeat;
  color: #000;
}
@media (max-width: 599px) {
  #pickupLinks {
    padding-top: 20px;
    width: auto;
    text-align: center;
    width: 980px;
  }
  #pickupLinks p {
    float: initial;
    margin-bottom: 10px;
    margin-right: 0;
  }
  #pickupLinks li {
    display: inline-block;
    float: initial;
  }
  #pickupLinks li a {
    margin-left: 0;
  }
  header,
  nav#gnavi,
  footer {
    min-width: 0;
  }
}

/*--Common Parts 20150501---*/

/*20160204 h3->h2*/

h2 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
}
/*20160310 h3->h2*/
h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

h3.cpBlBlue {
  padding: 0 ;
  font-size: 20px;
  line-height: 30px;
  border-left: none;
}

h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #000;
}

h4.cpCircle {
  padding: 0;
  background: none;
}

h5 {
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}

.cpBold {
  padding: 0;
}

.cpBoxDetail {
  background-image: none;
}

.cpBoxDetail_none {
  width: 920px;
  padding: 30px;
  margin: 0 auto 30px;
}

.cpBox.clearfix {
  margin-bottom: 0;
}

.cpBoxLeft {
  float: left;
  width: 278px;
  margin: 0;
  margin-right: 28px;
  text-align: center;
}

.cpBoxRight {
  float: right;
  width: 614px;
}

.cp150Left {
  width: 122px;
  padding: 0 28px 0 0;
  margin: 0;
}

.cp150Left img {
  vertical-align: top;
}

.cp130Right {
  margin: 0;
}

.cp130Right img {
  margin-left: 0;
  vertical-align: top;
}

.cp130Right p {
  text-align: left;
}

.cp130Right p {
  text-align: left;
}

.cp2columnBlue th {
  padding: 0 !important;
  padding: 15px 0 !important;
  margin-left: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 24px !important;
  background-color: #fff !important;
  border: none !important;
  border-right: 28px solid #FFF !important;
}

.cp2columnBlue td {
  width: 420px !important;
  padding: 20px !important;
  text-align: left !important;
  vertical-align: top !important;
  background: #f5f5f5 !important;
  border: 1px solid #fff !important;
  border-right-width: 28px !important;
}

.cp2columnBlue .cpNoColor {
  background: none !important;
}

/*注釈パーツ一覧*/

.cpNotes span {
  font-size: 0.85em;
  color: #666;
}

/* 写真(width=194px)段組：左寄せ写真 */

.cp222Left {
  float: left;
  width: 194px;
  margin: 0 28px 0 0;
}

.cp698Right {
  float: right;
  width: 698px;
}

/* 写真(width=194px)段組：右寄せ写真 */

.cp698Left {
  float: left;
  width: 698px;
  margin: 0 28px 0 0;
}

.cp222Right {
  float: right;
  width: 194px;
}

.cp222Right p {
  text-align: right;
}

/* 写真(width=224px)段組：左寄せ写真 */

.cp252Left {
  float: left;
  width: 224px;
  margin: 0 28px 0 0;
}

.cp668Right {
  float: right;
  width: 668px;
}

/* 写真(width=224px)段組：右寄せ写真 */

.cp668Left {
  float: left;
  width: 668px;
  margin: 0 28px 0 0;
}

.cp252Right {
  float: right;
  width: 224px;
}

/*table*/

table.tableBox {
  width: 920px !important;
  padding: 0 !important;
  border-collapse: separate !important;
}

table.tableBox tr td {
  width: 410px !important;
  padding: 20px !important;
  background: #f5f5f5 !important;
  border: none !important;
  border-right: 28px solid #fff !important;
}

table.tableBox tr td h4 {
  margin-bottom: 10px !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

table.tableBox tr td .cpInFloatR {
  float: left !important;
  width: 180px !important;
  margin-left: 10px !important;
}

table.tableBox tr td .cpInFloatR p {
  font-size: 14px !important;
}

table.tableBox tr th {
  width: 500px !important;
  padding: 5px 0 10px !important;
  margin-right: 10px !important;
  text-align: left !important;
  background-color: #fff !important;
  border: 0 !important;
}

/*parts20150924 layout8-*/

.cpBoxDetail_none h3 {
  line-height: 30px;
}

.cpBoxDetail_none img {
  vertical-align: top;
}

/* 写真(width=446px)段組：右寄せ写真 */

.cp474Left {
  float: left;
  width: 436px;
  margin-right: 38px;
}

.cp474Left p {
  font-size: 14px;
  line-height: 28px;
}

.cp446Right {
  float: left;
  width: 446px;
}

/* 写真(width=446px)段組：左寄せ写真 */

.cp446Left {
  float: left;
  width: 446px;
}

.cp474Right {
  float: left;
  width: 436px;
  margin-left: 38px;
}

.cp474Right p {
  font-size: 14px;
  line-height: 28px;
}

/* 写真(width=446px)段組：下写真 */

.divBox {
  margin-right: -28px;
}

.cp446Bottom {
  float: left;
  width: 446px;
  margin-right: 28px;
}

.cp446Bottom p {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 28px;
}

/* 写真(width=446px)段組：上写真 */

.cp446Top {
  float: left;
  width: 446px;
  margin-right: 28px;
}

.cp446Top p {
  margin-top: 30px;
  font-size: 14px;
  line-height: 28px;
}

/* 写真(width=920px)段組：下写真 */

.cp920 {
  width: 920px;
  margin-top: 30px;
}

p.cp920 {
  font-size: 14px;
  line-height: 28px;
}

/* 20150605 top slider */

body#top #slide #slideBox p.message1 {
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  font-weight: bold;
}

body#top #slide #slideBox p.message2 {
  margin: 20px 0 30px;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}

body#top #slide #slideBox p.message3 {
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  font-weight: bold;
}

body#top #slide #slideBox p.message4 {
  margin: 45px 0 0 0;
  text-align: center;
}

body#top #slide #slideBox p a {
  display: block;
  width: 220px;
  padding: 0;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 60px;
  color: #00a2e6;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #00a2e6;
}

/*20160215共通パンくずリスト*/

section.breadcrumbs p {
  width: 980px;
  padding: 15px 0;
  margin: 0 auto;
  font-size: 10px;
  line-height: 23px;
}

section.breadcrumbs a:link,
section.breadcrumbs a:visited {
  color: #000;
}

@media (max-width: 1150px) {
  .slider3_area ul#slideBtn li.prevBtn,
  .slider3_area ul#slideBtn li {
    display: none;
  }
}


/*****************************************/
/*--.sectionSolution--2021/03/11 */ 
/*****************************************/
.sectionSolution {
  padding: 40px 0 20px 0!important;
  background: #e5e5e5;
}

.sectionSolution .container {
  border-top: none!important;
  width: 980px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  text-align: center;
}

.sectionHeader {
	margin-bottom: 30px;
	font-size: 2.67em;
	font-weight: 700;
	line-height: 1.2;
}

.sectionSolution .grid {
  margin-top: 0;
  justify-content: space-around;
	display: flex;
	flex-wrap: wrap;
}

.sectionSolution .gridCol {
  width: 150px!important;
  background: #fff;
	margin-bottom: 20px;
  text-align: left;
}

.sectionSolution .gridCol:hover {
   box-shadow: 0 0 0 2px #00a0e5;
}

.sectionSolution .gridCol a {
  display: block!important;
	text-decoration: none;
}

.sectionSolution .gridCol a:hover img {
  opacity: 1.0;
}

.sectionSolution .gridCol+.gridCol {
  margin-top: 0!important;
}

.sectionSolution .thumb {
  margin-bottom: 10px!important;
}

.sectionSolution .thumb img {
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
}

.sectionSolution .gridCol .name {
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 700;
  color: #222;
  padding: 0 10px;
  background: none;
  border-left: none;
  border-bottom: none;
}

.sectionSolution .gridCol:nth-child(even) {
  margin-left: 0!important;
}

.sectionSolution .new_window:after {
	display: inline-block;
	width: 18px;
	height: 14px;
	margin: 0 0 0 2px;
	background-image: url(/share/images/ico_new_window.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	content: '';
}

@media (max-width:599px){
.sectionSolution {
  margin-top: 60px;
}

.sectionSolution .container {
  width: 100%;
}
}