/*----------------------------------------------------
base css for atois


----------------------------------------------------*/

/* element -----------------------------------------*/

body {
  margin : 0;
  padding : 0;
  color : #333333;
  background : #F6F6F6 url("../common/bg.gif");
  font-size : 12px;
  font-family : 'Hiragino Maru Gothic Pro', 'ƒqƒ‰ƒMƒmŠÛƒS Pro W4','Osaka','‚l‚r ‚oƒSƒVƒbƒN', '‚l‚r ƒSƒVƒbƒN','MS UI Gothic';
}
  
td, th {
  vertical-align : top;
  color : #333333;
  font-size : 12px;
}

img, a img {
  border : 0;
}

sup, sub {
  font-size : 60%;
}

h1, h2, h3, h4, h5, h6, h7 {
  margin : 0;
  padding : 0;
  font-size : 12px;
  font-weight : normal;
}

form {
  margin : 0;
}

a:link { color : #FF6600; text-decoration : none; }
a:visited { color : #FF6600; text-decoration : none; }
a:hover { color : #FF6600; text-decoration : underline; }
a:active { color : #FF6600; text-decoration : underline; }


/* font --------------------------------------------*/

.txt1 {
  font-size : 10px;
  line-height : 150%;
}

.txt1-lh {
  font-size : 10px;
  line-height : 200%;
}

.txt2 {
  font-size : 12px;
  line-height : 160%;
}

.txt2-lh {
  font-size : 12px;
  line-height : 200%;
}

.txt3 {
  font-size : 14px;
  line-height : 130%;
}

table.txt1-t td {
  font-size : 10px;
  line-height : 150%;
}


/* link --------------------------------------------*/

a.normal:link { color : #333333; }
a.normal:visited { color : #333333; }
a.normal:hover { color : #FF6600; }
a.normal:active { color : #FF6600; }

a.awhite:link { color : #FFFFFF; }
a.awhite:visited { color : #FFFFFF; }
a.awhite:hover { color : #FF6600; }
a.awhite:active { color : #FF6600; }


/* class -------------------------------------------*/

.ind {
  padding-left : 1em;
  text-indent : -1em;
}

.red {
  color : #CC0000;
}

.white {
  color : #FFFFFF;
}

.ast {
  color :                #CC0000;
}

.ast2 {
  color :                #888888;
}