@charset "UTF-8";

/* --------------------------------------------------
	SiteName : 
	FileName : base.css
	Description : base style
	
	== TOC =========================================
	1 : initialize
	2 : clearfix
	3 : typo
	
-------------------------------------------------- */


/* 1 : initialize
================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 2 : clearfix
================================================== */

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



/* 3 : typo
================================================== */

html>/**/body { font-size: 13px; line-height: normal; } /* except Win IE */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

.fItalic { font-style:italic; }
.fBold { font-weight:bold; }
.fSerif {
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.f09 { font-size:65%; }
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f13 { font-size:100%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }

*:first-child+html .f09 { font-size: 9px; }
*:first-child+html .f10 { font-size: 10px; }
*:first-child+html .f11 { font-size: 11px; }
*:first-child+html .f12 { font-size: 12px; }
*:first-child+html .f13 { font-size: 13px; }
*:first-child+html .f14 { font-size: 14px; }
*:first-child+html .f15 { font-size: 15px; }
*:first-child+html .f16 { font-size: 16px; }
*:first-child+html .f17 { font-size: 17px; }
*:first-child+html .f18 { font-size: 18px; }
*:first-child+html .f19 { font-size: 19px; }
*:first-child+html .f20 { font-size: 20px; }
*:first-child+html .f21 { font-size: 21px; }
*:first-child+html .f22 { font-size: 22px; }
*:first-child+html .f23 { font-size: 23px; }
*:first-child+html .f24 { font-size: 24px; }
*:first-child+html .f25 { font-size: 25px; }
*:first-child+html .f26 { font-size: 26px; }





/* Margin */

.mt01 { margin-top: 1px; }

.mt02 { margin-top: 2px; }

.mt03 { margin-top: 3px; }

.mt04 { margin-top: 4px; }

.mt05 { margin-top: 5px; }

.mt06 { margin-top: 6px; }

.mt07 { margin-top: 7px; }

.mt08 { margin-top: 8px; }

.mt09 { margin-top: 9px; }

.mt10 { margin-top: 10px; }

.mt11 { margin-top: 11px; }

.mt12 { margin-top: 12px; }

.mt13 { margin-top: 13px; }

.mt14 { margin-top: 14px; }

.mt15 { margin-top: 15px; }

.mt16 { margin-top: 16px; }

.mt17 { margin-top: 17px; }

.mt18 { margin-top: 18px; }

.mt19 { margin-top: 19px; }

.mt20 { margin-top: 20px; }

.mt21 { margin-top: 21px; }
.mt22 { margin-top: 22px; }
.mt23 { margin-top: 23px; }
.mt24 { margin-top: 24px; }
.mt25 { margin-top: 25px; }
.mt26 { margin-top: 26px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }



.ml01 { margin-left: 1px; }

.ml02 { margin-left: 2px; }

.ml03 { margin-left: 3px; }

.ml04 { margin-left: 4px; }

.ml05 { margin-left: 5px; }

.ml06 { margin-left: 6px; }

.ml07 { margin-left: 7px; }

.ml08 { margin-left: 8px; }

.ml09 { margin-left: 9px; }

.ml10 { margin-left: 10px; }

.ml11 { margin-left: 11px; }

.ml12 { margin-left: 12px; }

.ml13 { margin-left: 13px; }

.ml14 { margin-left: 14px; }

.ml15 { margin-left: 15px; }

.ml16 { margin-left: 16px; }

.ml17 { margin-left: 17px; }

.ml18 { margin-left: 18px; }

.ml19 { margin-left: 19px; }

.ml20 { margin-left: 20px; }

.ml21 { margin-left: 21px; }
.ml22 { margin-left: 22px; }
.ml23 { margin-left: 23px; }
.ml24 { margin-left: 24px; }
.ml25 { margin-left: 25px; }
.ml26 { margin-left: 26px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.mb01 { margin-bottom: 1px; }

.mb02 { margin-bottom: 2px; }

.mb03 { margin-bottom: 3px; }

.mb04 { margin-bottom: 4px; }

.mb05 { margin-bottom: 5px; }

.mb06 { margin-bottom: 6px; }

.mb07 { margin-bottom: 7px; }

.mb08 { margin-bottom: 8px; }

.mb09 { margin-bottom: 9px; }

.mb10 { margin-bottom: 10px; }

.mb11 { margin-bottom: 11px; }

.mb12 { margin-bottom: 12px; }

.mb13 { margin-bottom: 13px; }

.mb14 { margin-bottom: 14px; }

.mb15 { margin-bottom: 15px; }

.mb16 { margin-bottom: 16px; }

.mb17 { margin-bottom: 17px; }

.mb18 { margin-bottom: 18px; }

.mb19 { margin-bottom: 19px; }

.mb20 { margin-bottom: 20px; }

.mb21 { margin-bottom: 21px; }
.mb22 { margin-bottom: 22px; }
.mb23 { margin-bottom: 23px; }
.mb24 { margin-bottom: 24px; }
.mb25 { margin-bottom: 25px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }


.mb100 { margin-bottom: 100px; }
.mb110 { margin-bottom: 110px; }




.mr01 { margin-right: 1px; }

.mr02 { margin-right: 2px; }

.mr03 { margin-right: 3px; }

.mr04 { margin-right: 4px; }

.mr05 { margin-right: 5px; }

.mr06 { margin-right: 6px; }

.mr07 { margin-right: 7px; }

.mr08 { margin-right: 8px; }

.mr09 { margin-right: 9px; }

.mr10 { margin-right: 10px; }

.mr11 { margin-right: 11px; }

.mr12 { margin-right: 12px; }

.mr13 { margin-right: 13px; }

.mr14 { margin-right: 14px; }

.mr15 { margin-right: 15px; }

.mr16 { margin-right: 16px; }

.mr17 { margin-right: 17px; }

.mr18 { margin-right: 18px; }

.mr19 { margin-right: 19px; }

.mr20 { margin-right: 20px; }
.mr21 { margin-right: 21px; }
.mr22 { margin-right: 22px; }
.mr23 { margin-right: 23px; }

.mr30 { margin-right: 30px; }
.mr32 { margin-right: 32px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mr01 { margin-right: 1px; }

.mr02 { margin-right: 2px; }

.mr03 { margin-right: 3px; }

.mr04 { margin-right: 4px; }

.mr05 { margin-right: 5px; }

.mr06 { margin-right: 6px; }

.mr07 { margin-right: 7px; }

.mr08 { margin-right: 8px; }

.mr09 { margin-right: 9px; }

.mr10 { margin-right: 10px; }

.mr11 { margin-right: 11px; }

.mr12 { margin-right: 12px; }

.mr13 { margin-right: 13px; }

.mr14 { margin-right: 14px; }

.mr15 { margin-right: 15px; }

.mr16 { margin-right: 16px; }

.mr17 { margin-right: 17px; }

.mr18 { margin-right: 18px; }

.mr19 { margin-right: 19px; }

.mr20 { margin-right: 20px; }
.mr21 { margin-right: 21px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }



/* Padding */

.pt10 { padding-top: 10px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pt13 { padding-top: 13px; }
.pt14 { padding-top: 14px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt17 { padding-top: 17px; }
.pt18 { padding-top: 18px; }
.pt19 { padding-top: 19px; }
.pt20 { padding-top: 20px; }


.pt20 { padding-top: 20px; }
.pt21 { padding-top: 21px; }
.pt22 { padding-top: 22px; }
.pt23 { padding-top: 23px; }
.pt24 { padding-top: 24px; }
.pt25 { padding-top: 25px; }
.pt26 { padding-top: 26px; }
.pt27 { padding-top: 27px; }
.pt28 { padding-top: 28px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pb10 { padding-bottom: 10px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }

.pb100 { padding-bottom: 100px; }
.pb110 { padding-bottom: 120px; }
.pb120 { padding-bottom: 120px; }


.pl01 { padding-left: 1px; }

.pl02 { padding-left: 2px; }

.pl03 { padding-left: 3px; }

.pl04 { padding-left: 4px; }

.pl05 { padding-left: 5px; }

.pl06 { padding-left: 6px; }

.pl07 { padding-left: 7px; }

.pl08 { padding-left: 8px; }

.pl09 { padding-left: 9px; }

.pl10 { padding-left: 10px; }

.pl11 { padding-left: 11px; }

.pl12 { padding-left: 12px; }

.pl13 { padding-left: 13px; }

.pl14 { padding-left: 14px; }

.pl15 { padding-left: 15px; }

.pl16 { padding-left: 16px; }

.pl17 { padding-left: 17px; }

.pl18 { padding-left: 18px; }

.pl19 { padding-left: 19px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }