@charset "utf-8";
body{
padding:0;
margin:0;
}

.outer{
width:100%;
text-align:center;
padding:0 auto;
}
.opening{
margin:0px auto;
width:942px;
}
.opening2{
margin:0px auto;
width:942px;
}
.opening2 .inner{
padding-left:6px;
}
.clear{
clear:both;
overflow:hidden;
font-size:1px;
line-height:1px;
height:0;
}
p,li,lo,td,div{
font:normal normal 400 14px/24px Meiryo;
}
Table{
border-spacing: 1px;
}
th{
text-align:center;
font-size:normal normal 700 14px/24px Meiryo;
}
div,span,p,li,lo,th,td,h1,h2,h3,h4,h5,h6{
font-family:Meiryo, メイリオ,'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
td{vertical-align:top;background-color:#FFF;}
#sub-page td{padding: 10px 20px;}
#sub-page Table.nopad td{padding: 1px;}
.p{margin:0.5em 20px;}
.s{font:normal normal 400 11px/15px Meiryo;}
a img{border:none #FFF 0px;}
img {boader-style:none;}
a img {boader-style:none;}
iframe{border:none 0px #FFF;}
.totop{
margin-top:12px;
text-align:right;
}
.totop a{
color:#59c257;
font-weight:700;
}

/****  header  ****/
#header{
height:78px;
}
#header-inner{
text-align:left;
padding:0 6px;
position: relative;
}
#header img {
padding-top:24px;
}

#header .tel {
    position: absolute;
    top: 18px;
    right: 0;
    text-align: right;
}
#header .tel > a {
    text-decoration: none;
    font-size: 28px;
    color: #045f36;
}
#header .tel > a > img[alt="tel"] {
    padding-top: 0;
    height: 26px;
    position: relative;
    top: 3px;
}
/****  headermenu  ****/
#headermenu-outer{
margin-bottom:10px;
}
#headermenu-inner{
padding:0 6px;
}
#headermenu ul{
list-style-type:none;
padding:0;
margin:0;
}
#headermenu ul{
list-style-type:none;
padding:0;
}
#headermenu ul li{
float:left;
border-right:#000 solid 1px;
}
#headermenu ul li.tohome{
border-left:#000 solid 1px;
}
#headermenu ul li a{
display:Block;
width:103px;
text-decoration:none;
color:#000;
}
#headermenu ul li a:hover{
background:#ccffcc;
color:#016136;
}
#headermenu ul li.tohome a {
width:95px;
}
#headermenu ul li a div{
font-size:12px;
line-height:18px;
}
#headermenu ul li a:hover div{
font-weight:700;
}
#headermenu ul li a div.l1{
padding:9px 0;
}

/****  headerimage  ****/
#headerimage-outer{
margin-bottom:10px;
}

/****  submenu  ****/
#submenu-outer{
margin-bottom:10px;
}
#submenu-inner{
padding-left:6px;
}
img.submenu-sss{
float:left;
}
img.submen-unw{
float:right;
}

/****  breadcrumb  ****/
#breadcrumb-inner{
text-align:left;
padding: 0 6px;
}

/****  content  ****/
#content{
position:relative;
}
#content-inner{
padding-right:6px;
}
#top-page #content-inner{
padding-left:6px;
}
#top-page #content .lefts{
float:left;
width:613px;
}
#sub-page #content .lefts{
float:left;
width:717px;
}

#content .rights{
float:right;
width:182px;
}

/****  content - whatnew  ****/
#sub-page #content #main{
text-align:left;
}
.title1{
color:#59c257;border-bottom:
#59c257 2px solid;
margin-bottom:0.5em;
}
.title2{
color:#59c257;
border-width:1px 1px 1px 5px;
border-style:solid;
border:#59c257;
margin-bottom:0.5em;
}
.title3{
color:#016136;
border-bottom:1px solid #016136;
margin-bottom:0.5em;
}
.title4{
color:#59c257;
border-style:solid;
border-color:#59c257;
border-width:1px 1px 1px 0.5em;
margin-bottom:0.5em;
padding:5px 0.5em;
}
.title5{
color:#ff5259;
border-bottom:#ff5259 2px solid;
margin-bottom:0.5em;
}
.title6 {
    font-size: 1.2em;
    line-height: 1.2em;
margin:1.5em 0 0.5em;
    padding: 10px 10px 8px;
    color: #ff7a57;
    border-style: solid;
    border-color: #ff7a57;
    border-width: 1px 1px 1px 3px;
}
.title6lg {
    font-size: 1.2em;
    line-height: 1.2em;
margin:1.5em 0 0.5em;
    padding: 10px 10px 8px;
    color: #59c257;
    border-style: solid;
    border-color: #59c257;
    border-width: 1px 1px 1px 3px;
}
.title7lg {
    font-size: 1.2em;
    line-height: 1.2em;
margin:1.5em 0 0.5em;
    padding: 10px 0px 8px;
    color: #63c459;
    border-bottom: solid #63c459 1px;
}
.title-GRAY{
color:#636363;
border-bottom:#636363 2px solid;
margin-bottom:0.5em;
}
.OwnerLine{
border-style:dashed;
border-color: #59c257;
}


/****  content - whatnew  ****/
#whatnew Table{
width:600px;
margin: 10px 0px 10px 15px;
}
#top-page #content #whatnew-list{
max-height: 300px;
overflow: scroll;
overflow-x: hidden;
margin-top:10px
}
#whatnew .date{
width:84px;
}
#whatnew .title{
padding-left:10px;
text-align:left;
}
#whatnew p{
padding:0;
margin:0;
}


#whatnew .title{
padding-left:10px;
}

/**** 追加 ****/

.topBanner {
width: 930px;
margin: 0 auto 10px auto;
border: 3px solid #1f6334;
-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
.topBanner ul {
padding: 20px !important;
margin: 0;
}
.topBanner li {
width: 288px;
float: left;
list-style: none;
margin-left: 10px;
}
.topBanner li:first-child {
margin-left: 0;
}
.topBanner li img {
width: 100%;
height: auto;
display: block;
clear: both;
}
.topBanner li p {
display: block;
clear: both;
background: #1f6334;
margin: 0;
padding: 10px 0;
font-size: 18px;
 
}
.topBanner li p.bg01 {
background: #c2002f;
}
.topBanner li p.bg02 {
background: #e09732;
}
.topBanner li a {
color: #fff;
padding: 0;
margin: 0;
text-decoration: none;
}
.contentsSub {
padding: 0 10px;
margin-top: 20px;
}

.contentsSub img {
width: 100%;
height: auto;
}
.contentsSubImg {
margin-bottom: 20px;
}
.contentsSubText {
margin-bottom: 20px;
padding: 40px;
background: #f5f5f5;
}
.contentsSubText strong {
font-size:16px;
display: block;
padding: 4px 0;
}
.contentsSub .list_01,.contentsSub .list_02,.contentsSub .list_03 {
padding: 0;
}
.contentsSub .list_01 li {
width: 229px;
height: 229px;
overflow: hidden;
float: left;
list-style: none;
margin-left: 5px;
margin-bottom: 5px;
position: relative;
}
.contentsSub .list_02 li {
width: 169px;
height: 169px;
overflow: hidden;
float: left;
list-style: none;
margin-left: 5px;
margin-bottom: 5px;
position: relative;
}
.contentsSub .list_03 li {
width: 149px;
height: 149px;
overflow: hidden;
float: left;
list-style: none;
margin-left: 5px;
margin-bottom: 5px;
position: relative;
}
.contentsSub .list_01 li:nth-child(3n+1) {
margin-left: 0;
}
.contentsSub .list_02 li:nth-child(4n+1) {
margin-left: 0;
}
.contentsSub ul li:hover figcaption {
width: 100%;
height: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
  margin: 0 auto;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
}
.contentsSub ul li:hover figcaption p {
position: absolute;
bottom: 20px;
padding: 0 20px;
font-size: 16px;
}
.contentsSub ul li a {
color: #fff;
}
.contentsSubHeading {
background: #58c256;
color: #fff;
font-size: 16px;
padding: 10px 20px;
margin-bottom: 0;
font-weight: bold;
}

.contentsSubTable table {
width: 100%;
border-collapse: collapse;
  border-spacing: 0;
  border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.contentsSubTable table th {
background: #58c256;
color: #fff;
font-size: 16px;
padding: 10px 20px;
margin-bottom: 0;
text-align: left;
}
.contentsSubTable table td {
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fdf8f1;
}
.contentsSubTextFaq {
padding: 0;
}
.contentsSubTextFaq li {
list-style: none;
padding-left: 0;
border-top: 1px dashed #ccc;
padding-top: 20px;
margin-top: 20px;
}
.contentsSubTextFaq .question {
background: url(../emigration/img/img_09.jpg) no-repeat left center;
background-size: 30px auto;
padding: 4px 0 4px 40px;
display: block;
font-weight: bold;
font-size: 16px;
color: #214666;
}
.contentsSubTextFaq .answer {
background: url(../emigration/img/img_08.jpg) no-repeat left 6px;
background-size: 30px auto;
padding: 4px 0 4px 40px;
display: block;
}
/* clearfix */
.clearFix {
	width: 100%;
}
.clearFix:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}
/* IE6 */
* html .clearFix {
	zoom: 1;
}
/* IE7 */
*:first-child+html .clearFix {
	zoom: 1;
}

/****  content - sidemenu  ****/
#sidemenu img{
margin:0 0 14px;
}
#sidemenu ul{
list-style-type:none;
padding:0;
margin:0 0 14px;
}
#sidemenu ul{
list-style-type:none;
padding:0;
}
#sidemenu ul li{
border:#7c7c7c solid 1px;
margin-bottom:2px;
}
#sidemenu ul li a{
display:Block;
text-decoration:none;
padding:11px 0;
font-size:14px;
line-height:14px;
font-weight:700;
color:#7c7c7c;
}
#sidemenu ul li a:hover{
color:#7CC47C;
}
#sidemenu ul li.network{
border:#FFF none 0;
margin-top: 6px;
margin-bottom:0;
}
#sidemenu ul li.network a{
display:inline;
padding: 0;
}
#sidemenu ul li.network a img{
margin:0;
border-radius: 8px;
}

#sidemenu ul li.sidemenu-game{		border-color:#2c6438;}
#sidemenu ul li.sidemenu-phishing{	border-color:#b90035;}
#sidemenu ul li.sidemenu-emigration{border-color:#d9963b;}

#sidemenu ul li.sidemenu-game a{		color:#FFF;	background-color:#2c6438;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-o-transition: 0.8s;	-ms-transition: 0.8s;	transition: 0.8s;}
#sidemenu ul li.sidemenu-phishing a{	color:#FFF;	background-color:#b90035;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-o-transition: 0.8s;	-ms-transition: 0.8s;	transition: 0.8s;}
#sidemenu ul li.sidemenu-emigration a{	color:#FFF;	background-color:#d9963b;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-o-transition: 0.8s;	-ms-transition: 0.8s;	transition: 0.8s;}

#sidemenu ul li.sidemenu-game a:hover{			color:#2c6438;	background-color:#FFF;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-o-transition: 0.8s;	-ms-transition: 0.8s;	transition: 0.8s;}
#sidemenu ul li.sidemenu-phishing a:hover{		color:#b90035;	background-color:#FFF;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-o-transition: 0.8s;	-ms-transition: 0.8s;	transition: 0.8s;}
#sidemenu ul li.sidemenu-emigration a:hover{	color:#d9963b;	background-color:#FFF;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-o-transition: 0.8s;	-ms-transition: 0.8s;	transition: 0.8s;}

/****  content - banner  ****/
#banner{
position:absolute;
left:0;
bottom:0;
}

/****  footer  ****/
#footer-outer{
margin-top:20px;
border-top:#00ab59 solid 2px;
}
#footer-inner{
padding:14px 0;
}
#footer .company{
width:320px;
float:left;
}
#footer .company img{
padding-bottom:5px;
}
#footer .company div{
font-size:12px;
}
#footer ul.links{
float:right;
width:515px;
list-style-type:none;
padding:0;
margin:0 0 14px;
}
#footer ul{
list-style-type:none;
padding:0;
}
#footer ul li{
float:left;
margin-bottom:2px;
}


#footer ul li.tohome     a{  border-left:#000 solid 1px;clear:left;}
#footer ul li.tohome     a,
#footer ul li.tocompany  a,
#footer ul li.tobusiness a,
#footer ul li.tocustomer a,
#footer ul li.toowner    a{  padding: 2px 24px;}
#footer ul li.towoman{clear:left;}
#footer ul li.towoman    a{  margin-top:15px;padding: 2px 24px 2px 25px;border-left:#000 solid 1px;}
#footer ul li.tosss      a{  margin-top:15px;padding: 2px 24px 2px 25px;}
#footer ul li.todriver   a{  margin-top:15px;padding: 2px 24px;}
#footer ul li.tonetwork  a{  margin-top:15px;padding: 2px 24px 2px 25px;}
#footer ul li a{
display:Block;
border-right:#000 solid 1px;
color:#707070;
text-decoration: none;
}
#footer ul li a:hover{
background:#ccffcc;
color:#016136;
}
#footer ul li a div{
font-size:12px;
line-height:12px;
font-weight:700;
}
#footer ul li a div.l1{
padding:6px 0;
}



/* アニメーション */
.tenmetu{
  color:red;
  animation: tenmetu1 2s infinite;
}

@keyframes tenmetu1{
  50%{
    color:#FFF;
  }
}