@charset "utf-8";
@import "clear.css";

@media projection, screen {
	.ui-tabs-hide {
		display: none;
	}
}
@media print {
	.ui-tabs-nav {
		display: none;
	}
}

/*--------------------------

	wakakusa.tv CSS

--------------------------*/
body {
	color: #960;
}
div#contents, footer, td, th {
	font-size: 90%;
}

a {
	color: #3cc;
}
a:hover {
	color: #c00;
}  
ol,ul {
	list-style: none;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


#wrap {
	width: 800px;
	margin: 0.1em auto;
	text-align: center;
}

/*--------------------------
	Header
--------------------------*/
header {
	float: left;
	width: 340px;
	height: 30px;
	padding: 50px 0 20px;
	text-align: left;
}
header > h1 > a,
header > h2 {
	width: 0;
	height: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -50000px;
	text-align: left;
	line-height: 0.1;
	font-size: 1px;
}
header > h1 > a {
	background: url(../images/logo_wakakusatv.png) top left no-repeat;
	width: 340px;
	height: 30px;
	display: block;
}
/*--------------------------
	Navigation
--------------------------*/
/*
nav {
	float: right;
	height: 22px;
	padding: 54px 0 0;
}
nav > ul {
	height: 22px;
	margin: 0;
	padding: 0;
}
.ui-tabs-nav li {
	float: left;
	height: 22px;
	padding-left: 7px;
}
.ui-tabs-nav li a {
	background-image: url(../images/navi.png);
	background-repeat: no-repeat;
	height: 22px;
	display: block;
	overflow: hidden;
	text-indent: -50000px;
	text-align: left;
	line-height: 0.1;
	font-size: 1px;
}
.ui-tabs-nav li#ntop a {
	background-position: 0 0;
	width: 35px;
}
.ui-tabs-nav li#ninfo a {
	background-position: -42px 0;
	width: 41px;
}
.ui-tabs-nav li#ngallery a {
	background-position: -90px 0;
	width: 39px;
}
.ui-tabs-nav li#ndojin a {
	background-position: -136px 0;
	width: 55px;
}
.ui-tabs-nav li#nblog a {
	background-position: -196px 0;
	width: 46px;
}
.ui-tabs-nav li#nlink a {
	background-position: -248px 0;
	width: 42px;
}
.ui-tabs-nav li#ntop a:active,
.ui-tabs-nav li#ntop a:hover,
.ui-tabs-nav li#ntop a:focus {
	background-position: 0 -22px;
}
.ui-tabs-nav li#ntop.ui-tabs-selected a{
	background-position: 0 -44px;
}
.ui-tabs-nav li#ninfo a:active,
.ui-tabs-nav li#ninfo a:hover,
.ui-tabs-nav li#ninfo a:focus {
	background-position: -42px -22px;
}
.ui-tabs-nav li#ninfo.ui-tabs-selected a{
	background-position: -42px -44px;
}
.ui-tabs-nav li#ngallery a:active,
.ui-tabs-nav li#ngallery a:hover,
.ui-tabs-nav li#ngallery a:focus {
	background-position: -90px -22px;
}
.ui-tabs-nav li#ngallery.ui-tabs-selected a{
	background-position: -90px -44px;
}
.ui-tabs-nav li#ndojin a:active,
.ui-tabs-nav li#ndojin a:hover,
.ui-tabs-nav li#ndojin a:focus {
	background-position: -136px -22px;
}
.ui-tabs-nav li#ndojin.ui-tabs-selected a{
	background-position: -136px -44px;
}
.ui-tabs-nav li#nblog a:active,
.ui-tabs-nav li#nblog a:hover,
.ui-tabs-nav li#nblog a:focus {
	background-position: -196px -22px;
}
.ui-tabs-nav li#nblog.ui-tabs-selected a{
	background-position: -196px -44px;
}
.ui-tabs-nav li#nlink a:active,
.ui-tabs-nav li#nlink a:hover,
.ui-tabs-nav li#nlink a:focus {
	background-position: -248px -22px;
}
.ui-tabs-nav li#nlink.ui-tabs-selected a{
	background-position: -248px -44px;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}
*/

nav {
	float: right;
	height: 22px;
	padding: 54px 0 0;
}
nav > ul {
	height: 22px;
	margin: 0;
	padding: 0;
}
.ui-tabs-nav li {
	float: left;
	height: 22px;
	padding-left: 10px;
}
.ui-tabs-nav li a {
	background-image: url(../images/navi.png);
	background-repeat: no-repeat;
	height: 22px;
	display: block;
	overflow: hidden;
	text-indent: -50000px;
	text-align: left;
	line-height: 0.1;
	font-size: 1px;
}
.ui-tabs-nav li#ntop a {
	background-position: 0 0;
	width: 35px;
}
.ui-tabs-nav li#ninfo a {
	background-position: -45px 0;
	width: 42px;
}
.ui-tabs-nav li#ngallery a {
	background-position: -96px 0;
	width: 78px;
}
.ui-tabs-nav li#ndojin a {
	background-position: -183px 0;
	width: 55px;
}
.ui-tabs-nav li#nlink a {
	background-position: -247px 0;
	width: 44px;
}
.ui-tabs-nav li#ntop a:active,
.ui-tabs-nav li#ntop a:hover,
.ui-tabs-nav li#ntop a:focus {
	background-position: 0 -22px;
}
.ui-tabs-nav li#ntop.ui-tabs-selected a{
	background-position: 0 -44px;
}
.ui-tabs-nav li#ninfo a:active,
.ui-tabs-nav li#ninfo a:hover,
.ui-tabs-nav li#ninfo a:focus {
	background-position: -45px -22px;
}
.ui-tabs-nav li#ninfo.ui-tabs-selected a{
	background-position: -45px -44px;
}
.ui-tabs-nav li#ngallery a:active,
.ui-tabs-nav li#ngallery a:hover,
.ui-tabs-nav li#ngallery a:focus {
	background-position: -96px -22px;
}
.ui-tabs-nav li#ngallery.ui-tabs-selected a{
	background-position: -96px -44px;
}
.ui-tabs-nav li#ndojin a:active,
.ui-tabs-nav li#ndojin a:hover,
.ui-tabs-nav li#ndojin a:focus {
	background-position: -183px -22px;
}
.ui-tabs-nav li#ndojin.ui-tabs-selected a{
	background-position: -183px -44px;
}
.ui-tabs-nav li#nlink a:active,
.ui-tabs-nav li#nlink a:hover,
.ui-tabs-nav li#nlink a:focus {
	background-position: -247px -22px;
}
.ui-tabs-nav li#nlink.ui-tabs-selected a{
	background-position: -247px -44px;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

* html .ui-tabs-nav {
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  {
	display: inline-block;
}

/*--------------------------
	Contents
--------------------------*/
div#contents {
	clear: both;
	width: 800px;
	margin: 0 auto 10px;
	text-align: left;
}
div#contents > article {
	clear: both;
}
/*div#contents > article#top > div:first-child {
	background: url(../images/loading.gif) center no-repeat;
	width: 800px;
	height: 1000px;
}*/

div#contents > article#top > div {
	padding-top: 20px;
	text-align: center;
}
div#contents > article#top p {
	float: left;
	width: 33%;
	text-align: center;
}
div#contents > article#top > figure {
	padding-bottom: 10px;
}

div#contents > article > section {
	float: left;
	width: 500px;
	text-align: left;
}
div#contents > article#link > section {
	clear: both;
	float: none;
	width: 800px;
	text-align: left;
}
div#contents > article > aside {
	float: right;
	width: 290px;
	text-align: left;
}

div#contents > article > section > h1 {
	background: url(../images/hgroup.png) no-repeat;
	width: 500px;
	height: 35px;
	margin: 0 0 10px;
	display: block;
	overflow: hidden;
	text-indent: -50000px;
	text-align: left;
	line-height: 0.1;
	font-size: 1px;
}
div#contents > article > section > h1.news {
	background-position: 0 -260px;
}
div#contents > article > section > h1.about {
	background-position: 0 -120px;
}
div#contents > article > section > h1.gallery {
	background-position: 0 -225px;
}
div#contents > article > section > h1.new {
	background-position: 0 -155px;
}
div#contents > article > section > h1.bn {
	background-position: 0 -190px;
}
div#contents > article#link > section > h1 {
	background: url(../images/hgroup.png) no-repeat;
	width: 800px;
	height: 30px;
	margin: 0 0 15px;
	display: block;
	overflow: hidden;
	text-indent: -50000px;
	text-align: left;
	line-height: 0.1;
	font-size: 1px;
}
div#contents > article#link > section > h1.respect {
	background-position: 0 0;
}
div#contents > article#link > section > h1.favorite {
	background-position: 0 -30px;
}
div#contents > article#link > section > h1.friends {
	background-position: 0 -60px;
}
div#contents > article#link > section > h1.union {
	background-position: 0 -90px;
}
div#contents > article > aside > h1 {
	background: url(../images/hgroup.png) no-repeat;
	width: 290px;
	height: 35px;
	margin: 0 0 10px;
	display: block;
	overflow: hidden;
	text-indent: -50000px;
	text-align: left;
	line-height: 0.1;
	font-size: 1px;
}
div#contents > article > aside > h1.profile {
	background-position: -510px -120px;
}
div#contents > article > aside > h1.works {
	background-position: -510px -155px;
}
div#contents > article > aside > h1.schnefel {
	background-position: -510px -190px;
}
div#contents > article > aside > h1.topics {
	background-position: -510px -225px;
}

div#contents section > p,
div#contents aside > p,
div#contents aside > dl,
div#contents aside > figure {
	padding: 0 10px 20px;
}
div#contents section > figure {
	padding: 0 0 10px 10px;
}
div#contents > article > section > dl dt {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2em;
	opacity: 0.2;
}
div#contents > article > section > dl dd {
	padding-bottom: 20px;
}
div#contents aside > dl dt {
	font-weight: bold;
}
div#contents article#gallery div.gallery:after {
	clear: both;
	content: '';
}

div#contents article#gallery div.gallery > p {
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
}
div#contents article#gallery div.gallery img {
	border: 5px solid #e6daa1;
}
div#contents article#gallery div.gallery .new img {
	border: 5px solid #d1a6d6;
}
div#contents article#gallery div.gallery img:hover {
	border: 5px solid #f4e624;
}

div#contents section > figure.book {
	clear: both;
	padding: 0 10px 20px;
}
div#contents section > figure.book img {
	float: left;
	margin: 0 20px 20px 0;
}
div#contents section > figure.book strong {
	float: left;
	font-weight: bold;
}
div#contents section > figure.book figcaption {
	float: left;
	width: 310px;
	display: block;
}
div#contents section > figure.book figcaption img {
	float: none;
	margin: 0;
}
div#contents aside > figure cite {
	font-weight: bold;
}

div#contents article#link p {
	float: left;
	width: 240px;
	padding-bottom: 10px;
}
div#contents article#link p a {
	display: block;
	min-height: 40px;
	color: #666;
}
div#contents article#link p a:after {
	content: attr(title);
	white-space: nowrap;
	text-align: left;
}
div#contents article#link p:last-child {
	padding-bottom: 30px;
}

div#contents article#link section.union p {
	float: none;
	width: auto;
}
div#contents article#link section.union p a {
	display: inline;
	min-height: inherit;
}

/*--------------------------
	Footer
--------------------------*/
footer {
	clear: both;
	background: url(../images/footerline.png) 0 10px no-repeat;
	width: 800px;
	margin: 0 auto 50px;
	padding: 30px 0 20px;
}