@charset "UTF-8";

@font-face{ 
  font-family: 'mplus-1p-regular';
  src: url('http://mplus-webfonts.sourceforge.jp/mplus-1p-regular.eot');
  src: url('http://mplus-webfonts.sourceforge.jp/mplus-1p-regular.eot?#iefix') format('embedded-opentype'),
       url('http://mplus-webfonts.sourceforge.jp/mplus-1p-regular.woff') format('woff'),
       url('http://mplus-webfonts.sourceforge.jp/mplus-1p-regular.ttf') format('truetype');
}


/*----------------------------------------------------
	BODY
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0;
  padding: 0;
}

html,div {
  margin: 0;
  padding: 0;
  /*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meirio,'ＭＳ Ｐゴシック',sans-serif;*/
  font-family:'mplus-1p-regular'
  color: #000; 
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px;
  background: #FFF url(../../images/common/bg_star.png) repeat top left;
}

.moveBody {
  animation: starMove 20s linear infinite;
  -webkit-animation: starMove 20s linear infinite;
  -moz-animation: starMove 20s linear infinite;
}

@keyframes starMove {
  0% {background-position: 0 0;}
  25% {background-position: 200px 200px;}
  50% {background-position: 400px 420px;}
  75% {background-position: 600px 600px;}
  100% {background-position: 800px 800px;}
}
@-webkit-keyframes starMove {
  0% {background-position: 0 0;}
  25% {background-position: 200px 200px;}
  50% {background-position: 400px 420px;}
  75% {background-position: 600px 600px;}
  100% {background-position: 800px 800px;}
}
@-moz-keyframes starMove {
  0% {background-position: 0 0;}
  25% {background-position: 200px 200px;}
  50% {background-position: 400px 420px;}
  75% {background-position: 600px 600px;}
  100% {background-position: 800px 800px;}
}

h1,h2,h3,h4,h5,h6,p {
   margin: 0;
   padding: 0;
   line-height: 1.4em;
   font-size: 100%;
}

ul,ol,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
a img {
  border:none;
}

a:link, a:visited {
  color: #0066B6;
  text-decoration: none;
  outline : 0;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}


.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*----------------------------------------------------
	WRAPP
----------------------------------------------------*/
div#wrapp {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}

.d_none {
  display: none;
}

/*----------------------------------------------------
	HEADER
----------------------------------------------------*/

.header_wrapp {
  width: 100%;
  height: 86px;
  overflow: hidden;
  background-color: #FF5555;
  position: fixed;
  top: 0;
  z-index: 5;
}

.header_wrapp div.header_inner {
  width: 100%;
  position: relative;
}

.header_wrapp h1.logo {
  width: 120px;
  width: 130px;
  margin: 0 auto;
  padding: 1px 0 0 0;
}

.header_wrapp h1.logo img {
  width: 100%;
}

.header_wrapp div.navi_bt {
  width: 42px;
  height: 42px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
  background-color: #fff;
}


.header_wrapp div.navi_bt div.navi_bt_area {
  width: 42px;
  height: 42px;
  overflow: hidden;
  position: relative;
}

.header_wrapp div.navi_bt div.navi_bt_area div.navi_bt_inner {
  width: auto;
  padding: 8px 0 0 0;
}

.header_wrapp div.navi_bt div.navi_bt_area div.navi_bt_inner span {
  width: 20px;
  height: 3px;
  display: block;
  margin: 4px auto;
  background: #000 none no-repeat 0 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.header_wrapp div.active div.navi_bt_area div.navi_bt_inner span.nvline1 {
  -webkit-transform: rotate(405deg) translate(5.5px, 5.5px);
  transform: rotate(405deg) translate(5.5px, 5.5px);
}

.header_wrapp div.active div.navi_bt_area div.navi_bt_inner span.nvline2 {
  opacity: 0;
}

.header_wrapp div.active div.navi_bt_area div.navi_bt_inner span.nvline3 {
  -webkit-transform: rotate(-405deg) translate(4.5px, -4.5px);
  transform: rotate(-405deg) translate(4.5px, -4.5px);
}


/*----------------------------------------------------
	GLOBAL NAVI
----------------------------------------------------*/

.global_navi {
  width: 100%;
  position: fixed;
  top: 86px;
  z-index: 5;
}

.global_navi li {
  width: auto;
  text-align: left;
  background-color: #000;
}
.global_navi li#nav01 {background-color: #FFCC33;}
.global_navi li#nav02 {background-color: #3399CC;}
.global_navi li#nav03 {background-color: #FF8860;}
.global_navi li#nav04 {background-color: #71D57D;}
.global_navi li#nav05 {background-color: #F06467;}

.global_navi li a {
  width: auto;
  display: block;
  padding: 15px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background: transparent url(../images/common/icon_bird.png) no-repeat 96% 46%;
  background-size: 40px auto;
}


/*----------------------------------------------------
	MAIN CONTAINER
----------------------------------------------------*/

div.main_container {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: transparent url() no-repeat top left;
  position: relative;
  z-index: 2;
}

div.main_container div.main_inner {
  width: auto;
  margin: 0 auto;
  padding: 100px 0 20px 0;
  text-align: left;
}


/*----------------------------------------------------
	PAGE TOP
----------------------------------------------------*/

p#page_top {
  width: 100%;
  text-align: center;
  z-index: 2;
}

p#page_top a {
  width: auto;
  display: block;
  padding: 7px 10px;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  background-color: #FFCC33;
}


/*----------------------------------------------------
	FOOTER
----------------------------------------------------*/


.footer_wrapp {
  width: 100%;
  background-color: #000;
  text-align: center;
  z-index: 2;
}

.footer_wrapp p.copy {
  width: auto;
  margin: 0 auto;
  padding: 2px 10px 5px 10px;
  color: #fff;
  font-size: 10px;
}

.footer_wrapp p.copy img {width: 100%;}




/*----------------------------------------------------
	COMMON
----------------------------------------------------*/

.bold {font-weight: bold;}

.pt_5 {padding: 5px 0 0 0;}
.pt_10 {padding: 10px 0 0 0;}
.pt_15 {padding: 15px 0 0 0;}
.pt_20 {padding: 20px 0 0 0;}
.pt_25 {padding: 25px 0 0 0;}
.pt_30 {padding: 30px 0 0 0;}
.pt_35 {padding: 35px 0 0 0;}
.pt_40 {padding: 40px 0 0 0;}
.pt_45 {padding: 45px 0 0 0;}
.pt_50 {padding: 50px 0 0 0;}

.pb_5 {padding: 0 0 5px 0;}
.pb_10 {padding: 0 0 10px 0;}
.pb_15 {padding: 0 0 15px 0;}
.pb_20 {padding: 0 0 20px 0;}
.pb_25 {padding: 0 0 25px 0;}
.pb_30 {padding: 0 0 30px 0;}
.pb_35 {padding: 0 0 35px 0;}
.pb_40 {padding: 0 0 40px 0;}
.pb_45 {padding: 0 0 45px 0;}
.pb_50 {padding: 0 0 50px 0;}

.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs20 {font-size: 20px;}
.fs25 {font-size: 25px;}
.fs30 {font-size: 30px;}
.fs35 {font-size: 35px;}
.fs40 {font-size: 40px;}
.fs45 {font-size: 45px;}
.fs50 {font-size: 50px;}