@charset "euc-jp";

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

Index
	01List Page
	02Detail Page
	03Style

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


/*กก01List Page
----------------------------------------------------------- */
/* Pic Area */
ul#PicArea{
	width:550px;
	text-align:center;
	margin:0px auto 20px;
	list-style:none;
	overflow:hidden;
}

ul#PicArea li{
	float:left;
	width:180px;
	margin:0px;
	padding:0px;
	text-align:left;
}
ul#PicArea li span{
	display:block;
	width:180px;
	height:140px;
	margin:0px auto;
	padding:0px;
	text-align:center;
}


ul#PicArea li span a img{
	vertical-align:top;
	border:0px;
}

ul#PicArea li p{
	clear:both;
	width:170px;
}
@media only screen and (max-width: 640px){
	ul#PicArea{
		width:auto;
		margin: 0 -10px;
		letter-spacing: -0.5em;
		overflow: hidden;
	}

	ul#PicArea li{
		float: none;
		display: inline-block;
		width:50%;
		margin:0 0 10px;
		padding:0 10px;
		letter-spacing: normal;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul#PicArea li span{
		width:auto;
		height:inherit;
	}
	ul#PicArea li p{
		width:auto;
	}
}

/* EventList Area */
div#contents dl#EventList{
	clear:both;
	width:550px;
	margin:0px;
	padding:5px 0 10px 0;
	border-top: 1px solid #cccccc;
}

/*div#contents dl#eventlistArea ul{
	width:540px;
	margin:0px auto;
	padding:0px;
	border-bottom: 1px dotted #CCCCCC;
}*/
div#contents dl#EventList dt{
	float:left;
	width:5em;
	height:1.4em;
	margin:0;
	padding:5px 0;
	text-align:left;
}

div#contents dl#EventList dd{
	display:block;
	margin:0;
	padding:5px 0;
	text-align:left;
	border-bottom: 1px #cccccc dotted;
}
@media only screen and (max-width: 640px){
	div#contents dl#EventList{width: auto;}
}

/* 02Detail Page
----------------------------------------------------------- */
div.TopicsInfo{
	width:550px;
	height:100%;
	margin:0px 0px 10px 0px;
	padding:0 0 10px 0;
	text-align:left;
	border:1px white dotted;
	_border:none;
	border-bottom:1px #cccccc solid;
}
@media only screen and (max-width: 640px){
	div.TopicsInfo{width: auto;}
}

/* Topics Title */

h3.TopicsTitle {
	clear:both;
	width:527px;
	margin:5px 0px 10px 0px;
	padding:10px;
	border:1px #999999 solid;
	border-left:3px #999999 solid;
}
h3.TopicsTitle strong{
	color:#FF6600;
	font-weight:bold;
}
@media only screen and (max-width: 640px){
	h3.TopicsTitle{width: auto;}
}

/* Photo Area */

dl.Topics {
	width:550px;
	float:right;
	margin: 0 0 10px 0;
	_margin: 0;
	padding: 0;
}
dl.Topics dt {
	float:right;
	text-align:left;
	padding:0 0 0 10px;
	_padding:0;
}
dl.Topics dt p{
	text-align:left;
}
dl.Topics dd{
	text-align:left;
	padding:0 0 0 10px;
}
dl.Topics dd.txt{
	padding:0;
}
dl.Topics dd.right{
	clear:both;
	float:right;
	text-align:right;
}
dl.Topics dd p{
	width:180px;
	text-align:left;
}
@media only screen and (max-width: 640px){
	dl.Topics {
		width:auto;
		float:none;
	}
	dl.Topics dt {
		float:none;
		margin: 0 0 15px;
		padding:0;
		text-align: center;
	}
	dl.Topics dd.right{
		float:none;
		margin: 0 0 15px;
		text-align: center;
	}
	dl.Topics dd p{
		width:auto;
	}
}


/* Related Link Area */

div.TopicsInfo div.RelatedLink h5{
	width:540px;
	margin:0;
	padding:15px 0 0 0;
	color:#FF6600;
	font-weight:bold;
}
div.TopicsInfo div.RelatedLink ul.txtLink{
	width:540px;
	text-align:left;
}
div.TopicsInfo div.RelatedLink ul.txtLink li{
	width:540px;
	text-align:left;
}
@media only screen and (max-width: 640px){
	div.TopicsInfo div.RelatedLink h5,
	div.TopicsInfo div.RelatedLink ul.txtLink,
	div.TopicsInfo div.RelatedLink ul.txtLink li{
		width:auto;
	}
}
/*กก03Style
----------------------------------------------------------- */

p{
	font-size:100%;
	text-align:left;
	line-height:150%;
}

.txt01{
	font-size:83.3%;
}