/*=============================================

	File name		:	base.css
	
	//INDEX
		1 : Universal settings
		2 : Modules
		3 : Header
		4 : Container
		5 : Footer
	
=============================================*/
/*========================================
1 : Universal settings
========================================*/
body {
  background: #000; }

* html body {
  overflow: hidden; }

img {
  width: 100%;
  vertical-align: bottom; }

#pagetopTarget {
  position: absolute;
  top: 0;
  left: 0; }

/*========================================
2 : Modules
========================================*/
.mBtm0 {
  margin-bottom: 0 !important; }

.mBtm3 {
  margin-bottom: 3px !important; }

.mBtm5 {
  margin-bottom: 5px !important; }

.mBtm8 {
  margin-bottom: 8px !important; }

.mBtm10 {
  margin-bottom: 10px !important; }

.mBtm12 {
  margin-bottom: 12px !important; }

.mBtm15 {
  margin-bottom: 15px !important; }

.mBtm20 {
  margin-bottom: 20px !important; }

.mBtm25 {
  margin-bottom: 25px !important; }

.mBtm30 {
  margin-bottom: 30px !important; }

.mBtm40 {
  margin-bottom: 40px !important; }

.mBtm50 {
  margin-bottom: 50px !important; }

.mBtm60 {
  margin-bottom: 60px !important; }

.mBtm80 {
  margin-bottom: 80px !important; }

.mBtm90 {
  margin-bottom: 90px !important; }

.mBtm100 {
  margin-bottom: 100px !important; }

.mBtm120 {
  margin-bottom: 120px !important; }

.mBtm150 {
  margin-bottom: 150px !important; }

.mBtm180 {
  margin-bottom: 180px !important; }

.mBtm1em {
  margin-bottom: 1em !important; }

.mRight0 {
  margin-right: 0 !important; }

.mLeft30 {
  margin-left: 30px !important; }

.mTop10 {
  margin-top: 10px !important; }

.tCenter {
  text-align: center; }

.w50 {
  width: 50px; }

.w100 {
  width: 100px; }

.w175 {
  width: 175px; }

.w180 {
  width: 180px; }

.w200 {
  width: 200px; }

.w260 {
  width: 260px; }

.w300 {
  width: 300px; }

.w350 {
  width: 350px; }

.w900 {
  width: 900px; }

.w920 {
  width: 920px; }

.uLine {
  text-decoration: underline; }

.textArea350 {
  width: 350px;
  height: 200px;
  font-weight: normal;
  font-size: 12px; }

.textArea500 {
  width: 500px;
  height: 200px;
  font-weight: normal;
  font-size: 12px; }

.FL {
  float: left; }

.FR {
  float: right; }

.AC {
  text-align: center; }

/*========================================
3 : Header
========================================*/
#header {
  margin: 0 auto;
  width: 100%; }

#header .hdContents {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
  background: url(../image/main_bg.jpg) no-repeat center center;
  background-size: contain;
  height: 0;
  padding-top: 50%;
  position: relative; }
  #header .hdContents .logoBox {
    position: absolute;
    left: 5%;
    top: 10px;
    width: 41.6%; }
  #header .hdContents #main01 {
    position: absolute;
    top: 15%;
    left: 5%;
    width: 36.6%; }
  #header .hdContents #main02 {
    position: absolute;
    bottom: 3%;
    left: 5%;
    width: 67.4%; }

/*========================================
4 : Container
========================================*/
#wrapper {
  width: 100%;
  max-width: 960px;
  text-align: center;
  margin: auto; }

#wrapperForm {
  width: 100%;
  max-width: 960px;
  text-align: center;
  margin: auto; }

#wrapperSecond {
  width: 100%;
  max-width: 960px;
  text-align: center;
  margin: auto; }

#container {
  width: 100%;
  margin: 0 auto;
  background: #030; }

* html div#wrapper {
  height: 100%;
  overflow: auto; }

/*========================================
5 : Footer
========================================*/
#footer {
  width: 100%;
  margin: 0 auto;
  border-top: 2px solid #666;
  padding: 2px 0 0 0; }

#footer .ftWrapper {
  padding: 16px 0 0;
  background-color: #CCC;
  margin: 0; }

#footer .ftContents {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  color: #000; }

#footer .ftContents .fnaviBox {
  text-align: center;
  margin: 0 0 1.2em; }

#footer .ftContents .fnaviBox ul {
  margin: 0 auto; }

#footer .ftContents .fnaviBox li {
  margin: 0 1em;
  display: inline;
  font-size: 1rem; }
  @media screen and (max-width: 480px) {
    #footer .ftContents .fnaviBox li {
      margin: 0;
      display: block;
      -moz-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
      box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
      color: #fff;
      text-align: left;
      border-top: 1px solid #333; } }
  #footer .ftContents .fnaviBox li a {
    text-decoration: none; }
    #footer .ftContents .fnaviBox li a:hover {
      color: #CC0000; }
    @media screen and (max-width: 480px) {
      #footer .ftContents .fnaviBox li a {
        padding: 0.5em;
        display: block; } }

#footer .ftContents .frightBox {
  clear: both;
  text-align: center;
  background: #000;
  padding: 0.5em 0 1em;
  color: #FFF; }