@charset "SHIFT_JIS";

@media only screen and (max-width: 767px){
#contentBody img{
	max-width:100%;
	height:auto;
}
.pcNone{
	display: block;
}
.spNone{
	display: none;
}
.tabBlock{
	display: none;
}
#contentBody .paddingTypeA{
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*------------------------------------------------------
layout
------------------------------------------------------*/

/* contentAll
--------------------------------------------------*/
#contentAll{
	width:100%;
	}
	#contentAll.popUp{
	width:100%;
	}
	
	
/* contentHead
--------------------------------------------------*/
#contentHeadPR{
	width:100%;
	height: auto;
	padding: 10px;
	background-image:none;
	background-color: #dddddd;
	min-width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}

/* contentHead
--------------------------------------------------*/
#contentHead{
	width:100%;
	margin-bottom: 10px;
	padding:5px 0px 0px 0px;
	background:transparent url(../head_foot/image/sp_head_bg.gif) repeat-x left top;
	background-size: 640px 4px;
	-webkit-background-size: 640px 4px;
	-moz-background-size: 640px 4px;
	border-bottom: 1px solid #999999;
	min-width:100%;
	height:auto;
	min-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
	#contentHead.popUpH{
	width:100%;
	padding:5px 0px 0px 0px;
	background:transparent url(../head_foot/image/popup_bg.gif) no-repeat left top;
	min-width:100%;
	height:auto;
	min-height: 30px;
	}
	#contentHead.popUp2010{
	width:100%;
	padding:5px 0px 0px 0px;
	background:transparent url(../head_foot/image/popup_bg2.gif) no-repeat left top;
	min-width:100%;
	height:auto;
	min-height: 30px;
	}
	/*#contentHead*/
	.magazineH,
	.digitalH,
	.booksH{height:16px !important;}
	.popUpH{height:30px !important;}

	#contentHead .spMenu{
		right: 10px;
		position: absolute;
		top: 7px;
	}
	#contentHead .spMenu img{
		width: 100%;
		max-width: 39px;
		height: auto;
	}
	#contentHead ul#quickNavi,
	#contentHead div#fontChange{
		display: none;
	}


/* contentBody
--------------------------------------------------*/
#contentBody{
	width:100%;
	margin-bottom:15px;
	}
	#contentBody.popUp{
		width:100%;
		margin-bottom:8px;
		}



	/* contentBodyMain
	--------------------------------------------------*/
	#contentBodyMain{
		width:100%;
		}
		#contentBodyMain.popUp{
			width:100%;
			}
		.magTop{
			width:100% !important;
			margin-top:10px;
			}
			
	#contentBodyMain.magTop div.BlockL{width:100%;float:none;}
	#contentBodyMain.magTop div.BlockR{width:100%;float:none;}


/* contentFoot
--------------------------------------------------*/
#contentFoot{
	width:100%;
	margin-bottom:5px;
	}
	#contentFoot.popUp{
		width:100%;
		margin-bottom:5px;
		}
	#contentFoot.popUp2010{
		width:100%;
		margin-bottom:5px;
		}

	#contentFoot .spFootNavi p{
		background-color: #999999;
	}
	#contentFoot .spFootNavi p,
	#contentFoot .spFootNavi ul li{
		text-align: center;
	}
	#contentFoot .spFootNavi ul{
		width: 100%;
		border-top: 1px solid #fff;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#contentFoot .spFootNavi ul li{
		width: 25%;
		border-left: 1px solid #fff;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#contentFoot .spFootNavi ul li:first-child{
		border-left: none;
	}
	#contentFoot .spFootNavi p a,
	#contentFoot .spFootNavi ul li a{
		display: block;
		padding: 14px 0;
		text-decoration: none;
	}
	#contentFoot .spFootNavi p a > span,
	#contentFoot .spFootNavi ul li a > span{
		background: url(../top/image/sp_search_icon.png) no-repeat left center;
		background-size: 12px 12px;
		-webkit-background-size: 12px 12px;
		-moz-background-size: 12px 12px;
		padding-left: 17px;
		color: #fff;
		font-size: 12px;
	}
	#contentFoot .spFootNavi ul li:nth-of-type(1){
		background-color: #5cad5c;
	}
	#contentFoot .spFootNavi ul li:nth-of-type(2){
		background-color: #33adad;
	}
	#contentFoot .spFootNavi ul li:nth-of-type(3){
		background-color: #5c85d6;
	}
	#contentFoot .spFootNavi ul li:nth-of-type(4){
		background-color: #ad85d6;
	}
	#contentFoot .TopCopyright.pcNone{
		width: 100%;
		float:none;
		text-align: center;
		margin: 0px;
	}
	#contentFoot .TopCopyright.pcNone img{
		width: 100%;
		max-width: 133px;
		height: auto;
	}

div#contentBody .box1,div#contentBody .box2{ width: 100% !important; margin: 0!important;}


/*------------------------------------------------------
parts
------------------------------------------------------*/
	
	/*a.otherListLink*/
	#contentBody a.otherListLink{
		display:block;
		padding:5px 0px 5px 18px;
		font-size:100%;
		background:none;
		text-decoration:none;
		color:#000099;
		line-height:normal;
		border: 1px solid #009cda;
		border-radius: 5px;
		color: #fff;
		text-decoration: none;
background: #00a4df; /* Old browsers */
background: -moz-linear-gradient(top,  #00a4df 0%, #006dbe 50%, #00379e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a4df), color-stop(50%,#006dbe), color-stop(100%,#00379e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a4df 0%,#006dbe 50%,#00379e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a4df 0%,#006dbe 50%,#00379e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a4df 0%,#006dbe 50%,#00379e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00a4df 0%,#006dbe 50%,#00379e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4df', endColorstr='#00379e',GradientType=0 ); /* IE6-9 */
	}
	#contentBody a.otherListLink > span{
		background: url(../top/image/sp_search_icon.png) no-repeat left center;
		background-size: 12px 12px;
		-webkit-background-size: 12px 12px;
		-moz-sbackground-size: 12px 12px;
		padding-left: 20px;
	}
	/*a.otherListLinkA*/
	#contentBody a.otherListLinkA{
		display:block;
		padding:1px 0px 1px 18px;
		font-size:100%;
		background:transparent url(../content/image/sp_search_icon.gif) no-repeat 0px 0.2em;
		text-decoration:none;
		color:#000099;
		line-height:normal;
		min-height:15px;
		_height:15px;
	}
	
	
	/*a.magazineListLink*/
	#contentBody a.magazineListLink{
		display:inline;
		padding:5px 0px 5px 18px;
		font-size:100%;
		background:transparent url(image/icon_arrow_mag.gif) no-repeat 0px 0.4em;
		text-decoration:none;
		color:#006666;
		line-height:normal;
	}
	/*a.magazineListLinkA*/
	#contentBody a.magazineListLinkA{
		display:block;
		padding:1px 0px 1px 18px;
		font-size:100%;
		background:transparent url(image/icon_arrow_mag.gif) no-repeat 0px 0.2em;
		text-decoration:none;
		color:#006666;
		line-height:normal;
		min-height:15px;
		_height:15px;
	}
	
	
	/*a.booksListLink*/
	#contentBody a.booksListLink{
		display:inline;
		padding:5px 0px 5px 18px;
		font-size:100%;
		background:transparent url(image/icon_arrow_bok.gif) no-repeat 0px 0.4em;
		text-decoration:none;
		color:#224499;
		line-height:normal;
	}
	/*a.booksListLinkA*/
	#contentBody a.booksListLinkA{
		display:block;
		padding:1px 0px 1px 18px;
		font-size:100%;
		background:transparent url(image/icon_arrow_bok.gif) no-repeat 0px 0.2em;
		text-decoration:none;
		color:#224499;
		line-height:normal;
		min-height:15px;
		_height:15px;
		box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
	}

/*ul
================================================*/
	/*ul.quickNavi*/
	#contentBody ul.pLinkA{text-align:center; display:block;}
		/*li a*/
		#contentBody ul.pLinkA li{
			display:inline;
		}
		/*li a*/
		#contentBody ul.pLinkA li a{
			display:inline;
			margin-left:20px;
			padding:5px 0px 5px 18px;
			font-size:100%;
			background:transparent url(image/icon_plink_a.gif) no-repeat 0px 0.4em;
			text-decoration:none;
			color:#000099;
			line-height:1.5em;
		}
		#contentBody ul.pLinkA li a:hover{text-decoration:underline;}

/*table
================================================*/
	/* table  all
	----------------------------------------------*/
		#contentBodyMain table{
			border-collapse:collapse;
			border-spacing:0;
			empty-cells:show;
			width:100%;
			line-height:1.6em;
		 }

/*block
================================================*/
/* block all
----------------------------------------------*/

			/*block1A*/
			#contentBodyMain div.block1A{}
	
			/*block2A*/
			#contentBodyMain div.block2A div.blockL{width:100%;float:none; word-break:break-all;}
			#contentBodyMain div.block2A div.blockR{width:100%;float:none;}




/*unique
================================================*/

	/*calendar
	================================================*/
	/*daySliderA*/
	#contentBody.popUp div.daySliderA{
		background:#ddd;
		position:relative;
		margin-bottom:10px;
		padding:10px 0px;
		width:100%;
		}
		#contentBody.popUp div.daySliderA p.back{
			position:absolute;
			top:1.4em;
			left:180px;
			}
		#contentBody.popUp div.daySliderA p.next{
			position:absolute;
			top:1.4em;
			right:180px;
			}
		#contentBody.popUp div.daySliderA p.day{
			text-align:center;
			width:180px;
			margin:0px auto;
			font-weight:bold;
			}
	/*daySliderB*/
	#contentBody.popUp div.daySliderB{
		background:#ddd;
		position:relative;
		margin-bottom:10px;
		height:30px;
		width:100%;
		}
		#contentBody.popUp div.daySliderB p.back{
			position:absolute;
			top:10px;
			left:20px;
			}
		#contentBody.popUp div.daySliderB p.next{
			position:absolute;
			top:10px;
			right:20px;
			}

		/*ul.calendarList*/
		#contentBody ul.calendarList{
			width:100%;
			margin-top:-1px;
			margin-bottom:20px;
			border-bottom:1px solid #cccccc;
			clear:both;
			}
		/*li*/
		#contentBody ul.calendarList li{
			width:100%;
			border-top:1px solid #cccccc;
			display:block;
			padding:5px 10px;
			clear:both;
			}
			/*a*/
			#contentBody ul.calendarList li a{display:block; width:460px; font-weight:bold; float:left; word-break: break-all;}
			#contentBody ul.calendarList li span.nolink{display:block; width:460px; font-weight:bold; float:left; word-break: break-all;}
			/*span*/
			#contentBody ul.calendarList li span{display:block; width:130px; float:right;}


	/*news
	================================================*/
	/*daySliderA*/
	#contentBody div.newsListArea{
		background:#eeeeee;
		padding:5px 0 0 0;
		width:100%;
		box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		}
		/*dl*/
		#contentBody div.newsListArea dl{
			width:100%;;
			}
		/*dt*/
		#contentBody div.newsListArea dl dt{
			display:block;
			padding:5px 0px 5px 65px;
			}
			#contentBody div.newsListArea dl dt.news{background:transparent url(image/icon_news.gif) no-repeat 5px 0.5em;}
			#contentBody div.newsListArea dl dt.magazines{background:transparent url(image/icon_magazines.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.event{background:transparent url(image/icon_event.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.digital{background:transparent url(image/icon_digital.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.comics{background:transparent url(image/icon_comics.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.books{background:transparent url(image/icon_books.gif) no-repeat 5px  0.5em;}
		/*dd*/
		#contentBody div.newsListArea dl dd{
			border-bottom:1px solid #999999;
			display:block;
			padding:0px 10px 5px 10px;
			clear:both;
			}
		#contentBody div.newsListArea dl dd:last-child{
			border-bottom:none;
			}
			/*span*/
			#contentBody div.newsListArea dl dd span{
				display:block;
				padding:5px 0px 0px 18px;
				font-size:85%;
				line-height:normal;
				}

	/*magazine
	================================================*/
	/*headLinkA*/
	#contentBody div.headLinkA{width:100%; position:relative;}
		/*p.moreInfo*/
		#contentBody div.headLinkA p.moreInfo{ position:absolute; top:5px; right:85px;}
		/*p.moreInfo*/
		#contentBody div.headLinkA p.Rss{width:100%; max-width: 45px; position:absolute; top:5px; right:18px;}
		#contentBody p.moreInfo{width:100%; max-width: 67px;}
		#contentBody p.Rss{width:100%; max-width: 45px; border-left: 1px solid #cccccc; padding-left: 8px;}


	/*tabList*/
	#contentBody div.tabList{
		width:100%;
		height:auto;
		position: static;
		}
		/*li*/
		#contentBody div.tabList ul{
			width: 100%;
			padding-left: 4px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		#contentBody div.tabList ul li{
			position: static;
			display: inline-block;
			width: 50%;
			padding: 0 4px 4px 0;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			}
		#contentBody div.tabList ul li img{
			max-width: 100%;
			heigth: auto;
			}
		#contentBody div.tabList ul li.tab1{left:0px;}
		#contentBody div.tabList ul li.tab2{left:211px;}
		#contentBody div.tabList ul li.tab3{left:361px;}
		#contentBody div.tabList ul li.tab4{left:511px;}
		#contentBody div.tabList ul li.tab5{left:661px;}
		#contentBody div.tabList ul li.tab6{left:811px;}

	/*visualArea*/
	#contentBodyMain div#visualArea{
		width:100%;
		margin-bottom:20px;
		}

div#contentBody .box2 table td.left{
	display: block;
	width: 100% !important;
}
div#contentBody .box2 table td.right{
	display: block;
	width: 100% !important;
}

	/*newsListArea*/
	#contentBody div.newsListArea{
		background:#eeeeee;
		padding:5px 5px 0px 5px;
		width:100%;
		margin-bottom:20px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		}
		/*dl*/
		#contentBody div.newsListArea dl{
			width:100%;
			}
		/*dt*/
		#contentBody div.newsListArea dl dt{
			display:block;
			padding:5px 0px 5px 65px;
			box-sizing: border-box !important;
			-webkit-box-sizing: border-box !important;
			-moz-box-sizing: border-box !important;
			}
			#contentBody div.newsListArea dl dt.news{background:transparent url(../content/image/icon_news.gif) no-repeat 5px 0.5em;}
			#contentBody div.newsListArea dl dt.magazines{background:transparent url(../content/image/icon_magazines.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.event{background:transparent url(../content/image/icon_event.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.digital{background:transparent url(../content/image/icon_digital.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.comics{background:transparent url(../content/image/icon_comics.gif) no-repeat 5px  0.5em;}
			#contentBody div.newsListArea dl dt.books{background:transparent url(../content/image/icon_books.gif) no-repeat 5px  0.5em;}
		/*dd*/
		#contentBody div.newsListArea dl dd{
			border-bottom:1px solid #999999;
			display:block;
			padding:0px 10px 5px 10px;
			clear:both;
			box-sizing: border-box !important;
			-webkit-box-sizing: border-box !important;
			-moz-box-sizing: border-box !important;
			}
		#contentBody div.newsListArea dl dd:last-child{
			border-bottom:none;
		}
			/*span*/
			#contentBody div.newsListArea dl dd span{
				display:block;
				padding:5px 0px 0px 18px;
				font-size:85%;
				line-height:normal;
				}
			#contentBody div.newsListArea .moreLink a{
				display: block;
				width: 100%;
				background-color: #cccccc;
				padding: 10px 0;
				color: #333333;
				text-decoration: none;
				text-align: center;
			}
			#contentBody div.newsListArea .moreLink a > span:before{
				content:"";
				display:inline-block;
				width:6px;
				height:6px;
				border-top:3px solid #666666;
				border-right:3px solid #666666;
				margin:3px 7px 0 5px;
				vertical-align:middle;
				-webkit-transform:rotate(135deg);
				-moz-transform:rotate(135deg);
				-ms-transform:rotate(135deg);
				transform:rotate(135deg);
				border-right: 3px solid #666666;
				border-top: 3px solid #666666;
				vertical-align: top;
			}


		/* table.typeA
		----------------------------------------------*/
		/*tableBgA*/
		#contentBodyMain div.tableBgA{
			background:none;
			padding:5px;
			width:100%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			}

			/*typeA*/
			#contentBodyMain table.typeA{
				margin:0px;
			}

			/*typeA th td*/
			#contentBodyMain table.typeA th{
				padding:5px;
				text-align:left;
				vertical-align:top;
				font-weight:normal;
				color:#333333;
				background-color: #eeeeee;
				border-bottom:1px solid #cccccc;
				width:auto;
			}
			#contentBodyMain table.typeA td{
				padding:5px;
				color:#333333;
				vertical-align:top;
				border-bottom:1px solid #cccccc;
			}
			/*typeA img*/
			#contentBodyMain table.typeA img{
				margin:2px 5px 5px 5px;
			}

			/*typeA ul*/
			#contentBodyMain table.typeA ul{
				margin:0px;
				line-height:0em;
			}
			#contentBodyMain ul.accrodList li.accrodParent,
			#contentBodyMain ul.accrodList li.accrodOpen{
				line-height:0em;
				z-index:1;
			}

			#contentBodyMain ul.accrodList li.accrodParent a.base,
			#contentBodyMain ul.accrodList li.accrodOpen a.base{
				position: relative;
				margin:0px 0px 3px 0px;
				padding:15px;
				line-height:1.8em;
				display:block;
				width:100%;
				color:#090909;
				text-decoration: none;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e8e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e8e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e8e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e8e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e7e7',GradientType=0 ); /* IE6-9 */
			}

			#contentBodyMain ul.accrodList li.accrodParent a.base:after{
				content:"";
				position:absolute;
				top: 50%;
				right: 20px;
				border-right: 3px solid #afafaf;
				border-top: 3px solid #afafaf;
				content: "";
				display: inline-block;
				height: 8px;
				margin-top: -4px;
				transform: rotate(135deg);
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				vertical-align: top;
				width: 8px;
			}
			#contentBodyMain ul.accrodList li.accrodOpen a.base:after{
				content:"";
				position:absolute;
				top: 50%;
				right: 20px;
				border-right: 3px solid #afafaf;
				border-top: 3px solid #afafaf;
				content: "";
				display: inline-block;
				height: 8px;
				margin-top: -4px;
				transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				vertical-align: top;
				width: 8px;
			}

			#contentBodyMain li.accrodOpen > ul{
				margin:10px 0px;
				padding:0px 0px 0px 20px;
				background-color: #fff;
			}
			#contentBodyMain li.accrodOpen > ul > li{
				margin:0px 0px 3px 0px;
				padding:0px 0px 0px 20px;
				background:url(image/icon_tablelist.gif) no-repeat 0.4em 0.4em;
				display:block;
			}
			#contentBodyMain li.accrodOpen > ul > li.txt{
				margin:0px 0px 3px 0px;
				padding:0px 0px 0px 0 !important;
				background:none;
				display:block;
			}
			#contentBodyMain li.accrodOpen > ul > li span{ color:#666666;}

			
			/*typeA ol*/
			#contentBodyMain table.typeA ol{
				margin:0px 0px 0px 15px;
			}
			#contentBodyMain table.typeA ol li{
				margin:0px 0px 3px 10px;
				padding:0px 0px 0px 0px;
				font-size:100%;
				line-height:1.8em;
			}



	/*books
	================================================*/
	/*headLinkB*/
	#contentBody div.headLinkB{width:100%; position:relative;}
		/*p.moreInfo*/
		#contentBody div.headLinkB p.moreInfo{ position:absolute; top:5px; right:85px;}
		/*p.Rss*/
		#contentBody div.headLinkB p.Rss{ position:absolute; top:5px; right:18px;}


	#contentBody.bokTop div.newsListArea{
		background:#e8eef8;
		padding:0;
		width:100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		}
	#contentBody.bokBk div.newsListArea{
		background:#e8eef8;
		padding:5px;
		width:100%;
		}
		/*dl*/
		#contentBody.bokTop div.newsListArea dl{
			width: auto;
			margin: 0 5px;
			}
		/*dt*/
		#contentBody.bokTop div.newsListArea dl dt{
			display:block;
			padding:5px 0px 5px 65px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			}
			#contentBody.bokTop div.newsListArea dl dt.news{background:transparent url(image/icon_news.gif) no-repeat 5px 0.5em;}
			#contentBody.bokTop div.newsListArea dl dt.magazines{background:transparent url(image/icon_magazines.gif) no-repeat 5px  0.5em;}
			#contentBody.bokTop div.newsListArea dl dt.event{background:transparent url(image/icon_event.gif) no-repeat 5px  0.5em;}
			#contentBody.bokTop div.newsListArea dl dt.digital{background:transparent url(image/icon_digital.gif) no-repeat 5px  0.5em;}
			#contentBody.bokTop div.newsListArea dl dt.comics{background:transparent url(image/icon_comics.gif) no-repeat 5px  0.5em;}
			#contentBody.bokTop div.newsListArea dl dt.books{background:transparent url(image/icon_books.gif) no-repeat 5px  0.5em;}
			/*span*/
			#contentBody.bokTop div.newsListArea dl dd span{color:#006666; padding:5px 0px 5px 18px;}


	/*110920*/
	#contentBody div.featureArea{
		width:100%;
		}
	#contentBody div.featureArea h2{
		border-bottom:5px solid #000;
		}
	#contentBody div.featureArea p.visual{
		border:1px solid #C8C8C8;
		}

	#contentBody div.worksList{
		width:100%;
		margin:0 0px 20px -5px;
		}
		#contentBody div.worksList ul{
			background-color: #eeeeee;
			padding-bottom: 10px;
		}
		#contentBody div.worksList ul li{
		display:block;
		vertical-align:top;
		padding:10px 0px 0px 0;
		}
		#contentBody div.worksList ul li a{
			display:block;
			margin-left:20px;
			padding:5px 0px 10px 18px;
			font-size:12px;
			border-bottom: 1px solid #999999;
			background:transparent url(../content/image/sp_icon_arrow.png) no-repeat 0px 0.6em;
			background-size: 12px 12px;
			-webkit-background-size: 12px 12px;
			-moz-background-size: 12px 12px;
			text-decoration:none;
			color:#000099;
			line-height:1.5em;
		}
		#contentBody div.worksList ul li img{
		display:inline-block;
		vertical-align:top;
		padding:15px 0px 0px 15px;
		}
		html*#contentBody div.worksList ul li{
		display:inline;
		zoom:1;
		}


	#contentBody ul.snsLink{
		width: 100%;
		display: inline-block;
		text-align:center;
		}
		#contentBody ul.snsLink li{
		display:inline-block;
		padding:2px 0px 2px 0px;
		text-align:center;
		}
		#contentBody ul.snsLink li img{
		max-width: 145px;
		}


	#contentBody div.sideLinkArea{
		width:100%;
		}
	#contentBody div.sideLinkArea h3{
		text-align:center;
		padding-top:10px;
		}
	#contentBody div.sideLinkArea ul{
		max-width:300px;
		margin:10px auto 5px;
		}
		#contentBody div.sideLinkArea ul li{
		display:inline-block;
		width: 70px;
		vertical-align:top;
		padding:0px 5px 10px 5px;
		}
		#contentBody div.sideLinkArea ul li a{
			color: #333333;
			text-decoration: none;
		}
		#contentBody div.sideLinkArea ul li img{
		max-width: 70px;
		}
		html*#contentBody div.sideLinkArea ul li{
		display:inline;
		zoom:1;
		}



	#contentBody div.sideMovieArea{
		width:100%;
		}
	#contentBody div.sideMovieArea h3{
		text-align:center;
		padding-top:10px;
		}
	#contentBody div.sideMovieArea ul{
		width:100%;
		margin:10px 0px 5px;
		}
		#contentBody div.sideMovieArea ul li{
		display:inline-block;
		vertical-align:top;
		padding:0px 5px 10px 0px;
		}
		html*#contentBody div.sideMovieArea ul li{
		display:inline;
		zoom:1;
		}
		#contentBody div.sideMovieArea ul li.txt{
			width:150px;
			padding:0px 0px 0px 10px;
		}
		#contentBody div.sideMovieArea ul li.txt p{
		 margin:0px 0px 10px 0px;
		}
		#contentBody div.sideMovieArea ul li.leadTxt{
			padding:0px 0px 5px 0px;
		 margin:0px 0px 10px 0px;
		 border-bottom:1px dotted #ccc;
		}


	#contentBody div.snsArea{
		width:100%;
		}
	#contentBody div.snsArea h2{
		border-bottom:5px solid #000;
		}
	#contentBody div.snsArea div.snsContentWrapper{
		background:#e8eef8;
		padding:0px 10px 5px;
		width:100%;
		margin-bottom:20px;
		}
	#contentBody div.snsArea div.snsContent{
		border-bottom:1px solid #999999;
		width:100%;
		padding:10px 0px 5px 95px;
		position:relative;
		min-height:73px;
		_height:73px;
		}
	#contentBody div.snsArea div.snsContent p.image{
		position:absolute;
		left:0px;
		top:10px;
		}
	#contentBody div.snsArea div.snsContent div.headWrap{
		position:relative;
		min-height:24px;
		_height:24px;
		margin-bottom:5px;
		padding-right:220px;
		width:280px;
		}
	#contentBody div.snsArea div.snsContent div.headWrap a{
		color:#224499;
		text-decoration:none !important;
		}
	#contentBody div.snsArea div.snsContent div.headWrap a span{
		font-weight:normal;
		}
	#contentBody div.snsArea div.snsContent div.headWrap p.btnA{
		position:absolute;
		left:290px;
		top:0px;
		}
	#contentBody div.snsArea div.snsContent div.headWrap p.btnB{
		position:absolute;
		left:400px;
		top:0px;
		}
	#contentBody div.snsArea div.snsContent div.headWrap p.btnC{
		position:absolute;
		left:430px;
		top:0px;
		}


/*20130123*/

/*common
================================================*/
.margB18{ margin-bottom:18px !important;}
a:link,
a:visited,
a:active{ color:#0004fd; text-decoration:underline;}
a:hover{ color:#0004fd; text-decoration:none;}




	/*layout
	================================================*/
	div#contentBody{ margin:0 auto; width:100%; color:#666666;}
	div#contentBody div#contentBodyHead{ margin:0 auto; width:100%;}
	div#contentBody div#contentBodyMain{ margin:0 auto; width:100%;}
	
	div#contentBody div#digitalV{ margin:0 auto; width:100%;}
	
		/*localNavi*/
		div#contentBody div#contentBodyHead div#localNavi{ display: none;}
		
		/*block2A*/
		div#contentBodyMain div.block2A{ margin:0 auto; width:100%;}
		div#contentBodyMain div.block2A div.block2AL{ float:none; width:100%;}
		div#contentBodyMain div.block2A div.block2AR{ float:none; width:100%;}
		
		div#contentBodyMain div.block2A h3{ padding-left:10px; border-bottom:2px solid #000000;}
		
		/*electrPublishBox*/
		div#contentBodyMain div.electrPublishBox{} 
		div#contentBodyMain div.block2A dl{ margin:10px 10px 8px 10px; padding:0 0 6px 10px; border-bottom:1px solid #999999;}
		div#contentBodyMain div.block2A dl dt{ padding-bottom:7px; font-weight:bold;}
		div#contentBodyMain div.block2A dl dt span.iconA{ float:right; padding-top:1px; text-align:right;}

		div#contentBodyMain div.pcNetContent ul{ margin: 0 10px;}
		div#contentBodyMain div.pcNetContent ul li{ width:100%; min-height:20px; margin:10px 0 8px 0; padding:0 25px 6px 100px; border-bottom:1px solid #999999; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
		div#contentBodyMain div.pcNetContent ul li:last-child{ border-bottom: none;}
		div#contentBodyMain div.pcNetContent ul li img{ max-width: 80px;}
		div#contentBodyMain div.pcNetContent ul li a{ display:block; position:absolute; top:0px; left:10px;}
		div#contentBodyMain div.pcNetContent ul li em{ display:block; font-size: 85% !important; line-height: 1.5em !important; font-weight:normal; padding-top:17px;}
		div#contentBodyMain div.pcNetContent ul li span{ display:block; position:absolute; top:0px; left:100px;}

		/*shoppingBox*/
		div#contentBodyMain div.shoppingBox ul li{ width:100%; min-height:20px; margin:10px 0 8px 0; padding:0 25px 15px 100px; border-bottom:1px solid #999999; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
		div#contentBodyMain div.shoppingBox ul li:last-child{ border-bottom: none;}
		div#contentBodyMain div.shoppingBox ul li img{ max-width: 80px;}
		div#contentBodyMain div.shoppingBox ul li a{ display:block; position:absolute; top:0px; left:10px;}
		div#contentBodyMain div.shoppingBox ul li em{ display:block; font-size: 85% !important; line-height: 1.5em !important; font-weight:normal;}

		/*shoppingList*/
		div.shoppingList ul{margin: 0 10px;}

		/*mobileBox*/
		div#contentBodyMain div.mobileBox{ margin:0 auto; width:100%;}

		div#contentBodyMain div.mobileBox ul li{ width:280px; min-height:40px; margin:10px 0 8px 0; padding:0 0px 6px 180px; border-bottom:1px solid #999999; position:relative;}
		div#contentBodyMain div.mobileBox ul li a{ display:block; position:absolute; top:0px; left:10px;}
		div#contentBodyMain div.mobileBox ul li em{ display:block; font-size: 85% !important; line-height: 1.5em !important; font-weight:normal;}
		div#contentBodyMain div.mobileBox dl:last-of-type{border-bottom: none;}

		/*smtBox*/
		div#contentBodyMain div.smtBox{ margin:0 auto; width:100%;}
		div#contentBodyMain div.smtBox dl:last-of-type{border-bottom: none;}

		#contentBody .spH2Ttl,
		#contentBody .spH2TtlA{ border-bottom: 5px solid #000000;}
		#contentBody .spH2Ttl img{ max-width: 320px; padding-bottom:10px}
		#contentBody .spH2TtlA img{ widht: 100%; max-width: 320px; padding-bottom:5px}
		#contentBody .spH2TtlA td.pagetop{position: relative;}
		#contentBody .spH2TtlA td.pagetop > img{ width: auto; max-width: 12px; position:absolute; top:0; right: 90px;}
		#contentBody .spH2TtlA td.pagetop a > img{ width: auto; max-width: 90px; position:absolute; top:0; right: 0;}

		#contentBody .spH3Ttl{ border-bottom: 2px solid #000000; position:relative;}
		#contentBody .spH3Ttl:before{ content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #cccccc;}
		#contentBody .spH3Ttl img{ max-width: 320px; padding-bottom:10px}

		div#contentBody .list table{ text-align: center;}
		div#contentBody.magazine .list table td{
			display: block;
			width: 100%;
			padding-bottom: 5px !important;
			overflow: hidden;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		div#contentBody .list table td{
			display: inline-block;
			width: auto;
			padding-bottom: 5px !important;
			overflow: hidden;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
	div#contentBody .list table td:last-child{ padding-bottom: 0 !important;}
	div#contentBody .list table{ margin: 0 !important;}
	div#contentBody .list table{ width: 100%;}
	div#contentBody .list table td .txtarea {overflow: hidden !important; float: none !important; width: auto !important;}
	div#contentBody .clearFloat_list {clear:both;font-size:1px;line-height:0px;height:1px;width:100% !important;background-color:#FFF;}
	div#contentBody .list table td img.pcNone{ max-height: 20px;}


div#contentBody.bokTop .list {clear:both;width: 100%;margin-bottom:5px; padding: 15px 0;background-image: none;background-color: #323283;}
div#contentBody.bokTop .list .corner_left  { display: none; float:none;}
div#contentBody.bokTop .list .corner_right { display: none;float:none;}
div#contentBody.bokTop .list .search {padding-left:0 !important; max-width: 300px; margin: 0 auto;}
div#contentBody.bokTop .list .search table {margin:0px;}
div#contentBody .list .searchfooter { display: none;}


div#contentBody.bokTop ul#searchNavi { float:left;}
div#contentBody.bokTop ul#searchNavi li{
display:block;
margin-left:18px;
padding:2px 0px 2px 18px;
font-size:12px;
background:transparent url(image/sp_search_icon.png) no-repeat 0px 0.4em;
background-size: 12px 12px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px;
text-decoration:none;
color:#FFFFFF;
line-height:1.5em;
text-decoration:none;
}
div#contentBody.bokTop ul#searchNavi li a{
color:#FFFFFF;
text-decoration:underline;
}
div#contentBody.bokTop ul#searchNavi li a:hover{text-decoration:none;}
div#contentBody .title img{max-height: 15px; width: auto;}
div#contentBody .margR17{margin-right: 17px;}
div#contentBody.bokTop .menu{ display: none;}
div#contentBody .box2 table{ width: 100% !important; margin: 0 0 21px 0 !important;}
div#contentBody.privacy .box2 table{ width: 100% !important; margin: 0 !important;}
div#contentBody.privacy .box2 table td a[name^="p"]{ text-decoration: none !important; font-weight: bold; font-size: 14px !important; padding-right: 110px; display: inline-block;}
div#contentBody.privacy span.spTtl{ display: block; font-weight: bold; padding: 5px 0 5px 10px;}
div#contentBody .box2 table td.left .komokuTitle2{ border-bottom:0px !important;width: 100% !important;}
div#contentBody .box1{ width: 100% !important;}
div#contentBody div.box2 table td > div.margB20.margR25{
	margin: 0 !important;
	padding: 10px;
}

/*------------------------------------------------------
head_foot
------------------------------------------------------*/

/* 1.head
==================================================*/
	/*h1*/
	#contentHead h1 {
		left: 15px;
		position: absolute;
		top: 15px;
	}
	#contentHead > h1 img{
		width: 100%;
		max-width: 149px;
		height:auto;
	}
	#contentHead.popUp h1{top:20px; left:10px; position:absolute;}
	#contentHead.magazineH h1,
	#contentHead.digitalH h1,
	#contentHead.booksH h1{top:15px; left:10px; position:absolute; width:171px; height:20px;}

	/*h2*/
	#contentBody > h2 > img{
		width: auto;
		height: 100%;
		max-height: 15px;
	}
	/*title*/
	div.title > span{
		display: block;
		margin-top: 10px;
	}

	/*div#headTopSearch*/
	#contentHead div#headTopSearch{
		bottom:5px;
		right:10px;
		position:absolute;
		width:320px;
		height:30px;
		background:transparent url(image/bg_topsearch.gif) no-repeat left top;
		}
		#contentHead div#headTopSearch input.headsearchTxt{
			bottom:5px;
			right:70px;
			position:absolute;
			width:215px;
			height:15px;
			border:1px solid #999999;
			padding:3px 2px 0px 2px;
			background:#eeeeee url(image/bg_topsearch02.gif) repeat-x left top;
			overflow:hidden;
			font-size:12px;
			}
		#contentHead div#headTopSearch input.headsearchBtn{
			bottom:5px;
			right:5px;
			position:absolute;
			padding:0px;
			margin:0px;
			}



/* 2.foot
==================================================*/
	/*p.copyright*/
	#contentFoot p.copyright{ margin:10px 0px 0px 10px;}
	#contentFoot p.TopCopyright{ margin:10px 0px 0px 10px; float:left; width:220px;}

	/*ul*/
	#contentFoot .spFootNavi{ margin-bottom:15px; overflow: hidden;}
	#contentFoot .spFootNavi ul li{display:block; float:left;}

	/*ul.footBn*/
	#contentFoot ul#footBn{display:none;}

	/*ul#quickNavi*/
	#contentFoot ul#footQuickNavi{ float:none; margin:5px 0px 10px 0px; text-align:left; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden;}
	/*ul#quickNavi*/
	#contentFoot ul#footQuickNavi li{display:block; float:right; width: 50%;}
	#contentFoot ul#footQuickNavi li.spNone{display:none;}
		/*li a*/
		#contentFoot ul#footQuickNavi li a{
			display:block;

			margin-left:20px;
			padding:5px 0px 5px 18px;
			font-size:12px;
			background:transparent url(../content/image/sp_icon_arrow.png) no-repeat 0px 0.6em;
			background-size: 12px 12px;
			-webkit-background-size: 12px 12px;
			-moz-background-size: 12px 12px;
			text-decoration:none;
			color:#000099;
			line-height:1.5em;
		}
		#contentFoot ul#footQuickNavi li a:hover{text-decoration:underline;}

#contentFoot .spFootLinkArea{
	background-color: #e6e6e6;
	padding: 10px 15px;
}
#contentFoot .spFootLinkArea ul li{
	float: none;
	background-color: #fff;
	border-bottom: 1px solid #c8c7cc;
	padding: 9px 10px;
}
#contentFoot .spFootLinkArea ul li a{
	background:transparent url(../content/image/sp_icon_arrow.png) no-repeat 0px 0.2em;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	text-decoration:none;
	padding-left: 20px;
}



/*------------------------------------------------------
magazine_viewer
------------------------------------------------------*/

#magazineViewerArea{
	width:100% !important;
	height:auto;
	background:transparent url(image/magazine_viewer_bg.gif) top left no-repeat;
	position: static;
	padding: 0 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*controller*/
#magazineViewerArea ul.controller{
	font-size:0px; line-height:0px;
}
	#magazineViewerArea ul.controller li{
		font-size:0px; line-height:0px;
		text-indent:-10000px;
		position:absolute;
		top:100px !important;
		width:12px !important;
		height:19px !important;
		opacity:1; filter:alpha(opacity=100);
	}
	#magazineViewerArea ul.controller li.leftBtn{ left:5px !important;}
	#magazineViewerArea ul.controller li.rightBtn{ right:5px !important;}
	
	#magazineViewerArea ul.controller li a{
		display:block;
		width:12px !important;
		height:19px !important;
		opacity:1 !important; filter:alpha(opacity=100) !important;
		z-index:100;
	}
	#magazineViewerArea ul.controller li.none{display:none;}

	#magazineViewerArea ul.controller li a:hover{
		opacity:1; filter:alpha(opacity=100);
	}
	
	#magazineViewerArea ul.controller li.leftBtn a{
		background:transparent url(image/sp_magazine_viewer_btn_l.png) top center no-repeat !important;
		background-size: 12px 19px !important;
		-webkit-background-size: 12px 19px !important;
		-moz-background-size: 12px 19px !important;
		}
	#magazineViewerArea ul.controller li.rightBtn a{
		background:transparent url(image/sp_magazine_viewer_btn_r.png) top center no-repeat !important;
		background-size: 12px 19px !important;
		-webkit-background-size: 12px 19px !important;
		-moz-background-size: 12px 19px !important;
		}

/*viewArea*/
#magazineViewerArea div.viewArea{
	width:100% !important;
	height:auto;
	position:static;
	overflow:hidden;
}
	#magazineViewerArea div.viewArea div.moveBox{
		width:20000px;
		padding-left:10px;
		height:182px;
		position:absolute;
		top:0px; left:0px;
	}
		#magazineViewerArea div.viewArea div.moveBox ul{
			margin-top:20px;
			width:110px;
			float:left;
		}
		#magazineViewerArea div.viewArea div.moveBox ul li{	text-align:center; color:#000000;}
		#magazineViewerArea div.viewArea div.moveBox ul li a{color:#000000;}
		#magazineViewerArea div.viewArea div.moveBox ul li.img{ margin-bottom:5px; height:124px; position:relative;}
			#magazineViewerArea div.viewArea div.moveBox ul li.img img{ margin-top:5px;}
			#magazineViewerArea div.viewArea div.moveBox ul li.img img.today{ position:absolute; top:0px; margin:0px;}

		#magazineViewerArea div.viewArea div.moveBox ul li.title{ font-size:12px; font-weight:bold; line-height:1.2em; margin-bottom:3px; padding:0px 2px;}
		#magazineViewerArea div.viewArea div.moveBox ul li.title a.none{ text-decoration:none; cursor:default; }
		#magazineViewerArea div.viewArea div.moveBox ul li.text{ font-size:10px;}

/*pickUpImg*/
#magazineViewerArea div.pickUpImg{
	position:absolute;
	/*padding:0px 6px;
	background:#ffffff;*/
	z-index:110;
		/*script set*/
		display:none;
		width:215px;	
		height:260px;
		top:0px; left:0px;
}
#magazineViewerArea div.pickUpImg img{
	width:100%;
	height:100%;
}



}