@charset "UTF-8";#sitebox{
	background-color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	font-size: 14px;
	margin: 0px;
	color: #FFF;
}
#sitebox-chord2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	background-color: #666;
	color: #FFF;
}
#sitebox-hichord{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	background-color: #666;
	float: none;
	color: #FFF;
}
#sitebox-chord{
	background-color: #666;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 20px;
	font-size: 14px;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	color: #FFF;
}
#headerlogo{width:350px;height:130px;}
#headermenu{margin:0px;padding:0px;}
.mojishiro{color:#FFF;font-weight:bold;}
#headerkoukoku{
	float: right;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#welcome{
	width: 100%;
}
}
#welcome-index{
	background-color: #666;
}
#menu{
	float: none;
	clear: both;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight: bold;
	font-size: 18px;
	background-color: #000000;
	padding: 10px;
	margin: 5px;
}
}
#contents{
	width: 100%;
	font-size: 14px;
	background-color: #666;
}
#contents-index{
	background-color: #666;
}
#intro{clear:both;float:none;width:auto;}
#contents-hichord{width:900px;float:left;}
#contents-chord{float:left;width:990px;height:auto;}
.headerkoukoku{height:80px;width:620px;}
.thumb{height:85px;width:150px;left:22px;top:3567px;}
.mojimidori{color:#093;}
.mojired{color:#F00;}
.komidashi{
	background-color: #999999;
	color: #FFF;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#underkoukoku{
	float: none;
	width: auto;
	clear: both;
}
#page-top{position:fixed;bottom:15px;right:20px;font-size:77%;}
#page-top a{background:#666;text-decoration:none;font-weight:bold;color:#fff;width:60px;padding:15px 0;text-align:center;display:block;border-radius:5px;}
#page-top a:hover{text-decoration:none;background:#999;}
#footer{
	clear: both;
	float: none;
	width: auto;
	background-color: #333333;
	font-size: 10px;
	color: #CCCCCC;
	line-height: 15px;
	margin: 1px;
}
#sidebar{
	margin: 0px;
	padding: 0px;
}
#sidebar02{
	margin: 1px;
	padding: 1px;
}
.sidebartext{font-size:14px;}
h1{
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	line-height: normal;
	margin: 0px;
}
h2{
	font-size: 16px;
	margin: 0px;
	background-image: url(icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 35px;
	line-height: normal;
	padding-top: 10px;
}
h3{font-size:16px;}
h4{font-size:16px;font-weight:bold;text-align:center;margin:0px;padding:0px;}
h5{background-image:url(icon2.png);background-repeat:no-repeat;font-size:14px;padding-left:25px;margin:1px;padding-top:3px;padding-bottom:0px;}
h6{font-size:12px;}
.corum{
	background-color: #666666;
	border: 10px solid #FFFFFF;
	border-radius: 20px;
	width: 90%;
	padding: 5px;
	margin: 10px;
}
.tablemenu{font-size:12px;line-height:20px;}
a:link{
	color: #66CCFF;
	text-decoration: none;
	font-weight: bold;
}
a:visited{
	color: #FFFFFF;
}
a:hover{
	color: #FFFFFF;
}
a:active{color:#ff8000;}
#stage{width:100%; height:auto;}
body{
	background-color: #999999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.icon{height:150px;width:150px;}
#key{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#key ul li{display:inline;padding-top:0px;padding-right:5px;padding-bottom:0px;padding-left:5px;font-weight:bold;}
.chordscoremoji{font-size:16px;font-weight:bold;font-family:Verdana, Geneva, sans-serif;}
.highchord{
	color: #F9F;
}
.powerchord{
	color: #6CF;
}
.tokubetuchord{
	color: #F60;
}
.youtube{position:relative;width:100%;padding-top:56.25%;padding-right:0;padding-bottom:0;padding-left:0;}
.youtube iframe{
    position: absolute;
    top: 8px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media screen and ( min-width : 801px ){#sitebox{width:980px;margin:0 auto;text-align:left;}
#sitebox-chord{width:1200px;margin:0 auto;text-align:left;}
#sitebox-hichord{width:1130px;margin:0 auto;text-align:left;}
#sitebox-chord2{width:1050px;margin:0 auto;text-align:left}
#welcome-index{float:left;width:760px;}
#meno{font-size:16px;}
#stage{width:500; height:auto;}
#contents-index{width:770px;float:left;}
#contents{float:left;width:770px;height:auto;line-height:22px;font-size:16px;}
#contents-chord2{float:left;width:830px;}
#sidebar-left{width:260px;float:left;}
#headerkoukoku{ width:56%; height:auto; float:right;}
#headerkoukoku img{width:100%; height:auto;}
#headerlogo{float:left;width:350px;}
#headerlogo img{width:350px;height:auto;}
#headermenu{float:right;width:620px;}
#sidebar03{
	width: 205px;
	float: right;
	background-color: #666;
	padding: 1px;
	margin: 1px;
}
#sidebar02{width:205px;float:right;}
#sidebar{width:205px;float:right;}
}

@media screen and (min-width:701px) and (max-width:800px){#sidebar-left{width:100%;float:none;}
#headerkoukoku{width:56%;height:auto;float:right;}
#headerkoukoku img{width:100%;height:auto}
#welcome-index{width:69%;float:left;}
#welcome{width:100%;float:none;}
#memo{font-size:14px;}
#stage{width:500; height:auto;}
#headermenu{float:left;width:60%;}
#sitebox{width:100%;}
#headerlogo{width:40%;height:auto;float:left;}
#headerlogo img{width:100%;}
#contents-index{width:100%;float:none;clear:both;}
#contents{width:100%;}
#contents-hichord{float:none;width:100%;}
#sitebox-hichord{width:100%;}
#contents-chord{float:none;width:100%;}
#sitebox-chord{width:100%;}
#contents-chord2{float:none;width:100%;}
#sitebox-chord2{float:none;width:100%;}
#sidebar02{width:28%;float:right;}
}

@media screen and (max-width:700px) and (min-width:321px){#sidebar-left{width:100%;float:none;}
#welcome-index{width:100%;}
#welcome{width:100%;float:none;}
#memu{font-size:14px;}
#headermenu{float:left;width:59%;}
#headerkoukoku{ float:right;width:56%;height:auto;}
#headerkoukoku img{width:100%; height:auto;}
#sitebox{width:100%;}
#headerlogo{width:40%;height:auto;float:left;}
#headerlogo img{width:100%;}
#contents-index{width:100%;}
#contents{width:100%;}
#stage{
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#stage img{width: 320px;}
#contents-hichord{float:none;width:100%;}
#sitebox-hichord{width:100%;}
#contents-chord{float:none;width:100%;}
#sitebox-chord{width:100%;}
#contents-chord2{float:none;width:100%;}
#sitebox-chord2{float:none;width:100%;}
}

@media screen and (max-width:320px){#headerlogo{width:80%;height:auto;float:none;}
#headerlogo img{width:98%;height:auto;}
#headermenu{float:left;width:100%;}
#sitebox{width:100%;}
#memu{font-size:10px;}
#contents-chord2{float:none;width:100%;}
#sitebox-chord2{float:none;width:100%;}
#sitebox-hichord{width:100%;}
#contents-hichord{float:none;width:100%;}
#contents-chord{float:none;width:100%;}
#sitebox-chord{width:100%;}
#stage img{width:320px;}
#stage{
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
}