/* HTML BODY */

html  { margin: 0; padding: 0; }
html  { font-family: 'ヒラギノ角ゴ Pro',Hiragino Kaku Gothic Pro,MS PGothic,'ＭＳ Ｐゴシック',sans-serif; }


body  { margin: 0; padding: 0; }
body  { font-family: 'ヒラギノ角ゴ Pro',Hiragino Kaku Gothic Pro,MS PGothic,'ＭＳ Ｐゴシック',sans-serif; }



/* 基本コマンド */

div  { margin: 0; padding: 0; text-align: left; }

p    { margin: 0; padding: 0; text-align: left; }

img  { border : 0;  }

h1   { font-size : 12px;
       font-weight : bolder;
       line-height : 120%;
       text-align: left; 
       margin : 0;
       padding : 0px;
     }



/* リンク */

a:link    { color : black;   text-decoration: none ;      }
a:active  { color : fuchsia; text-decoration: none ;      }
a:visited { color : #666666; text-decoration: none ;      }
a:hover   { color : red;     text-decoration: underline ; }




/* コンテナ */

#container { width : 850px ; margin: 0 auto;     padding: 0;  text-align: left; }

#header    { width : 850px ; margin: 10px 0 0 0; padding: 0;  text-align: left; }

#navi      { width : 850px ; margin: 10px 0 0 0; padding: 0;  text-align: left; }

#content   { width : 850px ; margin: 10px 0 0 0; padding: 0;  text-align: left; }

#left      { float : left ;  width : 140px; margin: 0; padding: 0;  text-align: left; }

#right     { float : right ; width : 690px; margin: 0; padding: 0;  text-align: left; }

#footer    { width : 850px ; margin: 20px 0 10px 0; padding: 0;  text-align: left; }




/* clear */

.clearfix:after { content:".";
                  display:block;
                  height:0;
                  clear:both;
                  visibility:hidden;
                }

.clearfix { display:inline-block;
            min-height:1%;  /* for IE 7*/
          }

/* Hides from IE-mac */

* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* <div class="maki">maki-cancel</div> */
.maki { clear: both; visibility: hidden; height: 0;}

.clear-both { clear: both; visibility: hidden; height: 0; }

.g0 { max-height: 1px; font-size: 10px; line-height: 1% ; }



/* width */

.wd-850 { width: 850px; }
.wd-695 { width: 850px; }

.wd-100 { width: 100px; }
.wd-200 { width: 200px; }
.wd-220 { width: 220px; }


.ttl-30 { width: 353px; height:30; background: #ffffff; }
.ttl-31 { width: 716px; height:30; background: #ffffff; }



/* float */

.omk-00 { 850px ; padding: 0; }
.omk-01 { float: left;  width : 135px ; padding: 0; }
.omk-02 { float: right; width : 695px ; padding: 0; }

.tnd-20 { 695px ; padding: 0; }
.tnd-21 { float: left;  width : 410px ; padding: 0; }
.tnd-23 { float: right; width : 420px ; padding: 0; }

.omn-51 { float: left;  width : 200px ; padding: 0; }
.omn-52 { float: right; width : 200px ; padding: 0; }


.omk-50 { 695px ; padding: 0; }
.omk-51 { float: left;  width : 320px ; padding: 0; }
.omk-52 { float: right; width : 355px ; padding: 0; }


.ma2-01 { float: left;  width : 135px ; padding: 0; }
.ma2-03 { float: right; width : 695px ; padding: 0; }

.cb2-00 { 695px ; padding: 0; }
.cb2-01 { float: left;  width : 200px ; padding: 0; }
.cb2-03 { float: right; width : 475px ; padding: 0; }

.ch2-00 { 695px ; padding: 0; }
.ch2-01 { float: left;  width : 475px ; padding: 0; }
.ch2-03 { float: right; width : 200px ; padding: 0; }

.cp2-00 { 695px ; padding: 0; }
.cp2-01 { float: left;  width : 150px ; padding: 0; }
.cp2-03 { float: right; width : 525px ; padding: 0; }


.tnd-80 { 695px ; padding: 0; }
.tnd-81 { float: left;  width : 217px ; padding: 0; }
.tnd-82 { float: left;  width : 217px ; padding: 0 0 0 22px; }
.tnd-83 { float: right; width : 217px ; padding: 0; }


.om2-01 { float: left;  width : 382px ; padding: 0; }
.om2-03 { float: right; width : 448px ; padding: 0; }

.om3-01 { float: left;  width : 270px ; padding: 0; }
.om3-02 { float: left;  width : 270px ; padding: 0 0 0 20px; }
.om3-03 { float: right; width : 270px ; padding: 0; }

.dule-60 { 695px ; padding: 0; }
.dule-61 { float: left;  width : 110px ; padding: 0; }
.dule-62 { float: left;  width : 348px ; padding: 0 0 0 10px; }
.dule-63 { float: right; width : 217px ; padding: 0; }