@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: default.css
 -----------------------------------------------------------*/

/*==================================================
	for IE6/7/8
==================================================*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;}

/*==================================================
	基本設定、リンクカラーなど
==================================================*/
html {font-size: 62.5%;}
body {
	letter-spacing: 0;
	line-height: 1.4; /* 基本の行間 */
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;}
* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

input,textarea,select {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;
	font-size: 100%;}

* html input,
* html textarea,
* html select {/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

/*\*/
* html table {
	font-size: 100%;}
/**/

/*==================================================
	link
==================================================*/

a {
  overflow: hidden;
  outline: none;}

a:link {color: #3399cc;}

a:visited {color: #3399cc;}

a:active {}

a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);}

/* 汎用class
----------------------------------------------------*/
.float-left {
  float: left;}
.float-right {
  float: right;}
.clear{
	clear: both;
	float: none;}
	
/* For modern browsers clearfix */
.cf:before,
.cf:after {
  content: "";
  display: table;}
.cf:after {clear: both;} 
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom: 1;} 



/*全体共通使用style
ヘッダー、フッター全体囲み、ぱんくずなど
--------------------------------*/
html,
body {
  height: 100%;
	 color: black;}
    
#container {
	 width:100%;
	 margin:0 auto;
	 min-height: 100%;
  height: auto !important;
  position: relative;
  overflow:hidden;}
	
	
#contents {
	 padding-bottom: 30px;/*このpxは#footerのheightとつながっています*/
	 float: none;
	 clear: both;}
  
#contents:before,
#contents:after {
   content: "";
   display: table;}
#contents:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
#contents { zoom: 1; }


.inner {
  width:860px;
  margin:0 auto;
  padding:0 60px;}

footer {
  clear:both;
  width:100%;
 }

#gFooter {
  background:#000;
	 clear: both;
	 float: none;
	 height: 30px;/*このpxは#contentsのpadding-bottomとつながっています*/
  position: absolute;
	 *left: 0%;/* for IE6/7 */
  bottom: 0;
	 }

#gFooter img {
 position:absolute;
 right:0;
 bottom:0;
 }

#copyright {
  background:url(../images/copyright.png) no-repeat;
  margin:10px auto;
  width:331px;
  height:10px;
  display:block;
  text-indent:-9999px;
  }

.day strong {
  margin:0 auto;
  width:980px;
  display:block;
  background:url(../images/day01.gif) no-repeat center center;
  height:111px;
  text-indent:-9999px;}
  

/* */

ul.point {
  width:870px;
  overflow:hidden;
  margin:0 auto;
  padding:0 50px 20px 50px;}


ul.point li{
  margin:10px;
  padding-left:121px;
  display:block;
  list-style:none;
  width:291px;
  height:123px;
  float:left;
  }
  
  ul.point li strong {
    display:block;
    width:291px;
    height:56px;
    text-indent:-9999px;}
    
    ul.point li span {
      display:block;
      width:291px;
      height:67px;
      text-indent:-9999px;
     }  
  
  
.point01 {background:url(../images/image01.jpg) no-repeat;}
.point02 {background:url(../images/image02.jpg) no-repeat;}
.point03 {background:url(../images/image03.jpg) no-repeat;}
.point04 {background:url(../images/image04.jpg) no-repeat;}

ul.point li.point01 strong {background:url(../images/point_01.gif) no-repeat;}
ul.point li.point02 strong {background:url(../images/point_02.gif) no-repeat;}
ul.point li.point03 strong {background:url(../images/point_03.gif) no-repeat;}
ul.point li.point04 strong {background:url(../images/point_04.gif) no-repeat;}

ul.point li.point01 span {background:url(../images/point_01_2.gif) no-repeat;}  
ul.point li.point02 span {background:url(../images/point_02_2.gif) no-repeat;}  
ul.point li.point03 span {background:url(../images/point_03_2.gif) no-repeat;}  
ul.point li.point04 span {background:url(../images/point_04_2.gif) no-repeat;}

/* Line Up */


ul.lineup {
  list-style:none;
  width:945px;
  padding:0 0 0 35px;
  margin:40px auto;
  overflow:hidden}
  
  ul.lineup li {
    float:left;
    width:270px;
    height:255px;
    margin:12px;}

.lineup a {
  display:block;
  width:270px;
  height:255px;
  text-indent:-9999px;}
  
.rm_001 {background:url(../images/rm_001.png) no-repeat;}
.rm_002 {background:url(../images/rm_002.png) no-repeat;}
.rm_003 {background:url(../images/rm_003.png) no-repeat;}
.rm_004 {background:url(../images/rm_004.png) no-repeat;}
.rm_005 {background:url(../images/rm_005.png) no-repeat;}


.coming_soon {
  background:url(../images/coming_soon.gif) no-repeat;
  text-indent:-9999px;}
  


/* mainimage */

#main_image {
  position:relative;
  width:980px;
  margin:15px auto;
  background:url(../images/topimage_base.gif) no-repeat center 25px;

  height:579px;}

.micro_yamaguchi_logo {
  background:url(../images/micro_yamaguchi_logo.png);
  width:352px;
  height:219px;
  position: absolute;
  left:95px;
  top:57px;
  z-index:2;
  opacity:0;

  }
.revol_mini_logo {
  position: absolute;
  top:208px;
  z-index:2;
  opacity:0;
}
  
.snake {
  position: absolute;
  z-index:1;
  opacity:0;
}

.kinnikuman {
  position: absolute;
  z-index:1;
  opacity:0;
}

.copy_01 {
  position: absolute;
  left:82px;
  top:388px;
  z-index:2;
  opacity:0;
}

.copy_02 {
  position: absolute;  left:93px;
  top:455px;
  z-index:2;
  opacity:0;
}

#main_image p {
 text-indent:-9999px;}