@charset "UTF-8";

/*初期化*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.6em;
	vertical-align: bottom;
	background: transparent;
	list-style: none;
	
}




article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


nav ul {
    list-style:none;
}


blockquote, q {
    quotes:none;
}

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


a {
	
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}


mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}


del {
    text-decoration: line-through;
}


abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}


input, select {
    vertical-align:middle;
}

/*チラチラ防止とFooter黒*/
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true))
}




/*基本形　f8f8f8　*/
body {
	line-height: 1.6em;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	background-color: fff;
	}


/*イメージ*/



img {
	border: none;
	max-width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	vertical-align: text-bottom;
}






/*クリア*/
.clr {
	clear: both;
}

/*aリンク*/
a:link,a:visited {
	color: #003300;
	text-decoration: none;
}

a:hover,a:active {
	color: #000000;
	text-decoration: underline;
}
/*センター合わせ*/
.center-auto {
	margin-right: auto;
	margin-left: auto;
}
/*TEXTセンター合わせ*/
.txt-center {
	text-align: center;
}
/*TEXT右合わせ*/
.txt-right {
	text-align: right;
}





/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */




/**/


.f10{
	font-size: 77%;
}
.f11{
	font-size: 85%;
	line-height: 1.6em;
}
.f12{
	font-size:93%;
	line-height:133%;
}
/*標準*/
.f13{
	font-size:100%;
	line-height:140%;
}
.f14{
	font-size:108%;
	line-height:120%;
}
.f16{
	font-size:122%;
	line-height:120%;
}
.f18{
	font-size:136%;
	line-height:120%;
}
.f22{
	font-size:167%;
	line-height:116%;
}
.f24{
	font-size:182%;
	line-height:116%;
}

strong {
	font-weight: bolder;
}


/*下マージンサイズ*/

.Btm2m {
	margin-bottom: 2px;
}

.Btm5m {
	margin-bottom: 5px;
}
.Btm10m {
	margin-bottom: 10px;
}
.Btm15m {
	margin-bottom: 15px;
}
.Btm20m {
	margin-bottom: 20px;
}
.Btm25m {
	margin-bottom: 25px;
}
.Btm30m {
	margin-bottom: 30px;
}
.Btm35m {
	margin-bottom: 35px;
}
.Btm40m {
	margin-bottom: 40px;
}
.Btm45m {
	margin-bottom: 45px;
}
.Btm50m {
	margin-bottom: 50px;
}

.Btm80m {
	margin-bottom: 80px;
}



.top5px {
	padding-top: 5px;
}
.top10px {
	padding-top: 10px;
}


.floatRight {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	display: block;
}

.floatLeft {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	display: block;
}
.Oya {
	position: relative;
}
.txt-red {
	color: #C00;
}
.txt-gray {
	color: #999;
}

.txt-bl {
	color: #000;
}


sup {
	font-size: 50%;

	font-weight: normal;
}
.txt-left {
	text-align: left;
}
