@charset "utf-8";

/********************
common style
********************/
* {
margin:0;
padding:0;
font-style:normal;
font-weight: normal;
}

html,body {height:100%;}

body{
font-size:84%;
text-align:center;
color:#666;
background:url(../../htdocs/images/body_back.png) repeat-y center;
position:relative;
}

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

img { border:0; }

strong{font-weight:bold;}

ol,ul,li { list-style:none; } 

table,caption,th,tr,td,dt,dd{
text-align:left;
border-collapse:collapse;
}

a:link,
a:visited,
a:hover,
a:active{ text-decoration:none;}
a:hover{ text-decoration:underline;}


/*---------------------------------------------------------------------------
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; }



/*---------------------------------------------------------------------------
height
---------------------------------------------------------------------------*/

.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
---------------------------------------------------------------------------*/

.w50{ width:50px;}
.w80{ width:80px;}
.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;}
.w100P{ width:100%;}

.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;}


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


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


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

/*----- float clear ---------*/

.clear{ clear:both;}

.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 */


/*---------------------------------------------------------------------------
list
---------------------------------------------------------------------------*/
.liend{
margin-right:0 !important;
padding-right:0 !important;
border-right:none !important;
}


/*---------------------------------------------------------------------------
others
---------------------------------------------------------------------------*/
.att{font-size:70%; color:#FF0033;}