@font-face
{
font-family:"Nemukeフォント" ;
src: url('https://cdn.leafscape.be/Nemuke/NemukeMedium_web.woff2')
     format("woff2");
}
@font-face
{
font-family: ロゴたいぷゴシック;
src: url('https://cdn.leafscape.be/logotype/logotype_web.woff2')
     format("woff2");
}
@font-face
{
font-family: 鏡文字ゴシック;
src: url('https://cdn.leafscape.be/mirrorfont/TTEditMirrorWritingGothic_web.woff2')
     format("woff2");
}

/* 基本設定 */ 
body{color:#333333;  
     font-family:Verdana, Arial,"メイリオ", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
    margin:0px;
    padding:0px;

background-color:#000000;

    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    text-transform:uppercase;
   
}
.info a.back{
	position: absolute;
	bottom:20px;
	left:10px;
	text-decoration:none;
	color:#000000;
	text-shadow:1px 1px 1px #fff;
	font-weight:bold;
}
.info a.back:hover{
	color:#ffd900;
}
#header{
    position:absolute;
    top:0px;
    left:0px;
    width:180px;
    height:395px;
    background:transparent url(img/real.png) no-repeat top left;
}
#content{
    width:824px;
    height:800px;
    margin:-200px auto 0px auto;
    background:transparent url(img/topback.png) no-repeat bottom left;
}
#content h1{
    color:#7F6137;
    text-shadow:1px 1px 1px #fff;
}
#content p{
    margin:20px;
    width:600px;
}
#content .text{
    padding:300px 0px 0px 50px;
}
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 200px;
    list-style: none;
    z-index:999999;
}
ul#navigation li {
    display:inline;
    float:left;
    width:100px;
    margin-left:1px;

}
ul#navigation li a {
    display: block;
    font-weight:bold;
    text-shadow:1px 1px 1px #fff;
    float:left;
    width: 100px;
    height: 35px;
    color:#ffd900;
    text-shadow: 4px 4px  4px #000,
    -2px 2px 5px #000,
    2px -2px 5px #000,
    -2px -2px 5px #000;
    background:transparent url(img/item.png) no-repeat bottom right;
    text-decoration:none;
    text-align:center;
    padding-top:100px;
    margin-top: -40px;
    cursor:pointer;

}
ul#navigation li a:hover{

}


h2{font-family: ロゴたいぷゴシック; font-size:16px;
color:#ffffff;
border:double 5px #32d40b;
background-color:#000000;
text-align:center;
margin:7px 70px 7px 50px;
padding:5px  0px ;
}

h4{font-family: 'Gloria Hallelujah', cursive;
background-repeat:no-repeat ; color:#33d80b;
margin:5px 0px 5px 0px;
padding:10px 10px 0px 10px; font-size:20px;
}


/* リンク設定 */ 
a:link{text-decoration:none;color:#ffd900;}/* リンクに触れる前の色 */ 
a:visited{text-decoration:none;cursor:crosshair;color:#ffd900;}/* 訪問したことのあるリンクの色 */ 
a:hover{text-decoration:none;cursor:crosshair;color:#2b2b2b;}/* 触れた時のリンク設定 */ 



/* メニュー部分の設定 */

#menu{
font-size:16px;
text-align:left;
}
#menu ul {font-family: ロゴたいぷゴシック;
list-style-type:none;
}


#menu li {color:#ffd900;
background-image:url(img/tyu.png)  ;background-repeat:no-repeat ;
background-position:left　bottom ; 
padding:5px 10px 3px 30px;
margin:0px 0px 0px 0px; 
display:block;
}
#menu li a {

}
#menu li a:hover{
color:#444444;
}



/* テキスト設定 */
.text1{
line-height:150%; 
padding:0px 155px 50px 155px;
}


.box4{background:url(img/check.png) no-repeat;
color:#7b7b7b;width:580px; margin:3px 5px 5px 5px;padding:0px 0px 0px 25px;
}



.comment {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 0 5px;
	width:200px;
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background: #ffcc75;
	border-radius:30%;
	box-sizing: border-box;
}

.comment:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
  	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #ffcc75;
 	z-index: 0;
}




.check{font-family: ロゴたいぷゴシック; 
font-size:13px;
color:2b2b2b;
padding:3px 5px ; margin:3px;
background-color:#ffff00;
display:inline-block;}