@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  border: none;
}

a:link { text-decoration: none; color:#000; }
a:visited { text-decoration: none; color:#000; }
a:hover { text-decoration: none; color:#F00;}
a:active { text-decoration: none; color:#000;}

p{
color:#000;
font-size: 12px;
}


ul{
list-style: none;
}

h1{
 font-weight: normal;
 font-size: 15px;
 padding-top: 22px;
}


h2{
 font-weight: normal;
 font-size: 12px;
 color: #F00;
}

.botom{
margin-bottom: 24px;
}


body{
  line-height: 24px;
  letter-spacing: 0.1em;
 font-family:AkKurat, Helvetica, sans-serif;
}


#container {
  background: #FFF;
}


#header {
  background: #FFF;
  color: #000;
  position: relative;
  height:72px;
  width:600px;
  padding:0 24px;
  z-index:0; 
}


#header a:link { text-decoration: none; color:#000; }
#header a:visited { text-decoration: none; color:#000; }
#header a:hover { text-decoration: none; color:#F00;}
#header a:active { text-decoration: none; color: #000;}

a.active{color: #F00;}

#menu{
 font-size:15px;
 height: 24px;
 width:600px;
 padding:0 24px;
 margin-bottom: 48px;
 z-index : 50;
}


#menu li{
  display: inline;
  padding-right: 24px;
}

#menu li a{
	z-index: 400;
}

#main li{
font-size:12px;
}

#main {
	background-color: #FFF;
	width:600px;
	padding:0 24px;
	z-index: 10;
}

.yearly_archive{
margin-bottom: 24px;
}

p.title{
color: #F00;
}

.brock{
margin-bottom:48px;
}

.navi
{width: 600px;}

.navi p.up_arrow{
float:right;
}

.sentence{
clear:both;
}

.explanation{
width:552px;
}


/*workindivisual*/
#content{
width:600px;
}

.works h2{
margin: 0;
font-size: 12px;
font-weight: bold;
color: #000;
}

.navigation{
position: absolute;
top:144px;
left:552px;
}

th {
width:24px;
}

.swf{
margin-top: 24px;
}

.entry{
width: 500px;
overflow: visible;
}

.entry a{
border-bottom: 1px dotted #A9A9A9;}

.entry img a{border: none;}

.entry img{
margin-top: 24px; 
}

.entry a.img{
border-bottom: none;}


#botttom_navi{
width:600px;}

#bottom_navi p{
float:right;
margin: 24px 0;
}

#bottom_navi a{
border: none;
}

#footer {


  width: 100%;
  background: #FFF;
  clear: both;
}

#footer .copyright{
  letter-spacing: 0.1em;
  margin:24px 0 12px 0;
  padding:0 24px;
  font-size: 10px;
  width:600px;
  background: #FFF;
}



/*popup*/


#work ul li a{
z-index: 1000;
position: relative;
display: block;
height: 24px;
min-width: 200px;
}


#work_archive li a{
z-index: 1001;
position: relative;
display: block;
height: 24px;
min-width: 200px;}


.bubbleInfo {
    position: relative;
    max-width: 200px;
    overflow: visible;
    white-space:nowrap;
}


.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    height: 240px;
    width: 240px;
    overflow: visible;
   }

.popup img{
float: right;
}