@charset "utf-8";

/* ==================================================================
	list.css
	
=================================================================== */

/* =================================
   ■ .list
================================== */

/* ◆ メニュー(サイド)
-------------------------------- */


	/* ◇ 文書を検索
	-------------------------------- */	
	.contents .sub dl.search dd input.text{
		margin-bottom:6px;
		width:163px;
	}

	.contents .sub dl.search dd select{
		margin-bottom:6px;
	}
	.contents .sub dl.search dd select#textCreater{
		width:100%;
	}

	.contents .sub dl.search dd select#textCreater{
		width:100%;
	}

	.contents .sub dl.search dd p{
		margin-bottom:0;
	}

	.contents .sub dl.category ul li{
		margin-top:5px;
	}

	.contents .sub dl.category ul li a{
		padding-left:12px;
		background:url(../../images/list/side/category-lv1.gif) 0 50% no-repeat;
	}


	.contents .sub dl.category ul li ul li{
		padding-left:12px;
		font-size:11px;
	}

	.contents .sub dl.category ul li ul li a{
		padding-left:7px;
		background:url(../../images/list/side/category-lv2.gif) 0 50% no-repeat;
	}
	

/* ◆ ページ内容情報(メイン)
-------------------------------- */
	.contents {
		position:relative;
	}

	body.list .contents .main{
		padding-bottom:40px;
	}

	.contents .sub{
		padding-bottom:60px;
	}		

	/* ◇ toolbox
	-------------------------------- */	
	.contents #toolbox{
		padding:10px 15px;
		background:url(../../images/list/toolbox-background.png) 0 0 repeat;
	}

	.contents #toolbox .insearch{
		display:inline;
		float:left;
	}

	.contents #toolbox .insearch p{
		margin:0;
	}

	.contents #toolbox .insearch #key{
		width:128px;
		height:15px;
		padding-left:22px;
		background:#fff url(../../images/list/insearch.gif) 5px 50% no-repeat;
	}


	*:first-child + html .contents #toolbox .insearch #key{
		height:17px;
	}
	
	* html .contents #toolbox .insearch #key{
		height:17px;
	}

	.contents #toolbox .insearch input{
		vertical-align:top;
	}

	.contents #toolbox p{
		color:#fff;
	}
	
	.contents #toolbox .viewNumber{
		display:inline;
		float:right;
		margin:0 10px 0 0;
	}
	
	
	.contents #toolbox .sortController{
		display:inline;
		float:right;
		margin:0;
	}

	/* ◇ #listView
	-------------------------------- */	
	.contents #listView{
		position:relative;

	}


	/* ◇ .pager
	-------------------------------- */	
	.contents .chapter .pager{
		margin:28px 0 0px 0;
		padding-bottom:56px;
		text-align:center;
	}

	.contents .chapter .pager li{
		display:inline;
		zoom:1;
		color:#fff;
		margin:0 4px;
	}
	
	.contents .chapter .pager li a,
	.contents .chapter .pager li em{

		zoom:1;
		padding:1px 4px;
		color:#fff;
		font-weight:700;
		text-decoration:none;
		text-shadow: 2px 2px 1px #000;
	}

	.contents .chapter .pager li a:hover{
		color:#CCC;
	}


	.contents .chapter .pager li em{
		border:1px solid #fff;
	}
	.contents .chapter .pager li img{
		vertical-align:middle;
	}


	/* ◇ 通常の場合 .items
	-------------------------------- */	
	.contents #listView .items li.bgpng{
		zoom:1;
		padding:27px 0;
		padding-left:17px;
		background:url(../../images/theme/line.png) 0 100% repeat-x;
	}

	.contents #listView .items li.bgpng dl{
		zoom:1;
		position:relative;
		z-index:1;
		display:inline;
		float:left;
		width:131px;
		margin-right:17px;

	}

	.contents #listView .items li.bgpng dl dt,
	.contents #listView .items li.bgpng dl dt a,
	.contents #listView .items li.bgpng dl dd{
		color:#fff;
		text-shadow: 2px 2px 1px #666;
		text-align:center;
		text-decoration:none;
	}

	.contents #listView .items li.bgpng dl dt a:hover{
		color:#ccc;
	}
	.contents #listView .items li.bgpng dl dd.icon{
		overflow:hidden;
		height:21px;
		margin-bottom:5px;
		padding-left:25px;
	}

	.contents #listView .items li.bgpng dl dd.icon ul li{
		display:inline;
		float:left;
	}
	
	.contents #listView .items li.bgpng dl dd.img{
		position:relative;
		height:140px;
		z-index:1;
	}
	
	.contents #listView .items li.bgpng dl dd.img img{
		position:absolute;
		left:50%;
		bottom:0;
		box-shadow: 4px 0px 4px #111;
		z-index:1;
	}	
	.contents #listView .items li.bgpng dl.vertical dd.img img{
		margin-left:-45px;
	}
	.contents #listView .items li.bgpng dl.lateral dd.img img{
		margin-left:-65px;
	}

	.contents #listView .items li.bgpng dl dd.detail{
		display:none;
		position:absolute;
		right:15px;
		top:180px;
		z-index:10;
		width:324px;
		text-shadow: 0px 0px 0px #000;
		font-size:92%;
	}
	
	.contents #listView .items li.bgpng dl.vertical dd.detail{
		bottom:-165px;
	}

	
	.contents #listView .items li.bgpng dl dd.detail .backheader{
		background:url(../../images/list/fukidashi-head.png) 0 0 no-repeat;
		height:19px;
	}
	
	.contents #listView .items li.bgpng dl dd.detail .section{
		background:url(../../images/list/fukidashi-body.png) 0 100% no-repeat;
		padding:10px 20px 10px 20px;
		width:284px;
		color:#333;
	}

	.contents #listView .items li.bgpng dl dd.detail .image{
		position:static;
		display:inline;
		float:left;
		margin:0;
		padding-bottom:8px;
		text-align:center;
		font-size:92%;
	}
	
	.contents #listView .items li.bgpng dl dd.detail .image img{
		position:static;
		margin:0;
		border:1px solid #efefef;
	}

	.contents #listView .items li.bgpng dl dd.detail .explain{
		display:inline;
		float:right;
		width:129px;
	}

	.contents #listView .items li.bgpng dl dd.detail .explain p{
		margin-bottom:4px;
	}
	.contents #listView .items li.bgpng dl dd.detail .explain .name{
		font-size:16px;
		font-weight:700;
	}
	
	.contents #listView .items li.bgpng dl.vertical dd.detail .image{
		width:116px;
	}

	.contents #listView .items li.bgpng dl.vertical dd.detail .explain{
		display:inline;
		float:right;
		width:159px;
	}


	.contents #listView .items li.bgpng dd p.outline{
		clear:both;
		margin:0;
	}
	.contents #listView .items li.bgpng dd.edit{
		position:relative;
	}
	.contents #listView .items li.bgpng dd.edit ul{
		position:absolute;
		top:3px;
		left:5px;
	}
	.contents #listView .items li.bgpng dd.edit ul li{
		display:inline;
		float:left;
	}


	/* ◇ 横並び .items
	-------------------------------- */	
	.contents #sideListView .items li.bgpng{		
		zoom:1;
		padding:17px 0 0px 17px;
		background:url(../../images/theme/line.png) 0 100% repeat-x;
	}

	* html .contents #sideListView .items li.bgpng{
		padding-bottom:35px;
	}
	*:first-child + html .contents #sideListView .items li.bgpng{
		padding-bottom:35px;
	}

	.contents #sideListView .items li.bgpng .explain{
		display:inline;
		float:left;
		width:530px;
		margin-bottom:35px;
		padding:10px;
		background:#fff;
		border:1px solid #efefef;
		box-shadow: 2px 0px 4px #111;

		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.contents #sideListView .items li.bgpng > .explain{
		width:510px;
	}

	.contents #sideListView .items li.bgpng .explain dl dt,
	.contents #sideListView .items li.bgpng .explain dl dd{
		display:inline;
		float:left;
		white-space:nowrap;
		margin:0 5px;
	}

	.contents #sideListView .items li.bgpng dl dd.icon{
		clear:both;
		overflow:hidden;
		width:100%;
		padding:5px 0;
	}

	.contents #sideListView .items li.bgpng dl dd.icon ul li{
		display:inline;
		float:left;
	}


	.contents #sideListView .items li.bgpng .explain p.outline{
		clear:both;
		margin:0;
		padding:10px;
		background:url(../../images/common/border/gray-x1.gif) 0 5px repeat-x;
	}


	.contents #sideListView .items li.bgpng .image{
		zoom:1;
		position:relative;
		display:inline;
		float:left;
		width:160px;
		height:130px;
		margin-right:17px;
	}

	.contents #sideListView .items li.bgpng .image img{
		position:absolute;
		left:50%;
		bottom:-8px;
		box-shadow: 4px 0px 4px #111;
		z-index:1;
	}	

	* html .contents #sideListView .items li.bgpng .image img{
		top:0;
	}

	.contents #sideListView .items li.vertical .image img{
		margin-left:-45px;
	}
	.contents #sideListView .items li.lateral .image img{
		margin-left:-65px;
	}

	.contents #sideListView .items li.bgpng .image ul{
		position:absolute;
		left:8px;
		bottom:-30px;
		overflow:hidden;
		width:100%;
	}
	
	.contents #sideListView .items li.bgpng .image ul li{
		display:inline;
		float:left;
		margin:0 0 0 5px;
	}

	.contents #sideListView .items li.bgpng .image ul li img{
		position:static;
		margin:0;
	}

	/* ◇ newsInformation
	-------------------------------- */	
	.contents #newsInformation{
		position:absolute;
		left:-193px;
		bottom:0;
		width:950px;
		background:url(../../images/list/news/background.png) 0 0 repeat;
		z-index:20000;
	}

	* html .contents #newsInformation {
		background:#000;
	filter:alpha(opacity=80);
	}


	#newsInformation .chapter{
		display:none;
	}
	
	#newsInformation p.link{
		text-align:right;
		padding-right:14px;
	}
	
	#newsInformation h2{
		height:10px;
		padding:4px 14px 8px 14px;
		background:none;
		margin:0;
	}
	#newsInformation h2 img{
		display:block;
	}
	
	#newsInformation dl{
		position:relative;
		padding:4px 14px 0 14px;
	}
	
		#newsInformation dt,
		#newsInformation dd{
			padding-top:4px;
			padding-bottom:4px;
			color:#fff;
		}
	
		#newsInformation dt{
			padding-left:13px;
			width:7em;
			float:left;
			clear:both;
		}
	
		#newsInformation dd{
	
			padding-left:7em;
		}
		
		*:first-child+html #newsInformation dd{
			padding-left:0px;		
		}
	
		#newsInformation dd span,
		#newsInformation dd a{
			display:block;
			color:#fff;
		}
	
		#newsInformation dd a:hover{
			color:#CCC;
		}