@charset "utf-8";

/*-- common 
-------------------------------------------*/
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;}

html { overflow-x: hidden; overflow-y: auto; }
body { background: #333; font-size: 80%; line-height: 150%; }

img { border: none; }
.cl02 { background: url(../images/ttlbg-01.jpg) no-repeat top left; padding: 0 0 0 20px; line-height: 30px; border-bottom: 15px solid #000; color: #037bad; font-size: 100%; }

#cl02wrap { padding: 6px 10px; }
#cl02body { padding: 20px;}
#cl02main { padding: 20px 0; border-bottom: 1px dotted #666; height: 1%; }
#cl02limg { width: 340px; float: left; }
#cl02wrd2 { width: 400px; float: right; }
#cl02img { padding: 10px 5px 0; line-height: 30px; border-bottom: 15px solid #000; color: #037bad;}
.cl02box { width: 240px; float: left; border: 5px solid #000; }
.cl02frm { background: #333; padding: 10px; }

.br20 { padding: 0 20px 0 0; }

table { width: 100%;  }
th { padding: 4px 24px 4px 0; text-align: left; font-weight: normal; vertical-align: top; border-bottom: 1px dotted #666; }
td { padding: 4px 0; vertical-align: top; border-bottom: 1px dotted #666; }


/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #037bad; }
a:visited { color: #037bad; }
a:hover, a:active { color: #037bad; text-decoration:none; }
a:focus{ outline: none; }


/*-- align 
-------------------------------------------*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }