@charset "UTF-8";

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

normalize

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

html, body, div,
h1, h2, h3, h4, h5, h6, p,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset, input, textarea, select, option,
address, blockquote, del, noscript, img, hr {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font: inherit;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
}

ul {
	list-style: none;
}

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

img {
	border: 0;
	line-height: 0;	
	vertical-align: middle;
}

address {
	font-style: normal;
}

hr {
	clear: both;
	visibility: hidden;
}

small {
	font-size: 85%; /* 11px */
}

sub, sup {
	font-size: 77%; /* 10px */
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}



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

basic

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

html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	color: #333;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
	text-align: center;
}



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

anchor

a 
#007c36

a:hover
#96c72d

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

a {
	color: #007c36;
	outline: none;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	color:#96c72d;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	outline: none;
}
a:focus {
	color:#96c72d;
	text-decoration: underline;
	outline: none;
}



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

margin

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

.mgt0  { margin-top:  0px !important; }
.mgt5  { margin-top:  5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt50 { margin-top: 50px !important; }

.mgr0  { margin-right:  0px !important; }
.mgr5  { margin-right:  5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr50 { margin-right: 50px !important; }

.mgb0  { margin-bottom:  0px !important; }
.mgb5  { margin-bottom:  5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb50 { margin-bottom: 50px !important; }

.mgl0  { margin-left:  0px !important; }
.mgl5  { margin-left:  5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl350 { margin-left: 350px !important; }



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

text

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

.txt10 { font-size:  77% !important; }
.txt12 { font-size:  92% !important; }
.txt14 { font-size: 108% !important; }
.txt16 { font-size: 123% !important; }
.txt18 { font-size: 138% !important; }
.txt20 { font-size: 154% !important; }
.txt22 { font-size: 169% !important; }
.txt24 { font-size: 185% !important; }

.txtCenter  { text-align: center !important; }
.txtRight   { text-align: right !important; }
.txtLeft    { text-align: left !important; }
.txtJustify { text-align: justify !important; }

.txtIndent      { text-indent: 1em !important; }
.txtUnderline   { text-decoration: underline !important; }
.txtLineThrough { text-decoration: line-through !important; }

.floatRight { float: right !important; }
.floatLeft  { float: left !important; }
.clear      { clear: both !important; }



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

clearfix

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

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content:"";
	display: block;
	clear: both;
}