@charset "utf-8";

/*
theme Name: 神奈川県貨物自動車運送適正化事業実施機関
Author: Propery Designers Inc.
Description: original theme
version： 2.2.0
*/

* {
  margin:0;
  padding:0;
  border:0;
}

html {
  overflow-y:scroll;
}

body {
  background:#fff;
  color:#333;
  font-size:16px;
  font-family:"メイリオ", "Arial", "A-OTF 新ゴ Pro L", "ＭＳ Ｐゴシック";
  text-align:center;
}

a {
  color:#080;
  text-decoration:underline;
}

a:hover {
  color:#080;
  text-decoration:none;
}

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

.frame {
margin:0 auto;
width:1100px;
min-width:1100px;
}

#header {
width:100%;
min-width:1100px;
height:100px;
border-top:7px solid #008800;
}
#header div#logo {
  float:left;
  padding-top:20px;
}
#header div#logo a {
  display:block;
  width:650px;
  height:65px;
  background:url("images/common/logo.png") no-repeat 0 0;
  text-indent:-9999px;
}
#header div#navi {
  float:right;
  padding-top:20px;
}
#header div#navi #search {
}
#header div#navi ul {
  padding:6px 0 0 0;
  list-style:none;
}
#header div#navi ul li {
  list-style:none;
}
#header div#navi ul li#info,
#header div#navi ul li#access {
  float:right;
  padding-top:5px;
  padding-left:35px;
}
#header div#navi ul li a {
  padding-left:15px;
  background:url("images/common/rect_green.png") no-repeat 0 center;
}
#header div#navi ul li#menu {
  display:none;
}

/*
#header ul {
padding:17px 0 18px;
list-style:none;
}
#header ul li {
list-style:none;
}
#header ul li#logo {
float:left;
}
#header ul li#logo a {
display:block;
width:650px;
height:65px;
background:url("images/common/logo.png") no-repeat 0 0;
text-indent:-9999px;
}
#header ul li#info,
#header ul li#access {
float:right;
padding-top:35px;
padding-left:35px;
}
#header ul li#info a,
#header ul li#access a {
padding-left:15px;
background:url("images/common/rect_green.png") no-repeat 0 center;
}
#header ul li#info a:hover,
#header ul li#access a:hover {
padding-left:15px;
background:url("images/common/rect_green.png") no-repeat 3px center;
}
#header ul li#menu {
  display:none;
}
*/

#SpMenu {
  display:none;
}


#Global {
width:100%;
min-width:1100px;
height:76px;
background:#333;
}
#Global ul {
list-style:none;
}
#Global ul li {
float:left;
padding:3px 0;
list-style:none;
}
#Global ul li a {
display:block;
padding:25px 31px;
font-size:20px;
font-weight:bold;
line-height:1.0em;
color:#fff;
text-decoration:none;
background:url("images/common/rect_global_0.png") no-repeat center bottom;
}
#Global ul li a:hover {
background:#444 url("images/common/rect_global_0.png") no-repeat center bottom;
text-decoration:none;
}
#Global ul li a.on {
background:#080 url("images/common/rect_global_1.png") no-repeat center bottom;
}
#Global ul li#menu_edu a {
  padding:25px 36px;
  /*
  padding:25px 0;
  width:150px;
 */
  background:#0071bc url("images/common/rect_global_1.png") no-repeat center bottom;
  opacity:1.0;
}
#Global ul li#menu_edu a:hover {
  background-color:#1188bb;
}
#Global ul li#menu_edu a.on {
  background-color:#3399cc;
}

#contents {
padding:60px 0 100px;
}
#contents #main {
float:left;
width:850px;
min-height:500px;
text-align:left;
}
#contents #side {
float:right;
width:200px;
}

#contents #side #folloBox {
}
#contents #side #boxSideMenu {
  margin-bottom:15px;
  font-size:13px;
  background:#f6f6f6;
  border-radius:6px;
}
#contents #side #boxSideMenu b {
  display:block;
  padding:12px 0 5px;
  border-bottom:1px solid #ccc;
}
#contents #side #boxSideMenu ul {
  padding:15px 15px 20px;
  list-style:none;
}
#contents #side #boxSideMenu ul li {
  padding:1px 0;
  list-style:none;
}
#contents #side #boxSideMenu ul li a {
  display:block;
  padding-left:22px;
  text-indent:0;
  text-align:left;
  background:url("images/common/icon_side_item.png") no-repeat left 1px;
}

.side-fixed-content{
  position: fixed;
  top: 20px;
  width:200px;
}


#contents #side #banner ul {
list-style:none;
}
#contents #side #banner ul li,
#contents #side #banner ul li.sp_wide {
margin-bottom:5px;
list-style:none;
}
#contents #side #banner ul li a {
display:block;
width:200px;
height:63px;
text-indent:-9999px;
}
#contents #side #banner ul li a:hover {
opacity:75%;
}
#contents #side #banner ul li a#banner_kta {
  background:url("images/common/banner_kta_2.png") no-repeat center center;
}
#contents #side #banner ul li a#banner_jta {
  background:url("images/common/banner_jta_2.png") no-repeat center center;
}
#contents #side #banner ul li a#banner_unyu {
  background:url("images/common/banner_unyu_2.png") no-repeat center center;
}
#contents #side #banner ul li a#banner_roudou {
  background:url("images/common/banner_roudou_2.png") no-repeat center center;
}
#contents #side #banner ul li a#banner_anzen {
  background:url("images/common/banner_anzen.png") no-repeat center center;
}
#contents #side #banner ul li a#banner_kaizen {
  background:url("images/common/banner_320.png") no-repeat center center;
  background-size:200px 63px
}
#contents #side #banner ul li a#banner_mail {
  background:url("images/common/banner_mail_2.png") no-repeat center center;
}

#footer {
width:100%;
min-width:1100px;
}
#footerUpper {
width:100%;
min-width:1100px;
height:230px;
background:#f0f0f0;  
}
#footerUpper ul {
margin:0 auto;
padding-top:30px;
width:600px;
list-style:none;
font-size:13px;
line-height:1.0em;
}
#footerUpper ul li {
float:left;
padding:0 3px;
list-style:none;
}
#footerUpper ul li a {
display:block;
padding:9px 14px;
color:#fff;
background:#999;
text-decoration:none;
border-radius:6px;
}
#footerUpper ul li a:hover {
background:#080;
}
#footerUpper #UppderInfo {
margin:30px auto;
width:570px;
}
#footerUpper #footerLogo {
float:left;
width:108px;
height:95px;
text-indent:-9999px;
background:url("images/common/footer_logo.png") no-repeat center center;
}
#footerUpper #footerText {
position:relative;
float:right;
width:440px;
text-align:left;
}
#footerUpper #footerText span {
display:block;
padding-bottom:6px;
font-size:15px;
line-height:1.3em;
}
#footerUpper #footerText span#footerCorp {
font-size:22px;
}
#footerUpper #footerText a#btnAccess {
position:absolute;
bottom:5px;
right:0;
display:block;
width:90px;
padding:5px 0;
font-size:12px;
color:#fff;
text-align:center;
text-decoration:none;
background:#080;
border-radius:6px;
}
#footerUpper #footerText a#btnAccess:hover {
background:#000;
}
#footerBottom {
width:100%;
min-width:1100px;
height:50px;
background:#008800;  
}
#footerBottom p {
padding-top:20px;
font-size:15px;
line-height:1.0em;
color:#fff;
text-align:center;
}

#main .ext {
padding-right:20px;
background:url("images/common/icon_ext_link.png") no-repeat right center;
background-size:15px 15px;
}
#main .pdf {
padding-right:15px;
background:url("images/common/icon_pdf.png") no-repeat right center;
}
#main .xls {
padding-right:15px;
background:url("images/common/icon_xls.png") no-repeat right center;
}
#main .doc {
padding-right:15px;
background:url("images/common/icon_docx.png") no-repeat right center;
}


#pageHeader {
  width:100%;
  min-width:1100px;
  height:160px;
  background:url("images/common/bg_page_header.png") repeat-x center center;
}
#pageHeader h1 {
  padding-top:60px;
  text-align:left;
  font-size:35px;
  font-weight:normal;
  line-height:1.0em;
  color:#fff;
}

#contents #main h2 {
  padding-left:35px;
  color:#080;
  font-size:30px;
  font-weight:normal;
  line-height:1.0em;
  background:url("images/common/bg_h2_1.png") no-repeat left center;
}
#contents #main section {
  padding:20px 0 70px 30px;
  font-size:18px;
}
#contents #main section h3 {
  margin:6px 0;
  font-size:24px;
  line-height:1.0em;
}
#contents #main section p {
  padding:6px 0 24px;
}

#contents #main section ol {
  padding:20px 20px;
  counter-reset: my-counter;
  list-style: none;
  font-size:18px;
  line-height:25px;
  color:#666;
  border:1px solid #ccc;
  border-radius:6px;
}
#contents #main section ol li {
  margin-bottom: 14px;
  padding-left: 30px;
  position: relative;
}
#contents #main section ol li:before {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #000;
  color: #fff;
  font-size:15px;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  border-radius: 50%;
}
#contents #main section ol li strong.item {
  padding-bottom:3px;
  display:block;
  font-weight:bold;
  color:#000;
}

#contents #main .aboutTable {
  padding-top:0;
}
#contents #main .widthSpace {
  padding-top:40px;
  background:url("images/about/bg_circle.png") no-repeat 200px 0;
}
#contents #main .aboutTable p {
  float:left;
  width:420px;
}
#contents #main .aboutTable img {
  float:right;
  padding-top:9px;
  width:360px;
}

#contents #main table {
  border:1px solid #999;
}
#contents #main table tr th,
#contents #main table tr td {
  padding:6px 9px;
  border:1px solid #999;
}
#contents #main table tr th {
  background:#f0f0f0;
}

#contents #main section.info_box {
}
#contents #main section.info_box h2 {
  margin-bottom:20px;
  padding-left:35px;
  color:#000;
  font-size:24px;
  font-weight:bold;
  line-height:1.0em;
}
#contents #main section#category_1 h2 {
  background:url("images/common/icon_h2_1.png") no-repeat left center;
}
#contents #main section#category_2 h2 {
  background:url("images/common/icon_h2_2.png") no-repeat left center;
}
#contents #main section.info_box dl {
  padding:20px;
  font-size:16px;
  line-height:1.5em;
  background:#f6f6f6;
  border-radius:6px;
}
#contents #main section.info_box dl dt {
  margin-bottom:5px;
}
#contents #main section.info_box dl dd {
  margin-top:-30px;
  margin-left:140px;
  margin-bottom:6px;
}
#contents #main section.info_box dl dd a {
  text-decoration:underline;
}
#contents #main section.info_box dl dd a:hover {
  text-decoration:none;
}

#contents #main section .listDownloadDoc {
  padding-top:10px;
  padding-bottom:10px;
}
#contents #main section .listDownloadDoc ul {
  list-style:none;
}
#contents #main section .listDownloadDoc ul li {
  padding:3px 0 3px 22px;
  list-style:none;
  background:url("images/common/icon_doc.png") no-repeat left center;
}

#contents #main section.item {
  padding:0 0 60px 30px;
}
#contents #main section.item #InfoItems {
  border:1px solid #ccc;
  border-radius:6px;
}
#contents #main section.item #InfoItems #itemCategory {
  float:left;
  padding:9px 0;
  width:320px;
  font-size:15px;
  line-height:15px;
  text-align:center;
  border-right:1px solid #ccc;
}
#contents #main section.item #InfoItems #itemDate {
  float:right;
  padding:9px 0;
  width:150px;
  font-size:15px;
  line-height:15px;
  text-align:center;
  border-left:1px solid #ccc;
}

#boxGmarkIntro {
}
#boxGmarkIntro img {
  float:left;
  padding-top:10px;
  width:160px;
  height:181px;
}
#boxGmarkIntro p {
  float:right;
  width:630px;
}

#gmarkTable {
  margin-bottom:50px;
  padding:3px;
  border:1px solid #ccc;
}
#gmarkTable ul {
  list-style:none;
  font-size:15px;
}
#gmarkTable ul li {
  float:left;
  margin:1px;
  width:112px;
  height:130px;
  text-align:center;
  list-style:none;
  background:#fff;
  border:1px solid #ccc;
  cursor:pointer;
}
#gmarkTable ul li:hover {
  background:#ff9;
}
#gmarkTable ul li.holiday {
  color:#c00;
}
#gmarkTable ul li strong {
  display:block;
  margin-bottom:12px;
  padding:9px 0;
  border-bottom:1px dotted #ccc;
}
#gmarkTable ul li p {
  padding:10px 20px;
}
#gmarkTable ul li span {
  display:block;
  margin:3px 12px;
  padding:3px 0;
  font-size:12px;
}
#gmarkTable ul li span.kta {
  color:#fff;
  background:#080;
}
#gmarkTable ul li span.kawasaki {
  color:#fff;
  background:#39c;
}
#gmarkTable ul li span.keno {
  color:#fff;
  background:#c90;
}
#gmarkTable ul li span.sagami {
  color:#fff;
  background:#c6f;
}
#gmarkTable ul li span.check {
  color:#fff;
  background:#c00;
}

#tableCaption {
  padding:30px 0 20px;
  text-align:center;
}
#tableCaption strong {
  display:block;
  font-size:20px;
}
#tableCaption span {
  display:block;
  font-size:15px;
}

#contents #main .boxNoticeWarning {
  margin-bottom:20px;
  padding:20px;
  color:#600;
  background:#ffc;
  border-radius:6px;
}
#contents #main .boxNoticeWarning h3 {
  padding-bottom:6px;
  text-align:left;
  font-size:18px;
}
#contents #main .boxNoticeWarning ul {
  font-size:15px;
  list-style:square;
}
#contents #main .boxNoticeWarning ul li {
  margin-left:25px;
  list-style:square;
}
#contents #main .boxNoticeInfo {
  margin-bottom:20px;
  padding:20px;
  background:#f6f6f6;
  border-radius:6px;
}
#contents #main .boxNoticeInfo h3 {
  padding-bottom:6px;
  text-align:left;
  font-size:18px;
}
#contents #main .boxNoticeInfo ul {
  font-size:15px;
  list-style:square;
}
#contents #main .boxNoticeInfo ul li {
  margin-left:25px;
  list-style:square;
}

#contents #main section blockquote {
  margin:9px 0;
  padding:15px 20px 15px 40px;
  font-weight:bold;
  font-size:18px;
  color:#353;
  line-height:30px;
  background:#ded url("images/common/bg_blockquote_1.png") no-repeat 0 0;
  border-radius:6px;
}

#contents #main section .listGmarkRequest {
  padding:10px 0 30px 40px;
}
#contents #main section .listGmarkRequest ul {
  list-style:none;
}
#contents #main section .listGmarkRequest ul li {
  list-style:none;
}
#contents #main section .listGmarkRequest ul li.doc {
  padding-left:20px;
  background:url("images/common/icon_doc.png") no-repeat left center;
}
#contents #main section .listGmarkRequest ul li.rect {
  padding-top:10px;
  padding-left:45px;
  background:url("images/common/icon_rect.png") no-repeat 5px 5px;
}

#contents #main section .listRecture {
  padding-top:10px;
  padding-bottom:40px;
}
#contents #main section .listRecture ul {
  padding:12px;
  border:1px solid #ccc;
  border-radius:6px;
  list-style:none;
}
#contents #main section .listRecture ul li {
  float:left;
  padding:3px 0 3px 22px;
  width:373px;
  list-style:none;
  background:url("images/common/icon_check.png") no-repeat left center;
}
#contents #main section .boxFileLink {
  padding:0 0 30px 30px;
}
#contents #main section .boxFileLinkSpace {
  display:block;
  padding:9px 0 9px 30px;
}
#contents #main section .boxFileLink span {
  padding-left:20px;
  font-size:13px;
}
#contents #main section .boxActTel {
  padding:0 0 30px 30px;
}
#contents #main section .boxActTel a {
  display:block;
  padding:12px 0;
  width:340px;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  pointer-events:none;
  color:#fff;
  background:#080;
  border:1px solid #080;
  border-radius:6px;
  cursor:default;
}


#contents #main section .listDownloadDoc {
  padding-top:10px;
  padding-bottom:10px;
}
#contents #main section .listDownloadDoc ul {
  list-style:none;
}
#contents #main section .listDownloadDoc ul li {
  padding:3px 0 3px 22px;
  list-style:none;
  background:url("images/common/icon_doc.png") no-repeat left center;
}



#contents #main section .boxFileLink {
  padding:0 0 30px 30px;
}
#contents #main section .boxFileLinkSpace {
  display:block;
  padding:9px 0 9px 30px;
}
#contents #main section .boxFileLink span {
  padding-left:20px;
  font-size:13px;
}

#contents #main section #formContact {
  padding:20px 30px;
  line-height:1.5em;
  border:1px solid #c0c0c0;
  border-radius:6px;
}
#contents #main section #formContact label {
  margin:0 0 15px 0;
}
#contents #main section #formContact label span {
  display:block;
  padding:6px 0 0;
}
#contents #main section #formContact .wpcf7-list-item span {
  display:inline;
}
#contents #main section #formContact input {
  padding:9px 12px;
  font-size:15px;
  border:1px solid #ccc;
}
#contents #main section #formContact textarea {
  width:100%;
  padding:9px 0;
  font-size:15px;
  border:1px solid #ccc;
}

#contents iframe {
  width:820px;
}


#contents #main section #boxPostFlag {
  padding-bottom:20px;
}
#contents #main section #boxPostFlag ul {
  list-style:none;
}
#contents #main section #boxPostFlag ul li {
  float:left;
  padding-right:6px;
  list-style:none;
}
#contents #main section #boxPostFlag ul li span {
  display:block;
  padding:9px 15px;
  color:#fff;
  font-size:12px;
  line-height:12px;
  border-radius:6px;
}
#contents #main section #boxPostFlag ul li#flagImportant span {
  background:#c00;
}
#contents #main section #boxPostFlag ul li#flagTimestamp span {
  background:#f90;
}


#contents #main section input[type="password"] {
  padding:6px 12px;
  font-size:18px;
  border:1px solid #ccc;
}
#contents #main section input[type="submit"] {
  padding:6px 12px;
  font-size:15px;
  border:1px solid #ccc;
}

#contents #main section .listEduDoc {
}
#contents #main section .listEduDoc dl {
}
#contents #main section .listEduDoc dl dt {
  margin-bottom:12px;
  padding:0 0 0 9px;
  font-weight:bold;
  font-size:20px;
  color:#606;
  line-height:1.0em;
  border-left:3px solid #606;
}

#contents #main section .BoxEduList {
}

#contents #main section .BoxEduList {
  padding:15px 0 30px;
/*
  margin:5px 0;
  padding:15px;
  border:2px dotted #aaa;
*/
}
#contents #main section .BoxEduList div.areaEduImage {
  float:left;
  padding:0;
  width:280px;
  text-align:center;
}
#contents #main section .BoxEduList div.areaEduImage img {
  width:100%;
  height:auto;
  cursor:pointer;
}
#contents #main section .BoxEduList div.areaEduImage img:hover {
  opacity:0.75;
}
#contents #main section .BoxEduList div.areaEduText {
  float:right;
  padding:0;
  width:480px;
  text-align:left;
}
#contents #main section .BoxEduList div.areaEduImage h4,
#contents #main section .BoxEduList div.areaEduText h4 {
  display:none;
}
#contents #main section .BoxEduList div.areaEduImage div.itemEduListImage {
}
#contents #main section .BoxEduList div.areaEduText div.itemEduListText {
  margin-bottom:20px;
  font-size:18px;
}
#contents #main section .BoxEduList div.areaEduText div.itemEduListLink {
  padding-top:12px;
  font-size:15px;
  border-top:1px dotted #ccc;
}
#contents #main section .BoxEduList div.areaEduText div.itemEduListLink ul {
  list-style:none;
}
#contents #main section .BoxEduList div.areaEduText div.itemEduListLink ul li {
  list-style:none;
}

#contents #main section #boxImageCol2 {
  padding:20px;
  line-height:0;
}
#contents #main section #boxImageCol2 a {
  display:block;
  width:212px;
  border:2px solid #ccc;
}
#contents #main section #boxImageCol2 a:hover {
  border:2px solid #f90;
}
#contents #main section #boxImageCol2 #boxImageCol2Left {
  float:left;
  width:50%;
}
#contents #main section #boxImageCol2 #boxImageCol2Right {
  float:left;
/*
  width:50%;
*/
}
#contents #main section #boxImageCol2 #boxImageCol2Left a {
  margin:15px 15px 15px auto;
}
#contents #main section #boxImageCol2 #boxImageCol2Right a {
  margin:15px 0 15px 15px;
}


#frameInfo .tab {
  padding:12px 0;
}
#frameInfo .tab ul {
  margin:2px 0;
  padding:0 12px;
  list-style:none; 
  border:1px solid #ccc;
  border-radius:6px;
}
#frameInfo .tab ul li {
  float:left;
  padding:0;
  list-style:none; 
}
#frameInfo .tab ul li a {
  display:block;
  padding:12px 0;
  width:80px;
  font-size:13px;
  line-height:13px;
  color:#333;
  text-align:center;
  text-decoration:none;
}
#frameInfo .tab ul li a:hover {
  background-color:#f0f0f0;
}
#frameInfo .tab ul li a.is-active {
  color:#fff;
  background-color:#008800;
}
#frameInfo .list {
}
#frameInfo .list ul {
  list-style:none;  
}
#frameInfo .list ul li {
  list-style:none;  
}

#frameInfo .boxNoEntry {
  padding:30px;
  font-size:15px;
  text-align:center;
  color:#666;
  background:#f0f0f0;
  border-radius:6px;
}


.boxSearchNavi {
/*
  margin-bottom:12px;
  padding:6px;
  border:1px solid #999;
*/
  text-align:right;
}
.boxSearchNavi .SearchText {
  padding:5px 0;
  width:180px;
  font-size:15px;
  border:1px solid #ccc;
}
.boxSearchNavi .SearchButton {
  padding:4px 0;
  width:50px;
  font-size:15px;
}
.boxSearchNavi .SearchButton:hover {
  opacity:0.75;
}

form[name="s2form"] label {
  font-size:15px;
}
form[name="s2form"] input[type="email" i] {
  width:100%;
  margin-top:9px;
  margin-bottom:9px;
  padding:9px 0;
  font-size:15px;
  font-weight:bold;
  text-indent:0.5em;
  border:1px solid #999;
}
p.s2_message {
  padding:12px;
  font-size:24px;
  background:#f9f9f9;
  border-radius:6px;
}
form[name="s2form"] input[name="subscribe" i],
form[name="s2form"] input[name="unsubscribe" i] {
  padding:5px 15px;
  font-size:15px;
  text-align:center;
  cursor:pointer;
}
form[name="s2form"] input[name="subscribe" i]:hover,
form[name="s2form"] input[name="unsubscribe" i]:hover {
  opacity:0.75;
}

.colorRed {
  color:#c00;
}
.colorGreen {
  color:#080;
}

.pc {
  display:block;
}
.sp {
  display:none;
}


/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {


  .frame {
    margin:0 auto;
    width:auto;
    min-width:auto;
  }

  #header {
    min-width:100%;
    height:50px;
  }
  #header div#logo {
    float:left;
    padding-top:10px;
    padding-left:5px;
  }
  #header div#logo a {
    display:block;
    width:325px;
    height:32px;
    background-size:cover;
  }
  #header div#navi {
    float:right;
    padding-top:5px;
  }
  #header div#navi #search {
    display:none;
  }
  #header div#navi ul {
    padding:6px 0 0 0;
    list-style:none;
  }
  #header div#navi ul li {
    list-style:none;
  }
  #header div#navi ul li#info,
  #header div#navi ul li#access {
    display:none;
  }
  #header div#navi ul li#menu {
    display:block;
    float:right;
  }
  #header div#navi ul li#menu a {
    display:block;
    width:32px;
    height:32px;
    background:url("images/common/sp_menu.png") no-repeat center center;
    background-size:32px 32px;
    text-indent:-9999px;
  }
  #header div#navi ul li a {
    padding-left:0;
  }

    /*
  #header ul {
    padding:10px 0 10px 10px;
  }
  #header ul li#logo a {
    display:block;
    width:325px;
    height:32px;
    background-size:cover;
  }
  #header ul li#info,
  #header ul li#access {
    display:none;
  }
  #header ul li#menu {
    display:block;
    float:right;
  }
  #header ul li#menu a {
    display:block;
    width:40px;
    height:32px;
    background:url("images/common/sp_menu.png") no-repeat center center;
    background-size:32px 32px;
    text-indent:-9999px;
  }
*/
  #Global {
    display:none;
  }
  
  #SpMenu {
    display:none;
  }
  #SpMenu ul {
    padding:10px;
    list-style:none;
  }
  #SpMenu ul li {
    float:left;
    width:50%;
    list-style:none;
    border-top:1px solid #e0e0e0;
  }
  #SpMenu ul li a {
    display:block;
    padding:20px 0;
    width:100%;
    font-size:15px;
    font-weight:bold;
    line-height:15px;
    color:#333;
    text-align:center;
    text-decoration:none;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
  }
  #SpMenu ul li:nth-child(odd) a {
    border-left:1px solid #e0e0e0;
  }

  #pageHeader {
    width:auto;
    min-width:auto;
    height:auto;
  }
  #pageHeader h1 {
    padding:40px 10px;
    text-align:left;
    font-size:24px;
    font-weight:bold;
    line-height:1.0em;
    color:#fff;
  }
  
  #Global ul li#menu_edu a {
    display:block;
    padding:20px 0;
    background-image:none;
  }

  #contents {
    padding:30px 0 50px;
  }
  #contents #main {
    float:none;
    padding:0 10px 30px;
    width:auto;
    min-height:auto;
  }
  #contents #main h2 {
    padding-left:30px;
    font-size:20px;
    line-height:1.0em;
    background:url("images/common/bg_h2_1.png") no-repeat left center;
  }
  #contents #main section {
    padding:10px 0 50px 0;
    font-size:15px;
  }
  #contents #main section h3 {
    margin:6px 0;
    font-size:18px;
    line-height:1.3em;
  }
  #boxGmarkIntro img {
    float:left;
    margin:0 auto;
    padding:10px 10px 10px 0;
    width:160px;
    height:181px;
    text-align:center;
  }
  #boxGmarkIntro p {
    float:none;
    width:auto;
  }  
  #tableCaption {
    padding:20px 0 10px;
  }
  #tableCaption strong {
    font-size:15px;
  }
  #contents #main section ol {
    padding:20px 20px;
    counter-reset: my-counter;
    list-style: none;
    font-size:15px;
    line-height:1.3em;
    color:#666;
    border:1px solid #ccc;
    border-radius:6px;
  }
  #contents #main section ol li {
    font-size:15px;
  }
  #contents #main .aboutTable {
    padding-bottom:20px;
  }
  #contents #main .aboutTable p {
    float:none;
    padding:0;
    width:auto;
  }
  #contents #main .aboutTable img {
    float:none;
    padding-top:9px;
    width:100%;
  }
  #contents #main .widthSpace {
    padding-top:40px;
    background:url("images/about/bg_circle.png") no-repeat top center;
  }
  #contents #main section.info_box h2 {
    margin-bottom:20px;
    padding-left:35px;
    color:#000;
    font-size:20px;
    font-weight:bold;
    line-height:1.2em;
  }
  #contents #main section.info_box dl {
    padding:20px;
    font-size:15px;
    line-height:1.3em;
  }
  #contents #main section.info_box dl dt {
    margin-bottom:5px;
  }
  #contents #main section.info_box dl dd {
    margin-top:0;
    margin-left:0;
    margin-bottom:6px;
  }
  #contents #main section .boxActTel {
    padding:0 0 30px 0;
  }
  #contents #main section .boxActTel a {
    width:auto;
    pointer-events:inherit;
  }
  #contents #main section .listRecture ul li {
    float:none;
    padding:3px 0 3px 22px;
    width:auto;
  }
  
  #contents #main section #formContact {
    padding:10px;
  }
  #contents iframe {
    width:100%;
  }
  #contents #main section.item {
    padding:0 0 60px 0;
  }
  #contents #main section.item #InfoItems #itemCategory {
    float:none;
    padding:9px 0;
    width:auto;
    font-size:13px;
    line-height:13px;
    text-align:center;
    border-right:none;
  }
  #contents #main section.item #InfoItems #itemDate {
    float:none;
    padding:9px 0;
    width:auto;
    font-size:13px;
    line-height:13px;
    text-align:center;
    border-top:1px solid #ccc;
    border-left:none;
  }
  
  #contents #side {
    float:none;
    padding:0 10px;
    width:auto;
  }
  #contents #side #banner ul li {
    float:left;
    margin:0;
    padding:1px 0;
    width:50%;
    list-style:none;
  }
  #contents #side #banner ul li a {
    width:95%;
    height:60px;
  }
  #contents #side #banner ul li a#banner_kta,
  #contents #side #banner ul li a#banner_jta,
  #contents #side #banner ul li a#banner_unyu,
  #contents #side #banner ul li a#banner_roudou,
  #contents #side #banner ul li a#banner_anzen,
  #contents #side #banner ul li a#banner_kaizen {
    background-size:contain;
  }

  #contents #side #banner ul li.sp_wide {
  list-style:block;
  width:100%;
  }
  #contents #side #banner ul li.sp_wide a {
    width:96%;
    border:1px solid #096;
  }
  #contents #side #banner ul li.sp_wide a#banner_mail {
    background:url("images/common/banner_mail_sp.png") no-repeat center center;
  }


  #footer {
    min-width:100%;
  }
  #footerUpper {
    min-width:100%;
    padding:20px 0;
    height:auto;
  }
  #footerUpper ul {
    display:none;
  }
  #footerUpper #UppderInfo {
    margin:0;
    padding:10px auto;
    width:auto;
  }
  #footerUpper #footerLogo {
    float:none;
    width:auto;
    height:60px;
    background-size:contain;
  }
  #footerUpper #footerText {
    padding:20px 0 0;
    float:none;
    width:auto;
    text-align:center;
  }
  #footerUpper #footerText span {
    font-size:12px;
    line-height:1.2em;
  }
  #footerUpper #footerText span#footerCorp {
    font-size:15px;
  }
  #footerUpper #footerText span#footerTel {
    padding-bottom:20px;
  }
  #footerUpper #footerText a#btnAccess {
    position:relative;
    margin:0 auto;
  }
  #footerBottom {
    min-width:100%;
    padding:9px 0;
    height:auto;
  }
  #footerBottom p {
    padding-top:0;
    font-size:10px;
  }
    
  #contents #main section .BoxEduList div.areaEduImage {
    float:none;
    padding-bottom:12px;
    width:auto;
  }
  #contents #main section .BoxEduList div.areaEduImage img {
    width:60%;
  }
  #contents #main section .BoxEduList div.areaEduText {
    float:none;
    padding:0;
    width:100%;
    text-align:left;
  }
  #contents #main section .BoxEduList div.areaEduText div.itemEduListText {
    margin-bottom:20px;
    font-size:15px;
  }
  
  #frameInfo .tab {
    padding:12px 0;
  }
  #frameInfo .tab ul {
    margin:2px 0;
    padding:0;
    list-style:none; 
    border:1px solid #ccc;
    border-radius:0;
  }
  #frameInfo .tab ul li {
    float:left;
    padding:0;
    list-style:none; 
  }
  #frameInfo .tab ul li a {
    display:block;
    padding:9px 6px;
    width:auto;
    font-size:12px;
    line-height:12px;
    color:#333;
    text-align:center;
    text-decoration:none;
  }

  .boxSearchNavi {
    padding-bottom:15px;
    text-align:center;
  }
  .boxSearchNavi .SearchText {
    width:180px;
  }
    
  .pc {
    display:none;
  }
  .sp {
    display:block;
  }
  

  #contents #main section #boxImageCol2 {
    padding:20px;
    line-height:0;
  }
  #contents #main section #boxImageCol2 a {
    display:block;
    width:212px;
    border:2px solid #ccc;
  }
  #contents #main section #boxImageCol2 a:hover {
    border:2px solid #f90;
  }
  #contents #main section #boxImageCol2 #boxImageCol2Left,
  #contents #main section #boxImageCol2 #boxImageCol2Right {
    float:none;
    width:100%;
  }
  #contents #main section #boxImageCol2 #boxImageCol2Left a,
  #contents #main section #boxImageCol2 #boxImageCol2Right a {
    margin:15px auto;
  }
  

}