@charset "utf-8";

/*----------------------------------------------------*/ 
/* CSS Index

- element reset
- link
- text
- strong
- margin
- position
- clearfix

------------------------------------------------------*/

/*----------------------------------------------------*/ 
/* element 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, a, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	font:100%;}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent;}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }


/*----------------------------------------------------*/ 
/* link
------------------------------------------------------*/ 

a:link {	color:#0085CC; text-decoration:none;}
a:visited {	color:#0085CC;;	text-decoration:none;}
a:hover {	color:#0085CC;;	text-decoration:underline;}
a:active {	color:#0085CC;;	text-decoration:underline;}

a:hover img,
input[type=image]:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*----------------------------------------------------*/ 
/* text
------------------------------------------------------*/ 

body {
	color:#333;
	background-color:#FFF;
	font-family:  "中ゴシックBBB","ゴシックMB101 L" ,"リュウミン L-KL","ぽっくる" ,"じゅん 501","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","osaka","Verdana","Arial","Helvetica","sans-serif";
	font-size:small;
	*font:x-small;
}

.text10 { font-size:77% !important; }
.text11 { font-size:85% !important; }
.text12 { font-size:93% !important; }
.text13 { font-size:100% !important; }
.text14 { font-size:108% !important; }
.text15 { font-size:116% !important; }
.text16 { font-size:123.1% !important; }
.text17 { font-size:131% !important; }
.text18 { font-size:138.5% !important; }
.text19 { font-size:146.5% !important; }
.text20 { font-size:153.9% !important; }
.text21 { font-size:161.6% !important; }
.text22 { font-size:167% !important; }
.text23 { font-size:174% !important; }
.text24 { font-size:182% !important; }
.text25 { font-size:189% !important; }
.text26 { font-size:197% !important; }

p {
	line-height:1.7;
}

dt,dd,li,th,td,address {
	line-height:1.5;
}

p,dt,dd,li,th,td,input,textarea,address {
	font-size:100%;
}

/*li p,li dt,li dd,li li,dd p,dd dt,dd dd,dd li,td p,td dt,td dd,td li,td input,td textarea {
	font-size:100%;
}*/

li img {
	vertical-align:top;
}

/*----------------------------------------------------*/ 
/* strong
------------------------------------------------------*/

.bld { font-weight:bold !important;}
.nol { font-weight:normal !important;}
.red {	color:#CC0000;}
.redBold {	color:#CC0000; font-weight:bold !important;}


/*----------------------------------------------------*/ 
/* margin
------------------------------------------------------*/ 

.bm0 {	margin-bottom:0 !important;}
.bm5 {	margin-bottom:5px !important;}
.bm10 {	margin-bottom:10px !important;}
.bm15 {	margin-bottom:15px !important;}
.bm20 {	margin-bottom:20px !important;}
.bm25 {	margin-bottom:25px !important;}
.bm30 {	margin-bottom:30px !important;}
.bm35 {	margin-bottom:35px !important;}
.bm40 {	margin-bottom:40px !important;}
.bm45 {	margin-bottom:45px !important;}
.bm50 {	margin-bottom:50px !important;}

.tm0 {	margin-top:0 !important;}
.tm5 {	margin-top:5px !important;}
.tm10 {	margin-top:10px !important;}
.tm15 {	margin-top:15px !important;}
.tm20 {	margin-top:20px !important;}
.tm25 {	margin-top:25px !important;}
.tm30 {	margin-top:30px !important;}
.tm35 {	margin-top:35px !important;}
.tm40 {	margin-top:40px !important;}
.tm45 {	margin-top:45px !important;}
.tm50 {	margin-top:50px !important;}

.lm0 {	margin-left:0 !important;}
.lm5 {	margin-left:5px !important;}
.lm10 {	margin-left:10px !important;}
.lm15 {	margin-left:15px !important;}
.lm20 {	margin-left:20px !important;}
.lm25 {	margin-left:25px !important;}
.lm30 {	margin-left:30px !important;}
.lm35 {	margin-left:35px !important;}
.lm40 {	margin-left:40px !important;}
.lm45 {	margin-left:45px !important;}
.lm50 {	margin-left:50px !important;}

.rm0 {	margin-right:0 !important;}
.rm5 {	margin-right:5px !important;}
.rm10 {	margin-right:10px !important;}
.rm15 {	margin-right:15px !important;}
.rm20 {	margin-right:20px !important;}
.rm25 {	margin-right:25px !important;}
.rm30 {	margin-right:30px !important;}
.rm35 {	margin-right:35px !important;}
.rm40 {	margin-right:40px !important;}
.rm45 {	margin-right:45px !important;}
.rm50 {	margin-right:50px !important;}

/*----------------------------------------------------*/ 
/* position
------------------------------------------------------*/ 

.posC {	text-align:center;}
.posR {	text-align:right;}
.floR { float:right;}
.floL { float:left;}
.floRp { float:right; padding:0 0 10px 10px;}
.floLp { float:left; padding:0 10px 10px 0;}


/*----------------------------------------------------*/ 
/* clearfix
------------------------------------------------------*/ 

*:after {	display:block;	clear:both;	height:0;	visibility:hidden; }

.clearfix { /zoom:1;}
.clearfix:after {	content:".";} 

.clrfl { clear:both; }


/* CSSでのクリア

通常であればcleafixを設定するdivに対して、以下を設定。
widthが設定されていれば、zoom:1;（上側）の記述は不要。

#contents  div.xxxxxxxxx { zoom:1;} 
#contents div.xxxxxxxxx:after { content:".";}

*/