@charset "utf-8";
/* CSS Document */

body { background:url(imgdir/back.gif) repeat-x top left;margin:0;padding:0;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size:12px;text-align:center;color:#fff;}
img {border:0;line-height:0; vertical-align:bottom;}

a {color:#fff; text-decoration:none;}
a:hover {text-decoration:underline;}


div#main {height: 495px;width: 800px;margin-top: -260px;margin-left: -400px;position: absolute;top: 50%;left: 50%;z-index: 1;background: url(imgdir/bg.jpg) no-repeat left top;}
div#logo {text-align:left;margin:12px 18px}
div#navigation {font-weight:bold;position:absolute;right:18px;bottom:12px; font-family:Arial, Helvetica, sans-serif;}
div#navigation span {letter-spacing:5px;}

div#link01 {position:absolute;top:223px;left:251px;}
div#link02 {position:absolute;top:140px;right:193px;}
div#link03 {position:absolute;top:125px;right:37px;}

div#secmain {height: 495px;width: 800px;margin-top: -260px;margin-left: -400px;position: absolute;top: 50%;left: 50%;z-index: 1;background: url(imgdir/sec_bg.jpg) no-repeat left top;}

div.copy {font-size:18px;font-family:Arial, Helvetica, sans-serif;text-align:left;margin:30px 0 15px 25px;}

p {margin:0 480px 25px 25px;text-align:left;width:320px;line-height:180%;text-align:justify; text-justify: inter-ideograph}

div#access {position:absolute;left:25px;top:220px;text-align:left;}
div#access img {border:2px solid #ccc;margin-bottom:3px;}

p span {font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

p a {text-decoration:underline;}
p a:hover {font-style:italic;}

blockquote {margin:-15px 480px 20px 25px;text-align:left;width:320px;font-size:10px;line-height:140%;text-align:justify; text-justify: inter-ideograph;color:#ccc;}

blockquote a {text-decoration:underline;}
blockquote a:hover {font-style:italic;}





#modal_container {  
padding:5px;  
background-color:#fff;  
border:1px solid #666;  
overflow:auto;  
font-family:"Lucida Grande",Verdana;  
font-size:12px;  
color:#333;  
text-align:left;  
} 
#modal_overlay {  
background-color:#000;  
} 


div#qTip {
  padding: 3px;
  border: 1px solid #333;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #444;
  color: #FFF;
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}


/*---happa blog css---*/
#blog {position:absolute; top:445px; left:18px;}