@charset "utf-8";
/* Reset CSS ver.1.0 */

/*---------------------------------------------------------------------------
format
---------------------------------------------------------------------------*/
html,body {
height:100%;
width:100%;
}
body{
font-size:12px;
*font-size:small;
*font:x-small;
line-height:1.8;
color:#666666;
background-color:#FFFFFF;
text-align:center;
}

* {
margin:0;
padding:0;
font-style:normal;
font-weight: normal;
font-family: Verdana,Arial,sans-serif;
}
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}

h1,h2,h3,h4,h5,h6,
input,textarea{ font-size:100%; }
img { border:0; }
ol,ul,li { list-style:none; } 

table,caption,th,tr,td{
text-align:left;
border:solid 1px #ccc;
border-collapse:collapse;
border-spacing:0;
_border-collapse:collapse;/*for IE6*/
}

a:link,
a:active,
a:visited{
text-decoration:none;
color:#666666;
outline:none;
}
a:hover{text-decoration:underline;}
strong{font-weight:bold;}
br{ letter-spacing:0;}

.disp{
display:block;
text-indent:-9999px;
}

/*---------------------------------------------------------------------------
margin
---------------------------------------------------------------------------*/
.m0A{ margin:0 auto;}
.mA5{ margin:5px; }
.mA10{ margin:10px; }
.mA15{ margin:15px; }
.mA20{ margin:20px; }
.mA25{ margin:25px; }
.mA30{ margin:30px; }
.mA50{ margin:50px; }

.mT5 { margin-top:5px; }
.mT10 { margin-top:10px; }
.mT15 { margin-top:15px; }
.mT20 { margin-top:20px; }
.mT25 { margin-top:25px; }
.mT30 { margin-top:30px; }
.mT50 { margin-top:50px; }

.mR5 { margin-right:5px; }
.mR10 { margin-right:10px; }
.mR15 { margin-right:15px; }
.mR20 { margin-right:20px; }
.mR25 { margin-right:25px; }
.mR30 { margin-right:30px; }
.mR50 { margin-right:50px; }

.mL5 { margin-left:5px; }
.mL10 { margin-left:10px; }
.mL15 { margin-left:15px; }
.mL20 { margin-left:20px; }
.mL25 { margin-left:25px; }
.mL30 { margin-left:30px; }
.mL50 { margin-left:50px; }

.mB5 { margin-bottom:5px; }
.mB10 { margin-bottom:10px; }
.mB15 { margin-bottom:15px; }
.mB20 { margin-bottom:20px; }
.mB25 { margin-bottom:25px; }
.mB30 { margin-bottom:30px; }
.mB50 { margin-bottom:50px; }

/*---------------------------------------------------------------------------
padding
---------------------------------------------------------------------------*/
.pA5{ padding:5px; }
.pA10{ padding:10px; }
.pA15{ padding:15px; }
.pA20{ padding:20px; }
.pA25{ padding:25px; }
.pA30{ padding:30px; }
.pA50{ padding:50px; }

.pT5 { padding-top:5px; }
.pT10 { padding-top:10px; }
.pT15 { padding-top:15px; }
.pT20 { padding-top:20px; }
.pT25 { padding-top:25px; }
.pT30 { padding-top:30px; }
.pT50 { padding-top:50px; }

.pR5 { padding-right:5px; }
.pR10 { padding-right:10px; }
.pR15 { padding-right:15px; }
.pR20 { padding-right:20px; }
.pR25 { padding-right:25px; }
.pR30 { padding-right:30px; }
.pR50 { padding-right:50px; }

.pL5 { padding-left:5px; }
.pL10 { padding-left:10px; }
.pL15 { padding-left:15px; }
.pL20 { padding-left:20px; }
.pL25 { padding-left:25px; }
.pL30 { padding-left:30px; }
.pL50 { padding-left:50px; }

.pB5 { padding-bottom:5px; }
.pB10 { padding-bottom:10px; }
.pB15 { padding-bottom:15px; }
.pB20 { padding-bottom:20px; }
.pB25 { padding-bottom:25px; }
.pB30 { padding-bottom:30px; }
.pB50 { padding-bottom:50px; }

/*---------------------------------------------------------------------------
width height
---------------------------------------------------------------------------*/
.w30{ width:30px;}
.w50{ width:50px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w350{ width:350px;}
.w400{ width:400px;}
.w500{ width:500px;}

.h30{ height:30px;}
.h50{ height:50px;}
.h80{ height:80px;}
.h100{ height:100px;}
.h120{ height:120px;}
.h150{ height:150px;}
.h200{ height:200px;}
.h250{ height:250px;}
.h300{ height:300px;}
.h400{ height:400px;}
.h500{ height:500px;}

/*---------------------------------------------------------------------------
text-align
---------------------------------------------------------------------------*/
.tAR{ text-align:right !important}
.tAC{ text-align:center !important}
.tAL{ text-align:left !important}

/*---------------------------------------------------------------------------
font color
---------------------------------------------------------------------------*/
.red{ color:#FF0000; }
.blue{ color:#0000FF; }
.green{ color:#006600; }
.orange{ color:#FF6600; }

/*---------------------------------------------------------------------------
float
---------------------------------------------------------------------------*/
.fL{ float:left; }
.fR{ float:right; }
.imgL{
float:left;
margin:0 10px 10px 0;
}
.imgR{
float:right;
margin:0 0 10px 10px;
}
.clear{ clear:both;}

/*----- float clear ---------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {display:inline-block;}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */