@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: Tochigi TV
	Author: Yamazen Communications co.,ltd.
	Comment: second_pages common style
	Since2012.6
----------------------------------------------------------- */
	
/*Index
	1.structure
	2.title
	3.pagenavi
	4.sidemenu/local navi
	5.sidemenu/sns
	6.sidemenu/banner
	
----------------------------------------------------------- */

.common-btn{
	display: block;
	margin: 30px 0;
	padding: 10px;
	text-align: center;
	border: 1px solid #999;
}
.common-btn:hover{
	color: #fff;
	border: 1px solid #ff6400;
	background: #ff6400;
}

/*1.structure
------------------------------------------------------------*/
/*width*/
div#wrapper       {width:100%;}
div#container     {width:790px;}
h2#catetitle      {width:750px;}
p#pagenavi        {width:735px;}/*catetitle-15px*/
h2#catetitle span {width:740px;}/*catetitle-10px*/
div#contents      {width:550px;}
div#sns_btn       {width:300px;}
div#sidemenu,
ul#localnavi,
div#twitter,
div#facebook,
ul#sidebanner,
ul#sidebanner li  {width:180px;}
ul#localnavi li   {width:140px;}/*ul#local-45px*/


body {background:#f0f0f0 url(../images/bk_shadow.jpg) repeat-y center top;}

div#subnavi{margin-bottom:10px;}

div#wrapper {
	margin:0 auto;
	text-align:left;
}

div#container {
	margin:5px auto 0;
	padding:10px 20px 0;
	text-align:left;
}
div#contents {
	clear:none;
	float:left;
	margin:0 0 0 20px;
	*margin:0 0 0 10px;
	padding:0;
	text-align:left;
	vertical-align:top;
}

div#sidemenu{
	float:right;
	margin:0 20px 0 0;
	*margin:0 10px 0 0;
}

@media only screen and (max-width: 640px){
	div#container {
		width:auto;
		padding: 10px 10px 0;
	}
	div#contents{
		float: none;
		width: auto;
		margin: 0;
	}
	div#skyscraper,
	div#sidemenu{
		display: none;
	}

}

/* 2.title
------------------------------------------------------------*/
/* category title */
h2#catetitle {
	margin: 20px auto 15px;
	background: none;
	-webkit-box-shadow: inset 5px 5px 10px #d0d0d0;
	box-shadow: 5px 5px 10px #d0d0d0;
}
h2#catetitle span{
	display:block;
	font-size:83.33%;
	margin:-10px 0 0 0;
	padding:15px 0 20px 10px;
	border: 1px solid #e8e8e8;
}

h2#catetitle span img{
	display:block;
	padding-bottom:5px;
}

@media only screen and (max-width: 640px){
	h2#catetitle{
		width: auto;
		margin: 20px auto 15px;
	}
	h2#catetitle span{
		width: auto;
	}
}



/* page title */
h3.pagetitle {
	clear:both;
	width:527px;
	margin:0 0 10px 0px;
	padding:10px;
	color:#0096ff;
	border:1px #999999 solid;
	border-left:3px #999999 solid;
	background-color:#ffffff;
}
h3.pagetitle strong{
	color:#ff6600;
	font-weight:bold;
}
@media only screen and (max-width: 640px){
	h3.pagetitle {width: auto;}
}

/* Sub Title */
div#contents h3.subTitle {
	clear:both;
	width:537px;
	margin:5px 0px 10px 0px;
	padding:10px 0 10px 10px;
	border:1px #999999 solid;
	border-left:3px #999999 solid;
}
div#contents h3.subTitle strong{
	font-weight:bold;
}
@media only screen and (max-width: 640px){
	div#contents h3.subTitle {width: auto;}
}


/*sns_btn*/
div#sns_btn{
	width: 750px;
	margin: -63px auto 30px;
	padding: 0 20px 0 0;
	text-align: right;
}

div#sns_btn span{
	display:inline-block;
	*display:inline;
	overflow:hidden;
	vertical-align:top;
	zoom:1;
}
	
div#sns_btn span#btn_facebook{width:100px;}
div#sns_btn span#btn_google  {width:65px;}
div#sns_btn span#btn_twitter {width:115px;}

@media only screen and (max-width: 640px){
	div#sns_btn{
		width: auto;
		margin: 0 auto 30px;
		padding: 0;
		text-align: center;
	}
}



/* 3.pagenavi
------------------------------------------------------------*/
p#pagenavi {
	margin:0 auto;
	padding:0 0 0 15px;
	text-align:left;
	background:url(../images_new/common/arrow01.gif) no-repeat left 0.35em;
}


@media only screen and (max-width: 640px){
	p#pagenavi{
		width: auto;
	}	
}
/* 4.sidemenu/local navi
------------------------------------------------------------*/
ul#localnavi{
	margin:15px auto;
	padding:0;
	border:1px #aaaaaa solid;
	background-color:#ffffff;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);　      /* CSS3草案 */ 
	-moz-box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);　 /* Firefox用 */  
    -webkit-box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);/* Safari,Google Chrome用 */  
}


ul#localnavi li{
	margin:6px auto 0;
	padding:0 15px 6px 25px;
	border-bottom:1px #cccccc dotted;
	background:url(../images_new/common/arrow01.gif) no-repeat 10px 0.5em;
}


/* 5.sidemenu/sns
------------------------------------------------------------*/
div#twitter,
div#facebook{
	margin-bottom:15px;
	background-color:#ffffff;
	box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);　      /* CSS3草案 */ 
	-moz-box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);　 /* Firefox用 */  
    -webkit-box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);/* Safari,Google Chrome用 */ 
}

/* 6.sidemenu/banner
------------------------------------------------------------*/
ul#sidebanner{
	margin-top:15px;
}
ul#sidebanner li{
	margin-bottom:5px;
}


/*skyscraper*/
div#skyscraper{
	position:absolute;
	width:120px;
	top:180px;
	margin-left:820px;
	*margin-left:220px;
}


ul#relatedcontents{
	display:none;
}