@charset "euc-jp";

/* -----------------------------------------------------------
	Site Name: Tochigi TV
	Author: Yamazen Communications co.,ltd.
	Comment: Common Structure
	Since2008

Index
	01SearchArea
	02SummaryArea

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

strong {
    font-weight: bold;
}
.coution {
    font-size: 83.33%;
    margin: 2px 0 5px;
    padding: 0;
}

/* 01SearchArea
----------------------------------------------------------- */
div#searchArea{
	margin:0 auto;
	text-align:left;
}

/* calender */

div#searchArea div.calender{
	float:left;
	width:400px;
	margin:0 10px;
	padding: 10px 20px 20px;
	font-size: 116.666%;
	border: 1px solid #ccc;
}

div#searchArea div.calender table{
	width:100%;
}

div#searchArea div.calender table caption{
	text-align:center;
	margin:0 0 5px;
	padding:0;
	font-size: 128.571%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
div#searchArea div.calender table th{
	text-align:center;
	margin:0;
	padding:0;
}

div#searchArea div.calender table td{
	color:#FF6600;
	text-align:center;
	margin:0;
	padding:0;
}

/* calender next and previous */

div#searchArea div.calender ul{
	margin:3px auto 0px auto;
	padding:0px;
	border-top: 1px solid #999999;
}

div#searchArea div.calender ul li.back{
	float:left;
	width:75px;
	margin:0px;
	padding:0px;
	text-align:left;
	list-style:none;
}

div#searchArea div.calender ul li.next{
	float:right;
	width:75px;
	margin:0px;
	padding:0px;
	text-align:right;
	list-style:none;
}

div#searchArea div.right{
	width:500px;
	float:right;
	padding: 10px 20px 20px;
	border: 1px solid #ccc;
}
div#searchArea div.right .caption{
	text-align:center;
	margin:0 0 5px;
	padding:0;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
div#searchArea div.right table{
	width:100%;
	margin:0px auto 0px auto;
}

div#searchArea div.right table td{
	text-align:left;
	margin:0;
	padding:2px 0px;
	vertical-align:top;
}

div#searchArea div.right p{
	font-size:83.33%;
	text-align:left;
	border-bottom: 1px solid #999999;
	margin-bottom:5px;
}

div#searchArea div.right div.button{
	text-align:center;
}
div#searchArea div.right div.button input{
	display: block;
	width: 100%;
	margin: 30px 0 0;
	padding: 10px;
	color: #fff;
	font-size: 116.666%;
	text-decoration: underline;
	text-align: center;
	background: #0096ff;
	border: none;
	cursor:  pointer;
	appearance: none;
}
div#searchArea div.right div.button input:hover{
	color: #fff;
	text-decoration: none;
	background: #ff6400;
}
div#searchArea div.clear{
	clear:both;
	height:0;
	line-height:0;
}
@media only screen and (max-width: 640px){
	div#searchArea div.calender,
	div#searchArea div.right{
		float: none;
		width: auto;
		margin: 0 0 30px;
	}	
}

/* 02SummaryArea
----------------------------------------------------------- */
h3#Date {
	margin:10px 0 5px 5px;
	paddign:0;
	text-align:left;
}

div#SummaryArea{
	margin:0px auto 10px auto;
}

div#SummaryArea table{
	width:100%;
	margin:0px auto 0px auto;
	border-left:1px #cccccc solid;
	border-top:1px #cccccc solid;
}

div#SummaryArea table td{
	background:#FFFFFF;
	text-align:left;
	padding:2px;
	vertical-align:top;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}

div#SummaryArea table td.caption{
	text-align:center;
	color:#333333;
	background-color:#dcdcdc;
}

div#SummaryArea table td.time{
	text-align:right;
}

div#SummaryArea table td img{
	float:right;
	margin-left:2px;
}


/* notesArea
----------------------------------------------------------- */
div#notesArea{
	margin:5px auto 10px auto;
	font-size:83.33%;
	text-align: center;
}

div#notesArea img{
	margin-right:3px;
	margin-left:3px;
}


/* List Page
----------------------------------------------------------- */
div#DateList {
	width:550px;
	min-height:5em;
	margin:0px auto 10px auto;
	padding:0;
	border-bottom:1px #cccccc solid;
}

div#DateList ul{
	width:550px;
	margin:0;
	padding:0;
}

div#DateList ul li{
	float:left;
	width:170px;
	padding:5px 0 5px 10px;
	background:url(../images/arrow.gif) no-repeat left 0.7em;
	border-top:1px #dddddd dashed;
}
div#DateList ul li.firstchild{
	width:540px;
	margin:0;
	padding:0;
	border-top:none;
	background:none;
}


/* week
----------------------------------------------------------- */
#week{
	width: 100%;
	margin: 30px 0 0;
	overflow: auto;
}
#week table{
	width: 100%;
	min-width: 960px;
	border-top: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
}
#week th,
#week td{
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
#week th{
	text-align: center;
}
#week th a{
	display: block;
	padding: 5px 10px;
}
#week td{
	padding: 5px 10px;
	vertical-align: top;
}
#week td ul li{
	margin: 0 0 10px;
}
#week td ul li .time{
	display: block;
	color: #999;
}
#week .sat{
	background: #3264b4;
}
#week .sun{
	background: #c80000;
}
#week .sat a,
#week .sun a{
	color: #fff;
}
#week td:nth-child(even){
	background: #e6f5ff;
}
#week .week-pager{
	letter-spacing: -0.4em;
	text-align: center;
}	
#week .week-pager li{
	display: inline-block;
	width: 40%;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}	
#week .week-pager li .common-btn{width: 100%;}	
\
#week .week-pager li a{
	color:white;
	background:#00a0e9;
}