@charset "utf-8";

@import "./default.css";

body{background:#000 url("../images/back00.jpg") no-repeat center top;
    }
a{color:#9cf
}
    
a, a:hover{
	overflow:hidden;
	outline:none;}
        
#Container{width:600px;
    margin-right:auto;
    margin-left:auto;}
    
#Header{height:520px}
h1,h2{color:#000;
    text-indent:-2000px;
    font-size:xx-small
    }
    
#MenuGallery{position:absolute;
    top:350px;
    margin-left:280px;
    width:320px;
    font-size:xx-small}

#MenuGallery li a{color:#000;
    width:100px;
    height:100px;
    float:left;
    display:block;
    margin-right:5px;
    text-indent:-1000px;
}
    
/*---AI---*/
#MenuGallery li a.illustrator{background:url("../images/illustrator.jpg") no-repeat;
    background-position:0 0}
#MenuGallery li a:hover.illustrator{background:url("../images/illustrator.jpg") no-repeat;
    background-position:0 -120px}
#MenuGallery li a:active.illustrator{background:url("../images/illustrator.jpg")no-repeat;
    background-position:0 -240px}

/*---PSD---*/
#MenuGallery li a.photoshop{background:url("../images/photoShop.jpg") no-repeat;
    background-position:0 0}
#MenuGallery li a:hover.photoshop{background:url("../images/photoShop.jpg") no-repeat;
    background-position:0 -120px}
    #MenuGallery li a:active.photoshop{background:url("../images/photoShop.jpg") no-repeat;
    background-position:0 -240px}
    
/*---PHOTO---*/
#MenuGallery li a.photograph{background:url("../images/photoGraph.jpg")no-repeat;
    background-position:0 0}
#MenuGallery li a:hover.photograph{background:url("../images/photoGraph.jpg")no-repeat;
    background-position:0 -120px}
#MenuGallery li a:active.photograph{bbackground:url("../images/photoGraph.jpg")no-repeat;
    background-position:0 -240px}
    
#MenuGallery h3{background:url("../images/ukiyoeTitle.jpg");
    width:320px;
    height:30px}
    
#siteNavi{
    position:absolute;
    top:500px;
    width:600px;
    height:30px;
    display:inline}
    

#siteNavi li a{width:117px;
    margin-right:3px;
    height:20px;
    display:block;
    float:left;
    font-size:1px;
    text-indent:-2000px}
#siteNavi li a:hover{filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity:0.7;}

    
#siteNavi li a.blog{background:url("../images/blogBut.jpg") no-repeat;
    }

#siteNavi li a.about{background:url("../images/aboutBut.jpg") no-repeat}

#siteNavi li a.links{background:url("../images/linksBut.jpg") no-repeat}

#siteNavi li a.solti{background:url("../images/soltiBut.jpg") no-repeat}

#siteNavi li a.contact{background:url("../images/contactBut.jpg") no-repeat}

#Contents{background:#000 url("../images/infoBack.jpg") no-repeat center top;
    clear:both;
    font-size:x-small;
    color:#fff;
    margin-top:0;
	height:300px;}
    

#Info{float:left;
    width:400px;}
#Info h3{text-indent:-1000px;
    color:#000;
    font-size:1px;
    width:88px;
    height:18px;
    margin-top:20px;
    background:url("../images/info_H3.png") no-repeat top;
    }

#Info ul{margin-top:10px;
    padding-right:5px;
    height:250px;
    overflow:auto;
    }
#Info ul li{margin-left:1.5em;
	line-height:150%;
	padding-bottom:1%;
    list-style:url("../images/listMark.gif") outside;}
#Info ul li.year{font-weight:bold;
    padding-top:0.5em;
    list-style:none;
    border-top:thin solid #999;
    margin-left:0}  

/*****feed*****/
#feed{float:right;
    width:170px;
    height:300px;
	}
    
#feed h3{background:url("../images/recentPost_H3.png") no-repeat top;
    width:88px;
    height:18px;
    text-indent:-2000px;
    margin-top:20px;
    margin-bottom:0px;
    }
#feed p{font-size:1px;
    margin:0;
    padding:0;
    height:1px;
    color:#000} 
#feed ul{
    height:250px;
    overflow:auto}
#feed li{list-style:url("../images/listMark.gif") outside;
    margin-left:1.2em;
    padding-bottom:0.3em;
    line-height:120%;
    }    
#feed li span{font-size:xx-small}    
    
#Footer{clear:both;
    }
address{color:#ccc;
    font:xx-small normal;
    text-align:center;
    margin-top:2em;
    }