*{
margin:0;
padding:0;
}

div#wrapper {
	padding:0 0 2em 0;
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#201816;
	-webkit-text-size-adjust: none;
	padding:0px;
	background-color: #13213d;
	background:#fbf8f3;
}


div#wrapper a:link, div#wrapper a:visited {
	color: #009040;
	text-decoration:none;
}

h1, h2, h3, h4, h5{
	color:#201816;
}

h2{
	padding:0 0 8px 0;
	border-bottom:#fff dashed 1px;
	text-shadow:1px 1px 0px #000;
	margin:0 0 18px 0;

}

.content{
 margin:0 8px 16px;
 padding:16px 8px;
}


	

ul#localNavi{
	display: -webkit-box;
	display: -moz-box;
	display:box;
	width: 100%;
	margin-bottom:1em;
	
}

ul#localNavi li{
	list-style:none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  margin:0 0 8px 8px;
  padding:8px;
/*
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
*/
width: 1000px;
text-align:center;
-webkit-box-shadow: 3px 3px 5px 0px rgba(114, 112, 105, 0.75);
-moz-box-shadow:    3px 3px 5px 0px rgba(114, 112, 105, 0.75);
box-shadow:         3px 3px 5px 0px rgba(114, 112, 105, 0.75);
border:#FFFFFF 1px solid;
background-image:url(http://sp-m.mu-mo.net/img/specials/sp/terracehouse_20140521/navi_arrow.png);
background-repeat:no-repeat;
background-position:100% 100%;

}

ul#localNavi li:last-child {
	margin-right: 8px;
}

ul#localNavi li a{
text-decoration:none;
display:-webkit-box;
line-height:1.2em; 
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:center;
box-pack:center;

}

div#wrapper ul#localNavi li a:link, div#wrapper ul#localNavi li a:visited {
	color: #FFF;
	text-shadow:1px 1px 0px #000;

}

.theme{background:#009040;}
.obog{background:#4f515e;}
.scene{background:#7a7e59;}


.song{
	margin-bottom:10px;
	padding:8px;
	background:#fff;
}
.song a{
	padding:5px 26px 5px 0;
	display: block;
}

.song .lead{
	font-size:12px;
	padding:0 4px;

}
		
.song h3{font-size:16px;}
.song h4{font-size:12px; line-height:1em;}


#theme{background:#009040;}

#theme h2{
	color:#FFFFFF;
	text-align:center;
	font-size:21px;

}
#theme .song{
-webkit-box-shadow: 3px 3px 4px 0px rgba(21, 61, 15, 0.75);
-moz-box-shadow:    3px 3px 4px 0px rgba(21, 61, 15, 0.75);
box-shadow:         3px 3px 4px 0px rgba(21, 61, 15, 0.75);
}
#theme .song a{	background:url(http://sp-m.mu-mo.net/img/specials/sp/terracehouse_20140521/arrow01.png) no-repeat 100% 50%;}

#theme .song .lead{
	color:#FFFFFF;
	background:#009040;
}

#scene{background:#7a7e59;}

#scene h2{
	color:#FFFFFF;
	text-align:center;
	font-size:21px;
}
#scene .song{
background:#FFF;
-webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 4px 0px rgba(50, 50, 50, 0.75);}
#scene .song a{	background:url(http://sp-m.mu-mo.net/img/specials/sp/terracehouse_20140521/arrow02.png) no-repeat 100% 50%;}
#scene .song .lead{
	color:#FFFFFF;
	background:#534d4b;
}

#obog{background:#4f515e;}

#obog h2{
	color:#FFFFFF;
	text-align:center;
	font-size:21px;
}
#obog .song{
background:#FFF;
-webkit-box-shadow: 3px 3px 4px 0px rgba(19, 26, 40, 0.75);
-moz-box-shadow:    3px 3px 4px 0px rgba(19, 26, 40, 0.75);
box-shadow:         3px 3px 4px 0px rgba(19, 26, 40, 0.75);
}
#obog .song a{	background:url(http://sp-m.mu-mo.net/img/specials/sp/terracehouse_20140521/arrow03.png) no-repeat 100% 50%; overflow:hidden;}
#obog .song a img{
float:left; margin:0 8px 8px 0;} 
#obog .song .lead{
	color:#FFFFFF;
	background:#4f515e;
}
#obog .song .txt{
	color:#201816;
	font-size:12px;
}


/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

/*モダンブラウザ用*/
img,
iframe,
object {
 max-width: 100%;
 vertical-align:top;
}