@charset "shift_jis";





/* reset

========================================== */



body,div,dl,dt,dd,ul,ol,li,

h1,h2,h3,h4,h5,h6,

pre,code,form,fieldset,legend,

p,blockquote,table,th,td{margin: 0; padding: 0;}



html{background: #FFF; color: #000;}



body{font:13px/1 "���C���I","Meiryo","Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3","�l�r �o�S�V�b�N",sans-serif;}

* html body{font-size: small; font: x-small;}

*:first-child+html body{font-size: small; font: x-small;}



img{border: 0; vertical-align: bottom;}



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



ul,dl,ol{text-indent: 0;}

li{list-style: none;}



address,caption,cite,code,dfn,em,strong,th,var{font-style: normal; font-weight: normal;}



sup{vertical-align: text-top;}

sub{vertical-align: text-bottom;}



input,textarea,select{font-family: inherit; font-size: inherit; font-weight:inherit;}

* html input,* html textarea,* html select{font-size: 100%;}

*:first-child+html+input,*:first-child html+textarea,*:first-child+html select{font-size: 100%;}



table{border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}

th,td{text-align: left; vertical-align: top;}

caption{text-align: left;}



pre,code,kbd,samp,tt{font-family: monospace;}

* html pre,* html code,* html kbd,* html samp,* html tt{font-size: 108%; line-height: 100%;}

*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt{font-size: 108%; line-height: 100%;}



input,select,textarea{font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}





/* tips

========================================== */



/* �� ClearFix �� */



.cf:after{

	content: ".";

	display: block;

	visibility: hidden;

	height: 0.1px;

	font-size: 0.1em;

	line-height: 0;

	clear: both;

}

.cf{zoom: 100%;}





/* �� Common Float Only �� */



.fl{float: left !important;}

.fr{float: right !important;}

.fn{float: none !important;}

.fc{clear: both !important;}





/* �� Common Display �� */



.dn{display: none;}

.db{display: block;}





/* �� Common Margin �� */



.mt0{margin-top: 0px !important;}

.mt5{margin-top: 5px !important;}

.mt10{margin-top: 10px !important;}

.mt15{margin-top: 15px !important;}

.mt20{margin-top: 20px !important;}

.mt25{margin-top: 25px !important;}

.mt30{margin-top: 30px !important;}

.mt35{margin-top: 35px !important;}

.mt40{margin-top: 40px !important;}

.mt45{margin-top: 45px !important;}

.mt50{margin-top: 50px !important;}



.ml0{margin-left: 0px !important;}

.ml5{margin-left: 5px !important;}

.ml10{margin-left: 10px !important;}

.ml15{margin-left: 15px !important;}

.ml20{margin-left: 20px !important;}

.ml25{margin-left: 25px !important;}

.ml30{margin-left: 30px !important;}

.ml35{margin-left: 35px !important;}

.ml40{margin-left: 40px !important;}

.ml45{margin-left: 45px !important;}

.ml50{margin-left: 50px !important;}

.ml60{margin-left: 60px !important;}


.mr0{margin-right: 0px !important;}

.mr5{margin-right: 5px !important;}

.mr10{margin-right: 10px !important;}

.mr15{margin-right: 15px !important;}

.mr20{margin-right: 20px !important;}

.mr25{margin-right: 25px !important;}

.mr30{margin-right: 30px !important;}

.mr35{margin-right: 35px !important;}

.mr40{margin-right: 40px !important;}

.mr45{margin-right: 45px !important;}

.mr50{margin-right: 50px !important;}

.mr60{margin-right: 60px !important;}


.mb0{margin-bottom: 0px !important;}

.mb5{margin-bottom: 5px !important;}

.mb10{margin-bottom: 10px !important;}

.mb15{margin-bottom: 15px !important;}

.mb20{margin-bottom: 20px !important;}

.mb25{margin-bottom: 25px !important;}

.mb30{margin-bottom: 30px !important;}

.mb35{margin-bottom: 35px !important;}

.mb40{margin-bottom: 40px !important;}

.mb45{margin-bottom: 45px !important;}

.mb50{margin-bottom: 50px !important;}

.mb60{margin-bottom: 60px !important;}




/* �� Common FontSize �� */



.fs14{font-size: 87.5% !important;}

.fs12{font-size: 75% !important;}

.fs10{font-size: 62.5% !important;}





/* �� Common TextAlign �� */



.al{text-align: left !important;}

.ac{text-align: center !important;}

.ar{text-align: right !important;}





/* �� Float Clear �� */



.clr{

	clear: both;

	display: block;

	height: 0px !important;

	margin: 0px;

	font-size: 0px !important;

	line-height: 0px !important;

}

.clr hr{height: 0px !important;}

.clr br{

	height: 0px !important;

	line-height: 0px !important;

}