﻿@charset "utf-8";
/* DEFAULT SETTING
================================================================================*/

/* RESET
--------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"ＭＳ Ｐゴシック","Arial";
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* COMMON STYLE
--------------------------------------------------------------------------------*/

#wrapper {
	font-size: 77%;
	line-height: 130%;
	color: #535353;
}

a:link {
	color: #4080c4;
	text-decoration: none;
}

a:visited {
	color: #4080c4;
	text-decoration: none;
}

a:active {
	color: #4080c4;
	text-decoration: none;
}

a:hover {
	color: #3dafdf;
	text-decoration: underline;
}


/* CLASS
================================================================================*/

/* FLOAT
--------------------------------------------------------------------------------*/

.float-l { float:left; }
.float-r { float:right; }

.clear {
	clear:both;
	margin:0;
	padding:0;
	height:1px;
	font-size:0px;
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }

/* TEXT
--------------------------------------------------------------------------------*/

.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

a.underline {
	text-decoration: underline;
}

.pageHeading {
	display:block;
	padding:8px 15px;
	color:#fff;
	font-size:110%;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	background:url(../images/bg_h2_pageHeading.gif) repeat-x #808080;
}

p.formHeading {
	clear:both;
	margin:15px 10px;
	line-height:150%;
}

p.formHeading_error {
	clear:both;
	margin:15px 10px;
	padding:5px 10px;
	line-height:150%;
	color:#cc0000;
	border:1px solid #cc0000;
}

/* PARTITION
--------------------------------------------------------------------------------*/

.partition {
	clear:both;
	height: 2px;
	margin: 2px 4px;
	padding: 2px 0px;
	font-size:2px;
	background: url(../images/bg_border_dotted.gif) repeat-x;
}


/* PAGER
--------------------------------------------------------------------------------*/

div.pager {
	float:right;
	width:400px;
	text-align:right;
}

div.pager a {
	margin:0px 1px;
	padding:0px 4px;
	color:#4080c4;
	font-weight:bold;
}

div.pager a:hover {
	color: #fff;
	padding:0px 4px;
	text-decoration: none;
	background:#3dafdf;
}

div.pager a.prev,
div.pager a.next {
	margin:0px 10px;
	text-decoration: none;
}

div.pager a:hover.prev,
div.pager a:hover.next {
	text-decoration: none;
}

div.pager p {
	display:inline;
	font-weight:bold;
}

div.pager p.selected {
	margin:0px 5px;
	padding:0px 4px;
	color:#fff;
	background:#ccc;
}

/* PAGETOP
--------------------------------------------------------------------------------*/

.pageTop {
	clear:both;
	width:100%;
	color:#4080c4;
	text-align:right;
	text-decoration: underline;
}

.pageTop a {
	padding-left:15px;
	background:url(../images/icon_pagetop.gif) 0% 50% no-repeat;
}


/* OTHERS
--------------------------------------------------------------------------------*/

.price {
	color: #a40000;
	font-weight: bold;
}

.bold {
	font-weight:bold;
}

.thin {
	font-weight:normal;
}

.smaller {
	font-size:9px;
}

.gold {
	color:#e60012;
}

.silver {
	color:#004986;
}

.bronze {
	color:#2a8d42;
}

.star {
	color:#8f8f8f;
}

.red {
	color:#ff0000;
}
