@charset "utf-8";

* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

body {
	text-align: center;
	background: #fff url(../img/bg.gif) repeat-x;
	color: #444;
	cursor: auto;
	font: normal normal 12px/1.5 Arial, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
}

/* for IE7 */
*:first-child+html body { font-size: 75%;}
/* for IE 6 or sooner */
* html body { font-size: 75%;}


h1 {}
h2 {}
h3, h4, h5, h6 { padding: 25px 0 5px; letter-spacing: 0;}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px;}
dl { margin: 10px 0;}

a         { color: #0071bb; text-decoration: underline; cursor: pointer;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}

em     { font-weight: bold; color: #666;}
strong { font-weight: bold; color: #0279bb;}
abbr, acronym { cursor: help;}
sup { vertical-align: super; font-size: 70%;}
sub { vertical-align: baseline; font-size: 70%;}
/* for IE7 */
*:first-child+html sup { line-height: 1.5; font-size: 80%;}
/* for IE 6 or sooner */
* html sup { line-height: 1.5; font-size: 80%;}

hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

table { border: 1px solid #aaa; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}
/* th { white-space: nowrap;} */
th, td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #aaa;
	text-align: left;
}
tr:hover th,
tr:hover td { background: #fafafa;}


fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input, textarea {
	padding: 1px;
	font-family: Arial, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
input.typeText { border: 1px solid #aaa;}
select option { padding: 0 5px;}
input:focus, select:focus, textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}


/******************************************************************** clearfix
*/

/******************** except IE */
#col-a ul.img:after,
#col-a #subNav:after,
.guide #col-a .staff:after,
#col-a #img:after,
#col-a #cont:after,
#container:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/******************** for IE */
#col-a ul.img,
#col-a subNav,
.guide #col-a .staff,
#col-a #img,
#col-a #cont,
#container,
.clearfix { display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html #col-a ul.img,
* html #col-a subNav,
* html .guide #col-a .staff,
* html #col-a #img,
* html #col-a #cont,
* html #container,
* html .clearfix { height: 1%;}
#col-a ul.img,
#col-a subNav,
.guide #col-a .staff,
#col-a #img,
#col-a #cont,
#footer,
#container,
.clearfix { display: block;}
/* End Holly Hack */


/******************************************************************** universal
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.tempNotes { font-size: 120%; color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em;}