@charset"UTF-8";

/*Google webfont*/
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Qwigley&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bilbo&family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bilbo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Stint+Ultra+Expanded&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Princess+Sofia&display=swap');


@font-face {
	font-family:'notosans';
	src: url("webfont/NotoSansJP-Regular.woff") format('woff');
	}

@font-face {
	font-family: 'azukib';
	src: url("webfont/azukib.woff") format('woff');
	}

.notosans{
	font-family:'notosans';
	}

/* Googlefont設定 */

.Tangerine{
		font-family: 'Tangerine';
		font-size:30px;
		text-shadow: 4px 4px 4px #aaa;
		}
.qwi{
	font-size:26px;
	font-family: 'Qwigley', cursive;
	}

.Calligraffiti{
		font-family:'Calligraffitti';
		text-shadow: 4px 4px 4px #aaa;
		}

.princesssofia{
		font-family: 'Princess Sofia', cursive;
		}

.poiret{
	font-family:'Poiret One','notosans';
	font-weight:bold;
	font-size:14px;
	}

.bilbo{
 font-family: 'Bilbo', cursive;
}

/* 編集用 */

div#nav_message{
	color:white;
	font-size: 30px;
	font-family:'Poiret One','notosans';
	line-height:2;
        height: 700%;
	width:55%;
        top: 0%;
        left: 50%;
        background: linear-gradient(
    	rgba(0,0,0,0.9) 0%,
        rgba(0,0,0,0.8)  3%,
        rgba(0,0,0,0.6)  5%,
        rgba(0,0,0,0.3) 50%,
        rgba(0,0,0,0.6) 95%,
        rgba(0,0,0,0.8) 97%,
        rgba(0,0,0,0.9) 100%);
        border-radius: 3px;
        text-align: left;
        padding: 2%;
        position:absolute;
        z-index:0;
        opacity: 0.7;
	display:none;
}
/*New クラス*/
.new{
    font-family: 'Bilbo', cursive,'メイリオ';
    color:orange;
    font-weight:bold;
    font-size:14px;
}

/* ページ全体の基本的な設定と背景色 */
body {
	text-align: center;
	font-family:'Poiret One','notosans';
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	background-position: right top;
	width:99.4%;
	border-radius:5px;
	background-image: url(img/background3.png);
	}

.main {
	text-align: center;
	width:auto;
	margin-left:10px;
	}

.intolignt{
	font-family: 'Shadows Into Light', cursive;
	font-size:18px;
	}
#text{
	text-align: left ;
	}
a.footlink:link{
	color: #F3F3F3;
	}

/* フッターの基本設定 */

header {
	font-family:'Poiret One','notosans';
	font-size: 14px;
	text-align: left;
	margin-top:5px;
	width:100%;
	}

div.article{
   	margin-top:5px;
   	margin-bottom:5px;
   	margin-left:15px;
	}

.shadow{
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	}

.boxstyle {
	color:#000033;
	font-size :14px;
	text-align: left;
	border-top: thin outset #F0F0F0;
	border-right: thin outset #CCCCCC;
	border-bottom: thin outset #CCCCCC;
	border-left: thin outset #CCCCCC;
	border-radius:5px;
	width:50%;
	padding: 3px 3px 3px 10px;
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	}

.boxstyle2 {
	color:#000033;
	font-size :14px;
	text-align: left;
	border-top: thin outset #F0F0F0;
	border-right: thin outset #CCCCCC;
	border-bottom: thin outset #CCCCCC;
	border-left: thin outset #CCCCCC;
	border-radius:5px;
	width:80%;
	padding: 3px 3px 3px 10px;
	background: linear-gradient(-120deg,
	rgba(95,95,95,0.2) 0%,
	rgba(255,255,255,0.7) 100%);
	background: -webkit-linear-gradient(120deg,
	rgba(95,95,95,0.2) 0%,
	rgba(255,255,255,0.7) 100%);
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	}

#title{
	padding-bottom:0;
	padding-top:5px;
	color:rgb(0,0,0);
	font-family:'Poiret One','notosans';
	text-shadow:4px 4px 5px rgba(0,128,128,0.5);
	width:100%;
	}

div#scrollstyle{
   height:1200px;
   overflow-y:scroll;
	}

br	{
	clear:both;
	}
div#scrollstyle2{
   height:115px;
   line-height:2;
   overflow-y:scroll;
	}

.sectionmenu h5{
	color:rgba(255,255,255,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-size:20px;
	font-weight:100;
	margin-bottom:-10px;
	margin-top:0px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
		}

.sectionmenu:hover h5{
	color:rgba(0,0,0,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-weight:bold;
}

/**bx slider************************************************************/
.capt{
	height:100px;
	text-align:left;
}

.divcapt{
	text-overflow:ellipsis;
	white-space: normal;
	overflow:hidden;
	height:140px;
	width:auto;
	padding-left:5px;
	padding-top:5px;
	font-size:11px;
	font-family: 'Shadows Into Light','azukib';
}

/**sectionmenu**********************************************************/
.sectionmenu{
	background:rgba(0,0,0,0.7);
	border-radius: 2px;
	border:1px rgb(95,95,95) solid;
        position: relative;
        padding:0 5px 0 5px;
	font-family: 'NotoSansJP'; 
	line-height: 1.8;
	left:-10%;
	color:rgb(255,255,255);
	padding:5%;
	padding-left:8%;
	-webkit-transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	z-index:1000;
}

.sectionmenu ul li {
	margin-bottom:10px;
}

.sectionmenu ul li a{
	color:rgb(255,128,0);
}
      
.sectionmenu:hover{
	background:rgba(255,0,128,0.7);
	color:rgb(230,230,230);
	width:320%;
	height:auto;
	padding-left:50px;
	z-index:1000;
	}

nav section.sectionmenu ul li a{
	font-size:14px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
}

nav section.sectionmenu:hover ul li a{
	font-size:15px;
	text-decoration: none;
	font-weight:600;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

nav section.sectionmenu:hover ul li a:hover{
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	-webkit-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	}

nav section.sectionmenu:hover ul li{
 padding-left:15%;
	padding-right:15%;
	font-size:15px;
	text-decoration: none;
	font-weight:600;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

.sectionmenu h5{
	color:rgba(255,255,255,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-size:20px;
	font-weight:100;
	margin-bottom:-10px;
	margin-top:0px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

.sectionmenu:hover h5{
	color:rgba(0,0,0,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-weight:bold;
	}
/************************************************************************/
/**sectionmenu3**********************************************************/
.sectionmenu3{
	background:rgba(0,0,0,0.7);
	border-radius: 2px;
	border:1px rgb(95,95,95) solid;
        position: relative;
	font-family: 'NotoSansJP'; 
	line-height: 1.8;
	left:-10%;
	color:rgb(255,255,255);
	padding:5%;
	padding-left:8%;
	-webkit-transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	z-index:1000;
}

.sectionmenu3 ul li {
	margin-bottom:10px;
}

.sectionmenu3 ul li a{
	color:rgb(255,128,0);
    	line-height: 1.8;
}
      
.sectionmenu3:hover{
	background:rgba(0,190,190,0.7);
	color:rgb(230,230,230);
	width:320%;
	height:auto;
	padding-left:50px;
	-webkit-transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	z-index:1000;
	}

nav section.sectionmenu3 ul li a{
	font-size:14px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
}

nav section.sectionmenu3:hover ul li a{
	font-size:15px;
	text-decoration: none;
	font-weight:600;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

nav section.sectionmenu3:hover ul li a:hover{
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	-webkit-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	}

nav section.sectionmenu3:hover ul li{
	 padding-left:15%;
	padding-right:15%;
	font-size:15px;
	text-decoration: none;
	font-weight:600;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

.sectionmenu3 h5{
	color:rgba(255,255,255,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-size:20px;
	font-weight:100;
	margin-bottom:-10px;
	margin-top:0px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

.sectionmenu3:hover h5{
	color:rgba(0,0,0,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-weight:bold;
	}
/************************************************************************/
/**sectionmenu4**********************************************************/
.sectionmenu4{
	background:rgba(0,0,0,0.7);
	border-radius: 2px;
	border:1px rgb(95,95,95) solid;
        position: relative;
        padding:0 5px 0 5px;
	font-family: 'NotoSansJP'; 
	line-height: 1.8;
    left:-10%;
	color:rgb(255,255,255);
	padding:5%;
	padding-left:8%;
	-webkit-transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	z-index:1000;
}

.sectionmenu4 ul li {
	margin-bottom:10px;
}

.sectionmenu4 ul li a{
	color:rgb(255,128,0);
}
      
.sectionmenu4:hover{
	background:rgba(0,255,128,0.7);
	color:rgb(230,230,230);
	width:320%;
	height:auto;
	padding-left:50px;
	-webkit-transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	z-index:1000;
	}

nav section.sectionmenu4 ul li a{
	font-size:14px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
}

nav section.sectionmenu4:hover ul li a{
	font-size:15px;
	text-decoration: none;
	font-weight:600;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

nav section.sectionmenu4:hover ul li a:hover{
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	-webkit-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	}

nav section.sectionmenu4:hover ul li{
	padding-left:15%;
	padding-right:15%;
	font-size:15px;
	text-decoration: none;
	font-weight:600;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

.sectionmenu4 h5{
	color:rgba(255,255,255,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-size:20px;
	font-weight:100;
	margin-bottom:-10px;
	margin-top:0px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
		}

.sectionmenu4:hover h5{
	color:rgba(0,0,0,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-weight:bold;
}
/************************************************************/
.sectionmenu5{
	background:rgba(0,0,0,0.7);
	border-radius: 2px;
	border:1px rgb(95,95,95) solid;
        position: relative;
        padding:0 5px 0 5px;
	font-family: 'NotoSansJP'; 
	line-height: 1.8;
	left:-10%;
	color:rgb(255,255,255);
	padding:5%;
	padding-left:8%;
	-webkit-transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	z-index:1000;
	}

.sectionmenu5 ul li {
	margin-bottom:10px;
}

.sectionmenu5 ul li a{
	color:rgb(255,128,0);
}
      
.sectionmenu5:hover{
	background:rgba(255,255,0,0.7);
	color:rgb(230,230,230);
	-webkit-transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	z-index:1000;
	}

nav section.sectionmenu5 ul li a{
	font-size:14px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
}

nav section.sectionmenu5:hover ul li a{
	text-decoration: none;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

nav section.sectionmenu5:hover ul li a:hover{
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	-webkit-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	}

nav section.sectionmenu5:hover ul li{  
	text-decoration: none;
	color: #000000;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
	}

.sectionmenu5 h5{
	color:rgba(255,255,255,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-size:20px;
	font-weight:100;
	margin-bottom:-10px;
	margin-top:0px;
	text-decoration: none;
	font-weight:600;
	color: #FFFFFF;
    	text-shadow:1px 1px 1px rgba(95,95,95,0.8);
		}

.sectionmenu5:hover h5{
	color:rgba(0,0,0,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-weight:bold;
}
/*******************************************************************/
.sectionmenu2{
	color:rgba(0,0,0,0.7);
        position: relative;
        padding:0;
	font-family: 'NotoSansJP'; 
	line-height: 1.8;
	left:-30px;
	padding-top:15px;
	}

.sectionmenu2 ul li a{
	color:rgb(255,128,0);
	}
      
.sectionmenu2:hover{
		background:rgba(0,0,0,0);
		-webkit-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;
		color:rgb(0,0,0);
		}

.sectionmenu2 h5{
	color:rgba(255,255,255,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-size:18px;
	font-weight:100;
	margin-bottom:-10px;
	margin-top:0px;
		}

.sectionmenu2:hover h5{
	color:rgba(0,0,0,1);
	font-family: 'Bilbo', cursive,'notosans';
	font-weight:bold;
		}

.sectionmenu_insta{
font-family: 'Bilbo', cursive,'notosans';
	border-radius: 2px;
        position: relative;
	line-height: 1.8;
	padding-top:0px;
z-index:0;
	}

.sectionmenu_insta ul li a{
color:rgb(255,128,0);
}

.sectionmenu_tumblr{
font-family: 'Bilbo', cursive,'notosans';
	border-radius: 2px;
        position: relative;
	width:100%;
	line-height: 1.8;
	padding-top:0px;
	z-index:0;
	}

.sectionmenu_tumblr ul li a{
	color:rgb(255,128,0);
	}

/*******************************************************************/

.sectionlist{
		border-radius: 7px;
		border:1px #8abe63 solid;
                position: relative;
                padding:0 0px 0 0px;
            } 

            .box {
                position: relative;
                width: 100%;
                margin-bottom: 20px;
            }
 
            .box:after {
                content: '';
                position: absolute;
                border-top: 10px solid #ccc;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                bottom: -9px;
                left: 5px;
            }

.wordstyle{
	white-space:pre-wrap;
	font-size: 12px;
	font-family:'Poiret One','notosans';
	text-align: left;
	line-height:2.2;
	}    
/*****************追加プロパティ*****************/
 /*テーブルスタイルの設定*/
        .table1
        {
	font-size: 12px;
	font-family:'Poiret One','notosans';
	text-align: center;
	width : auto;
	background-color: transparent;
}
        .table2
        {
	text-align: left;
	width : auto;
	background-color: transparent;
	padding: 10px;
	font-family:'Poiret One','notosans';
}
/*hの設定*/
h1 {
	background-color:rgba(0,0,0,0.6);
	color:rgba(255,255,255,1);
	font-size :14px;
	border-radius:3px 0 3px 0;
	font-family:'Poiret One','notosans';
	margin:5px;
	text-align: left;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight:100;
 	}
h2 {
	color:#000033;
	font-size :12px;
	font-weight :bold;
	font-family:'Poiret One','notosans';
	margin:5px;
	text-align: left;
	border-top: thin none #F0F0F0;
	border-right: thin inset #CCCCCC;
	border-bottom: thin inset #CCCCCC;
	border-left: thin #CCCCCC;
	padding-left: 10px;
	padding-bottom: 3px;
	width: 600px;
}

h2.gridlayout{
	border-top: thin none #F0F0F0;
	border-right: thin inset #CCCCCC;
	border-bottom: thin inset #CCCCCC;
	border-left: thin #CCCCCC;
	padding-left: 10px;
	padding-bottom: 3px;
	width: 90%;
	}

h3 {
	color:#000033;
	font-size :12px;
	margin:5px;
	text-align: left;
	border-top: thin outset #F0F0F0;
	border-right: thin outset #CCCCCC;
	border-bottom: thin outset #CCCCCC;
	border-left: thin outset #CCCCCC;
	width:33%;
	padding: 3px 3px 3px 10px;
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	background: linear-gradient(-120deg,
	rgba(0,100,50,0.7) 0%,
	rgba(255,255,255,0.1) 100%);
	background: -webkit-linear-gradient(120deg,
	rgba(0,100,50,0.7) 0%,
	rgba(255,255,255,0.1) 100%);
}

h3.grid3 {
	color:#000033;
	font-size :14px;
	margin:5px;
	text-align: left;
	border-top: thin outset #F0F0F0;
	border-right: thin outset #CCCCCC;
	border-bottom: thin outset #CCCCCC;
	border-left: thin outset #CCCCCC;
	width:60%;
	padding: 3px 3px 3px 10px;
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	background: linear-gradient(-120deg,
	rgba(0,100,50,0.7) 0%,
	rgba(255,255,255,0.1) 100%);
	
	background: -webkit-linear-gradient(120deg,
	rgba(0,100,50,0.7) 0%,
	rgba(255,255,255,0.1) 100%);
}
h4 {
	text-align: left;
	padding-left: 30px;
	margin: 1px;
	font-family:'Poiret One','notosans';
	font-size: 12px;
	color: #003333;
	font-weight: lighter;
}
h5 {
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-align: left;
	padding-left: 5px;
	font-family:'Poiret One','notosans';
	font-size: 14px;
	line-height:2.4;
	color:rgb(255,255,255);
	}

.Poiret{
	font-family:'Poiret One';
	}
p {
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-align: left;
	padding-left: 10px;
	font-family:'Poiret One','notosans';
	font-size: 12px;
	}

/* 指定が無い時のリンクの下線の有無 */
a:link{color:rgb(225,0,113);
	text-decoration:none;}
/* 指定が無い時の既読リンクの色 */
a:visited{color:rgb(196,0,100);}

/* 指定無い時のリンク部分のクリック時 */
a:active {
	color: #006699;
	}

/* マウスカーソルがリンクにかさなった時 */
a:hover {
	color: rgb(255,0,255);
	 text-decoration: none ;
	}
/* 左側のメニューを入れるＢＯＸの基本設定 (主にニュース、ＲＳＳボックスとする)*/

/* フッターの基本設定 */
.footer{
	color:white ;
	font-size: 18px;
	}	
		
/* link-note ではさまれた範囲の文字の設定 */
.link-note {
	font-family:'Poiret One','notosans';
	font-size: small;
	text-align: left;
	padding: 2px;
	margin-bottom: 10px;
	}
aside {
	font-family:'Poiret One','notosans';
	font-size: 10px;
	text-align: left;
	color: #000000;
	font-weight: normal;
}
article {
	font-family:'Poiret One','notosans';
	font-size: 12px;
	text-align: left;
}

ul {
	font-family:'Bilbo','notosans';
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
}
ul li a{
	font-size: 12px;
	}

ul li a span.poiret{
	font-size: 14px;
	}rgb


.bodysection {
	font-family:'Poiret One','notosans';
	font-size: 12px;
	text-align: center;
	}

.content {
	font-family:'Poiret One','notosans';
	font-size: 12px;
	text-align: left;
}
.style {
	margin: 5px;
	list-style-type: circle;
}

textarea {
	height: 100px;
	width: 400px;
}

iframe {
	margin-left: 0px;
	padding-left: 0px;
}
object {
	margin-left: 0px;
	padding-left: 0px;
}
.list
{
	width:100%;
	height:400px; 	
}
.dtstyle{
	white-space:pre-wrap;
	color: #CC9900;
	}
.dtstyle2{
	white-space:pre-wrap;
	color: #339933;
	}


textarea {
	width: 600px;
	font-family:'Poiret One','notosans';
	font-size: 12px;
}
.shell {
	font-family:'Poiret One','notosans';
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}
pre {
	display:block;
	margin-top:1em;
	margin-bottom:1em;
	font-family:monospace;
	white-space:pre;
}
li{
	list-style:none
}
dl{
	height: auto ;
	}

header div#description{
	 	font-size: 13px;
		width:99%;
		line-height:2;
	 	color: black ; 
		text-shadow:none;
		}
/*****************追加プロパティ*****************/
#Amatic{ 
	font-family:'Amatic SC';
	font-size: 35px;
	}


.shadow{
	text-shadow: 3px 3px 4px blue;
	}

.listyle{
	float:left;
	width:200px;
	border:0;
	}

#transform li a img{
	width:100px;
	height:100px;
	border:0px;
	}

#ball1:hover{
	-webkit-transform:scale(100,100)rotate(360deg)translate(500px,0);
	-webkit-transition:all 1s ease-in-out;
	transform:scale(100,100)rotate(360deg)translate(500px,0);
	transition:all 1s ease-in-out;
	}

#ball2:hover{
	-webkit-transform:scale(0,0)rotate(180deg)translate(-200px,0);
	-webkit-transition:all 1s ease-in-out;
	transform:scale(0,0)rotate(180deg)translate(-200px,0);
	transition:all 1s ease-in-out;
	}

#ball3:hover{
	-webkit-transform:scale(1,1)rotate(0deg)translate(900px,100px);
	-webkit-transition:all 0.7s ease-in-out;
	transform:scale(1,1)rotate(0deg)translate(900px,100px);	
	transition:all 0.7s ease-in-out;
	}

#ball4:hover{
	-webkit-transform:scale(1,1)rotate(0deg)translate(-600px,0)skew(180deg);
	-webkit-transition:all 0.7s ease-in-out;
	transform:scale(1,1)rotate(0deg)translate(-600px,0)skew(180deg);
	transition:all 0.7s ease-in-out;
	}

#dlstyle{
	height: 20px;
	padding: 0px;
	margin: :0px; 
	} 

#dditem1{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}
#dditem1:hover{
	-webkit-transform:scale(1,1.2)translate(0,-2px);
	transform:scale(1,1.2)translate(0,-2px);
	background-color: #9900cc;
	transition:all 0.7s;	
}

#dditem2{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}
#dditem2:hover{
	-webkit-transform:scale(1.2,1);
	transform:scale(1.2,1);
	background-color: #33cc99;
	transition:all 1s;	
}
#dditem3{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}
#dditem3:hover{
	-webkit-transform:scale(1,1.3)translate(0,-3px);
	transform:scale(1,1.3)translate(0,-3px);
	background-color: #ffffff;
	}
#dditem4{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}
#dditem4:hover{
	-webkit-transform:scale(1,1.3)translate(0,-3px)skew(180deg);
	transform:scale(1,1.3)translate(0,-3px)skew(180deg);
	background-color: #ff9933;
	transition:all 1s;
	}

#item1{
	background: linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;
	
	font-family:'Poiret One','notosans';
	font-size: 14px;
	color:#FFFFFF;
	float: left;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
}

#item2{
	background: linear-gradient(45deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(45deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(45deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:'Poiret One','notosans';
	font-size: 14px;
	color:#FFFFFF;
	float: left;
	margin: 0;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
}
#item3{
	background: linear-gradient(120deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(120deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(120deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:'Poiret One','notosans';
	font-size: 14px;
	color:#FFFFFF;
	float: left;
	margin: 0;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
}

#item4{
	background: linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:'Poiret One','notosans';
	font-size: 14px;
	color:#FFFFFF;
	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
	float: left;
	margin: 0;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
}

#item5{
	background: linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:'Poiret One','notosans';
	font-size: 14px;
	color:#FFFFFF;
	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.3);
	float: left;
	margin: 0;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
}

dds1:hover{
	background-color: #FFFFFF;
}

#column{
	position: relative;
	column-count:3;
	column-gap:32px;
	column-width:200px;
	column-rule:1px splid #f00;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
	}
	
#flex{
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:flexbox;
	}

#flex div#flex1{ 
	padding:10px;
	width:200px;
	height:80px;
	background-color: #CCFF99;
	border-radius:5px;
	}
#flex div#flex2{ 
	padding:10px;
	width:200px;
	height:150px;
	background-color: #CCFF99;
	border-radius:5px;
	}
#flex div#flex3{ 
	padding:10px;
	width:200px;
	height:150px;
	background-color: #CCFF99;
	border-radius:5px;
	}

#grid{
	display: grid;
	grid-columns:76% 24%;
	width:800px;
	}
	
/*scale(2,2) rotate(120deg);
/*	background-color:linear-gradient(
	rgb(182,94,152)0%,
	rgb(157,83,133)50%,
	rgb(131,47,101)50%,	
	rgb(97,34,75)100%
	);
/*****************親メニューの設定****************/
ul#itemMenu{
	padding-left:8%;
	width:95%;
 	background:rgba(0,0,0,0.7);
 	height: 30px; 
	margin-left:-40px;
	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.3);
 	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);
 	border-radius: 5px 5px 5px 5px;
	} 	

 ul#itemMenu li{
 	float:left;
	}

 ul#itemMenu li a{
 	background:rgba(0,0,0,0);
	font-family: 'Bilbo', cursive;
 	font-size: 16px;
	color:rgb(255,255,0);
 	text-align: center;
 	width:120px;
 	height: 25px;
	vertical-align: bottom ;
	padding-top:5px;
 	display:block;
 	margin-top: 0px;
 	}
 	
ul#itemMenu li a:hover {
 background-color:rgba(255,255,255,1);
 font-family: 'Bilbo', cursive;
 font-weight:bold;
 color:rgb(255,127,39);
 text-align: center;
 width: 200px;
 text-decoration: none ;
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 transition:all 0.5s ease-in-out;
 }

 /*****************子メニューの設定*****************/
#itemMenu li ul.sub{
display:none;
position:absolute;
padding:0px;
background:rgba(230,160,230,0.2);
border-radius: 0 0 6px 6px;
width: 140px;
	}

#itemMenu li ul.sub li{
 float:none;
	}

#itemMenu li ul.sub li a{
 text-align:left;
 font-family:'Poiret One','notosans';
 font-size:12px;
 padding-top:12px;
 padding-bottom:12px;
 text-align: left;
 background:rgba(230,160,230,0);
 border-radius:0;
 border:none;
 box-shadow:none;
 }

#itemMenu li ul.sub li a:hover{
 text-align:left;
 font-family:'Poiret One','notosans';
 width: 130px;
 font-size:12px;
 padding-top:5px;
 padding-bottom:5px;
 text-align: left;
 background:rgba(230,160,230,0.5);
 border-radius: 6px 0 6px 0;
 
 margin:0;
 transform:scale(1,1)skew(180deg);
 transition:all 0.7s;
 -webkit-transform:scale(1,1)skew(180deg);
 -webkit-transition:all 0.7s;
 }

 /*****************子メニューの表示*****************/
#itemMenu li:hover ul.sub{
	 display:block;
 	}
 /*****************パンくずメニュー*****************/
.bread{
	overflow:hidden;
	}


.bread li{
 	float:left;
	}

.bread li a{
	background:linear-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 50%,
	rgb(200,61,180) 50%,
	rgb(258,17,200) 100%);
	
	background: -webkit-linear-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 50%,
	rgb(200,61,180) 50%,
	rgb(258,17,200) 100%);

	background: -moz-liner-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 50%,
	rgb(200,61,180) 50%,
	rgb(258,17,200) 100%);

	font-family:'Poiret One','notosans';
 	font-size: 12px;
 	color:#FFFFFF;
 	text-align: center;
 	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);
 	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.3);
 	width:130px;
 	height:60px;
 	display:block;
 	}

.bread li a::before{
	display:block;
	width:15px;
	height:30px;
	border-right:5px solid #FFFFFF;
	background:liner-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 100%,
	);
	margin:0 -10px -30px auto;
	content:"";
	transform:skew(30deg);
	}

.bread li a::after{
	display:block;
	width:15px;
	height:31px;
	border-right:5px solid #FFFFFF;
	background:liner-gradient(
	rgb(200,61,180) 0%,
	rgb(258,17,200) 100%
	);
	margin:11px -10px 0 auto;
	content:"";
	transform:skew(-30deg);
	}

/***********************グリッドレイアウト設定(title)*****************************/
.itemtitle{
  font-size:14px;
  height: 30px;
  width:950px;  
  margin: 5px;
  float: left;
  border-radius:4px;
  padding:10px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  background:#CCCCCC;
 }
/***********************グリッドレイアウトトランスフォーム設定(title)*************/
.itemtitle:hover{
  height: 80px;
  width:950px;  
  background:#CCCCCC;
  -webkit-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  word-break:break-all;
  overflow:visible;
  white-space:normal;
 }
/************************グリッドレイアウト設定終了(title)*****************************/
/***********************グリッドレイアウト設定(item1)**********************************/
.item1{
  margin: 5px;
  width: 530px;
  float: left;
  border-radius:4px;
  padding:10px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  background: linear-gradient(
  rgb(220,240,220) 0%,
  rgb(120,192,149) 100%
  ); 
  background: -webkit-linear-gradient(
  rgb(220,240,220) 0%,
  rgb(120,192,149) 100%,
  );
  }
/***********************グリッドレイアウトトランスフォーム設定(item1)*************/
.item1:hover{
  height: 115px;
  width:530px;  
  -webkit-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  word-break:break-all;
  overflow:visible;
  white-space:normal;
	}
/************************グリッドレイアウト設定終了(item1)***********************/
/************************グリッドレイアウト設定(item2)****************************/
.item2{
  width: 390px;
  margin: 5px;
  float: left;
  border-radius:4px;
  padding:10px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 
 background: linear-gradient(
 rgb(220,240,220) 0%,
 rgb(120,192,149) 100%
 ); 
 background: -webkit-linear-gradient(
 rgb(220,240,220) 0%,
 rgb(120,192,149) 100%,
 );
}
/***********************グリッドレイアウトトランスフォーム設定(item2)*************/
.item2:hover{
  height: 115px;
  width:390px;  
  -webkit-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  word-break:break-all;
  overflow:visible;
  white-space:normal;
 }
/***********************グリッドレイアウト設定(item3)****************************/
.item3{
  width: 250px;
  margin: 5px;
  float: left;
  border-radius:4px;
  padding:10px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 background: linear-gradient(
 rgb(220,240,220) 0%,
 rgb(120,192,149) 100%
 ); 
 background: -webkit-linear-gradient(
 rgb(220,240,220) 0%,
 rgb(120,192,149) 100%,
 );
}
/***********************グリッドレイアウトトランスフォーム設定(item3)*************/
.item3:hover{
  height:40px;
  width:950px;  
  -webkit-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  word-break:break-all;
  overflow:visible;
  white-space:normal;
 }
/************************グリッドレイアウト設定終了(item3)*************************/
li#ellipsisstyle{ 
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  background:#CCCCCC;
  width:500px;
	}

li#clipstyle{ 
	text-overflow:clip;
	white-space:nowrap;
	overflow:hidden;
	background:#CCCCCC;
        width:500px;
	}
/************************white-space設定*************************/
#whitespacestyle1{ 
  white-space:normal;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle2{ 
  white-space:pre;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle3{ 
  white-space:nowrap;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle4{ 
  white-space:pre-wrap;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle5{ 
  white-space:pre-line;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
/************************white-space設定終了*************************/
.gridlayout1{
  border-radius: 3px;
  width:110%;
margin-left:-10%;
  float: left;
  padding-top: 0px;
  padding-bottom: 0px;
  	background:rgba(0,0,0,0.7);
	color:#FFFFFF;
  }

.gridlayout2{
  width:61.5%;
  margin: 2px;
  float:left;
  padding:10px;
padding-left:2px;
margin-right:auto;
  }

.gridlayout3{
  width:20%;
  margin: 2px;
  float: left;
  }
  
.gridlayout4{
  width:15%;
  margin: 2px;
margin-left:10px;
  float: left;
  }

 .gridlayout5{
  width:47%;
  margin-top: 15px;
  margin: 2px;
  float: left;
  border-radius:5px;
  padding:10px;
  border:1px rgb(209,191,255) solid;
 height:350px;
 text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 white-space:pre-wrap;
　}

.gridlayout5:hover{
background:rgb(240,120,0);
  border-radius: 3px;
  border:1px rgb(209,191,255) solid;
  width:9%;
  height: 500px;
  -moz-transition:all 0.5s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  word-break:break-all;
  overflow:visible;
  white-space:normal;
}

div.infodiv {
	width: 49.5%;
	float: left;
  }

div.infodiv1 {
	width: 100%;
	float: left;
  }
  
iframe.contents{
	height:2150px;
	width:100%;
	}

iframe.info{
	height: 300px;
	margin-top:5px;
	width: 100%;
	font-family:'Poiret One','notosans';
	font-size: 12px;
	}
 /*****************親メニューの設定****************/ 
div.adver{
        }

img#advimg{
    text-align: right;
    position: fixed;
    top:0px;
    right:-2px;
    width:35px;
    z-index:100000;
}

img#advimg2{
    top:-25px;
    right:-25px;
    width:10px;
    position: fixed;
}

div.adver:hover img#advimg2{
    display: block;
    text-align: right;
    position: fixed;
    width:140px;
    z-index:250000;
    -webkit-transform:scale(1,1)translate(-26px,26px);
	-webkit-transition:all 0.85s ease-in-out;
	transform:scale(1,1)translate(-30px,30px);
	transition:all 0.85s ease-in-out;
    
}

div.adver:hover img#advimg{
    -webkit-transform:scale(6.9,6.9)translate(-15px,14.8px);
	-webkit-transition:all 0.8s ease-in-out;
	transform:scale(6.9,6.9)translate(-15px,14.8px);
	transition:all 0.8s ease-in-out;
    position: fixed;
    top:0px;
    right:0px;
    z-index: 100000;
}
/**********************scroll**********************/
.page-top{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 3px ;
	bottom: 3px ;
}
 
.move-page-top{
	display: block ;
	background: rgba(0,0,0,0.8);
	width: 50px ;
	height: 50px ;
	border-radius:2px;
	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover{
	opacity: 0.85 ;
}
/**********************scroll_end*******************/
/***fukidasi_c************************************************/
#chat{
    -webkit-transform:scale(0,0);
    transform:scale(0,0);
}

body:hover #chat{
     -webkit-transform:scale(1,1);
    transform:scale(1,1);
	-webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    }

/***fukidasi_c END************************************************/
.mirror{
	color:orange;
	font-weight:bold;
	font-family: 'Bilbo';
    padding-left:60%;
}

@media screen and (max-width: 1200px) {
.gridlayout4{ 
	display: none;
}

#fileserver{
display: none;
}
    
.gridlayout2{
    width:72%;
    margin: 5px;
    float:left;
    padding-left:5px;
}
    
.gridlayout3{
  width:24%;
  margin: 2px;
  float: left;
  }
}

iframe#iframe{
    width:100%;
    height:4500px;
}

/*div#grid1:hover section#content1{*/
/*	background:rgba(255,255,255,1);*/
/*	background-image: url(img/background3.png);*/
/*	border-radius:4px;*/
/*	width:80%;*/
/*	height:90%;*/
/*	padding:5px;*/
/*	position: fixed;*/
/*	top:5%;*/
/*    left:15%;*/
/*  -moz-transition:all 0.5s ease-in-out;*/
/*    -webkit-transition:all 0.5s ease-in-out;*/
/*  -ms-transition:all 0.5s ease-in-out;*/
/*  transition:all 0.5s ease-in-out;*/
/*  word-wrap:break-all;*/
/*  overflow:visible;*/
/*  white-space:normal;*/
/*    z-index:1000000;*/
/*    overflow-y:scroll;*/
/*    box-shadow:1px 1px 2px 2px rgba(0,0,0,0.3);*/
/* } */


div#grid1:hover section#content1 div#scrollstyle2{
    height:100%;
    line-height:2;
}

div#grid2:hover iframe#iframe{
	background:rgba(255,255,255,1);
	background-image: url(img/background3.png);
	color:rgb(255,255,255);
	border-radius:4px;
	width:80%;
	height:90%;
	position: fixed;
	padding:5px;
	top:5%;
	left:15%;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	word-wrap:break-all;
	overflow:visible;
	white-space:normal;
	z-index:1000000;
	box-shadow:1px 1px 2px 2px rgba(0,0,0,0.3);
}

div#grid1 a{
	font-family: 'Shadows Into Light','azukib';
	font-size:14px;
	line-height;2;
}

div.fukidashi_click{
    position: fixed;
    top:27%;
    left:-1%;
    width:250px;
    display: none;
    z-index: 10000000;
     animation: fly 2s ease-in-out infinite;
}

@keyframes fly {
  0% {transform: scale(1,0.99) translate(0, 0);}
  50% {transform: scale(1) translate(0, -10px);}
  100% {transform: scale(1,0.99) translate(0, 0);}
}

div#grid1:hover div.fukidashi_click{
    display:block;
}

div#grid2:hover div.fukidashi_click{
	display:block;
}

div#grid2:hover div.fukidashi_click span{
	font-family: 'Shadows Into Light','azukib';
	margin-top:70px;
	margin-left:40px;
	position:absolute;
	color:rgb(255,255,0);
	text-shadow:1px 1px 1px rgba(95,95,95,1);
}

@media screen and (max-width: 1200px) {
div#grid2:hover div.fukidashi_click span{
	font-family: 'Shadows Into Light','azukib';
	margin-top:70px;
	margin-left:-10px;
	color:rgb(255,255,0);
	text-shadow:1px 1px 1px rgba(95,95,95,1);
}
}