@charset "UTF-8";
html,
body{
	height:100%;
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:メイリオ,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
	color: #000000;
}

body > #container {
        height: auto;
}

a {
	color: #000000;
	outline-style: none;
}

a:link {
    text-decoration: none;
}
  
a:visited {
    text-decoration: none;
}
  
a:hover {
	text-decoration: underline;
}
  
a:active {
	text-decoration: underline;
}

ul,
ol {
	list-style-type: none;
}

img {
	border: none;
}

div#container {
	background:#FFFFFF;
	text-align: left;
	margin: 0px auto;
	width: 950px;
	height:100%;
	
}

* html div#continer {
	height:100%;
}

/* HEADER
------------------------------------------------------------------------------*/
#logoArea {
	background-repeat: no-repeat;
	padding-left: 12px;
	height: 90px;
	width: 888px;
	margin-right: auto;
	margin-left: auto;
}

#logoArea h1 {
	float: left;
	width: 223px;
	margin-top: 10px;
	margin-right: 40px;
}

#logoArea p {
	float: left;
	width: 468px;
	margin-top: 15px;
}

#logoArea ul {
	float: right;
	width: 120px;
	margin-top: 10px;
}

#logoArea li {
	margin-bottom: 10px;
	height: 30px;
}

* html body #logoArea li {
	margin-bottom: 8px;
}



#comment {
	font-size:80%;
}

div#navigation {
	
}

div#navigation ul {
	margin-top: 5px;
	padding-left: 0px; 
	float: left;
}
div#navigation form {
	margin-top: 10px;
	font-size: 10px;
	float: right
}

#navigation li {
	padding-right: 20px; 
	display: inline; 
	font-size: 11px; 
}
#navigation li a {
	padding-right: 4px; 
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 0px;
	color: #a19b4d;
	padding-top: 0px;
	text-tdecoration: none;
}

#navigation li a:hover {
	color: #000000;
	text-tdecoration: none;
}


.videoitem {
	border: medium solid #a19b4d;
	padding: 5px;
	width: 280px;
	height: 180px;
}