@charset "utf-8";

#home {
    margin-bottom:30px;
}
/* search area */
#searcharea {
    position:relative;
    width:760px;
    margin:0 auto;
    margin-bottom:-10px;
}

#searcharea p.lead{
    border-left:2px solid #f95c74;
    padding-left:10px;
    font-size:10px;
    margin-bottom:10px;
}


/* search link */
#searchlink {
    padding-left:0px;
    width:280px;
    height:220px;
    position:relative;
    float:right;
/*    border:1px solid #ccc;*/
}
#searchlink h2{position:absolute; top:-30px; left:70px;}
#searchlink p.note {position:absolute; top:40px;left:180px; font-size:9px; }
#searchlink p.background {position:absolute; top:80px; left:75px;}
#searchlink li.search{ 
    position:absolute; 
    padding: 0 0 0 8px;
    border-left:3px solid #ccc;
    line-height:1.2;
}
#searchlink li.search a {text-decoration:none; color:#ccc; } 
#searchlink li.tolist{ position:absolute; display:none; }
#searchlink li.tolist a { font-size:10px; }
#searchlink li.tolist span { font-size:9px; color:#999; padding-right:5px;}


/* position */
#searchlink li#search-all         {top:15px;left:85px; }
#searchlink li#search-illustration{top:60px;left:0px; }
#searchlink li#tolist-illustration{top:80px;left:0px; }
#searchlink li#search-programming {top:90px;left:170px; }
#searchlink li#tolist-programming {top:110px;left:170px; }
#searchlink li#search-thinkings   {top:165px;left:85px; }
#searchlink li#tolist-thinkings   {top:185px;left:85px; }

#searchlink li#search-all.selected         { border-color:#666; }
#searchlink li#search-illustration.selected{ border-color:#008000; }
#searchlink li#search-programming.selected { border-color:#00aad8; }
#searchlink li#search-thinkings.selected   { border-color:#ff6600; }

#searchlink li#search-all a:hover,
#searchlink li#search-all.selected a         { color:#666; font-weight:bold; }
#searchlink li#search-illustration a:hover,
#searchlink li#search-illustration.selected a{ color:#008000; font-weight:bold; }
#searchlink li#search-programming a:hover,
#searchlink li#search-programming.selected a { color:#00aad8; font-weight:bold; }
#searchlink li#search-thinkings a:hover,
#searchlink li#search-thinkings.selected a   { color:#ff6600; font-weight:bold; }



/* thumbs block */
#searcharea #thumbsblock{
    width:450px;
    float:left;
}
/* 詳細表示 block */
#searcharea #detailblock{
    position:absolute;
    top:0;
    left:450px;
 }

/* photo area */
#box{
    width:800px;
    height:20px;
    border-left:1px solid #999;
    border-right:1px solid #999;
    margin-bottom:-1px;
}
#photoarea{
    border-top:1px solid #999;
    position:relative;
    width:800px;
    height:270px;
    background:url(/shared/img/home-topphoto01.gif) 280px -35px no-repeat;
}
#photoarea p#fukidashi-bottom{
    position:absolute;
    top:-6px;
    left:520px;
}

#photoarea h2.title{
    position:absolute;
    top:30px;
    left:90px;
    font-size:18px;
    font-weight:bold;
}
#photoarea p#lead{
    position:absolute;
    top:70px;
    left:90px;
    width:200px;
    font-size:11px;
    font-weight:bold;
}
#photoarea h3#concept{
    position:absolute;
    top:180px;
    left:120px;
    width:200px;
}

/* twitter block */
#photoarea #twitterblock{
    position:absolute;
    top:163px;
    left:265px;
    width:200px;
}
#twitterblock .text{
    width:170px;
    padding:10px;
    border:1px solid #35ccff;
    float:left;
    font-size:10px;
    background-color:#fff;
}
#twitterblock .fukidashi{
    width:8px;
    float:left;
    margin-left:-6px;
    margin-top:10px;
}

/* webservice block */
#photoarea #webserviceblock{
    position:absolute;
    top:50px;
    left:650px;
    width:100px;
    height:200px;
}