@charset "UTF-8";

/* pettanR peta.ccommon.css
 *   version 0.5.4
 * 
 *   author:
 *     itozyun
 */

/*  VML ( v\:* don't work for ie8(ie8mode))
--------------------------------------------------------------------------------------*/
	v\:shape,
	v\:image {
		behavior:	url(#default#VML);
		display:	block;
	}

/*  dl table
--------------------------------------------------------------------------------------*/
	.dl-table dt,
	.dl-table-small dt {
		float:			left;
		height:			1.6em;
		line-height:	1.6em;
		overflow:		hidden;
		margin:			0;
		padding:		0 0 0 0.2em;
	}
	.dl-table dd,
	.dl-table-small dd {
		margin:			0 0 0.5em;
		line-height:	1.6em;
		border-bottom:	1px solid #ccc;
	}
	.dl-table dt {
		width:			180px;
	}
	.dl-table dd {
		padding:		0 0 0 200px;
	}
	.dl-table-small dt {
		width:			140px;
	}
	.dl-table-small dd {
		padding:		0 0 0 160px;
	}

/*  Reversible Image
--------------------------------------------------------------------------------------*/	
	img.img-flip-v { /* 上下反転 */
		transform:				scale( 1, -1);
		-o-transform:			scale( 1, -1);
		-ms-transform:			scale( 1, -1);
		-moz-transform:			scale( 1, -1);
		-webkit-transform:		scale( 1, -1);
	}
	.pettanr-ActiveX-enabled img.img-flip-v {
		filter:					flipv();
		-ms-filter:				flipv();		
	}
	v\:image.img-flip-v {
		flip:					y; /* vml */
	} 
	
	img.img-flip-h { /* 左右反転 */
		transform:				scale( -1, 1);
		-o-transform:			scale( -1, 1);
		-ms-transform:			scale( -1, 1);
		-moz-transform:			scale( -1, 1);
		-webkit-transform:		scale( -1, 1);
	}
	.pettanr-ActiveX-enabled img.img-flip-h {
		filter:					fliph();
		-ms-filter:				fliph();
	}
	v\:image.img-flip-h {
		flip:					x; /* vml */
	}
	
	img.img-flip-vh { /* 上下左右反転 */
		transform:				scale( -1, -1);
		-o-transform:			rotate(180deg);
		-ms-transform:			scale( -1, -1);
		-moz-transform:			scale( -1, -1);
		-webkit-transform:		scale( -1, -1);
	}
	.pettanr-ActiveX-enabled img.img-flip-vh {
		filter:					flipv() fliph();
		-ms-filter:				flipv() fliph();
	}
	v\:image.img-flip-vh {
		rotation :				180; /* vml */
	}

/*  PettanR Comic
--------------------------------------------------------------------------------------*/
.pettanr-comic-wrapper {
	margin:					1em auto;
}
	.pettanr-comic-panel {
		border-style:			solid;
		border-color:			#111;
		position:				relative;
		margin:					1em auto;
		overflow:				hidden;
	}
		.pettanr-comic-panel img,
		.pettanr-comic-panel .reversible-image-container {
			position:				absolute;
		}
		.pettanr-comic-balloon {
			position:				absolute;
		}
			.pettanr-comic-panel .reversible-image-container img,
			.pettanr-comic-balloon img {
				width:					100%;
				height:					100%;				
			}
			.pettanr-comic-balloon p {
				margin:					0 !important;
				padding:				0 !important;				
				display:				table;
				position:				absolute;
				top:					0;
				left:					16.6%;
				width:					66.6%;
				height:					100%;
				*height:				auto;
				*top:					50% !important;
			}
				.pettanr-comic-balloon p span,
				.pettanr-comic-balloon p strong,
				.pettanr-comic-balloon p em,
				.pettanr-comic-balloon p i,
				.pettanr-comic-balloon p samp,
				.pettanr-comic-balloon p code {
					vertical-align:			middle;
					text-align:				center;
					font-size:				14px; /* opera6 で使用 13px は不可 */
					display:				table-cell;
					*display:				block;
					zoom:					1;
					*position:				relative;
					*top:					-50%;
				}
				.pettanr-comic-balloon p strong {
					font-weight:			bold;
				}
				.pettanr-comic-balloon p em,
				.pettanr-comic-balloon p i {
					font-style:				italic;
				}
				.pettanr-comic-balloon p samp,
				.pettanr-comic-balloon p code {
					font-family:			monospace;
				}