@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;
}

sub, sup {
	font-size: 83.3%;
	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: 75%; /* 12px */
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
	text-align: center;
}



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

anchor

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

a {
	color: #943b33;
	outline: none;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
a:active {
	text-decoration: none;
	outline: none;
}
a:focus {
	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; }



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

text

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

.txt10 { font-size:  83.3% !important; }
.txt14 { font-size: 116.6% !important; }
.txt16 { font-size: 133.3% !important; }
.txt18 { font-size:   150% !important; }
.txt20 { font-size: 166.7% !important; }
.txt22 { font-size: 183.3% !important; }
.txt24 { font-size:   200% !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;
}