@charset "UTF-8";
/**
 * ポートフォリオ フォーマット用
 *
 * @copyright  2013 Arcphilia Inc.
 * @license    Proprietary
 * @version    1.0.0
 * @link       http://www.creatorsbank.com/css/portfolio/index.css
 * @since      2013-01-11
 * @author     MAEDA Kei
 */

body {
    font-family:sans-serif;
    font-size:12px;
}

p {
    font-size: 12px;
    line-height:140%;
    margin: 5px 0; 
} 
table {
    font-size: 12px;
    line-height:140%; 
} 
.small {
    font-size: smaller;
}
.bold{
    font-weight:bold
    }
.ten {
    font-size: 12px;
}
.border {
    border: 1px solid #999999;
}

#portfolio-main-works,
#portfolio-main {
    width:938px;
    margin:0;
    padding:0px 0 0 0;
    border-width:0 1px 1px 1px;
    border-style:solid;
}
#portfolio-main-works {
    float:left;
    display:inline;
}

/**
 * ヘッダー
 */
.foot-print{
    font-size:10px;
    text-align:right;
}
.random-b{
    float:right;
    width:58px;
    margin-bottom:5px;
}

/**
 * 左ミニウィンドウ    
 */

#mini-window-wrapper {
    width:155px;
    /*height:520px;*/
    float:left;
    margin-left:10px;
    margin-bottom:10px;
    display:inline;
}
#mini-window-wrapper .mini-window-profile {
    padding:5px;
    overflow:hidden;
    text-align:left;
}
#mini-window-wrapper .mini-window-profile .prof-img {
    text-align:center;
}
#mini-window-wrapper .mini-window-profile .description,
#mini-window-wrapper .mini-window-profile .creator_name {
    font-size:12px;
    font-weight:bold;
    padding:3px 0;
}
#mini-window-wrapper .mini-window-profile .More {
    text-align:right;
}
#mini-window-wrapper .mini-window-friend {
    padding:7px;
}
#mini-window-wrapper .friend-title {
    background-position:left center;
    background-repeat:no-repeat;
    text-align:right;
    height:24px;
    width:140px;
}
#mini-window-wrapper .FriendRect {
    float:left;
    margin-bottom:1em;
    text-align:center;
    width:70px;
}
#mini-window-wrapper .CreatorImage {
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    height:50px;
    margin:0 auto;
    width:50px;
}
#mini-window-wrapper .CreatorImage .AltCreatorName {
    display:none;
}
#mini-window-wrapper .CreatorName {
    display:block;
    height:1.4em;
    overflow: hidden;
}
/**
 * 右コンテンツ
 */
#portfolio-contents {
    width:750px;
    float:right;
    margin-right:10px;
    margin-bottom:10px;
    display:inline;
    text-align:center;
}
#portfolio-contents-inner {
    margin:0 20px;
}

#portfolio-navi {
    clear:both;
    background:url(/images/portfolio/navi_bg.gif) no-repeat;
    padding:0 0 0 7px;
    height:31px;
    margin-bottom:10px;
    text-align:left;
    overflow:hidden;
}
#portfolio-navi a{
    background:url(/images/portfolio/navi.png) no-repeat;
    display:block;
    float:left;
    height:0;
    margin-right:4px;
    overflow:hidden;
    padding-top:31px;
    width:72px;
}
#portfolio-navi .NaviIndex    {background-position:0 0;}
#portfolio-navi .NaviWorks    {background-position:-72px 0;}
#portfolio-navi .NaviProfile  {background-position:-144px 0;}
#portfolio-navi .NaviDiary    {background-position:-216px 0;}
#portfolio-navi .NaviBBS      {background-position:-288px 0;}
#portfolio-navi .NaviFriend   {background-position:-360px 0;}
#portfolio-navi .NaviEvent    {background-position:-432px 0;}
#portfolio-navi .NaviDownload {background-position:-504px 0;}

#portfolio-navi .NaviIndex:hover,
#Index #portfolio-navi .NaviIndex       {background-position:0 -31px;}
#portfolio-navi .NaviWorks:hover,
#Works #portfolio-navi .NaviWorks       {background-position:-72px -31px;}
#portfolio-navi .NaviProfile:hover,
#Profile #portfolio-navi .NaviProfile   {background-position:-144px -31px;}
#portfolio-navi .NaviDiary:hover,
#Diary #portfolio-navi .NaviDiary       {background-position:-216px -31px;}
#portfolio-navi .NaviBBS:hover,
#BBS #portfolio-navi .NaviBBS           {background-position:-288px -31px;}
#portfolio-navi .NaviFriend:hover,
#Friend #portfolio-navi .NaviFriend     {background-position:-360px -31px;}
#portfolio-navi .NaviEvent:hover,
#Event #portfolio-navi .NaviEvent       {background-position:-432px -31px;}
#portfolio-navi .NaviDownload:hover,
#Download #portfolio-navi .NaviDownload {background-position:-504px -31px;}

/**
 * 基本テーブルの設定
 */
.basic-table {
    margin:0 auto 10px auto;
}
.portfolio-items {
    font-weight:bold;
    text-align:right;
}

/**
 * 情報が無いときの設定
 */
#contents-nothing-block{
    clear:both;
    margin:180px 0;
    text-align:center;
    color:#999999;
}

.GotoPortfolio
{
    display:block;
    background:url('/images/portfolio/GotoPortfolio.png') no-repeat 0 0;
    height: 0;
    padding-top :19px;
    width: 95px;
    overflow:hidden;
}
.GotoPortfolio:hover
{
    background-position:0 -19px;
}