/* ----- general  ----- */
body{
}

a:link   {color:#000000;text-decoration:underline;}
a:active {color:#000000;text-decoration:underline;}
a:visited{color:#000000;text-decoration:underline;}
a:hover  {
    text-decoration:none;
}

h2{
    text-align: center;
    padding: 30px;
    font-weight: 700;
    font-size: 28px;
    font-family: 'Judson', serif;
}

.note{
    font-size: 10px;
}


.fancybox-nav {
    width: 160px;
}

.fancybox-next {
    right: -80px;
}

.fancybox-prev {
    left: -80px;
}

.en{
    color: #999;
    font-size: 12px;
    font-family: 'Judson', serif;
}

/* ----- layout  ----- */
article{
}

/* ----- header  ----- */
header{
    background: #ffffff;
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 999;
}

header .wrap{
    width: 960px;
    margin: 0 auto;
}

header h1{
    float: left;
    padding: 20px 0 20px 10px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    font-family: 'Judson', serif;
}

header ul{
    float:left;
    text-align: right;
    padding: 28px 0 20px 0;
}

header li{
    display: inline;
    font-size: 14px;
    padding:  0 0 0 20px;
    font-family: 'Judson', serif;

}

header a:hover {
    color: #ffffff;
    background: #000000;
    text-decoration:none;
}

header .current a {
    color: #999999;
    text-decoration:none;
    cursor: default;
}

header .current a:hover{
    background: none;
}

header .contact{
    float:right;
    text-align: right;
    font-size: 14px;
    padding: 28px 10px 20px 0;
    font-family: 'Judson', serif;
}

/* ----- #main  ----- */
#main{
    padding: 60px 0 0 0;
}

#mainvisual{
    width: 940px;
    height: 512px;
    padding: 0 0 0 0;
    overflow: hidden;
}
#mainvisual img{
    width: 940px;
    height: 512px;
    top: 0;
    left: 0;
}

/* ----- #works  ----- */
#works{
    padding: 30px 0 0 0;
}

#works .work{
    padding: 0 0 20px 0;
}

#works .category{
    width: 140px;
    height: 140px;
    background: #000000;
    margin: 0 0 20px 0;
}

#works .thumb{
    width: 140px;
    height: 140px;
    background: #000000;
}

#works .category h3{
    color: #ffffff;
    text-align: center;
    font-family: 'Judson', serif;
    font-size: 14px;
    line-height: 140px;
}

/* ----- #news  ----- */
#news{
    padding: 30px 0 0 0;
}

#news .icon{
    padding: 0 0 10px 0;
}

#news .icon span{
	color:#ffffff;
	border-radius: 3px;
	font-size: 12px;
	padding: 0 10px;
	font-family: 'Judson', serif;
	background-color: #999;
}

#news .icon span.now{
    background: #de3f7e;
    color:#ffffff;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 10px;
    font-family: 'Judson', serif;
}

#news h3{
    font-weight: 700;
    font-size: 14px;
    padding: 0 0 10px 0;
}

#news .news{
    margin-bottom:20px;
}

#news .details{
    border-top: 1px solid #efefef;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0;
    border-radius: 3px;
}

#news .details table{
}

#news .details table th{
    padding: 5px 0;
    font-size: 12px;
    vertical-align: top;
    width: 50px;
    white-space: nowrap;
}

#news .details table td{
    padding: 5px 0 5px 10px;
    font-size: 12px;
    vertical-align: top;
}

#news p{
	font-size: 10px;
	padding: 0 0 10px 0;
	line-height: 1.5;
}

#news a:hover  {
    color: #ffffff;
    background: #000000;
    text-decoration:none;
}

/* ----- #profile  ----- */
#profile{
    padding: 30px 0 0 0;
}

#profile h2{
    padding: 30px 30px 10px 30px;
}

#profile h3{
    text-align: center;
    padding: 20px 0 10px 0;
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Judson', serif;
    border-bottom: 1px solid #efefef;
    color: #999;
}

#profile .name{
    padding: 0 0 20px 0;
    font-weight: 700;
    text-align: center;
}

#profile .items{
    border-top: 1px solid #efefef;
    padding: 10px 0 0 0;
}

#profile .item{

}

#profile .items .year{
    width: 140px;
    font-weight: 700;
    font-size: 14px;
    padding:  2px 0 2px 0;
    vertical-align: top;
    font-family: 'Judson', serif;
    float:left;
}

#profile .item .text{
    font-size: 12px;
    padding:  2px 0 2px 0;
    float: left;

}

#profile #more{
    display: none;
}

#profile #read_more{
    text-align: center;
    padding: 10px 0 0 0;
    font-family: 'Judson', serif;
}

#profile #read_more span{
    text-decoration: underline;
    cursor: pointer;
}

#profile #read_more span.hover{
    color: #ffffff;
    background: #000000;
    text-decoration:none;
}



#profile .ja{
    font-size: 12px;
}

#profile .en{
}

/* ----- footer  ----- */
footer{
    width: 960px;
    margin: 0 auto;
    padding: 60px 0 30px 0;
    text-align: center;
}

.copyright{
    font-size: 10px;
    color: #999;
    font-family: 'Judson', serif;
}