@charaset "utf-8";

/*======================[  RESET ]*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {	content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
input[type="button"] { -webkit-appearance: none; }

/*======================[  BASE  ]*/

html { overflow-y:scroll; height: 100%; }
body {
height: 100%;
background: #fff;
color: #444;
font-size: 12px;
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
text-align: left;
}
p, br, h1, h2, h3, h4, h5, h6 { line-height: 1; }
a, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none }
img {border: none; vertical-align: text-bottom;}
button { font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', sans-serif; }

/*======================[ TEXT ]*/
.txt10 {font-size: 10px;line-height: 1.5;}
.txt11 {font-size: 11px;line-height: 1.5;}
.txt12 {font-size: 12px;line-height: 1.5;}
.txt13 {font-size: 13px;line-height: 1.5;}
.txt14 {font-size: 14px;line-height: 1.5;}
.txt15 {font-size: 15px;line-height: 1.5;}
.txt16 {font-size: 16px;line-height: 1.5;}

.lh1 {line-height: 1;}
.lh2 {line-height: 1.2;}
.lh3 {line-height: 1.5;}
.lh4 {line-height: 1.7;}
.lh5 {line-height: 2;}

.notice {color: #c80000;font-weight: bold;}
.bold {font-weight: bold;}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.red {color:#F00;}

/*======================[ MARGIN,PADDING ]*/
.mg-auto {margin-right: auto;margin-left: auto;}
.mg-0 {margin: 0px;}
.mg-3 {margin: 3px;}
.mg-5 {margin: 5px;}
.mg-10 {margin: 10px;}
.mg-12 {margin: 12px;}
.mg-20 {margin: 20px;}

.mg-t3 {margin-top: 3px;}
.mg-t5 {margin-top: 5px;}
.mg-t10 {margin-top: 10px;}
.mg-t12 {margin-top: 12px;}
.mg-t20 {margin-top: 20px;}

.mg-b3 {margin-bottom: 3px;}
.mg-b5 {margin-bottom: 5px;}
.mg-b10 {margin-bottom: 10px;}
.mg-b12 {margin-bottom: 12px;}
.mg-b20 {margin-bottom: 20px;}

.mg-l3 {margin-left: 3px;}
.mg-l5 {margin-left: 5px;}
.mg-l10 {margin-left: 10px;}
.mg-l12 {margin-left: 12px;}
.mg-l20 {margin-left: 20px;}

.mg-r3 {margin-right: 3px;}
.mg-r5 {margin-right: 5px;}
.mg-r10 {margin-right: 10px;}
.mg-r12 {margin-right: 12px;}
.mg-r20 {margin-right: 20px;}

.pd-3 {padding: 3px;}
.pd-5 {padding: 5px;}
.pd-10 {padding: 10px;}
.pd-12 {padding: 12px;}
.pd-20 {padding: 20px;}

.pd-t3 {padding-top: 3px;}
.pd-t5 {padding-top: 5px;}
.pd-t10 {padding-top: 10px;}
.pd-t12 {padding-top: 12px;}
.pd-t20 {padding-top: 20px;}

.pd-b3 {padding-bottom: 3px;}
.pd-b5 {padding-bottom: 5px;}
.pd-b10 {padding-bottom: 10px;}
.pd-b12 {padding-bottom: 12px;}
.pd-b20 {padding-bottom: 20px;}

/*======================[  FLOAT  ]*/
.float-l {float: left;}
.float-r {float: right;}
.float-n {float: none;}

.hidden {overflow: hidden;}
.idt-999{text-indent:-9999px;}
.anchor{margin-top:-43px;padding-top:43px;}

/*======================[  WINDOW FADE  ]*/

#fade {position:absolute; /* ie6 */position:fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background: #fff;}


#special img {
	pointer-events: none;
}