@charset "UTF-8";
/*

* Theme Name: Linkshare
* Last Update: Jan 25 2013
* Version: 0.1
* Author: Linkshare
* Author URI: http://www.linkshare.ne.jp/
* Copyright Copyright © LinkShare Japan K.K. All Rights Reserved.

*/



/*
----------------------------
 Page Title
----------------------------
*/

#pagetitleOuter
{
	width: 100%;
		min-height: 93px;
		height: auto !important;
		height: 93px;
		text-align: center;
		clear: both;	
	background: #fff url(../_images/contents/bg_pageTitle.jpg) repeat-x bottom left;
	
}

	.ie7 #pagetitleOuter {background: #fff url(../_images/contents/bg_pageTitle.jpg) repeat-x bottom left;}
	.ie8 #pagetitleOuter {background: #fff url(../_images/contents/bg_pageTitle.jpg) repeat-x bottom left;}
	.ie9 #pagetitleOuter {background: #fff url(../_images/contents/bg_pageTitle.jpg) repeat-x bottom left;}

@media screen and (max-width:640px){
	#pagetitleOuter{
		min-height: 50px;
		height: auto !important;
		height: 50px;
		/*background: url(../_images/contents/bg_pageTitle_sp.jpg) repeat-x bottom left;*/
	}
}

	#pagetitleInner {
		width: 980px;
		padding-bottom: 10px;
		margin: 0 auto;
		text-align: left;
		/*position: relative;*/
	}

	#pagetitleInner .pageTitle{
		font-size: 30px;
		font-size: 3rem;
		font-weight: bold;
		/*position: absolute;
			top:42px;*/
			clear: both;
	}



@media screen and (max-width:640px){
	#pagetitleInner {
		width: 93.7%;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		/*line-height: 50px;*/
		/*padding-top: inherit;*/
		padding-left: 10px;
		padding-top: 20px;
		padding-bottom: 10px;
		position: inherit;
	}
	#pagetitleInner .pageTitle{
		font-size: 24px;
		font-size: 2.4rem;
		position: inherit;
		/*line-height: 50px;*/
	}
}

#breadcrumb{/*
	position: absolute;
		top:13px;
		*/
		width: 100%;
		clear: both;
		margin-top: 13px;
		padding-bottom: 30px;
}

#breadcrumb ul li{
	font-size: 12px;
	font-size: 1.2rem;
	float: left;
	color: #666;
}

#breadcrumb ul li a{
	color: #666;
}

/*0<=640 #breadcrumb 非表示*/
@media screen and (max-width:640px){
	#breadcrumb{display: none;}
}


/*
----------------------------
 contents
----------------------------
*/

#contentsOuter{
	width: 100%;
	text-align: center;
	clear: both;
	/*border-top: 1px #c2d1cc solid;*/
}

#contentsInner{
	width: 980px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	padding-top: 30px;
}

@media screen and (max-width:640px){
	#contentsInner {
		width: 100%;
		padding-top: 10px;
	}
}


#contentsInner2{
	width: 100%;
	margin: 0;
	clear: both;
	padding-top: 30px;
}


/*
----------------------------
#mainOuter
----------------------------
*/

#mainOuter{
	width: 730px;
	float: left;
}

@media screen and (max-width:640px){
	#mainOuter {
		width: 100%;
		clear: both;
		text-align: center;
	}
	#mainInner {
		width: 100%;
		clear: both;
		margin: 0 auto;
		text-align: center;
	}
}

/*
----------------------------
#mainVisual
----------------------------
*/

	#mainVisual {
		width: 100%;
		/*height: 338px;*/
		height: auto;
		text-align: center;
		margin-bottom: 20px;
	}

	#mainVisualInner {
		width: 730px;
		/*	width: 100%; Flud on */
		/*height: 338px\
		/*	height: auto; Flud on */
	/*	border: 1px solid #c2d1cc;*/
		text-align: center;
	}

	#mainVisual img {
		/*width: 720px*/
		/*	width: 98.6%; Flud on */
		/*height: 328px;*/
		/*	height: 328; Flud on */
		margin: 4px auto;
		border: 1px solid #c2d1cc;
		padding: 4px;
	}


@media screen and (max-width:640px){
	#mainVisual {
		width: 100%;
		height: auto;
		border: none;
		margin-bottom: 10px;
		text-align: center;
	}
	#mainVisualInner {
		width: 97.35%;
		padding: 10px;
		height: auto;
		text-align: center;
		/*line-height: 140px;*/

	}
	#mainVisual img{
		width: 290px;
		/*width: 290px;
		height: 130px;*/
		/*margin: 4px;*/
				border: 1px solid #c2d1cc;
				padding: 4px;
					margin: 0 auto;
	}
}


/*
----------------------------
	.post
----------------------------
*/


.post{
	width: 100%;
	margin-bottom: 20px;
	clear: both;
}


@media screen and (max-width:640px){
	.post{
		margin-bottom: 5px;
		text-align: center;
	}
}

/*
----------------------------
.post .postBody
----------------------------
*/

.post .postBody{
	font-size: 14px;
	font-size: 1.4rem;
		width: 100%;
		margin: 0 auto;
		text-align: left;
}

@media screen and (max-width:640px){
	.post .postBody{
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 0;
	}
}

/*
----------------------------
post normal
----------------------------
*/

.postBody .normal{
	background: #fff;
	clear: both;
	margin-bottom: 10px;
	padding: 0px 0;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.postBody .normal{
			/*width: 93.75%;*/
			margin: 0px auto 0px;
			padding: 10px 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
}



/*
----------------------------
Border
----------------------------
*/

.postBody .border
	{
		display: block;
		border: 1px solid #C2D1CC;
		padding: 10px;
		margin-bottom: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}

.ie7 .postBody .border{margin-bottom: 0;}

@media screen and (max-width:640px){
		.postBody .border{
		width: 93.75%;
		margin: 10px auto 20px;
		padding: 10px 10px;
	}
}


/*
----------------------------
Fill
----------------------------
*/

.postBody .fill{
	background: #edf1f0;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.postBody .fill{
		width: 93.75%;
		margin: 10px auto 20px;
		padding: 10px 10px;
	}
}

/*
----------------------------
.fillalert
----------------------------
*/

.postBody .fillalert{
	background: #f9e5e5;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.postBody .fillalert{
		width: 93.75%;
		margin: 10px auto 20px;
		padding: 10px 10px 10px;
	}
}

/*
----------------------------
.fill white
----------------------------
*/

.postBody .fillwht{
	background: #fff;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.postBody .fillalert{
		width: 93.75%;
		margin: 10px auto 20px;
		padding: 10px 10px 10px;
	}
}

/*
----------------------------
.fill red
----------------------------
*/

.postBody .fillred{
	background: #ffd3d5;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.postBody .fillred{
		width: 93.75%;
		margin: 10px auto 20px;
		padding: 10px 10px 10px;
	}
}



/*
----------------------------
カラム設定
----------------------------
*/

.clm{ zoom: 1;}
.clm:before,
.clm:after	{ display: table; *display: inline; content: ""; zoom: 1; }
.clm:after	{ clear: both; }
.clm,
.clm2-1,
.clm2-last,
.clm3-1,
.clm3-last
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.clm{
		width:100%;
		margin: 10px auto 20px;
		clear: both;
		text-align: center;
	}
}


.clm2-1{
	width: 48.6%;
	margin-right: 20px;
	float: left;
}

.clm2-last{
	width: 48.6%;
	float: left;
	margin-right: 0;
}

.ie7 .clm2-1.border{
	width: 45%;
	display:inline;
	zoom:1;
}
.ie7 .clm2-last.border{
	width: 45%;
	display:inline;
	zoom:1;
}

.ie7 .clm2-1.fill{
	width: 45%;
	display:inline;
	zoom:1;
}

.ie7 .clm2-last.fill{
	width: 45%;
	display:inline;
	zoom:1;
}

@media screen and (max-width:640px){
	.clm2-1,
	.clm2-last
	{
		width: 100%;
		margin: 10px auto 10px;
		clear: both;
		text-align: left;
	}
}


@media screen and (max-width:640px){
	.clm2-1.fill,
	.clm2-last.fill,
	.clm2-1.border,
	.clm2-last.border
	{
		width: 100%;
		margin: 10px auto 10px;
		clear: both;
		text-align: left;
	}
}

.clm3-1{
	width: 31.5%;
	float: left;
	margin-right: 20px;
}

.clm3-last{
	width: 31.5%;
	float: left;
	margin-right: 0;
}

@media screen and (max-width:640px){
	.clm3-1,
	.clm3-last{
		width: 100%;
		margin: 10px auto 10px;
		clear: both;
		text-align: left;
	}
}

/*
----------------------------
#pageMeta
----------------------------
*/


#pageMeta{
	width: 100%;
	height: 40px;
	clear: both;
	border-bottom: 1px solid #c2d1cc;
	border-top: 1px solid #c2d1cc;
	text-align: center;
	margin-bottom: 20px;
}

#pageMetaInner{
	width: 730px;
	height: 40px;
	position: relative;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}

@media screen and (max-width:640px){
	#pageMetaInner{
		width: 93.75%;
		margin: 0 auto;
	}
}

#pageMetaPrev 
{
	display: block;
	position: absolute;
	left: 0;
	top:0;
	height: 40px;
	line-height: 40px;
	width: 100px;
}

#pageMetaPrev a
{
	background: url(../_images/contents/ar_prev.gif) no-repeat left 50%;
	padding-left: 15px;
	height: 1.4rem;
	line-height: 1.4rem;
	text-decoration: none;
}

#pageMetaNext
{
	position: absolute;
	right: 0;
	top:0;
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

#pageMetaNext a
{
	background: url(../_images/contents/ar_next.gif) no-repeat right 50%;
	padding-right: 15px;
	height: 1.4rem;
	line-height: 1.4rem;
	text-decoration: none;
}

#pageMetaReturn
{
	margin: 0 auto;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 100px;
}

#pageMetaReturn a
{
	text-decoration: none;
}

#pageMetaPrev a:hover,
#pageMetaNext a:hover,
#pageMetaReturn a:hover
{
	text-decoration: underline;
}



/* 1406チャンネル追加作業 */

.Chbox { width:365px; float:left; height:100px; overflow:hidden; }
.Chboxinner { padding:15px 15px 15px 0; }
.Chthum { width:86px; float:left; margin-right:10px; }
.Chthumliner { border:1px solid #e4e4e4; padding:2px; }
.Charcdate { font-size:1.0em; color:#bf0000; }
.Charctitle { font-size:1.0em; }

@media screen and (max-width:640px){
.Chbox { width:100%; float:none; text-align:left; }
.Chboxinner { padding:15px; }
}


button.ChSearchbttop {
	font-family: "lr oSVbN", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", Osaka, sans-serif;
	font-size: 14px;
	font-weight:normal;
	letter-spacing: 0;
	color: #ffffff;
	padding: 3px 5px;
	width:50px;
	height:25px;
	background: -moz-linear-gradient(
		top,
		#545454 0%,
		#3c3c3c 50%,
		#282828 50%,
		#151515);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#545454),
		color-stop(0.50, #3c3c3c),
		color-stop(0.50, #282828),
		to(#151515));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #151515;
	-moz-box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(117,6,12,1),
		0px 1px 0px rgba(255,255,255,0.2);
	background-color:#282828;
	cursor:pointer;
	text-shadow:none;
}


#ChSearchtboxtop { width:110px; border:1px solid #c6c6c6; font-size:1.2em; padding: 4px 5px; margin-right:5px; }
#ChCatboxtop { width:185px; border:1px solid #c6c6c6; font-size:1.2em; padding: 4px 5px; }

#Chsearchwrap { background-color:#eeeeee; padding:0 10px; }
#Chsearchwrap table { float:left; width:340px; }
#Chsearchwrap table td { padding:0px; }

@media screen and (max-width:640px){
#Chsearchwrap table { float:none; width:100%; margin-top:5px; }
}

.Chsearchtitle { font-weight:bold; margin-top:5px; }