/*
Theme Name: 123 Responsive
Theme URI: http://www.tosho-c3.jp/
Author: Tosho Trading LLC.
Author URI: http://www.tosho-c3.jp/
Description: The lite version theme for WordPress.
Version: 10.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: lite, one-column, fixed-width, custom-menu, editor-style, microformats, sticky-post, translation-ready
Text Domain: 123res
*/

/* Tag Rewrite */
*{
	font-family: Meiryo, DFPHSMincho-W3, "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
}
body{
  background:url("images/bg.gif") repeat-x;
  background-position:0 -93px;
  color: #333;
  padding:0;
  margin:0;
  font-size: 16px;

}
ul{
	list-style-type:none;
}

img{
	border:0;
}

#la_body{
	margin:0;
}
.menu-toggle:before{
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 16px/1 Genericons;
  text-decoration: inherit;
  vertical-align: text-bottom;
  color: #fff;
  content: "\f419";
  margin-top: 11px;
}
.menu-toggle {
  cursor: pointer;
  font-size: 0;
  height: 38px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 48px;
  z-index: 999;
}

#la_h1{
  display:block;
	background:#054A91;
	font-size:1.2em;
	font-weight:normal;
	margin:0 auto;
	color:#fff;
  line-height:1.5em;
  padding:8px 50px 8px 10px;
}

#la_top_pic{
  display:none;
}

#la_nav{
	margin:0 auto;
  display:none;
  background:#fff;
  border:1px solid #054A91;
  border-top:none;
}
	#la_nav .menu{
		margin:0;
    padding:0;
	}
		#la_nav .menu li{
			padding:6px 13px;
		}
			#la_nav .menu li a{
				color:#054A91;
				font-weight:bold;
				text-decoration:none;
			}

#la_main{
	margin:10px auto 0 auto;
  padding:0;
}
	#la_main #la_left{
		float:left;
	}
		#la_main #la_left #la_position{
			font-size:12px;
			padding:10px;
		}
			#la_main #la_left #la_position a{
				color:#000;
			}

		#la_main #la_left #la_category_description{
			font-size:14px;
			padding:10px;
		}

		#la_main #la_left .la_category_list{
			padding:10px;
			font-size:12px;
		}
			#la_main #la_left .la_category_list a{
				color:#6b98ff;				
			}
			#la_main #la_left .la_category_list a:link {
				color:#6b98ff;				
			}
			#la_main #la_left .la_category_list a:visited{
				color:#7e00ff;
			}
			#la_main #la_left .la_category_list a:hover {
				color:red;
			}



		#la_main #la_left .entry-title{
			font-size:18px;
			color:#000;
			padding:.6em 0 .5em 15px;
			background:url("images/la_title_bg.gif") left center no-repeat;
			border-bottom:1px solid #9f9f9f;
			line-height:1.5em;
		}
		
		#la_main #la_left .entry-content{
			font-size:16px;
			line-height:2em;
			padding:10px;
		}

      .entry-content h2{
			background: #5a9bd5;
			border: 5px solid #ddedfb;
			color: #fff;
			font-size: 26px;
			margin: 40px 0 20px;
			padding: 20px 10px;
      }

      .entry-content h3{
        background:#1F497D;
        color:#fff;
        font-size:18px;
        padding: 15px 10px;
        margin: 35px 0 20px 0;
      }
       
      h4.entry-title{
        background:#EFEFEF;
        font-size:16px;
        padding: .1em 1em;
        margin: 10px 0 10px 0;
      }
      .entry-content h4{
        background:#BFBFBF;
        border-bottom:#000 1px dotted;
        border-top:#000 1px dotted;
        font-size:16px;
        padding: .1em 1em;
        margin: 20px 0 5px 0;
      }
.entry-content h5{
        font-size:16px;
        margin: 20px 0 5px 0;
      }
      .entry-content ol,
      .entry-content ul,
      .entry-content dl{
        margin:.5em 0;
        padding-left:40px;
      }

      .entry-content li{
        overflow:visible;
        list-style-type: disc;
      }


		#la_main #la_left a{
			color:#a0b07e;
		}
		#la_main #la_left a:link {
			color:#6B98FF;
		}
		#la_main #la_left a:visited{
			color:#7e00ff;
		}
		#la_main #la_left a:hover {
			color:#900e0e;
		}
		
		#la_main #la_left .new_title{			
			height:37px ;
			background:url("images/la_new_bg.gif");
		}
		#la_main #la_left .new_list li{
			font-size:12px;
			border-bottom:1px dotted #999999 ;
			height:25px;
		}
			#la_main #la_left .new_list li a{
				color:#6b98ff
			}
			#la_main #la_left .new_list li a:hover{
				color:red;
			}
		
	
	#la_main #la_right{
		float:left;
		margin-top:12px;
    width:100%;
	}

    #menu-siderbarmenu{
      padding-left:0;
    }

		#la_main #la_right .menu a{
			display:block;
			font-size:13px;
			color:#fff;
			font-weight:bold;
			padding:10px 0 10px 30px;
			text-decoration:none;
			background:#094D93;
		}
		#la_main #la_right .sub-menu{
      background: url(images/la_sidebar_footer.gif) left bottom no-repeat, url(images/la_sidebar_submenu_bg.png) 0 0 repeat-y;
      padding-left: 0;
      padding-bottom: 19px;
      margin-bottom: 10px;
		}
			#la_main #la_right .sub-menu li{				
				background:#EEEEEE;
				line-height:20px;
				padding:7px 0 0 35px;
			}
				#la_main #la_right .sub-menu li a{
					background:none;
					padding:0 0 9px;
					color:#000 !important;
					font-size:12px !important;
					display:block;
          height: auto;
				}
				#la_main #la_right .sub-menu li a:hover{
					color:#000 !important;
					font-size:12px !important;
					text-decoration:underline !important;
				}
    .entry-content table,
    .entry-content thead,
    .entry-content tbody,
    .entry-content tfoot,
    .entry-content tr,
    .entry-content td{
      display:block;
    }
	#la_main #la_clear{
		clear:both;
		height:28px;
		text-align:right;
	}

#la_footer{
	text-align:center;
	margin:0 auto 10px;
	min-height:90px;
	color:#595950;
	font-size:12px;
	background:#FBFBFB url("images/la_footer_bg.gif") 0 0 repeat-x;
  padding-bottom:4px;
}
#la_footer{
	text-align:center;
	margin:0 auto;
	font-size:12px;
}
	#la_footer .menu{
		margin:0 auto 2px auto;
    padding:0;
	}
		#la_footer .menu li{
			margin:8px;
		}
			#la_footer .menu li a{
				color:#595950;
				text-decoration:none;
			}
			#la_footer .menu li a:hover{
				color:#595950;
				text-decoration:underline;
			}


.datatables_wrap {
  overflow-x: scroll;
  width: 100%;
}
table.datatables {
  border-collapse: collapse;
  font-size: 14px;
  width: 685px;
}
table.datatables thead th,
table.datatables thead td {
  border-bottom: none;
  line-height: 1.2em;
  padding: 10px 6px;
}
table.datatables thead th {
  background: #00b0ec;
  color: #fff;
}
table.datatables tbody td img.logo {
  display: block;
  margin: 0 auto;
  max-width: 120px;
}
table.datatables tbody th,
table.datatables tbody td {
  border: 1px solid #ededed;
  padding: 4px 6px;
}
table.datatables tbody td ul {
  padding-left: 20px;
}



@media screen and (min-width: 594px) {
  body{
    background-position: 0 -34px;
  }
  #la_body{
    background-position:0 -32px;
    width:1000px;
    margin:0 auto;
  }
  .menu-toggle{
    display:none;
  }

  #la_h1{
    background:none;
    font-size:16px;
    font-weight:normal;
    width:972px;
    height:26px;
    text-align:right;
    margin:0 auto;
    color:#333333;
    padding:0;
  }

  #la_top_pic{
    display:block;
    width:972px;
    height:71px;
    margin:0 auto;
  }

  #la_nav{
    display:block;
    width:972px;
    height:34px;
    margin:0 auto;
    border:none;
    background:none;
  }
    #la_nav .menu{
      margin-top:4px;
      margin-left:10px;
    }
      #la_nav .menu li{
        float:left;
        padding-left:13px;
        padding-right:13px;
        height:14px;
        padding-bottom:4px;
        border-left:1px solid #c0c0c0;
        border-right:1px solid #c0c0c0;
      }
        #la_nav .menu li a{
          color:#333333;
          font-weight:bold;
          font-size:14px;
          text-decoration:none;
        }


  #la_main{
    width:972px;
    margin:10px auto 0 auto;
  }
    #la_main #la_left{
      float:left;
      width:707px;
    }
      #la_main #la_left #la_position{
        font-size:12px;
        padding:10px;
      }
        #la_main #la_left #la_position a{
          color:#000;
        }

      #la_main #la_left #la_category_description{
        font-size:14px;
        padding:10px;
      }

      #la_main #la_left .la_category_list{
        padding:10px;
        font-size:16px;
      }
        #la_main #la_left .la_category_list a{
          color:#6b98ff;				
        }
        #la_main #la_left .la_category_list a:link {
          color:#6b98ff;				
        }
        #la_main #la_left .la_category_list a:visited{
          color:#7e00ff;
        }
        #la_main #la_left .la_category_list a:hover {
          color:red;
        }



      #la_main #la_left .entry-title{
        width:692px;
        font-size:18px;
        color:#000;
      }

      #la_main #la_left h2.entry-title{
        font-size:20px;
        letter-spacing:.1em;
        margin:10px;
      }
      
      #la_main #la_left .entry-content{
        font-size:14px;
        line-height:2em;
        padding:10px;
      }

      #la_main #la_left a{
        color:#a0b07e;
      }
      #la_main #la_left a:link {
        color:#4252A4;
      }
      #la_main #la_left a:visited{
        color:#7e00ff;
      }
      #la_main #la_left a:hover {
        color:#900e0e;
      }
      
      #la_main #la_left .new_title{			
        width:677px;
        height:37px ;
        background:url("images/la_new_bg.gif");
      }
      #la_main #la_left .new_list{
        padding:0;
      }
      #la_main #la_left .new_list li{
        font-size:16px;
        border-bottom:1px dotted #999999 ;
        height:auto;
        list-style-type: none;
      }
        #la_main #la_left .new_list li a{
          color:#6b98ff

        }
        #la_main #la_left .new_list li a:hover{
          color:red;
        }
      
    
    #la_main #la_right{
      float:left;
      width:253px;
      margin-left:12px;
      margin-top:0;
    }

      #la_main #la_right .menu a{
        width:198px;
        display:block;
        height:53px;
        font-size:13px;
        color:#fff;
        font-weight:bold;
        padding:20px 0 0 55px;
        text-decoration:none;
        background:url(images/la_sidebar_bg.gif);
      }
      #la_main #la_right .sub-menu{

      }
        #la_main #la_right .sub-menu li{				
          background:url(images/la_sidebar_submenu_bg.gif) no-repeat, url(images/la_sidebar_submenu_border.png) left bottom no-repeat;
          width:218px;
          line-height:20px;
          padding:7px 0 0 35px;
        }
          #la_main #la_right .sub-menu li a{
            color:#000 !important;
            font-size:12px !important;
          }
          #la_main #la_right .sub-menu li a:hover{
            color:#000 !important;
            font-size:12px !important;
            text-decoration:underline !important;
          }
      .entry-content table{
        display:table;
      }
      .entry-content thead{
        display:table-header-group;
      }
      .entry-content tbody{
        display:table-row-group;
      }
      .entry-content tfoot{
        display:table-footer-group;
      }
      .entry-content tr{
        display:table-row;
      }
      .entry-content td{
        display:table-cell;
      }
    #la_main #la_clear{
      clear:both;
      width:972px;
      height:28px;
      text-align:right;
    }

  #la_footer{
    width:972px;
    text-align:center;
    margin:0 auto;
    padding-top:20px;
    height:65px;
    min-height:65px;
    color:#595950;
    font-size:12px;
    background:url("images/la_footer_bg.gif");
  }
    #la_footer .menu{
      margin:0 auto 5px auto;	
      text-align:center;
    }
      #la_footer .menu li{
        display:inline;
        margin:8px;
      }
        #la_footer .menu li a{
          color:#595950;
          text-decoration:none;
        }
        #la_footer .menu li a:hover{
          color:#595950;
          text-decoration:underline;
        }
}

@media screen and (max-width: 593px) {
  img{
    max-width:100%;
    height:auto;
  }
  .entry-content table{
    width:100%!important;
    border:1px #ccc solid;
    height:auto!important;
  }
  #la_main #la_right .sub-menu{
    background: none;
  }
  .entry-content table tr,
  .entry-content table th,
  .entry-content table td{
    height:auto!important;
  }
  .entry-content table td{
    padding:5px;
  }
  .line_sp{
    border-bottom:2px #666 dotted;
    margin:5px 0;
  }

  table.noexpand{
    display:table;
  }
      table.noexpand thead{
        display:table-header-group;
      }
      table.noexpand tbody{
        display:table-row-group;
      }
      table.noexpand tfoot{
        display:table-footer-group;
      }
      table.noexpand tr{
        display:table-row;
      }
      table.noexpand td{
        display:table-cell;
      }

  td {
    width: initial!important;
  }

  #la_main #la_left ul.new_list{
    padding-left:0;
  }

  #la_main #la_left ul.new_list li{
    height:auto;
  }

  .datatables_wrap_hidden{
    width:355px;
    overflow:scroll;
  }

  #menu-footermenu:before{
    content:'　';
    display:block;
  }

  a.btnw80{
    display:block;
    width:80%;
  }

}

@media screen and (max-width: 320px){
  .datatables_wrap_hidden {
      width: 300px;
  }
}

.gray{color:gray}
.gray2{color:#666}
.white{color:white}
.orange{color:orange}
.red{color:#e01313}
.green{color:green}
.blue{color:#003399}
.black{color:black}

.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}

.c{text-align:center}
.l{text-align:left}
.r{text-align:right}
.b{font-weight:bold}
.u{text-decoration:underline}
.nu{text-decoration:none}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.bgcolor1{background-color:#FC0;}


strong {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-weight: bold;
}


/* ----------------------------------------
  * テーブル関連　START　
  ---------------------------------------- */


table.hyou { 
    border: 1px solid #666;
    border-collapse: collapse;
    margin: 20px auto;
    width: 70%;
}

table.hyou tbody tr{
    border-collapse: collapse;
}

table.hyou tbody tr th{
    background: #d5edff;
    border: 1px solid #666;
    border-collapse: collapse;
    text-align: center;
}

table.hyou tbody tr td{
    border: 1px solid #666;
    border-collapse: collapse;
}

@media screen and (max-width: 700px){
table.hyou { 
    display: table!important;    
    width: auto!important;
}

table.hyou tbody tr{
    display: table-row;
}

table.hyou tbody tr td{
    display: table-cell;
}
}


/* ----------------------------------------
  * テーブル関連　END　
  ---------------------------------------- */




/* ----------------------------------------
  * 枠関連　START　
  ---------------------------------------- */


.point {
    border: 2px solid #e21111;
    border-radius: 4px;
    margin: 2em;
    line-height: 1.7em;
    padding: 2em;
    position: relative;
}
.point::before {
    background-color: #fff;
    color: #e21111;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.waku {
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    border: 1px solid #ccc;
    border-top: 5px solid #094d93;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    margin: 2em 0;
    padding: 2em;
}


.akawaku {  
    background: #ffc6c6;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
    color: #666;
    line-height: 1.7em;
    margin: 20px 40px 30px 10px;
    padding: 20px 0 20px 5px;
}

.aowaku {  
    background: #b3ebf9;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
    color: #666;
    line-height: 1.7em;
    margin: 20px 40px 30px 10px;
    padding: 20px 0 20px 5px;
}

.waku ul,.akawaku ul,.aowaku ul,.point ul{
   list-style-type: disc;
   margin: 0;
   padding-left: 40px;
}

.waku ol,.akawaku ol,.aowaku ol,.point ol{
   list-style-type: decimal;
   padding-left: 40px;
}

@media screen and (max-width: 700px){
.waku,.akawaku,.aowaku {
    margin: 20px auto;
    padding: 30px 10px 30px 20px;
    width: auto;
}
}

/* ----------------------------------------
  * 枠関連　END　
  ---------------------------------------- */



/* ----------------------------------------
  * フローチャート　START　
  ---------------------------------------- */


.flow {
    margin: 10px auto;
    padding: 0;
  }

.flow ol {
      margin: 0;
      padding: 0;
  }

.flow li {
        margin: 0 auto 50px;
        width: 80%;
        padding: 10px;
        border: 3px solid #e66300;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        font-weight: bold;
        list-style: none;
        text-align: center;
        box-shadow: 0px 0px 20px -1px #bfbfbf
        -moz-box-shadow: 0px 0px 20px -1px #bfbfbf
        -webkit-box-shadow: 0px 0px 20px -1px #bfbfbf
  }

.flow li::after {
    border-top: 25px solid #d5edff;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -55px;
        }

.flow li:last-child:after {
          border: none;
}

/* ----------------------------------------
  * フローチャート　END　
  ---------------------------------------- */

/* ----------------------------------------
  * 20170623文字修正
  ---------------------------------------- */

#la_main #la_left .entry-content {
    font-size:16px;
    line-height: 1.7;
}

.entry-content p {
    line-height: 1.9;
    margin: 0 0 20px;
}

#la_main #la_left h2.entry-title {
    font-size:26px;
    letter-spacing: 1.6px;
}

.entry-content h3 {
    font-size:22px;
}

.entry-content h4{
    background: #f2f7ff;
    border-bottom: #1f497d 2px dashed;
    border-top: #1f497d 2px dashed;
    font-size: 18px;
    margin: 25px 0 15px;
    padding: .5em;
}

.entry-content h5 {
    color: #01478f;
    font-size: 18px;
}
@media screen and (max-width: 700px){
#la_main #la_left h2.entry-title {
    font-size:22px;
}
.entry-content p {
    font-size: 17px;
}
}