@charset "UTF-8";/* 雀の往来 */

/*************************************************************

 Copyright (C) Media Craft Co. Ltd.
 Since : 2012-02
 Last Modifined : 2012-02-02

*************************************************************/

/********************
 1. base
 2. common
 3. index
 4. play
********************/

/********************
1. base
********************/

h2#content-title {
	background-image:url(/img/default/manga/otoko-to-onna/title.jpg);
}

/********************
2. common
********************/

/* title */

.backnumber-title {
	border-top-color: #b44635;
}

	.backnumber-title span {
		border-left-color: #b44635;
	}

/********************
3. index
********************/

/* background-list */
	
.backnumber-list dl {
	height: 107px;
}
	
/********************
4. play
********************/

#plya-container {
	position: relative;
}

	#plya-container .adddate {
		position: absolute;
		top: 6px;
		right: 10px;
		width: 200px;
		text-align: right;
		font-size: 85%;
	}

	#plya-container .main-image-container {
		padding: 30px 0;
		text-align: center;
	}

		#plya-container .main-image-container .main-image {
			width: 400px;
			height: auto;
		}

	#plya-container .comment {
		width: 475px;
		margin: 10px auto;
	}

		#plya-container .comment p {
			display: inline-block;
			vertical-align: bottom;
		}

		.ie7 #plya-container .comment p {
			display: inline;
			zoom: 1;
		}
		
		#plya-container .comment .thum {
			width: 66px;
			padding-right: 18px;
			background: url(/img/default/manga/otoko-to-onna/bg-comment.gif) no-repeat bottom right;
		}
		
		#plya-container .comment .text {
			width: 365px;
			height: 52px;
			padding: 5px 10px;
			border-width: 1px 1px 1px 0;
			border-style: solid;
			border-color: #ccc;
			line-height: 17px;
		}
		
	#plya-container .pager-box .next-btn,
	#plya-container .pager-box .prev-btn {
		width: 30%;
		padding: 0 10px;
	}
		
	#plya-container .pager-box .next-btn {
		text-align: right;
	}

	#plya-container .pager-box .prev-btn {
		text-align: left;
	}
					
		#plya-container .pager-box .next-btn a,
		#plya-container .pager-box .prev-btn a {
		}
		
	#plya-container #yonkoma-prof {
		position: relative;
		margin-top: 10px;
		padding: 15px 15px 15px 133px;
		background-color:#f9d4ce;
	}	

		#plya-container #yonkoma-prof dt {
			font-size: 116%;
			font-weight: bold;
		}

			#plya-container #yonkoma-prof dt span {
				margin-left: 15px;
				color: #999;
				letter-spacing: 3px;
				font-weight: normal;
				font-size: 13px;
			}

		#plya-container #yonkoma-prof dd {
			font-size: 93%;
		}
		
		#plya-container #yonkoma-prof .thum {
			position: absolute;
			top: 15px;
			left: 15px;
			width: 108px;
		}
		
		#plya-container #yonkoma-prof .text {
			margin: 5px 0;
		}
		
		#plya-container #yonkoma-prof .prof-link {
			display: inline-block;
			width: 140px;
		}
		
		.ie7 #plya-container #yonkoma-prof .prof-link {
			display: inline;
			zoom: 1;
		}
		
		#plya-container #yonkoma-prof .prof-link.flap {
			width: 400px;
		}