@charset "UTF-8";

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131% = 17px		|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	184% = 24px
	100% = 13px	|	146.5% = 19px	|	192% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|

=======================================*/


/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. reset
　02. fonts
　03. BaseSet



/* /////////////////////////////////////////////////////////////////////////// reset */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
	color: #404040;
	background: #FFF;
	scroll-behavior: smooth;
}

/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/


*,
*::before,
*::after {
	box-sizing: border-box
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

/* /////////////////////////////////////////////////////////////////////////// fonts */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	/* for IE */
	*font: x-small;
	/* for IE in quirks mode */
	color: #4D2E06;
}

html>

/**/
body {
	font-size
	/*\**/
	: small\9;
}

body {
	font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

* html body {
	font-family: 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif;
}

*:first-child+html body {
	font-family: verdana, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size: inherit;
	font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}


/* /////////////////////////////////////////////////////////////////////////// BaseSet */

html {
	overflow-y: scroll;
}

* html body {
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

/* ///////////////////////////////////////// anchor */

a {
	color: #404040;
	text-decoration: underline;
}

a:visited {
	color: #404040;
	text-decoration: underline;
}

a:hover {
	color: #404040;
	min-height: 1em;
	/* Mac Firefox */
	text-decoration: none;
}

/*Win Firefox用*/
:focus {
	-moz-outline-style: none;
}

/*Mac Firefox用*/
a {
	outline: none;
}

/* ///////////////////////////////////////// fontsize */

p,
li,
dt,
dd,
th,
td,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 93%;
}

.text10 {
	font-size: 77%;
}

.text11 {
	font-size: 85%;
}

.text12 {
	font-size: 93%;
}

.text13 {
	font-size: 100%;
}

.text14 {
	font-size: 108%;
}

.text15 {
	font-size: 116%;
}

.text16 {
	font-size: 123.1%;
}

.text17 {
	font-size: 131%;
}

.text18 {
	font-size: 138.5%;
}

.text19 {
	font-size: 146.5%;
}

.text20 {
	font-size: 153.9%;
}

.text21 {
	font-size: 161.6%;
}

.text22 {
	font-size: 167%;
}

.text23 {
	font-size: 174%;
}

.text24 {
	font-size: 184%;
}

.text25 {
	font-size: 189%;
}

.text26 {
	font-size: 197%;
}

div#main p,
div#main li,
div#main dt,
div#main dd,
div#main th,
div#main td {
	line-height: 1.5;
}

p.txtSmall,
dl.txtSmall dt,
dl.txtSmall dd,
span.txtSmall,
ul.txtSmall li,
ol.txtSmall li,
div.txtSmall p {
	font-size: 78% !important;
}

ul.inner li,
td.inner {
	font-size: 100% !important;
}

/* ///////////////////////////////////////// image */

img {
	vertical-align: bottom;
	line-height: 1.0;
}

table th img,
table td img {
	vertical-align: middle;
}


/* ///////////////////////////////////////// ClearFix */

.clear {
	clear: both;
}

/* modern browsers */

.clearfix:after,
.fBox:after,
div#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

.clearfix,
.fBox,
div#contents {
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .fBox,
* html div#contents {
	height: 1%;
}

.clearfix,
.fBox,
div#contents {
	display: block;
}


/* /////////////////////////////////////////////////////////////////////////// float style */

.fr {
	float: right;
}

.fl {
	float: left;
}

ul.fBox li {
	float: left;
	display: inline;
}

/* /////////////////////////////////////////////////////////////////////////// font style */

.txtBold {
	font-weight: bold;
}

/* /////////////////////////////////////////////////////////////////////////// margin style */

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

/* /////////////////////////////////////////////////////////////////////////// label style */

input,
textarea {
	vertical-align: middle;
	outline: 0px none #fff;
}

/* /////////////////////////////////////////////////////////////////////////// position */

.alignRight {
	text-align: right !important;
}

.alignCenter,
table.alignCenter th,
table.alignCenter td,
table.thCenter th {
	text-align: center !important;
}

.alignLeft {
	text-align: left !important;
}