@charset "utf-8";

/*body
=========================================================== */

body{
	color: #333;
	font-size: 16px;
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background: url("../images/background.jpg") repeat-x scroll 0 0 transparent;
}


/* ===========================================================
TEXT
=========================================================== */

p,
ul,
ol,
dl {
	margin: 0;
	line-height: 1.5;
}

ul li,
ol li{margin: 0 0 2px;}

ol ol{padding: 5px 0 0;}

span.super{font-size: 10px;}

.top5{margin-top: 5px;}
.top10{margin-top: 10px;}
.top20{margin-top: 20px;}
.top30{margin-top: 30px;}
.bottom10{margin-bottom: 10px;}
.bottom20{margin-bottom: 20px;}
.bottom30{margin-bottom: 30px;}
.right10{margin-right: 10px;}
.right20{margin-right: 20px;}
.right30{margin-right: 30px;}
.left10{margin-left: 10px;}
.left20{margin-left: 20px;}
.left30{margin-left: 30px;}

/* ===========================================================
Link
=========================================================== */

a:link,
a:visited{
	color: #1e5199;
	text-decoration: none;
}

a:hover{
	color: #ccc;
	text-decoration: underline;
}

/* icon
----------------------------------------------------------- */

img.icon {vertical-align: text-bottom;}


/* ===========================================================
TEXT
=========================================================== */

.bold{font-weight: bold;}
.blue{color: #1e5199;}

.annotation{
	color: #666;
	line-height: 1.4em;
	font-size: 14px;
}

img.name{
	margin: 0 2px 2px 2px;
	vertical-align: middle;
	border: 0;
}

/* ===========================================================
PAGE TOP
=========================================================== */

.pagetop{
	position: fixed;
	bottom: -40px;
	right: 50px;
}

.pagetop a{
	width: 60px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	display: block;
	background: #3399ff;
	border-radius: 8px 8px 0 0;
}