@charset "shift_jis";

/* TOPPAGE(INDEX)の基本デザイン */

body           {margin: 0; padding: 0; 
                font-family: "メイリオ", Meiryo, "MS Pゴシック", 
                Osaka, sans-serif;  
                color: #ffff66; background-color:#000000;}

.pagebody      {width: 1080px; height:auto;
                margin-left: 10px; margin-right: 10px;
                background-color:#000000; font-weight:bold; 
                border:px dashed #ff0000; margin:0 auto;}

h1             {margin: 50px; font-family: Arial, Helvetica, sans-serif;
                font-size: 40px; font-weight: bold; color:#}

h2             {margin: 0; font-size: 200%; font-weight: bold;
                text-align: right;}

h3             {margin: 0; font-size:130%; font-weight: bold;
                text-align:center;} 

h4             {margin: 0; font-size:100%; font-weight: bold;
                color:#00ff00; text-align:right;}

p              {text-indent:px; padding:10px; margin-left:px;
                font-weight:bold; letter-spacing:3px;}

a              {color: #32cd32; text-decoration: none; text-align:left;}



/* ヘッダー部分の基本デザイン */
.header        {width:1078px; height:800px; 
                text-align:right;line-height:2px; 
                margin-top:1px; margin-bottom:1px;
                border:px dashed #ffff00;}

.header h1     {margin: 50px; font-family: Arial, Helvetica, sans-serif;
                font-size: 50px; font-weight: bold; text-align:left;}

.header h2     {margin: 30px; font-family: Arial, Helvetica, sans-serif;
                font-size: 200%; font-weight:bold; text-align:right;}

.header h3     {margin: 20px; font-family: Arial, Helvetica, sans-serif;
                font-size: 130%; font-weight:normal; text-align:right;}

.header h4     {margin: 20px; font-family: Arial, Helvetica, sans-serif;
                font-size: 140%; font-weight:normal; text-align:right;}

.header p      {margin: 0px; font-size: 100%; line-height:; 
                color:#ff0000;}

.header ul     {position: relative; margin: 0 auto;
                list-style-type: none;}

.header ul li  {list-style-type: none;}

.header ul li img  {border:5px solid #ff00ff;}



/*sanyasou====================*/
ul li#sanyasou img{
  position: absolute;
  top:  -400px;
  left: 630px;
  -moz-transform: rotate(-10deg) scale(0.5);
  -webkit-transform: rotate(-10deg) scale(0.5);
  transform: rotate(-10deg) scale(0.5);}

ul li#sanyasou img:hover{
  z-index: 100;
  top:  -400px;
  left: 600px;
  -moz-transform: rotate(0deg) scale(1.5);
  -webkit-transform: rotate(0deg) scale(1.5);
  transform: rotate(0deg) scale(1.5);
  -moz-transition: all 3s liner;
  -webkit-transition: all 3s liner;
  transition: all 3s liner;}

/*hanazono====================*/
ul li#hanazono img{
  position: absolute;
  top:  -570px;
  left: 580px;
  -moz-transform: rotate(15deg) scale(0.5);
  -webkit-transform: rotate(15deg) scale(0.5);
  transform: rotate(15deg) scale(0.5);
  -moz-transition: all 3s liner;
  -webkit-transition: all 3s liner;
  transition: all 3s liner;}

ul li#hanazono img:hover{
  z-index: 100;
  top:  -550px;
  left: 540px;
  -moz-transform: rotate(0deg) scale(1.5);
  -webkit-transform: rotate(0deg) scale(1.5);
  transform: rotate(0deg) scale(1.5);
  -moz-transition: all 3s liner;
  -webkit-transition: all 3s liner;
  transition: all 3s liner;}


/*tabinikki====================*/
ul li#tabinikki img{
  position: absolute;
  top:  -360px;
  left: 230px;
  -moz-transform: rotate(-5deg) scale(0.6);
  -webkit-transform: rotate(-5deg) scale(0.6);
  transform: rotate(-5deg) scale(0.6);}

ul li#tabinikki img:hover{
  z-index: 100;
  top:  -350px;
  left: 200px;
  -moz-transform: rotate(0deg) scale(1.5);
  -webkit-transform: rotate(0deg) scale(1.5);
  transform: rotate(0deg) scale(1.5);
  -moz-transition: all 3s liner;
  -webkit-transition: all 3s liner;
  transition: all 3s liner;}

/*yamaasobi====================*/
ul li#yamaasobi img{
  position: absolute;
  top: -540px;
  left: 140px;
  -moz-transform: rotate(-15deg) scale(0.6);
  -webkit-transform: rotate(-15deg) scale(0.6);
  transform: rotate(-15deg) scale(0.6);}

ul li#yamaasobi img:hover{
  z-index: 100;
  top:  -500px;
  left: 80px;
  -moz-transform: rotate(0deg) scale(1.5);
  -webkit-transform: rotate(0deg) scale(1.5);
  transform: rotate(0deg) scale(1.5);
  -moz-transition: all 3s liner;
  -webkit-transition: all 3s liner;
  transition: all 3s liner;}

/*ayunikki====================*/
ul li#ayunikki img{
  position: absolute;
  top: -470px;
  left: 370px;
  -moz-transform: rotate(10deg) scale(0.7);
  -webkit-transform: rotate(10deg) scale(0.7);
  transform: rotate(10deg) scale(0.7);}

ul li#ayunikki img:hover{
  z-index: 100;
  top:  -400px;
  left: 380px;
  -moz-transform: rotate(0deg) scale(1.5);
  -webkit-transform: rotate(0deg) scale(1.5);
  transform: rotate(0deg) scale(1.5);
  -moz-transition: all 3s liner;
  -webkit-transition: all 3s liner;
  transition: all 3s liner;}

/*osirase====================*/
ul li#osirase img{
  position: absolute;
  top: -250px;
  left: 680px;
  -moz-transform: rotate(-20deg) scale(0.4);
  -webkit-transform: rotate(-20deg) scale(0.4);
  transform: rotate(-15deg) scale(0.4);}

ul li#osirase img:hover{
  z-index: 100;
  top:  -290px;
  left: 650px;
  -moz-transform: rotate(0deg) scale(1.0);
  -webkit-transform: rotate(0deg) scale(1.0);
  transform: rotate(0deg) scale(1.0);
  -moz-transition: all 3s liner;
  -webkit-transition: all 3s liner;
  transition: all 3s liner;}



/* フッター部分の基本デザイン */

.footer        { width:1080px; clear:both; text-align:center;
                border:px dashed #ffff00; margin:10px auto;}

.ad            {margin-top: 10px;}

.ad img        {border: 0;}