@charset "UTF-8";

/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/* --- common settings */

* { color:#0064aa; font-size:12px; }

html, body { 
	height: 100%; width:auto; 
	margin:0;padding:0;
	display:block;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.mt20{ margin-top:20px; }
.mt50{ margin-top:50px; }
.mt70{ margin-top:70px; }
.mr35{ margin-right:35px; }
.mb20{ margin-bottom:20px; }
.mb10{ margin-bottom:10px; }
.ml20{ margin-left:20px; }
.ml10{ margin-left:10px; }
.pl80{ padding-left:110px; }
.fs20{ font-size:20px; }

.w980imp{ width:980px !important; }
.w860{ width:860px; }
.w780{ width:780px; }
.w740{ width:740px; }
.w720{ width:720px; }
.w640{ width:640px; }
.w600{ width:600px; }
.w400{ width:400px; }
.w350{ width:350px; }
.important{ color: #FF0080;}

.cb { clear:both; }
.flt-l{ float:left; }
.flt-r{ float:right; }
.ta-c { text-align:center; }
.ta-l { text-align:left; }

.dn { display:none; }
.fc-wh{ color:#ffffff; }

.a-ul{ text-decoration:underline; }
.a-ul:hover{ text-decoration:none; }

.fw-b{ font-weight: bold; }

/* ---------------------------
base setting
--------------------------- */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

/* ---------------------------
clearfix setting
--------------------------- */
.clearfix, #globalHeader { zoom: 1; }
.clearfix:before, .clearfix:after, #globalHeader:before, #globalHeader:after {
	content: "";
	display: table;
	overflow: hidden;
}
.clearfix:after, #globalHeader:after { clear: both; }

/* ---------------------------
header setting
--------------------------- */
#header_wrapper { width: 100%; }
	#header {
		height: 30px;
		margin: 0 auto;
	}

/* ---------------------------
prettyPopin setting
--------------------------- */
#overlay {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%
}
.prettyPopin {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 11000;
	top: 50%;
	left: 50%;
}
.prettyPopin #b_close {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	text-indent: -10000px;
	background: url(/books/highspeed/img/common/close.png);
}
.prettyPopin #b_close:hover { background-position: 0 -55px; }
.prettyPopin .prettyContent {
	position: relative;
	width: 100%;
	height: 100%;
}
.prettyPopin .prettyContent .prettyContent-container {
	display: none;
	padding: 70px 60px 0 0;
}
.prettyPopin .prettyContent .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -14px;
}