@charset "euc-jp";

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

Index
	01Title Area
	02allblogArea
	03performerArea




/*¡¡01Title Area
----------------------------------------------------------- */

div#contents div#titleArea{
	width:550px;
}

div#contents div#titleArea div#h2Area{
	width:550px;
	background: url(../../casterblog/images/title.gif) no-repeat left top;
	margin: 0px 0px 0px 0px;
	height: 60px;
}

div#contents div#titleArea div#h2Area h2{
	font-size:116.66%;
	text-align:left;
	padding:25px 0px 0px 0px;
	margin: 0px;
	text-indent:10px;
	}
	
div#contents div#blogheaderArea{
	width:550px;
	margin:0px;
	height:152px;
	/*background: url(../../casterblog/images/title_bg.jpg) no-repeat left top;*/
	border-bottom: 1px solid #CCCCCC;
}

div#contents div#blogheaderArea h3 {
	font-size:133.33%;
	font-weight:bold;
	color:#00a0e9;
	margin:0 0px 0px 0px;
	_margin:120px 0px 0px 0px;
	padding:120px 0 0 0;
	_padding:0;
}

@media only screen and (max-width: 640px){
	div#contents div#blogheaderArea{
		width:auto;
		height: inherit;
		padding: 27.6363% 0 0;
		-webkit-background-size: 100% auto!important;
		background-size: 100% auto!important;
	}
	div#contents div#blogheaderArea h3 {
		padding: 0;
	}
}



/* 02allblogArea
----------------------------------------------------------- */
div#allblogArea{
	width:550px;
	text-align:left;
	margin:10px auto 10px auto;
	padding:0 0 10px 0;
	border-bottom:1px #cccccc solid;
	clear:both;
}

div#allblogArea div.mainArea{
	float:left;
	width:550px;
}

div#allblogArea div.mainArea div.dayblogArea{
	clear:both;
	width:550px;
	margin:0px 0px 40px 0px;
	text-align:left;
}

div#allblogArea div.mainArea div.dayblogArea div.photo{
	max-width:240px;
	clear:right;
	float:right;
	margin:0 0 5px 15px;
}

div#allblogArea div.mainArea div.dayblogArea div.photo img{
	display:block;
	margin-bottom:2px;
}

div#allblogArea div.mainArea div.dayblogArea div.photo p.caption{
	display:inline;
	line-height:1.3;
}

div#allblogArea div.mainArea div.dayblogArea div.photo p.caption:before{
	content:"¢¥";
}


div#allblogArea div.mainArea div.dayblogArea h4{
	width:530px;
	margin:0px 0px 15px 0px;
	padding:10px 10px 5px;
	font-size:133.33%;
	color:#FF6600;
	font-weight:bold;
	border-bottom: 1px solid #ff6600;
	background:url(../../performerblog/images/bk_dayblogttl.jpg) repeat-x center bottom;
}

@media only screen and (max-width: 640px){
	div#allblogArea,
	div#allblogArea div.mainArea,
	div#allblogArea div.mainArea div.dayblogArea,
	div#allblogArea div.mainArea div.dayblogArea h4{
		float: none;
		width: auto;
	}
	div#allblogArea div.mainArea div.dayblogArea div.photo{
		float: none;
		margin: 0 auto 15px;
	}
}

/* Right Side */

div.rightside{
	float:right;
	width:180px;
	margin:0 20px 10px 0;
}

div.rightside div.calender{
	width:180px;
	margin:0px auto 5px;
	overflow:hidden;
	zoom:1;
}

div.rightside div.calender table caption{
	width:180px;
	padding:6px 0 4px;
	color:white;
	text-align:center;
	font-size:100%;
	line-height:1;
	background-color:#646464;
	border-radius: 5px;		/* CSS3Áð°Æ */
	-webkit-border-radius: 5px;/* Safari,Google ChromeÍÑ */
	-moz-border-radius: 5px;	/* FirefoxÍÑ */
}

div.rightside div.calender table{
	width:180px;
	font-size: 116.666%;
}

div.rightside div.calender table th{
	text-align:center;
}

div.rightside div.calender table td{
	text-align:center;
	color:#ff6600;
}

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

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

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

div.rightside h3{
	width:180px;
	margin: 10px 0 0;
	padding:6px 0 4px;
	color:white;
	text-align:center;
	font-size:100%;
	line-height:1;
	background-color:#646464;
	border-radius: 5px;		/* CSS3Áð°Æ */
	-webkit-border-radius: 5px;/* Safari,Google ChromeÍÑ */
	-moz-border-radius: 5px;	/* FirefoxÍÑ */
}

div.rightside div.profile{
	width:180px;
	margin:0px auto 5px;
}
div.rightside div.profile p.photo{
	margin: 5px 0 0;
	text-align: center;
}
div.rightside div.profile .name{
	margin: 5px 0;
	font-size: 114.285%;
}
div.rightside div.profile .common-btn{
	margin: 0;
}
div.rightside div.history{
	width:180px;
	margin:0px auto 5px;
}

div.rightside div.history ul{
	width:180px;
	margin:0px;
	padding:0px;
}

div.rightside div.history li{
	display:block;
	width:170px;
	margin:0px;
	padding:2px 0 3px 10px;
	font-size:83.33%;
	background: url(../images/arrow.gif) no-repeat left 0.6em;
	border-bottom:1px #cccccc dotted;

}

div.rightside div.history li a{
	display:block;
	width:170px;
}

div#allblogArea div.clear{
	clear:right;
	width:540px;
	line-height:0;
	height:1px;
}

@media only screen and (max-width: 640px){
	div.rightside{float: none;width: auto;margin: 30px 0 0;}
	div.rightside *{width: auto!important;}
	div.rightside div.calender table{width: 100%!important;}
}



/* 03performerArea
----------------------------------------------------------- */
div#contents div#performerArea{
	width:532px;
	margin:0px auto 5px auto;
	text-align:left;
}

div#contents div#performerArea div.CenterLeft{
	width:350px;
	float:left;
}

div#contents div#performerArea div.left{
	width:165px;
	float:left;
	border: 1px solid #CCCCCC;
	height:220px;
min-height:220px;
	text-align:center;
}

div#contents div#performerArea div.left img{
	width:87px;
	margin:5px auto 0px auto;
}

div#contents div#performerArea div.left h4{
	width:155px;
	margin:5px auto 5px auto;
	font-size:83.33%;
	text-align:center;
	color:#FF6600;
}

div#contents div#performerArea div.left p{
	width:155px;
	margin:0px auto 0px auto;
	font-size:83.33%;
	text-align:left;
}

div#contents div#performerArea div.center{
	width:165px;
	float:right;
	border: 1px solid #CCCCCC;
	height:220px;
min-height:220px;
	text-align:center;
}

div#contents div#performerArea div.center img{
	width:87px;
	margin:5px auto 0px auto;
}

div#contents div#performerArea div.center h4{
	width:155px;
	margin:5px auto 5px auto;
	font-size:83.33%;
	text-align:center;
	color:#FF6600;
}

div#contents div#performerArea div.center p{
	width:155px;
	margin:0px auto 0px auto;
	font-size:83.33%;
	text-align:left;
}

div#contents div#performerArea div.right{
	width:165px;
	float:right;
	border: 1px solid #CCCCCC;
	height:220px;
	min-height:220px;
	text-align:center;
}

div#contents div#performerArea div.right img{
	width:87px;
	margin:5px auto 0px auto;
}

div#contents div#performerArea div.right h4{
	width:155px;
	margin:5px auto 5px auto;
	font-size:83.33%;
	text-align:center;
	color:#FF6600;
}

div#contents div#performerArea div.right p{
	width:155px;
	margin:0px auto 0px auto;
	font-size:83.33%;
	text-align:left;
}

div#contents div#performerArea div.clear{
	clear:both;
	line-height:0;
	height:0;
}