@charset "shift_jis";

body {
	width: 100%;
    color: #999;
    font-size: 12px;
    line-height: 1.75;
    margin: 15px 0;
    padding: 0;
    text-align: center;
	height: 100%;
	background-color: #000;
	font-family:
			"メイリオ","Meiryo",
			"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
			Osaka,"ＭＳ Ｐゴシック","MS P Gothic",
			Arial,Helvetica,sans-serif;
}
/*html[xmlns] body { font-family: sans-serif; }*/
* html body { font-size: 78%; line-height: 1.72;　}
*:first-child+html body { font-size: 78%; line-height: 1.72;}
.txtSmall { font-size: x-small; display: inline-block; line-height: 1.5; }
*:first-child+html .txtSmall { font-size: 83.3%; }

body#greeting {
	background-color: #FFF;
} body.regist {
	background-color: #EBEBEB;
} .regist h1 {
	margin: 0 auto;
	background-color: #666666;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 100%;
}
a:link, a:visited, a:active { text-decoration: none; }
a:link { color: #09F; }
a:visited {	color: #06F; }
a:active { color: #F60; }
a:hover	{
	text-decoration: underline;
	color: #D90000;
}

img { border: 0; }
ul, li { list-style:  none; margin: 0; padding: 0; }

.imp { color: #FF9900; font-style: italic; }

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background-color: #000;
	text-align: left;
	position: relative;
}

#header {
	width: 900px;
    margin: 0;
    padding: 0;
    border: 0;
	display: block;
	position: relative;
}
.hide { display: none; }

#header h1 {
	margin: 0 auto;
	width: 165px;
    height: 29px;
}
#header h1 a {
	display: block;
	width: 165px;
    height: 29px;
	background-image: url(../resources/tv_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 100%;
	text-decoration: none; 
}
#header #nav {
	width: 900px;
	height: 61px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	background-image: url(../resources/nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
} #header #nav #navlist {
	list-style: none;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	border: 0;
} #header #navlist, #header #nav li  {
	margin: 0;
	padding: 0;
	border: 0;
} #header #nav #navlist li {
	display: block;
	width: 127px;
	height: 61px;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
} #header #nav #navlist li a {
	display: block;
	width: 127px;
	height: 61px;
	background-image:   url(../resources/nav.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 100%;
}
#header #nav #navlist li#nl01 {
	left: 8px;
	width: 74px;
	background-image:   url(../resources/nav.gif);
	background-position: -8px -61px;
} #header #nav #navlist li#nl01 a {
	width: 74px;
	background-position: -8px 0px;
} #header #nav #navlist li#nl01 a:hover {
	background-image: none;
} 
#header #nav #navlist li#nl02 {
	left: 82px;
	width: 74px;
	background-image:   url(../resources/nav.gif);
	background-position: -82px -61px;
} #header #nav #navlist li#nl02 a {
	width: 74px;
	background-position: -82px 0;
} #header #nav #navlist li#nl02 a:hover {
	background-image: none;
}
#header #nav #navlist li#nl03 {
	left: 156px;
	width: 70px;
	background-image:   url(../resources/nav.gif);
	background-position: -156px -61px;
} #header #nav #navlist li#nl03 a {
	width: 70px;
	background-position: -156px 0;
} #header #nav #navlist li#nl03 a:hover {
	background-image: none;
}
#header #nav #navlist li#nl04 {
	left: 226px;
	width: 128px;
	background-image:   url(../resources/nav.gif);
	background-position: -226px -61px;
} #header #nav #navlist li#nl04 a {
	width: 128px;
	background-position: -226px 0;
} #header #nav #navlist li#nl04 a:hover {
    background-image: none;
}
#header #nav #navlist li#nl05 {
	left: 354px;
	width: 121px;
	background-image:   url(../resources/nav.gif);
	background-position: -354px -61px;
} #header #nav #navlist li#nl05 a {
	width: 121px;
	background-position: -354px 0;
} #header #nav #navlist li#nl05 a:hover {
    background-image: none;
}
#header #nav #navlist li#nl06 {
	left: 475px;
	width: 106px;
	background-image:   url(../resources/nav.gif);
	background-position: -475px -61px;
} #header #nav #navlist li#nl06 a {
	width: 106px;
	background-position: -475px 0;
} #header #nav #navlist li#nl06 a:hover {
    background-image: none;
}
#header #nav #navlist li#nl07 {
	left: 581px;
	width: 75px;
	background-image:   url(../resources/nav.gif);
	background-position: -581px -61px;
} #header #nav #navlist li#nl07 a {
	width: 75px;
	background-position: -581px 0;
} #header #nav #navlist li#nl07 a:hover {
    background-image: none;
}
#header #nav #navlist li#nl08 {
	left: 656px;
	width: 106px;
	background-image:   url(../resources/nav.gif);
	background-position: -656px -61px;
} #header #nav #navlist li#nl08 a {
	width: 106px;
	background-position: -656px 0;
} #header #nav #navlist li#nl08 a:hover {
    background-image: none;
}
#header #nav #navlist li#nl09 {
	left: 762px;
	width: 130px;
	background-image:   url(../resources/nav.gif);
	background-position: -762px -61px;
} #header #nav #navlist li#nl09 a {
	width: 130px;
	background-position: -762px 0;
} #header #nav #navlist li#nl09 a:hover {
    background-image: none;
}


#header #nav #navlist li a.show {
    background-image: none;
}

#header div.topicpath {
	width: 100%;
	margin: 0 0 1em 0; padding: 0;
	font-size: x-small;
	line-height: 100%;
	clear: both;
	
}


#content {
	width: 900px;
    margin: 0;
    padding: 0;
    border: 0;
	display: block;
	position: relative;
} #content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 * html #content { display:inline-table; }
/*----\*/
 * html #content { height: 1%; display:block; }
/*-----*/


#content div.article {
	width: 100%;
	margin: 0;
} #content div.article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 * html #content div.article { display:inline-table; }
/*----\*/
 * html #content div.article { height: 1%; display:block; }
/*-----*/


#content div.article div.summary {
	float: left;
	width: 65%;
	padding: 0;
	margin: 0;
}
#content div.article div.exp {
	float: right;
	width: 28%;
    font-size: x-small;
	padding: 10px;
	background-color: #202020;
	border: 1px solid #333;
} #content div.article div.exp h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 2px 0 1px 4px;
	background-color: #333;
	text-align: center;
} #content div.article div.exp li {
	line-height: 130%;
	padding: 0.4em 0;
} #content div.article div.exp li a {
	color: #999;
} #content div.article div.exp li a:hover {
	text-decoration: underline;
	color: #D90000;
} #content div.article div.exp img {
	vertical-align: middle;
} #content div.article div.exp p {
	margin-bottom: 0;
}


#content div.article div.article { clear: both; padding-top: 20px; }
#content div.article div.article  div.article { clear: both; padding-top: 0px; }
#content div.article dl.article {
	float: left;
	width: 195px;
	padding: 0;
	margin: 0 40px 40px 0;
} #content div.article dl.articleright {
	margin: 0 0 40px 0;
	width: 195px;
	float: right;
} #content div.article dl.preparation {
	float: none;
	text-align: center;
}


#content div.article h2 {
	font-size: 114%;
	color: #B4B4B4;
	border-bottom: 1px solid #333;
	margin: 0 0 0.5em 0; padding: 0 0 0.2em 0;
} #content div.article p {
	margin:  0 0 2em 0; padding: 0;
} #content div.article p.note {
	margin:  0 auto 2em auto; padding: 0 0 0 1em;
} #content div.article div.feed {
	margin: 0;
	font-size: x-small;
	clear: both;
} #content div.article div.feed img {
	vertical-align: middle;
	margin: 0 8px 0 0;
}


dt, dd {
	margin: 0; padding: 0;
    font-size: x-small;
	line-height: 150%;
}
dt {
	text-align: center;
	color: #B4B4B4;
} dt span {
	display: block;
	text-align: left;
	border-bottom: 1px solid #333;
	margin: 0 0 0.5em 0; padding: 0 0 0.2em 0;
}
/*
#content div.article dt p, #content div.article dd p {
    font-size: 110%;
}

dt a {
	display: block;
	border: 1px solid #000; }
dt a:hover { border: 1px solid #09F; }
*/

#content div.article dl.channel {
	float: left;
	width: 65%;
	padding: 0;
	margin: 0;

} .channel dt {
	float: left;
	width: 130px;
	clear: both;
} .channel dt a {
	display: block;
	width: 130px;
	height: 61px;
	background-image: url(../resources/nav_exp01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 100%;
	text-decoration: none; 
} .channel dd {
	height: 39px;
	padding: 22px 0 0 0;
	font-size: small;
}
/*----\*/
 * html .channel dd { height: 1%; display:block; }
/*-----*/

.channel dt a#ch01 { background-image: url(../resources/nav_exp01.gif); }
.channel dt a#ch02 { background-image: url(../resources/nav_exp02.gif); }
.channel dt a#ch03 { background-image: url(../resources/nav_exp03.gif); }
.channel dt a#ch04 { background-image: url(../resources/nav_exp04.gif); }
.channel dt a#ch05 { background-image: url(../resources/nav_exp09.gif); }
.channel dt a#ch06 { background-image: url(../resources/nav_exp05.gif); }
.channel dt a#ch07 { background-image: url(../resources/nav_exp06.gif); }
.channel dt a#ch08 { background-image: url(../resources/nav_exp07.gif); }
.channel dt a#ch09 { background-image: url(../resources/nav_exp08.gif); }

#footer {
	width: 900px;
    margin: 3em 0 0 0;
    padding: 0;
    border: 0;
	display: block;
	position: relative;
	clear: both;
} #footer .logo a {
	margin: 0 auto;
	display: block;
	width: 165px;
    height: 29px;
	background-image: url(../resources/tau_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 100%;
	text-decoration: none; 
} #footer #copyRight {
	text-align: center;
	color: #666666;
	margin-top: 1em;
}