@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

html {
    color: #000;
    background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del,
ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
    color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
    *font-size: 100%;
}
/* Font

YUI 3.5.0pr1 (build 4342)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/

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

body {
    font:14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.75em;
    letter-spacing: 0.05em;
}

/* basic
-------------------------------------------------------------------------------*/

a {
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:link {
    color: #3333CC;
}

a:visited {
    color: #802080;
}

a:hover {
    text-decoration: underline;
    color: #EB6100;
}

a:active {
    color: #EBC300;
}

a:focus {
    outline: none;
}

a img {
    vertical-align: top;
}

.opc a:hover img {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
}

.opc .current > a:hover img {
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}

.current > a {
    cursor: default;
}

.sprite {
    position: relative;
    display: block;
    overflow: hidden;
}

.sprite:hover {
    /zoom: 1;
}

.sprite img {
    position: absolute;
}

.normal {
    font-weight: normal!important;
}

.bold {
    font-weight: bold;
}

.fltL {
  float: left!important;
}

.fltR {
  float: right!important;
}

.clrml {
    margin-left: 0!important;
}

.clrmr {
    margin-right: 0!important;
}

.clrmb {
    margin-bottom: 0!important;
}

.clrmt {
    margin-top: 0!important;
}

.clrbt {
    clear: both!important;
}

.clrL {
    clear: left!important;
}

.clrR {
    clear: right!important;
}

.clrbd {
    border: none!important;
}

.alnR {
    text-align: right;
}

.block {
    display:block;
}

.whitespace {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

/* clearfix */

.clrfx:before, .clrfx:after {
    content:"";
    display:table;
}

.clrfx:after {
    clear:both;
}

.clrfx {
    zoom:1;
}

#mbOverlay,
#mbCenter {
	z-index: 100;
}

/* layout
-------------------------------------------------------------------------------*/

html {
    background: #b40000;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
}

h1 {
	text-align: center;
	padding-top: 10px;
}

#index #wrapper {
    background: #fff url(/cat/images/bg_body.jpg) no-repeat 28px 150px;
}

#archive #wrapper {
    background: #fff url(/cat/images/bg_body.jpg) no-repeat 428px 8px;
}

#ustream #wrapper {
    background: #fff url(/cat/images/bg_body.jpg) no-repeat 428px 9px;
}

/* header
-------------------------------------------------------------------------------*/

#index #header {
	position: relative;
	height: 651px;
	overflow: hidden;
}

#index #header h2 {
	position: absolute;
    left: 52px;
    top: 70px;
}

#index #header h3 {
	position: absolute;
    left: 610px;
    top: 529px;
}

#index #header p {
	position: absolute;
    left: 609px;
    top: 59px;
}

#index #header a {
	position: absolute;
    left: 609px;
    top: 583px;
}

#archive #header {
	position: relative;
	height: 290px;
	overflow: hidden;
}

#archive #header h2 {
	position: absolute;
    left: 30px;
    top: 32px;
}

#ustream #header {
	position: relative;
	height: 548px;
	overflow: hidden;
}

#ustream #header h2 {
	position: absolute;
    left: 26px;
    top: 32px;
}

#ustream #header p {
	position: absolute;
    left: 50px;
    top: 268px;
}

/* nav
-------------------------------------------------------------------------------*/

#nav {
	width: 875px;
	margin-left: 50px;
	height: 236px;
	background: url(/cat/images/bg_nav.jpg) no-repeat;
	overflow: hidden;
	padding: 14px 0 0 20px;
	margin-bottom: 45px;
}

#nav p {
	text-align: center;
}

#nav ul {
	padding: 29px 0 24px;
	margin-right: -20px;
}

#nav li {
	width: 125px;
	height: 100px;
	overflow: hidden;
	background: #fff;
	margin-right: 20px;
	float: left;
}

/* content
-------------------------------------------------------------------------------*/

#index #content {
	margin: 0 50px 0;
}

#index #content .fltL .inner {
	margin-top: 467px;
	width: 227px;
	height: 387px;
	background: url(/cat/images/bg_fltl.jpg) no-repeat;
}

#index #content .fltR {
	background: #0086ff;
	width: 650px;
	min-height: 865px;
	height: auto!important;
	height: 850px;
	position: relative;
}

#index #content .fltR:before,
#index #content .fltR:after {
	width: 650px;
	position: absolute;
	left: 0;
	z-index: 0;
}

#index #content .fltR:before {
	content: url(/cat/images/bg_text_header.jpg);
	height: 848px;
	top: 0;
}

#index #content .fltR:after {
	content: url(/cat/images/bg_text_footer.jpg);
	height: 17px;
	bottom: 0;
}

#index #content .fltR .inner {
	position: relative;
	z-index: 1;
}

#index #content .fltR h3 {
	padding: 23px 0 0 80px;
}

#index #content .fltR p.lead {
	padding: 20px 0 0 77px;
}

#index #content .fltR a.contribute {
	position: absolute;
    left: 324px;
    top: 367px;
}

#index #content .fltR .relay {
	margin: 23px 0 13px 62px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#archive #content {
	background: #0086ff;
	width: 650px;
	/*min-height: 1364px;
	height: auto!important;
	height: 1364px;*/
	position: relative;
	margin-left: 175px;
	overflow: hidden;
}

#archive #content:before,
#archive #content:after {
	width: 650px;
	position: absolute;
	left: 0;
	z-index: 0;
}

#archive #content:before {
	content: url(/cat/images/bg_text_header_02.jpg);
	height: 1347px;
	top: 0;
}

#archive #content:after {
	content: url(/cat/images/bg_text_footer_02.png);
	height: 17px;
	bottom: 0;
}

#archive #content .inner {
	position: relative;
	z-index: 1;
}

#archive #content .relay {
	margin: 16px 0 12px 62px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#bunrui #content {
	background: #b40000 url(/cat/images/bg_bunrui.jpg) no-repeat 0 0;
	height: 1154px;
	width: 1000px;
	overflow: hidden;
	position: relative;
}

#bunrui #content h2 {
	position: absolute;
	top: 84px;
	left: 470px;
}

#bunrui #content h3,
#bunrui #content p {
	position: absolute;
}

#bunrui #content h3.bunrui01 {
	top: 107px;
	left: 79px;
}

#bunrui #content h3.bunrui02 {
	top: 282px;
	left: 527px;
}

#bunrui #content h3.bunrui03 {
	top: 780px;
	left: 439px;
}

#bunrui #content h3.bunrui04 {
	top: 1022px;
	left: 333px;
}

#bunrui #content p.bunrui01 {
	top: 154px;
	left: 79px;
}

#bunrui #content p.bunrui02 {
	top: 323px;
	left: 145px;
}

#bunrui #content p.bunrui03 {
	top: 807px;
	left: 195px;
}

#bunrui #content p.bunrui04 {
	top: 1059px;
	left: 420px;
}

#ustream #content {
	background: url(/cat/images/bg_ust.jpg) no-repeat 0 0;
	height: 613px;
	width: 980px;
	margin: 0 0 9px 10px;
	overflow: hidden;
	position: relative;
}

#ustream #content .relay {
	padding: 15px 0 13px;
	text-align: center;
}

#ustream #content #ust {
	background: #000;
	width: 940px;
	min-height: 34px;
	height: auto!important;
	height: 34px;
	position: relative;
	margin-left: 20px;
}

#ustream #content #ust:before,
#ustream #content #ust:after {
	width: 940px;
	position: absolute;
	left: 0;
	height: 17px;
	z-index: 0;
}

#ustream #content #ust:before {
	content: url(/cat/images/bg_ust_header.png);
	top: 0;
}

#ustream #content #ust:after {
	content: url(/cat/images/bg_ust_footer.png);
	bottom: 0;
}

#ustream #content a {
	display: block;
	width: 235px;
	height: 36px;
	margin: 23px auto 0;
}

#ustream #content #ust .inner {
	z-index: 1;
	position: relative;
	padding: 30px 5px;
}

#ustream #content #ust .inner iframe {
	float: left;
}

/* text
-------------------------------------------------------------------------------*/

#text {
	background: #fff;
	width: 600px;
	min-height: 36px;
	height: auto!important;
	height: 36px;
	position: relative;
	margin-left: 25px;
	padding-top: 5px;
}

#text:before,
#text:after {
	width: 600px;
	position: absolute;
	left: 0;
	height: 18px;
	z-index: 0;
}

#text:before {
	content: url(/cat/images/bg_text_header.png);
	top: 0;
}

#text:after {
	content: url(/cat/images/bg_text_footer.png);
	bottom: 0;
}

#text .inner {
	z-index: 2;
	padding: 24px 24px;
}

#text .inner div {
	float: right;
	width: 278px;
}

#text .inner div p {
	color: #333333;
    font-size: 14px;
    line-height: 1.6;
}

#text .inner div p.time {
	font-size: 12px;
	color: #6E4B2D;
	margin-bottom: 5px;
}

#text .inner div p.time span {
	font-size: 16px;
	padding-left: 18px;
}

#text .inner div h4 {
	background: url(/cat/images/bg_title_body.png) repeat-y;
	width: 174px;
	min-height: 55px;
	height: auto!important;
	height: 55px;
	position: relative;
	margin-bottom: 23px;
}

#text .inner div h4:before,
#text .inner div h4:after {
	width: 174px;
	position: absolute;
	left: 0;
	z-index: 0;
}

#text .inner div h4:before {
	content: url(/cat/images/bg_title_header.png);
	height: 31px;
	top: 0;
}

#text .inner div h4:after {
	content: url(/cat/images/bg_title_footer.png);
	height: 9px;
	bottom: 0;
}

#text .inner div h4 span#live_subject {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 15px 18px 15px 12px;
	display: block;
}

#text .inner div h4 span#icon {
	position: absolute;
	top: 0;
	right: -60px;
}

#text hr {
	background: url(/cat/images/bg_border.png) no-repeat;
	width: 560px;
	height: 10px;
	border: none;
	margin: -8px auto 0;
	padding: 0;
}

#text .inner div#live_photo {
	float: left;
	width: 250px;
}

#text .inner div#live_photo img {
	margin-bottom: 30px;
	cursor: pointer;
}

/* footer
-------------------------------------------------------------------------------*/

#footer address {
	background: #b40000;
	text-align: center;
	padding: 12px 0 30px;
}

#index #footer ul {
	padding: 23px 0 43px 122px;
	margin-right: -127px;
}

#index #footer li {
	float: left;
	margin-right: 127px;
}

#archive #footer {
	margin-top: 30px;
}

#bunrui #footer a {
	display: block;
	width: 235px;
	height: 36px;
	margin: 0 auto 14px;
}

#ustream #footer address {
	padding: 30px 0 30px;
}

/* local
-------------------------------------------------------------------------------*/

#local {
	display: block;
	padding: 22px 50px 15px;
}

#local li {
	padding-bottom: 19px;
}

#local .local01 {
	float: left;
	width: 100px;
	height: 36px;
}

#local .local02 {
	float: left;
	margin-left: 105px;
}

#local .local03 {
	float: right;
	width: 100px;
	height: 36px;
}

#local .local04 {
	float: left;
	clear: both;
}

#local .local05 {
	float: left;
	margin-left: 18px;
}

/* adjust
-------------------------------------------------------------------------------*/

#archive #text:after {
	content: url(/cat/images/bg_text_footer_03.png);
	bottom: -18px;
}

#archive #local {
	padding: 40px 50px 15px;
}