@charset "Shift_Jis";

/* ページ全体 */
* {
        font-family: "Futura", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
        scrollbar-3dlight-color:#111111;
        scrollbar-arrow-color:#aaaaaa;
        scrollbar-darkshadow-color:#111111;
        scrollbar-face-color:#111111;
        scrollbar-highlight-color:#111111;
        scrollbar-shadow-color:#111111;
        scrollbar-track-color:#111111;

}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1000px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* absolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1000px){
  img.bg {
  left: 50%;
  margin-left: -500px; }
}

div#container {
  position: relative; 
}



br { letter-spacing:0; }

body {
        color: #b3b3b3;
	line-height: 170%;
	text-align:left;
 font-size: 12px;

        position: absolute;
	width:1022px;
	height:566px;
	left: 50%;
	top: 50%;
	margin-left: -511px;
	margin-top: -283px;    
   
        padding: 0px;

        background-color: #111111;
        background-image: url("img/back.png");
        background-repeat: repeat-x;
        background-attachment: fixed;
        overflow: hidden;

       text-shadow: -1px -1px 1px #000, 1px 1px 1px #444;
        

}


/*fc2広告リンク色指定*/

a{
    color:#777777;
text-decoration: none;
}

a:link {
    color:#777777
text-decoration: none;
}
a:visited {
    color:#777777
text-decoration: none;
}
a:hover {
    color:#ffaaaa;
text-decoration: none;
}


/* メイン */
#TOP {

        width:1020px;
        height:100%;
	padding: 0px;
	margin: 0px;

}


/* ヘッダー */
#HEADER {
        width:1020px;    
        height40:px;


}
#HEADER h1 {
        font-size: 12px;
        font-weight: 200;
        font-family: 'Futura';
        color: #fff;
        margin:0px 5px 10px 10px;
}


/* メニュー */
#MENU{
        width:500px;
        height:500px;

   border-left: 1px #555555 solid;
   border-top: 1px #555555 solid;
   border-bottom: 1px #555555 solid;

   border-top-left-radius: 15px;  
   border-bottom-left-radius: 15px;            /* CSS3 */
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-bottomleft: 15px;        /* Firefox */
   -webkit-border-top-left-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;　  /* Safari,Chrome */


   -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);
   -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);
   box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);

        margin:0px;
        background:url("img/top2.jpg") no-repeat left top;
        float:left;
        overflow:hidden;

      }


#MENU ul{
        width:500px;
        padding-top: 465px;

        -webkit-transform: translate(0px,-14px) rotate(2deg);
        -moz-transform: translate(0px,-14px) rotate(2deg);

        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;

	}

#MENU li{
        width:100px;
        text-align:center;
        float:left;
        display: inline;

        filter:Alpha(opacity='80');
        opacity:0.9;
        list-style-type: none;

	}

#MENU A{
  font-size: 14px;
  color : #ffffff;
  font-weight: bold;
  text-decoration : none;
  
}
#MENU A:HOVER{
  font-weight: bold;
  color : #ff4040;
  text-decoration : none;
}

#MENU li.on a {
        font-weight: bold;
	font-size: 14px;
	color: #ff4040;

}


/* ギャラリー */

#tumblr li{
list-style-type:none;
float:left;
}

#tumblr img{

margin:6px;
border-style:solid;
border-color:#000000;
border-width:0px;

vertical-align:top;
}

#clear{
clear:left;
} 


#GALLERY {
        width:auto;
        height:500px;
        padding-left:20px;
        overflow: auto;
        overflow-x:hidden;
        background:#171c1e;

   border-right: 1px #555555 solid;
   border-top: 1px #555555 solid;
   border-bottom: 1px #555555 solid;

   border-top-right-radius: 15px;  
   border-bottom-right-radius: 15px;            /* CSS3 */
   -moz-border-radius-topright: 15px;
   -moz-border-radius-bottomright: 15px;        /* Firefox */
   -webkit-border-top-right-radius: 15px;
   -webkit-border-bottom-right-radius: 15px;　  /* Safari,Chrome */

   -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);
   -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);
   box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);

        background: url("img/bg.png") fixed; 
 

}


#GALLERY h2 {
        height:15px;
	font-weight: bold;
	color: #dddddd;
        text-align:left;
        padding: 15px 0px;
        font-size: 14px;

        }
#GALLERY p {
	margin: 0px;
	padding: 5px 10px;

}

.text {
        width: 450px;
        padding: 10px;
	margin: 0px;
        letter-spacing:1px;
        text-align:left;
        overflow: auto;

}

/* コンテンツ */

#CONTENTS {
        width: auto;
        height: 500px;
        padding-left:20px; padding-right:20px;
        overflow: auto;
        overflow-x:hidden;
        background:#171c1e;

   border-right: 1px #555555 solid;
   border-top: 1px #555555 solid;
   border-bottom: 1px #555555 solid;

   border-top-right-radius: 15px;  
   border-bottom-right-radius: 15px;            /* CSS3 */
   -moz-border-radius-topright: 15px;
   -moz-border-radius-bottomright: 15px;        /* Firefox */
   -webkit-border-top-right-radius: 15px;
   -webkit-border-bottom-right-radius: 15px;　  /* Safari,Chrome */


   -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);
   -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);
   box-shadow: inset 0px 0px 5px rgba(0,0,0,.8);

        background: url("img/bg.png") fixed; 
       

}


#CONTENTS h2 {
        height:15px;
	font-weight: bold;
	color: #dddddd;
        text-align:left;
        padding: 15px 0px;
        font-size: 14px;

        }

#CONTENTS p {
	margin: 0px;
	padding: 5px 10px;

}

.text {
        width: 450px;
        padding: 10px;
	margin: 0px;
        letter-spacing:1px;
        text-align:left;
        overflow: auto;
        font-size: 12px;

}

table.love{
        width: 430px;
        padding: 0px;
	margin: 0px;
        letter-spacing:1px;
        text-align:left;
        overflow: auto;
    font-size: 10px;
}

.love tr,td{
    text-align:left;
    padding: 0px 0px 0px 10px;
}

table.love2{
        width: 250px;
        padding: 0px;
	margin: 0px;
        letter-spacing:1px;
        text-align:left;
        overflow: auto;
    font-size: 12px;
}

.love2 tr,td{
    text-align:left;
    padding: 0px 0px 0px 10px;
}



/* フッター */
#FOOTER {

        text-align: center;
        letter-spacing:1px;
	margin: 5px 0px 0px 0px;
        position:relative;

}