@charset "utf-8";  
  
/* ==================================================== 
   
   
   
  スタイルの初期化 
   
   
   
====================================================*/  
  
html {  
  overflow-y: scroll;  
}  
  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, {   
  margin:0;  
  padding:0;  
}  
  
img {   
  border:0;  
}  
  

ol,ul {  
  list-style:none;  
}  
   
  
h1,h2,h3,h4,h5,h6 {  
  font-size:100%;  
  font-weight:normal;  
}  
  
q:before,q:after {  
  content:'';  
}  
    
p {  
  text-align:justify;  
}  
  
/* ---------------------------------------------------- 
  letter-spacingを使用した際、 
  <br>を2個書かないと改行しないのを解消 
---------------------------------------------------- */  
  
br { /*  */  
  letter-spacing:normal;  
}  
  
  
  
  
  
/* ==================================================== 
   
   
   
  よく使用するクラスライブラリ 
   
   
   
====================================================*/  
  
//* ---------------------------------------------------- 
  margin 
---------------------------------------------------- */  
  
.mt00 { margin-top:  0px !important; }  
.mt05 { 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; }  
  
.mr00 { margin-right:  0px !important; }  
.mr05 { 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; }  
  
.mb00 { margin-bottom:  0px !important; }  
.mb05 { 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; }  
  
.ml00 { margin-left:  0px !important; }  
.ml05 { 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; }  
  
/* ---------------------------------------------------- 
  padding 
---------------------------------------------------- */  
  
.pt00 { padding-top:  0px !important; }  
.pt05 { padding-top:  5px !important; }  
.pt10 { padding-top: 10px !important; }  
.pt15 { padding-top: 15px !important; }  
.pt20 { padding-top: 20px !important; }  
.pt25 { padding-top: 25px !important; }  
.pt30 { padding-top: 30px !important; }  
.pt35 { padding-top: 35px !important; }  
.pt40 { padding-top: 40px !important; }  
  
.pr00 { padding-right:  0px !important; }  
.pr05 { padding-right:  5px !important; }  
.pr10 { padding-right: 10px !important; }  
.pr15 { padding-right: 15px !important; }  
.pr20 { padding-right: 20px !important; }  
.pr25 { padding-right: 25px !important; }  
.pr30 { padding-right: 30px !important; }  
.pr35 { padding-right: 35px !important; }  
.pr40 { padding-right: 40px !important; }  
  
.pb00 { padding-bottom:  0px !important; }  
.pb05 { padding-bottom:  5px !important; }  
.pb10 { padding-bottom: 10px !important; }  
.pb15 { padding-bottom: 15px !important; }  
.pb20 { padding-bottom: 20px !important; }  
.pb25 { padding-bottom: 25px !important; }  
.pb30 { padding-bottom: 30px !important; }  
.pb35 { padding-bottom: 35px !important; }  
.pb40 { padding-bottom: 40px !important; }  
  
.pl00 { padding-left:  0px !important; }  
.pl05 { padding-left:  5px !important; }  
.pl10 { padding-left: 10px !important; }  
.pl15 { padding-left: 15px !important; }  
.pl20 { padding-left: 20px !important; }  
.pl25 { padding-left: 25px !important; }  
.pl30 { padding-left: 30px !important; }  
.pl35 { padding-left: 35px !important; }  
.pl40 { padding-left: 40px !important; }  
  
  
  
  
  
  
/* ==================================================== 
   
   
   
  creafixなどフロート解除関連 
   
   
   
====================================================*/  
  
.clear {  
  clear: both;  
}  
  
/* ---------------------------------------------------- 
  clearfix の代用 
  <div class="hr"><hr /></div> 
---------------------------------------------------- */  
  
div.hr { clear:both; }  
div.hr hr { display:none; }  
  
/* ---------------------------------------------------- 
  clearfix 
---------------------------------------------------- */  
  
.clearfix {  
  zoom:1;  
}  
  
.clearfix:after {  
  content: ".";  
  display: block;  
  height: 1px;  
  clear: both;  
  visibility: hidden;  
  font-size: 0;  
  line-height: 0;  
  margin: -1px 0 0 0;  
}  
  
/* for MacIE5 \*//*/ 
.clearfix { 
  height: auto; 
  overflow: hidden; 
}