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

header.global, footer.global { text-align: center; background-color: #00ffff; padding: 1em; }

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

	Main Config Contents

--------------------------------------------*/
#error-contents { -webkit-text-size-adjust: none; font-size: 13px; color: #333333; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 	/*--------------------------------------------

		Local Shared Styles

--------------------------------------------*/ 	 }
#error-contents a { text-decoration: none; }
#error-contents h1, #error-contents h2, #error-contents h3, #error-contents h4, #error-contents h5, #error-contents p, #error-contents ul, #error-contents li, #error-contents dd, #error-contents dt, #error-contents dl { margin: 0; padding: 0; list-style: none; }
#error-contents .green { color: #6abf4a; }
#error-contents .red { color: #ff3c67; }
#error-contents .blue { color: #066aa9; }
#error-contents .orange { color: #ff5a00; }
#error-contents .gray { color: #797c86; }
#error-contents .sosumi { font-size: 12px !important; }

#error-body { max-width: 1240px; min-height: 600px; min-width: 900px; margin: 0 auto; line-height: 1.8em; text-align:center;}
#error-body a { cursor: pointer; }
#error-body a.arrow { padding-right: 1.5em; background: url("/sorry/images/icon_right-arrow-circled-black.png") no-repeat 100% 50%; background-size: 14px 14px; }
#error-body a:hover { color: #ffffff; }
#error-body a:link { color: #ffffff; text-decoration:underline;}

/* Config Body End */

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

Error Page

--------------------------------------------*/
#error-contents.error #error-body { /*min-height: 550px; */ margin-top: 30px; }
#error-contents.error #error-body div#error-box { background-color: #333333; padding: 60px; border-radius:7px; border:none; color: #ffffff; /*box-shadow: 0px 20px 40px rgba(0,0,0,0.4);*/ }
#error-contents.error #error-body div#error-box .special-error{ color: #ffffff; font-size: 25px; line-height: 2.5em; background: none; padding: 0; font-weight: bold; margin-bottom: 1em;  text-align:center; }
#error-contents.error #error-body div#error-box  h1{ text-align:center; margin:10% auto; }
#error-contents.error #error-body div#error-box  h1 .logo{ width:30%; margin-bottom:20px; }
#error-contents.error #error-body div#error-box  p span.size4 { font-size: 15px; }

#error-body #ok-buttons { margin:5% auto; text-align: center; }
#error-body #ok-buttons a::before { background: rgba(0, 0, 0, 0) url("/sorry/images/icon_right-arrow-circled-white.png") no-repeat scroll 85% 50% / 20px 20px; content: ""; display: block; float: right; height: 48px; line-height: 48px; width: 20px; }
#error-body #ok-buttons a { border: 2px solid #ffffff; border-radius: 35px; color: #ffffff; display: block; font-size: 30px; height: 48px; line-height: 48px; opacity: 0.7; padding: 8px 20px; text-align: center; text-decoration: none; width: 6em; margin:0 auto; }
#error-body #ok-buttons a:hover { opacity: 1; }


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

Responsive

--------------------------------------------*/
@media screen and (max-width: 1430px) { #error-body { padding: 0 20px; }
  #error-body .multi-items-per-row li { width: 25% !important; } }
@media screen and (max-width: 1200px) { #error-body .multi-items-per-row li { width: 33.3% !important; }
  #error-body footer#local2 .footer-left p.bottom b { display: block; }
  #error-body footer#local2 .footer-right .bar { width: 210px !important; } }
/*--------------------------------------------

Styles for Phones

--------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 1200px) { body { width: 1200px; }
  body #error-contents, body #error-body, body footer#local .content { /*min-width: 100% !important; width: 100%!important; */ }
  body #error-contents { box-sizing: border-box; }
  body #error-contents .side.left { /*width: 68% !important; margin-right:0; */ }
  body #error-contents .side.right { /*width: 30% !important; */ } }
@media screen and (max-width: 480px) { nav#local ul { display: none; }

  #error-contents { width: 100%; min-width: 100%; padding: 0; font-size: 1.4rem; line-height: 1.6rem; }
  #error-contents #error-body { min-width: 100%; width: 100%; position: relative; padding: 0; text-align:left; }
  #error-contents .arrow { background-size: 1em 1em !important; }
  #error-contents h2 { font-size: 1.5rem; padding: 18px 15px; }


  /*--------------------------------------------  	Mobile Error Page  	--------------------------------------------*/
  #error-body #ok-buttons { margin:10% auto; }
  #error-contents.error #error-body { min-height: 100%; margin-top: 20px; padding: 4%; box-sizing: border-box; }
  #error-contents.error #error-body div#error-box { padding: 30px 15px 80px; box-sizing: border-box; }

  #error-contents.error #error-body div#error-box .special-error{  font-size: 2rem; line-height:2.7rem; }
  #error-contents.error #error-body div#error-box h2 { font-size: 1.2rem;  }
  #error-contents.error #error-body div#error-box  p span.size4 { font-size: 13px; line-height:1.3rem; }
  
  #error-body #ok-buttons a::before { background: rgba(0, 0, 0, 0) url("/sorry/images/icon_right-arrow-circled-white.png") no-repeat scroll 85% 50% / 16px 16px; width: 16px; }
  #error-body #ok-buttons a { font-size: 20px; padding: 0 20px; }
}

@media only screen and (orientation:portrait){
   /* Portraitモード（縦向き）用 */
   body {
      width:768px;
   }
}
/*--------------------------------------------

Styles for Tablet

--------------------------------------------*/
html.isTablet { width: 1200px; }
html.isTablet body { width: 1200px; }



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

Vendor Hack

---------------------*/
body.isIE10 footer#local .footer-left .top, body.isIE9 footer#local .footer-left .top { margin-top: 10px; }
body.isIE10 footer#local .footer-left .bottom, body.isIE9 footer#local .footer-left .bottom { bottom: 14px !important; }

#error-body a:link { color: #ffffff; text-decoration:underline;}
#error-body a:visited { color: #ffffff; text-decoration:underline;}
#error-body a:hover { color: #ffffff; }
#error-body a:active { color: #ffffff; text-decoration:underline;}


/*170823追記　RWD化*/
@media only screen and (orientation:portrait){
   body {width:100%;}
}
@media screen and (max-width: 480px){
body,#error-contents,#error-contents #error-body {width: 100%;}
#error-contents.error #error-body div#error-box  h1{margin:5% auto; }
#error-contents.error #error-body {margin-top: 0px;}
#error-contents.error #error-body div#error-box  p,#error-contents.error #error-body div#error-box  p span.size4 {line-height:1rem;}
}
/*170823追記　RWD化ここまで*/
#MainContentsArea {
    width: 950px;
    margin: auto;
    text-align: left;
    font-size: small;
}
.btn1{margin: -80px 0 28px 648px;}
.btn1:hover{opacity:0.7}
.toPageTop{font-size: 85%;text-align: right;padding-top: 20px;}
.toPageTop span{padding-left: 12px;background: url(../images/img_arrow_08.gif) left center no-repeat;}
.toPageTop span a:hover{color:#ff0000;}