@charset "UTF-8";

/* Reset
=========================================*/
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;
	font-style: inherit;
	font-family: inherit;
	font-size: 1em;
}


a:link {  text-decoration:none; }
a:visited {	color:#C00;	text-decoration:none; }
a:hover {	color:#900;	text-decoration: none;}
a:active { color:#C00; text-decoration:none; }

a:hover img { opacity: 0.7; filter: alpha(opacity=70);}


#bodyd { margin-left:auto; margin-right:auto; width:1024px;}

.clear {clear: both; padding: 0px;}




.FL { float:left; }

.txt10  { font-size:10px; line-height:15px; }
.txt12  { font-size:12px; line-height:18px; }
.txt12b  { font-size:12px; line-height:18px; font-weight:900; }
.txt13  { font-size:13px; line-height:20px; }
.txt13b  { font-size:13px; line-height:20px; font-weight:700; }
.txt15  { font-size:15px; line-height:24px;  }
.txt20  { font-size:20px; line-height:40px; font-weight:900; }
.txt24  { font-size:24px; line-height:50px; font-weight:900; }

.txt_cen { text-align:center; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mb20 { margin-bottom:20px; }
.mlr_a { margin-left:auto; margin-right:auto;}


#topmain { background-image:url(img/main.png); background-size:cover; background-repeat:no-repeat; background-position:bottom; width:100%; height:680px;}

.tb_l { width:120px; float:left; text-align:left; font-size:15px; }
.tb_r { width:650px; float:left; text-align:left; font-size:15px; }


.item { width:280px; height:350px; font-size:16px; text-align:center; }