@charset "Shift_JIS";
/* link-title */
.solutionlist-ttl-wrap {
	clear: both;
	padding-top: 40px;
	position: relative;
}
.icon-lsp {
	position: absolute;
	top: 40px;
	left: 0;
}
.ttl-lsp {
	font-weight: normal;
	font-size: 22px;
	line-height: 1.2;
	color: #00338d;
	padding-left: 133px;
	margin: 0;
	padding-top: 6px;
}
.btn.lsp {
	position: absolute;
	top: 46px;
	right: 0;
}
/* link-common */
.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }
.solutionList {
	clear: both;
  width: 950px;
  margin: 0 auto;
  padding-top: 15px; }
  .solutionList li {
    width: 223px;
    float: left;
    margin-right: 10px; }
    #maincontents .solutionList li a {
    	background: none;
    	text-decoration: none;
    	padding-left: 0;
    }
   	.solutionList li a:hover {
   		display: block;
    	opacity:0.8;
       }
    .solutionList li p.ttl {
      padding: 8px 0 10px;
      text-align: center;
      color: #fff;
      font-size: 18px;
      line-height: 1.6em; }

      .solutionList li p.ttl span {
        display: block; }
    .solutionList li p.img {
      text-align: center;
      padding: 10px;
      padding-bottom: 0; }
      .solutionList li p.img img {
        width: 200px; }
   	.solutionList li p.text {
      border-radius: 0 0 5px 5px;
      padding: 10px;
      font-size: 15px;
      line-height: 1.2em;
      overflow: hidden;
      margin-top: -1;
     
     }
      
  .solutionList li:last-child {
    margin-right: 0; }
  
  .solutionList li.nav01 {
  	background: #FFF;
    border: 3px solid #e93830;
    border-radius: 5px; }
    .solutionList li.nav01 p.ttl {
      background: #e93830 url(/LSP/img/icon_nav01.png) no-repeat 6px center;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      -o-background-size: 30px 30px;
      -ms-background-size: 30px 30px;
      background-size: 30px 30px; }
     
      .solutionList li.nav01 p.ttl span {
        background: url(/LSP/img/icon_arrow_footerNav01.png) no-repeat 96% center;
        -moz-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -o-background-size: 13px 13px;
        -ms-background-size: 13px 13px;
        background-size: 13px 13px; }
    .solutionList li.nav01 p.img {
      background: #fcf1eb; }
    .solutionList li.nav01 p.text {
      background: #fcf1eb;
      color: #e93830; }
  .solutionList li.nav02 {
    background: #FFF;
    border: 3px solid #00a73d;
    border-radius: 5px; }
    .solutionList li.nav02 p.ttl {
      background: #00a73d url(/LSP/img/icon_nav02.png) no-repeat 6px center;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      -o-background-size: 30px 30px;
      -ms-background-size: 30px 30px;
      background-size: 30px 30px; }
      
      .solutionList li.nav02 p.ttl span {
        background: url(/LSP/img/icon_arrow_footerNav02.png) no-repeat 96% center;
        -moz-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -o-background-size: 13px 13px;
        -ms-background-size: 13px 13px;
        background-size: 13px 13px; }
    .solutionList li.nav02 p.img {
      background: #f0f7ec; }
    .solutionList li.nav02 p.text {
      background: #f0f7ec;
      color: #00a73d; }
  .solutionList li.nav03 {
    background: #FFF;
    border: 3px solid #c1a43c;
    border-radius: 5px; }
    .solutionList li.nav03 p.ttl {
      background: #c1a43c url(/LSP/img/icon_nav03.png) no-repeat 6px center;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      -o-background-size: 30px 30px;
      -ms-background-size: 30px 30px;
      background-size: 30px 30px; }
      
      .solutionList li.nav03 p.ttl span {
        background: url(/LSP/img/icon_arrow_footerNav03.png) no-repeat 96% center;
        -moz-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -o-background-size: 13px 13px;
        -ms-background-size: 13px 13px;
        background-size: 13px 13px; }
    .solutionList li.nav03 p.img {
      background: #f7f2e2; }
    .solutionList li.nav03 p.text {
      background: #f7f2e2;
      color: #c1a43c; }
  .solutionList li.nav04 {
    background: #FFF;
    border: 3px solid #66a9d6;
    border-radius: 5px; }
    .solutionList li.nav04 p.ttl {
      background: #66a9d6 url(/LSP/img/icon_nav04.png) no-repeat 6px center;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      -o-background-size: 30px 30px;
      -ms-background-size: 30px 30px;
      background-size: 30px 30px; }
      
      .solutionList li.nav04 p.ttl span {
        background: url(/LSP/img/icon_arrow_footerNav04.png) no-repeat 96% center;
        -moz-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -o-background-size: 13px 13px;
        -ms-background-size: 13px 13px;
        background-size: 13px 13px; }
    .solutionList li.nav04 p.img {
      background: #edf2f1; }
    .solutionList li.nav04 p.text {
      background: #edf2f1;
      color: #66a9d6; }