@charset "utf-8";

#tlr-contents .title {
	font-size: 46px;
	line-height: 1.1;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 2px;
	padding: 1px 2px 1px 30px;
	position: relative;
	margin: 0px auto;
}
#tlr-contents .title span {
	font-size: 14px;
	display: block;
	position: absolute;
	font-style: normal;
	letter-spacing: 0px!important;
	right: 10px;
	bottom: 8px;
	text-shadow: none;
}
#blue {background: url(../img/tlr-bg-b.gif) no-repeat 0px 6px; }
#pink {background: url(../img/tlr-bg-p.gif) no-repeat 0px 6px;}
#yellow {background: url(../img/tlr-bg-y.gif) no-repeat 0px 6px;}
.index .title {background: url(../img/title-bg-r.gif) no-repeat 0px 6px;}
#tlr-contents #top-navi {
	margin: 5px 0;
	height: 33px;
}
a#nex, a#pre {
	position: absolute;
	width: 19em;
	display: block;
	top: 105px;
	font-size: 12px;
}
a#nex {
	text-align: right;
	right: 18px;
	background: url(../img/lm-std.gif) no-repeat right center;
	padding-right: 12px;
}
a#pre  {
	left: 200px;
	background: url(../img/lm-back.gif) no-repeat left center;
	padding-left: 12px;
}
#main {
	padding: 15px;
	margin: 0 auto 30px;
	width: 692px;
	border: 3px solid #333;
	background: -moz-linear-gradient(top, #333, #111);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
}
#cam {
	float: right;
	width: 322px;
	height: 519px;
	overflow: auto;
	border-top: 2px solid #CCC;
	border-right: 2px solid #999;
	border-bottom: 2px solid #333;
	border-left: 2px solid #666;
	padding: 4px;
	background: #000;
	text-align: center;
	margin-left: 8px;
}
@media projection, screen {.ui-tabs-hide {display: none;}}
@media print {.ui-tabs-nav {display: none;}}
* html .ui-tabs-nav { margin-left: -4px;}
.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin-left: 2px;
}
* html .ui-tabs-nav li {margin-left: 0;margin-right:2px;}
.ui-tabs-nav a {
	padding-left: 0;
	outline: 0;
}
.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 2px;
	z-index: 2;
	border-color: #B00!important;
}
.ui-tabs-nav a span {
    width: 60px;
    height: 30px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {cursor: pointer;}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
* html .ui-tabs-nav {display: inline-block;}
*:first-child+html .ui-tabs-nav  {display: inline-block;}
#cam ul {width: 322px!important;}
* html #cam ul{ padding-left: 3px;}
#cam li a {
	border-color: #999 #999 #666 #666;
	border-style: solid;
	border-width: 1px;
	margin: 5px 0 1px;
	width: 60px;
	display: block;
	height: 30px;
}
#cam li a:hover {border-color: #F60;}
#main p {margin-top: 1em;}
#cam + p {margin-top: 0;}
#slide, .panel {
	cursor:pointer;
	color: #FFD700;
	margin: 0 auto 40px;
	padding: 7px 0 6px;
	width: 722px;
	border: 3px solid #333;
	text-align: center;
	background: #333;
	font-size: 112%;
	font-weight: bold;
	text-shadow: -1px -1px 2px #000;
	border-top-right-radius: 25px;
	-moz-border-radius-topright: 25px; 
	-webkit-border-top-right-radius: 25px;
}
#tlr-contents .panel:hover {color:#F60;}
#tlr-contents .panel-up {background: #222 url(../img/data-down.gif) no-repeat 665px center;}
#tlr-contents .panel-down {
	background: #333 url(../img/data-up.gif) no-repeat 665px center;
	color: #F60;
	border-bottom: 1px solid #222;
}
#data, .panel-target {
	margin: -40px auto 40px;
	padding: 0 5px;
	width: 712px;
	border: 3px solid #333;
	background: -moz-linear-gradient(top, #333, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	border-bottom-left-radius: 25px; 
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
}
#tlr-contents .panel-closed {display:none;}
#data dl {margin: 5px 10px;}
#data dt {
	width: 235px;
	padding: 6px 0 8px 8px;
	float: left;
}
#data dd {
	border-bottom: 1px dotted #999;
	padding: 6px 0 8px 240px;
}
#data dd#mikata {
	margin-top: 2px;
	text-align: right;
	border-width: 0;
	padding-right: 1em;
	font-size: 86%;
	margin-bottom: 0;
}
#mikata a {
	background-image: url(../img/lm-std.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
}
table {margin: 0 auto 30px;}
tr {line-height: 2;}
td img {
	padding: 4px;
	background-color: #000;
	border-top: 2px solid #CCC;
	border-right: 2px solid #999;
	border-bottom: 2px solid #333;
	border-left: 2px solid #666;
}
#zaregoto {
	padding: 5px 15px 6px 20px;
	margin: 0 auto 30px;
	width: 659px;
	border: 3px solid #333;
	background: -moz-linear-gradient(top, #333, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px; 
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
}
#zaregoto dt {
	color: #FFD700;
	margin-bottom: 6px;
	letter-spacing: 2px;
	border-bottom: 1px dotted #555;
	padding: 0 0 4px 20px;
	font-size: 112%;
}
#links {
	margin: 45px auto 30px;
	width: 700px;
}
#links h4 {
	font-size: 14px;
	margin-bottom: 12px;
	letter-spacing: 2px;
	border-bottom: 1px dotted #F33;
	padding: 0 0 3px 10px;
}
#links p {
	font-size: 11px;
	text-align: right;
	margin: -3.3em 8px 18px 0px;
}
* html #links p {margin: -3.2em 8px 18px 0px;}
*:first-child+html #links p {margin: -3.2em 8px 18px 0px;}
#links ul {
	margin: 0px auto 30px 10px;
	width: 690px;
	text-align: center;
}
#links li {float: left;}
#ruiji li {width: 138px;}
#picup li {width: 230px;}
#net li {width: 345px;}
#links li a {
	font-size: 12px;
	text-shadow: 1px 1px 3px #000;
	text-decoration: none;
	display: block;
	padding: 4px 0;
	border: 1px solid #555;
	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background-color: #222;
}
#links li a.same { color: #FCF; }
#links li a:hover {
	background-image: -moz-linear-gradient(top, #000, #333);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background-color: #000;
}
#navi {
	margin: 35px auto 0;
	width: 650px;
	height: 35px;
}
#navi a {
	display: block;
	width: 6.5em;
	outline: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5;
	text-align: center;
	border: 1px solid #555;
	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background-color: #222;
	text-shadow: 1px 1px 3px #000;
}
#navi a#prev {
	float: left;
	padding-right: 6px;
}
#navi a#next {
	float: right;
	padding-left: 6px;
}
#navi a span {color: #F60;}
#navi a#prev span { margin-right: 10px; }
#navi a#next span { margin-left: 10px; }
#navi a#prev:hover, #navi a#next:hover {
	position: relative;
	background-image: -moz-linear-gradient(top, #000, #333);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background-color: #000;
}
#navi a img {
	position: absolute;
	top: -215px;
	visibility: visible;
	display: none;
}
#navi a#prev img {left: -55px;}
#navi a#next img {left: 90px;}
#navi a:hover img {
	display: block;
	border: 2px solid #F60;
	z-index: 2000;
}


/*****　　TLR index　　*****/

#tlr-contents #inner {
	width: 735px;
	margin: 15px 0 0;
	float: right;
}
* html #tlr-contents #inner {margin-right: -30px;}
.tlr {
	margin: 0px 25px 35px 0px;
	width: 215px;
	border: 2px solid #333;
	float: left;
	text-align: center;
	padding-bottom: 7px;
	background: -moz-linear-gradient(top, #333, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
}
.tlr dt {font-size: 16px;}
.tlr dt a {
	display: block;
	padding: 5px 0 4px;
	text-decoration: none;
}
.tlr dt a img {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #444;
}
.tlr dt a:hover img {border: 1px solid #C60;}
.tlr dd {
	font-size: 12px;
	line-height: 1.4;
	margin: 0 5px;
	padding-top: 7px;
	border-top: 1px dotted #333;
}