@charset "utf-8";

/*------------------------------
サイト名：月刊DIGITAL FACTORY
作成日：2013.04.01
修正日：2013.04.01
ガイドライン：Ver.01
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット＋共通CSS読み込み
 * ------------------------------------ */

section {
    clear: both;
    padding: 10px;
}

/* ------------------------------------
 * SEARCH
 * ------------------------------------ */
 
div.list {
	margin: 0 -10px;
	position: relative;
	text-align: center;
}

div.list ul {
	margin: 0 auto;
	zoom: 1;
}

div.list ul:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

div.list li {
	position: relative;
	display: inline;
	float: left;
	overflow: hidden;
	zoom: 1;
}

div.list li:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

div.list li a {
	display: block;
}

div.list li a img {
	float: left;
}

div.list li span {
	display: block;
	line-height: 1.35;
	text-align: left;
	font-size: small;
	color:#fff;
}

.contentslist div.list li span em,
.movie div.list li span em,
#home div.list li:first-child span em {
	margin-bottom: 0.2em;
	padding: 0.2em 0.3em;
	display: block;
	color: #fff;
	font-weight:bold;
}

div.list li span time {
	display: block;
	color: #f00;
}

section nav p {
	margin: 0 auto;
	padding-bottom: 10px;
	font-size: small;
}


/* WALLPAPER + DATA */

@media all and (orientation:portrait) {
	.wallpaper .list,
	.data .list {
		margin-top: -10px;
		margin-bottom: 10px;
		position: relative;
	}
	.wallpaper .list ul,
	.data .list ul {
		width: 320px;
	}
	.wallpaper .list li,
	.data .list li {
		padding: 10px 5px 0 10px;
	}
	.wallpaper .list li img,
	.data .list li img {
		width: 90px;
	}
}

@media all and (orientation:landscape) {
	.wallpaper .list,
	.data .list {
		margin-top: -5px;
		margin-bottom: 5px;
		position: relative;
	}
	.wallpaper .list ul,
	.data .list ul {
		padding: 0 5px 5px;
		width: 470px;
	}
	.wallpaper .list li,
	.data .list li {
		padding: 5px 0 0 5px;
	}
	.wallpaper .list li img,
	.data .list li img {
		width: 88px;
	}
}


/* LIST */

.contentslist div.list li {
	padding: 10px;
	border-top: dotted 1px #777;
	display: block;
	float: none;
}

.contentslist div.list li:first-child {
	padding-top: 0;
	border-top: none;
}

.contentslist div.list li a {
	float: left;
	position: relative;
}

.contentslist div.list li a img {
	width: 100px;
}

.contentslist .list li span {
	padding-left: 110px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
}


.contentslist div.list li span em {
	background: #333;
}

/* MOVIE */

.movie div.list li {
	padding: 10px;
	border-top: dotted 1px #777;
	display: block;
	float: none;
}

.movie div.list li:first-child {
	padding-top: 0;
	border-top: none;
}

.movie .list li a {
	float: left;
	position: relative;
}

.movie div.list li a img {
	width: 150px;
/*	height: 113px; */
}

.movie div.list li span {
	padding-left: 160px;
	min-height: 113px;
	height: auto !important;
	height: 113px;
}

.movie div.list li a span {
	padding: 0;
	position: absolute;
	width: 150px;
	background: url(/ximg/gekkan/web/photo/play.png) center center no-repeat;
	text-indent: -9999px;
}

.movie div.list li span em {
	background: #333;
}

.data .list li span {
    background: url("../img/bgNameBlack.png") repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: smaller;
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    padding: 0.5em 0;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
@media all and (orientation:portrait) {
	.data .list li span {
		width: 90px;
	}
}

@media all and (orientation:landscape) {
	.data .list li span {
		width: 88px;
	}
}
/* ------------------------------------
 * PAGING
 * ------------------------------------ */

.paging ul {
	border: solid 1px #555;
	border-radius: 0.4em;
	background: #333 !important;
	zoom: 1;
}

.paging ul:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

.paging li {
	display: inline;
	float: left;
	width: 50%;
	text-align: center;
}

.paging li a,
.paging li span {
	border-left: solid 1px #555;
	padding: 12px 0;
	display: block;
	line-height: 1;
	color:#fff;
}

.paging li a {
	background: url(/ximg/gekkan/web/photo/arrowLinkPagingNext.png) right center no-repeat;
}

.paging li:first-child a {
	border-left: none;
	background: url(/ximg/gekkan/web/photo/arrowLinkPagingPrev.png) left center no-repeat;
}

.paging li span {
	color: #777;
	background: url(/ximg/gekkan/web/photo/common/arrowPagingNext.png) right center no-repeat;
}

.paging li:first-child span {
	border-left: none;
	background: url(/ximg/gekkan/web/photo/arrowPagingPrev.png) left center no-repeat;
}


/* ------------------------------------
 * TAB NAVIGATION
 * ------------------------------------ */
section#info {
	margin:10px;
	padding:0;
	background-color:#000;
	border-radius:5px;
	border:1px solid #555;
}
@media projection, screen {
.ui-tabs-hide {
	display: none;
}
}

 @media print {
.ui-tabs-nav {
	display: none;
}
}

/* Skin */

#tabNav h2 {
	display: none;
}
 
#tabNav h3 {
	padding: 0;
	border-bottom: none;
	background: none;
}

.ui-tabs-nav {
	width: 100%;
	z-index: 100;
	zoom: 1;
}

.ui-tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}

.ui-tabs-nav li {
	display: inline;
	float: left;
	width: 34%;
	text-align: left;
}
.ui-tabs-nav li:last-child {
	width:32%;
}
.ui-tabs-nav li h3 a {
	text-align:center;
	font-weight:bold;
	padding:10px 0;
	border:1px solid #333;	
	height:2.4em;
	line-height:2.4;
	display:block;
	font-size:smaller;
}
.ui-tabs-nav li:last-child h3 a {
	border-right:none;	
}

.ui-tabs-nav li {
	background: #000;
	color:#555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background-image: -webkit-linear-gradient(top, #333, #000);
	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -ms-linear-gradient(top, #333, #000);
	background-image: -o-linear-gradient(top, #333, #000);
	background-image: linear-gradient(top, #333, #000);
}

.ui-tabs-nav li.ui-tabs-selected {
	background: #000;
	color:#fff;
}
.ui-tabs-nav li.ui-tabs-selected a {
	color:#fff;
	border:1px solid #000;	
}

.ui-tabs-nav li a, .ui-tabs-nav li.ui-tabs-selected a {
	display: block;
}


.ui-tabs-nav li a {
	padding: 10px 0;
	display: block;
}

.ui-tabs-nav li.ui-tabs-selected a {
	z-index: 2;
}

.ui-tabs-panel {
	padding:10px;
}

.ui-tabs-loading em {
	padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}

*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}
time {
	display:inline-block;
	margin-right:10px;
	color:#aaa;

}
#panelseries ul.list {
	width:280px;
	margin:0 auto;
}
#panelseries ul.list li{
	width:90px;
	margin-right:5px;
	float:left;
}
#panelseries ul.list li a img {
	width:95%;
}
#panelseries ul.list li a span {
	color:#fff;
	font-size:smaller;
}
#panelseries ul.list li:last-child {
	width:90px;
	margin-right:0;	
}
#panelphotographer ul.list li, #panelcategory ul.list li{
	width:50%;
	float:left;
}
#panelphotographer ul.list li a, #panelcategory ul.list li a {
	display:block;
	margin:2px;
	padding:5px;
	background-color:#222;
	color:#fff;
}
#tabNav ul.list:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
section#form {
	padding-bottom:0;
}
section#form input#SearchWords {
	padding:5px;
	width:80%;
	margin-right:5px;
}

p.left {
	text-align:left !important ;
}

a.c_red:link,
a.c_red:visited {
	color: #f00;
	text-decoration: none;
}