@charset "UTF-8";
/* ===================================================================
デフォルトスタイルシート（default.css）
 :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */

/* スタイルリセット
------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td,pre {
    margin: 0;
    padding: 0px;
}
address,caption,cite,code,dfn,em,strong,th,var,i {font-style: normal; font-weight: normal;}
img,fieldset {border: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
caption {text-align: left;}
hr,legend {display: none;}
ul {list-style: none;}
br {letter-spacing:normal;}


/*IE で背景がずれるのを回避するおまじない*/
*html body {
    padding-left:1px;
    height: 100%;
}
*:first-child+html body { padding-left:1px; }

/* フォントサイズ
------------------------------------------------------------------- */
.xsmall  {font-size: x-small;}    /*10px相当*/
.small   {font-size: small;}    /*12px相当*/
.medium  {font-size: medium;}    /*16px相当*/
.large   {font-size: large;}    /*18px相当*/
.xlarge  {font-size: x-large;}    /*24px相当*/
.xxlarge {font-size: xx-large;}    /*32px相当*/

.FontSize120  {font-size: 120%;}
.FontSize110  {font-size: 110%;}
.FontSize100  {font-size: 100%;}
.FontSize90  {font-size: 90%;}
.FontSize80  {font-size: 80%;}

/* フォントスタイル
------------------------------------------------------------------- */
.xsmall, .small, .medium, .large, .xlarge, .xxlarge, pre {
    line-height: 1.5em;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック",Arial, Helvetica,sans-serif;
}

strong.red   {font-weight: bold!important; color: #EE0000!important;}
.bold  {font-weight: bold!important;}
.ColorRed    {color: #dd0000!important;}
.ColorBlue   {color: #0000cc!important;}
.ColorGreen  {color: #009944!important;}
.ColorPurple {color: #8301c6!important;}
.ColorTurquoise {color: #99ffff!important;}
.ColorGray {color: #7d7d7d!important;}

.ls_nomal    {letter-spacing:normal !important;}

/* リンクスタイル
------------------------------------------------------------------- */
/*a:link    {color: #003399; text-decoration: underline;}*/
/*a:visited {color: #480048; text-decoration: underline;}*/
a:hover   {
    color: #003399;
    text-decoration: none;
}
a:active  {color: #003399; text-decoration: none;}

/* テキスト位置
------------------------------------------------------------------- */
.TextC {text-align: center;}
.TextR {text-align: right;}
.TextL {text-align: left;}

.va_m  { vertical-align: middle !important;}
.va_tt { vertical-align: text-top !important;}
.va_tb { vertical-align: text-bottom !important;}

/* float & clear
------------------------------------------------------------------- */
.ClearFloat {
    clear: both!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 1px!important;
    line-height: 1px!important;
}

.FloatLeft  {float: left!important;}
.FloatRight {float: right!important;}

.ClearB {clear: both;}
.ClearL {clear: left;}
.ClearR {clear: right;}

/* clearfixでfloatを解除・レイアウトが崩れないためのおまじない
------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;} .clearfix {display:block;}

/* フッター
------------------------------------------------------------------- */
#footer {
    clear: both;
    background: #fff url(../img/foot_bk.jpg) left top repeat-x;
    color: #333;
    font-size: small;
    padding: 30px 0px 20px;
    letter-spacing:normal;
}