@charset "UTF-8";

/* ==============================
  tennimu news blog
=================================
	reset
---------------------------------
	detail
---------------------------------
	button
---------------------------------
	body
---------------------------------
	header
---------------------------------
	gnav
---------------------------------
	news list
---------------------------------
	news detail
---------------------------------
	side
---------------------------------
	footer
============================== */


/* ------------------------------
  reset
------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0;
}

p, blockquote, dl, dd, figure, form {
	margin: 0;
}

div {
	text-align: left;
}

ol, ul {
	padding: 0;
	margin: 0;
}

li {
	list-style-type: none;
}


/* ------------------------------
  detail
------------------------------ */

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a {
	color: #113395;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #4C69BE;
	text-decoration: underline;
}

a img{
	border: none;
	vertical-align: bottom;
}

.overflow-hidden {
	overflow: hidden;
}

.clear-both {
	clear:both;
}

.float-right {
	float: right;
}
.float-left {
	float: left;
}

.t-center {
	text-align: center;
}
.t-right {
	text-align: right;
}

.lr-auto {
	margin-right: auto;
	margin-left: auto;
}

.w20  {width: 20px;}
.w30  {width: 30px;}
.w40  {width: 40px;}
.w50  {width: 50px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w138 {width: 138px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w380 {width: 380px;}
.w400 {width: 400px;}
.w420 {width: 420px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w680 {width: 680px;}
.w700 {width: 700px;}
.w740 {width: 740px;}
.w800 {width: 800px;}

.top5  {margin-top: 5px;}
.top10 {margin-top: 10px;}
.top15 {margin-top: 15px;}
.top20 {margin-top: 20px;}

.btm1  {margin-bottom: 1px;}
.btm2  {margin-bottom: 2px;}
.btm5  {margin-bottom: 5px;}
.btm10 {margin-bottom: 10px;}
.btm15 {margin-bottom: 15px;}
.btm20 {margin-bottom: 20px;}
.btm25 {margin-bottom: 25px;}
.btm30 {margin-bottom: 30px;}
.btm40 {margin-bottom: 40px;}
.btm50 {margin-bottom: 50px;}
.btm60 {margin-bottom: 60px;}
.btm100 {margin-bottom: 100px;}

.left5  {margin-left: 5px;}
.left10 {margin-left: 10px;}
.left15 {margin-left: 15px;}
.left20 {margin-left: 20px;}

.right5  {margin-right: 5px;}
.right10 {margin-right: 10px;}
.right15 {margin-right: 15px;}
.right20 {margin-right: 20px;}

.txt80  {font-size: 80%;}
.txt90  {font-size: 90%;}
.txt110 {font-size: 110%;}
.txt120 {font-size: 120%;}
.txt130 {font-size: 130%;}
.txt140 {font-size: 140%;}
.txt150 {font-size: 150%;}
.txt180 {font-size: 180%;}

.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh14 {line-height: 1.4em;}
.lh15 {line-height: 1.5em;}
.lh16 {line-height: 1.6em;}
.lh17 {line-height: 1.7em;}
.lh18 {line-height: 1.8em;}
.lh19 {line-height: 1.9em;}
.lh20 {line-height: 2.0em;}

.hangtxt10 {text-indent: -1.0em; padding-left: 1.0em; display: block;}
.hangtxt15 {text-indent: -1.5em; padding-left: 1.5em; display: block;}
.hangtxt20 {text-indent: -2.0em; padding-left: 2.0em; display: block;}

a.alpha70:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
a.alpha80:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
a.alpha90:hover {
	filter:alpha(opacity=90);
	opacity:0.9;
	-moz-opacity:0.9;
}

.hangtxt10 { text-indent: -1em; padding-left: 1em; }
.hangtxt15 { text-indent: -1.5em; padding-left: 1.5em; }
.hangtxt20 { text-indent: -2em; padding-left: 2em; }

.radius5{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/js/PIE.htc);
	position:relative;
}


/* ------------------------------
  button
------------------------------ */

a.btn_m {
	display:block;
	padding:14px 0;
	text-decoration:none;
	color:#FFFFFF;
	background-color: #2847a5;
	text-align: center;
	line-height: 1em;
	white-space: nowrap;
}
a.btn_m:hover {
	background-color: #395cc6;
}


/* ------------------------------
  body
------------------------------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', osaka, sans-serif;
	font-size: 75%;
	color: #555555;
	background-color: #FFFFFF;
	text-align: center;
}

#wrapper {
	width: 100%;
	min-width: 1020px;
	margin-right: auto;
	margin-left: auto;
}

#contents_wrap {
	width:1020px;
	margin: 0px auto;
	overflow: hidden;
}

#contents {
	width: 980px;
	height: auto;
	margin: 0px auto;
	padding-bottom: 30px;
}

#main {
	width: 730px;
	float: left;
	margin: 0px auto;
	padding-bottom: 60px;
	position: relative;
}



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

#headbox {
	width: 100%;
	background-image: url(../news/img/bg_top.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	height: 190px;
}
#topimg {
	background-image: url(../news/img/topvisual.jpg);
	background-size: contain;
	height: 190px;
	width: 100%;
	min-width: 1050px;
	background-repeat: no-repeat;
	background-position: center;
}


/* ------------------------------
  gnavi
------------------------------ */

/*#gnavi {
	height: 50px;
	width: 100%;
	background-color: #f7f7f7;
}
#gnavi ul {
	display:block;
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0 35px;
}
#gnavi ul li {
	float: left;
}
#gnavi ul li a{
	height: 50px;
	display:block;
	background-repeat:no-repeat;
	background-position: 0 0;
}

#gnavi ul li.home a{ background-image:url(../news/img/gnav-home.gif); width:120px;}
#gnavi ul li.about a{ background-image:url(../news/img/gnav-about.gif); width:143px;}
#gnavi ul li.past a{ background-image:url(../news/img/gnav-past.gif); width:151px;}
#gnavi ul li.cast a{ background-image:url(../news/img/gnav-cast.gif); width:129px;}
#gnavi ul li.ticket a{ background-image:url(../news/img/gnav-ticket.gif); width:157px;}
#gnavi ul li.disco a{ background-image:url(../news/img/gnav-disco.gif); width:160px;}
#gnavi ul li.tv a{ background-image:url(../news/img/gnav-tv.gif); width:120px;}

#gnavi ul li a:hover{
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#gnavi ul li span{
	display:none;
}
*/

/* ------------------------------
  news list
------------------------------ */

.listhead {
	margin-top: 30px;
	margin-bottom: 20px;
	overflow:hidden;
}

.listhead .capsule {
	float: left;
	padding: 0px 12px;
	height: 24px;
	background-color: #2847a5;
	-webkit-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
	margin-right: 10px;
}

.listhead .capsule span {
	display:block;
	margin-top:6px;
	color: #FFFFFF;
	line-height: 1em;
}

.listhead h2 {
	float: left;
	font-size: 14px;
	padding-top:5px;
	line-height: 1em;
}

.newslist {
	width: 100%;
	float:left;
	margin-bottom: 20px;
}

.newslist dl {
	display: block;
	float: left;
	background-color: #f7f7f7;
	padding: 15px 0;
	margin-bottom: 2px;
}

.newslist a:hover dl {
	background-color: #ebebeb;
}

.newslist dl dt {
	display: block;
	float: left;
	width: 100px;
	font-family:Arial;
	font-size: 12px;
	color: #444444;
	line-height: 1.6em;
	position: relative;
}

.newslist a:hover dl dt {
	color: #222222;
}

.newslist dl dt .new {
	position: absolute;
	background-image: url(../news/img/icon_new.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	left: -15px;
	top: -7px;
	z-index:10;
}

.newslist dl dt span {
	margin-left:24px;
}

.newslist dl dd {
	display: block;
	float: right;
	width: 625px;
	font-size: 14px;
	color: #2044ac;
}

.newslist dl dd p {
	margin-right:24px;
}

.newslist a:hover dl dd p {
	color: #113395;
}

a.btn_moreinfo {
	width: 100%;
	clear:both;
}

.datesort {
	margin-top: 25px;
	/*overflow:hidden;*/
}

.datesort .selectbox {
	float:left;
	margin-right: 15px;
}

.customSelect {
	font-size: 14px;
	font-weight: bold;
	color: #2847a5;
	background-image: url(../news/img/selectbox_cursor.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 2px;
	width: 65px;
}

.datesort ul.monthset {
	display:block;
	float:left;
	width: 465px;
}

.datesort ul.monthset li {
	float: left;
	margin-right: 12px;
	padding: 2px 0;
	font-size: 14px;
}

.datesort ul.monthset li:last-child {
	float: left;
	margin-right: 12px;
	padding: 2px 0;
	font-size: 14px;
}

.datesort ul.monthset li a {
	color: #aaaaaa;
	font-weight:bold;
}
.datesort ul.monthset li a:hover {
	color: #444444;
	text-decoration:none;
}
.datesort ul.monthset li.on a {
	color: #2847a5;
}

.datesort ul.viewset {
	float:right;
	width: 180px;
}

.datesort ul.viewset li.viewbtn {
	float: left;
}

.datesort ul.viewset li.viewbtn a {
	display:block;
	height: 24px;
	background-color: #aaaaaa;
	-webkit-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
	width: 85px;
	text-align:center;
	text-decoration: none;
}

.datesort ul.viewset li.viewbtn a.on {
	background-color: #2847a5;
}

.datesort ul.viewset li.viewbtn a span {
	display:block;
	padding-top:6px;
	color: #FFFFFF;
	line-height: 1em;
}
.datesort ul.viewset li.viewbtn a:hover {
	text-decoration:none;
	background-color: #395cc6;
}


/* ------------------------------
 news detail
------------------------------ */

.entry {
	margin-top: 40px;
}

.entry h2 {
	font-size: 20px;
	color: #222222;
	margin-bottom: 20px;
}

.entry .dateset {
	width: 100%;
	float:left;
	margin-bottom: 20px;
}

.entry .dateset dl {
	display: block;
	float: left;
	width: 100%;
	background-color: #f7f7f7;
	padding: 10px 0;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.entry .dateset dl dt {
	display: block;
	float: left;
	width: 100px;
	font-family:Arial;
	font-size: 12px;
	color: #888888;
	line-height: 1.6em;
	margin-top: 3px;
}

.entry .dateset dl dt span {
	margin-left:20px;
}

.entry .dateset dl dd {
	display: block;
	float: right;
	width: 170px;
	font-size: 14px;
	color: #2044ac;
}

.entry .dateset dl dd ul.social {
	margin-top: 3px;
}

.entry .dateset dl dd ul.social li {
	float:left;
	line-height: 1em;
}

.entry .dateset dl dd ul.social li.twitter {
	width: 80px;
}

.entry .ebody {
	font-size: 14px;
	line-height: 1.8em;
	color: #666666;
	margin-bottom: 45px;
}

.entrybottom {
	width: 100%;
	margin-bottom: 50px;
	overflow:hidden;
	clear:both;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f3f3f3;
}

.entrybottom .pageback {
	float: left;
	width: 170px;
	height: 40px;
	-webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
	margin-right: 10px;
}

.entrybottom .pageback .icon {
	float: left;
	width: 40px;
	height: 40px;
	background-color: #2847a5;
	background-image: url(../news/img/icon_pageback.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.entrybottom  a:hover .pageback .icon {
	background-color: #395cc6;
}

.entrybottom .pageback span {
	display:block;
	float: right;
	margin-top:14px;
	color: #444444;
	line-height: 1em;
	padding-right: 10px;
}

.entrybottom  a:hover .pageback span {
	color: #000000;
	text-decoration: underline;
}

.entrybottom ul.social {
	display: block;
	float: right;
	width: 170px;
	font-size: 14px;
	color: #2044ac;
	margin-top: 10px;
}

.entrybottom ul.social li {
	float:left;
	line-height: 1em;
}

.entrybottom ul.social li.twitter {
	width: 80px;
}


/* ------------------------------
  side
------------------------------ */

#side {
	float: right;
	width: 210px;
}

#side .latestnews {
	width: 100%;
	background-image: url(../news/img/dotline.gif);
	background-repeat: no-repeat;
	background-position: 0px 32px;
	margin-top: 35px;
	margin-bottom: 20px;
}

#side .latestnews h3 {
	display:block;
	font-size:14px;
	line-height: 1em;
	color: #2847a5;
	font-weight: normal;
	margin-bottom:10px;
}

#side .latestnews a {
	display:block;
	width: 100%;
	overflow: hidden;
}

#side .latestnews dl {
	display: block;
	float: left;
	background-color: #f7f7f7;
	padding: 13px 0;
	margin-bottom: 2px;
	width: 210px;
}

#side .latestnews a:hover dl {
	background-color: #ebebeb;
}

#side .latestnews dl dt {
	display: block;
	width: 100px;
	font-family:Arial;
	font-size: 12px;
	color: #444444;
	line-height: 1em;
	margin-bottom: 8px;
}

#side .latestnews a:hover dl dt {
	color: #222222;
}

#side .latestnews dl dt span {
	margin-left:12px;
}

#side .latestnews dl dd {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #2044ac;
}

#side .latestnews dl dd p {
	margin-left:11px;
	margin-right:11px;
}

#side .latestnews a:hover dl dd p {
	color: #113395;
}


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

#ftr {
	width: 100%;
	clear: both;
}

#ftr #ftr_inr {
	width: 980px;
	margin: 0px auto;
	overflow: hidden;
}

#ftr .copy {
	float: left;
	width: 550px;
	height: 30px;
	font-size: 10px;
	background-position: 0px 16px;
}

#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 30;
}

#pagetop a {
	width: 60px;
	height: 60px;
	display: block;
	background-image: url(../news/img/icon_pagetop.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-color: #2847a5;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	behavior: url(/js/PIE.htc);
	position:relative;
	background-repeat: no-repeat;
	background-position: center center;
}

#pagetop a:hover {
	background-color: #395cc6;
}

/*newstop 20140407*/
.newstop a {
	position: absolute;
	height: 28px;
	width: 170px;
	top: 0px;
	left: 0px;
	text-align: center;
	background: #2847a5;
	line-height: 28px;
	color: #fff;

	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	behavior: url(/js/PIE.htc);
}
.newstop a:hover{
	background: #395cc6;
	text-decoration: none;
}

/* editor Font size 20140408*/
.large-font {
font-size: 22px;
}
.medium-font {
font-size: 14px;
}
.small-font {
font-size: 11px;
}