@charset "UTF-8";

/*CSSDocument*/

/* layout.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base

 2 : body base

 3 : header
 ・menu

 4 : footer

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


/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

html{
font-size: 16px;
/*\*/
_font-size: 100%;
/**/
}

body {
font-family: Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
line-height:1.5;
color:#303030;
background-color: #fff;
margin: 0;
border-top:#d80b18 solid 3px;
}

html,
body {
height: 100%;
}

a:link{ color:#303030;text-decoration:none;}
a:visited{ color:#551A8B;text-decoration:none;}
a:hover{ color:#d80b18;text-decoration:underline;}
a:active{ color:#d80b18;text-decoration:underline;}

img {
max-width: 100% !important;
border: 0;
vertical-align: middle;
}

a[target="_blank"]:after {
  content: "\f08e";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 .5em;
  font-size:16px;
  color:#D80B18;
}

a.no-icon[href$=".pdf"]:after,
a.no-icon[href$=".xlsx"]:after,
a.no-icon[href$=".xls"]:after,
a.no-icon[href$=".zip"]:before,
a.no-icon[href*="net-presentations.com"]:after,
a.no-icon[target="_blank"]:after {
  content: "";
  margin:0;
}
a[href$=".pdf"]:after{
  font-family: FontAwesome;
  display: inline-block;
  content:"\f1c1";
  margin: 0 .5em;
  font-size:18px;
  color:#D80B18;
}
a[href$=".xlsx"]:after{
  content:"\f1c3";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 .5em;
  font-size:20px;
  color:#0C6;
}
a[href$=".xls"]:after{
  content:"\f1c3";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 .5em;
  font-size:20px;
  color:#0C6;
}
a[href$=".zip"]:before{
  content:"\f019";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 .5em;
  font-size:20px;
}
a[href*="net-presentations.com"]:after{
  content:"\f1c8";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 .5em;
  font-size:18px;
}
#contents_area .sp {
display:none;
}
@media(max-width:991px) {
#contents_area .pc {
display:none;
}
#contents_area .sp {
display:inherit;
}
}

/*
html ----------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/

.container {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 978px;
}
}
.col-1 {
}
.col-2,
.col-3,
.col-4,
.col-3_4 {
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.col-4_2 {
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%;
}
@media (min-width: 768px) {
.col-1 {
}
.col-2 {
float: left;
width: 50%;
}
.col-3 {
float: left;
width: 50%;
}
.col-4 {
float: left;
width: 50%;
}
.col-4_2 {
float: left;
width: 25%;
}
.col-3_4 {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
.col-1 {
padding:0 84px;
}
.col-2 {
float: left;
width: 50%;
}
.col-3 {
float: left;
width: 33.33333333%;
}
.col-4,
.col-4_2 {
float: left;
width: 25%;
}
.col-3_4 {
float: left;
width: 75%;
}
}
.container .col-1 img,
.container .col-2 img,
.container .col-3 img,
.container .col-4 img,
.container .col-4_2 img,
.container .col-3_4 img {
margin-bottom: 0;
border:#ececec solid 1px;
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
box-shadow : 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.container .col-1 a img:hover,
.container .col-2 a img:hover,
.container .col-3 a img:hover,
.container .col-4 a img:hover,
.container .col-4_2 a img:hover,
.container .col-3_4 a img:hover {
border:#F00 solid 1px;
}
.container .col-1 img.no-shadow,
.container .col-2 img.no-shadow,
.container .col-3 img.no-shadow,
.container .col-4 img.no-shadow,
.container .col-4_2 img.no-shadow,
.container .col-3_4 img.no-shadow {
box-shadow:none;
border:none;
}
.container .col-1 img.no-shadow:hover,
.container .col-2 img.no-shadow:hover,
.container .col-3 img.no-shadow:hover,
.container .col-4 img.no-shadow:hover,
.container .col-4_2 img.no-shadow:hover,
.container .col-3_4 img.no-shadow:hover {
border:none;
}
@media(max-width:767px) {
.container .col-1 img,
.container .col-2 img,
.container .col-3 img,
.container .col-4 img,
.container .col-4_2 img,
.container .col-3_4 img {
margin-bottom: 15px;
}
}
.container .clearfix a img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}


/* contents */
.img-resp {
display: block;
max-width: 100%;
height: auto;
}

@media screen and (max-width: 767px) {
.table-resp {
width: 100%;
margin-bottom: 50px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-resp > .table {
margin-bottom: 3px !important;
}
.table-resp .table tr th,
.table-resp .table tr td {
white-space: nowrap;
}
.table-resp .table tr th.wrapping,
.table-resp .table tr td.wrapping {
white-space: normal;
}
.table-resp > .table-bordered {
border: 0;
}
.table-resp > .table-bordered > tr > th:first-child,
.table-resp > .table-bordered > tr > td:first-child {
border-left: 0;
}
.table-resp > .table-bordered > tr > th:last-child,
.table-resp > .table-bordered > tr > td:last-child {
border-right: 0;
}
.table-resp > .table-bordered > tr:last-child > th,
.table-resp > .table-bordered > tr:last-child > td {
border-bottom: 0;
}
}

.inf_margin{
margin-bottom:50px; 
}

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }


/*
body base -----------------------------------------------------*/

/* header
===============================================================*/

/* header
-------------------------------------------------------------- */

#header{ width:100%; margin:0; }

#header #logo {
float:left;
width:139px;
height:54px;
margin:15px 0;
}

#header #blockskip {
position:absolute;
margin-left:-9999px;
}

#header #link {
float:right;
margin-top:15px;
}

#header #link img {
vertical-align:middle;
}

#header #link ul li {
float:left;
margin-left:1em;
list-style-type:none;
}

#header #link a {
color:666;
text-decoration:none;
}

#header #link a:hover {
text-decoration:underline;
}

#header #link li.sitemap {
}

#header #link li.sitemap:before {
content: "\f0e8";
font-family: "FontAwesome";
margin-right:0.5em;
}
@media (max-width: 660px) {
#header #link {
font-size:12px;
width:50%;
margin:0;
}
#header #link ul {
margin:15px 0 0 0;
padding:0;
}
#header #link ul li {
margin-left:0.5em;
}
#header #link li.sitemap:before {
content: "";
}
}

/* header
-------------------------------------------------------------- */

/* contents
-------------------------------------------------------------- */
#content-start {
position:absolute;
margin-left:-9999px;
}

#breadcrumb {
font-size:12px;
}

#breadcrumb ol {
margin:0 !important;
padding:15px 0;
}

#breadcrumb ol li {
display: inline;
list-style-type: none;
padding:0;
}

#breadcrumb ol li:before {
content: " > ";
}

#breadcrumb ol li:first-child:before {
content: "";
}

#inquiry {
text-align:center;
margin:75px 0;
padding-top:30px;
border-top:#CDCDCD solid 1px;
}

#inquiry img {
margin:40px 0;
}

#inquiry .telephone strong {
font-size:22px;
}

#inquiry .telephone:before {
content: "\f095";
font-family: "FontAwesome";
font-size:22px;
margin-right:0.5em;
font-weight:bold;
}

#sem_inquiry {
text-align:center;
margin:10px 0px;
border-bottom:#CDCDCD solid 1px;
}

#sem_inquiry img {
margin:10px 0;
}

#sem_inquiry .telephone strong {
font-size:22px;
}

#sem_inquiry .telephone:before {
content: "\f095";
font-family: "FontAwesome";
font-size:22px;
margin-right:0.5em;
font-weight:bold;
}

.gotop {
position:fixed;
bottom:20px;
left:20px;
line-height:1;
z-index:100;
}
.gotop a {
color:#999;
}
.gotop a:hover {
color:#d80b18;
}
.gotop a:after {
content: "\f01b";
font-family: "FontAwesome";
font-size:60px;
}
.gotop a:hover {
text-decoration:none !important;
}
@media(max-width:767px) {
.gotop {
bottom:0;
right:0;
}
}
/* contents
-------------------------------------------------------------- */



/* footer
-------------------------------------------------------------- */
#pagetop {
text-align:right;
}

#footer {
width:100%;
margin:0 auto;
background-color:#F7F7F7;
}

#footer #footer-wrap {
margin:0 auto;
padding:0 0 30px 0;
color:#303030;
}

#footer #footer-wrap ul {
padding:0;
margin:0;
}

#footer #footer-wrap ul li {
list-style-type:none;
margin-top:30px;
margin-left:-1em;
font-weight:bold;
}

#footer #footer-wrap ul li a {
background:url(../img/icon_footer_m.jpg) no-repeat left 0.25em;
padding-left:1.2em;
}

#footer #footer-wrap ul li a:hover {
background:url(../img/icon_footer_m_on.jpg) no-repeat left 0.25em;
}

#footer #footer-wrap ul li ul li {
list-style-type:none;
position: relative;
margin-top:8px;
font-size:13px;
font-weight:normal;
margin-left:2.5em;
text-indent:0;
}

#footer #footer-wrap ul li ul li:after {
display: block;
content: '';
position: absolute;
top: .55em;
left: -15px;
width: 6px;
height: 6px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
-ms-transition: rotate(-45deg);
-moz-transition: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#footer #footer-wrap ul li ul li a {
background:none;
padding:0;
}

#footer #footer-wrap ul li ul li a:hover {
background:none;
}

#footer #footer-wrap #footer-common {
margin:30px 0 0 0;
padding:10px;
border-top:#CCC solid 1px;
border-bottom:#CCC solid 1px;
text-align:center;
}

#footer #footer-wrap #footer-common ul li {
display:inline;
font-size:13px;
font-weight:normal;
}

#footer #footer-wrap #footer-common ul li+li {
margin-left:1.5em;
}

#footer #footer-wrap #footer-common ul li a {
background:none;
}

#footer #footer-wrap #footer-common ul li a:hover {
color:#303030;
}

@media(max-width:767px) {
#footer #footer-wrap {
display:none;
}
}

#footer #copyright {
background-color:#595959;
color:#FFF;
padding:5px 0;
margin:0;
text-align:center;
font-size:12px;
}

/* footer
-------------------------------------------------------------- */


/*
Module --------------------------------------------------------*/

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.iepngfix{behavior: expression(IEPNGFIX.fix(this));}

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

/*
Module --------------------------------------------------------*/