@charaset="utf-8";

/* BODY */
body {
margin: 0;
padding: 0;
background: rgba(255,0,0,0.05);
line-height: 1.25;
font-family: serif;
}

h1. h2. h3{
color: #33ff33;
/* display: inline; */
}
h1{
font-size: large;
}
h2{
font-size: medium;
}
h3{
font-size: small;
}
p{
font-size: small;
}

a:link. a:visited{
color: #37c;
}
a:hover{
color: #999;
}

section, article, aside, nav, header, main, footer{
display: block;
padding: 7px;
}

#smaller{
font-size: x-small;
}

/* 強調文字部分 */
em{
font-style: normal;
-webkit-text-emphasis-style: dot;
-moz-text-emphasis-style: dot;
-ms-text-emphasis-style: dot;
text-emphasis-style: dot;
}

/* YouTube外枠 */
.frame{
	display: block;
	margin: 0 auto;
	padding: 3px;
	background-color: #444;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
}


#page{ /* ページ枠組 */
margin: 0 auto; /* 左右余白 */
width: 930px; /* 内容の横幅 */
}
main{ /* 左下側1 */
float: left; /* 左寄せ */
width: 440px; /* 幅 */
margin: 5px;
background: #aae;
border-radius: 10px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
}
#sub{ /* 右下側1 */
float: right;
width: 440px;
margin: 5px;
padding: 7px;
background: #aea;
border-radius: 10px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
}
footer{
clear: both;
}
footer section{
float: left;
width: 276px;
margin: 5px;
padding: 7px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
}
footer section: nth-child(2){
margin: 0 30px;
}
#copyright{
clear: both;
}

/* ナビゲーション */
nav ul{
overflow: hidden;
margine: 0 0 10px 0;
padding: 0
border: 3px solid #d00; /* ナビ外枠色 */
border-radius: 7px; /* ナビ外枠角のR */
box-shadow: inset -2px -2px 0 #7f7f7f, 1px 1px 5px rgba(0, 0, 0, 0.3); /* ナビ外枠の影 */
line-height: 0.5; /* ナビ、高さ */
background: #f7f7f7; /* ナビ、幅一杯の背景色 */
}
nav li, nav a{ /* Liを横並びにし、行頭印を消す */
display: block;
}
nav li{
float: left;
border-right: 3px solid #ada; /* 区切り線の幅と色 */
}
nav a{
padding: 15px 25px; /* ナビ枠内の隙間調整：縦−横 */
font-weight: bold;
font-size: midium;
text-decoration: none;
text-shadow: 5px 5px 8px #fff; /* ハイパーリンクテキストの影、大きさと色 */
}
nav a:hover{
background: f7ffff;
}
nav #current a{
color:#333;
background: #fff7ff;
}

#sdw{
text-shadow: 2px 2px 5px rgba(16,16,16,0.3);
font-size: 36px;
}