@charset "UTF-8";

/* Main Visual
------------------------------------------------- */
#mainVisual {
	height: 180px;
	background: url(../images/mainvisual_bg.png) repeat-x 0 0;
}
#mainVisualContent {
	position: relative;
	width: 900px;
	height: 180px;
	margin: 0 auto;
	background: url(../images/mainvisual_content_bg.png) repeat-x 0 0;
}
#mainVisualContent h2 {
	position: absolute;
	left: 95px;
	top: 35px;
}
#mainVisualContent .lead {
	position: absolute;
	width: 500px;
	height: 55px;
	left: 95px;
	top: 85px;
	background: url(../images/mainvisual_lead.png) repeat-x 0 0;
}
#mainVisualContent .lead p {
	position: absolute;
	left: -9999px;
}
#mainVisualContent .image {
	position: absolute;
	width: 190px;
	height: 200px;
	left: 615px;
	top: -20px;
}

/* Content
------------------------------------------------- */
.contentTitle {
	width: 480px;
	height: 26px;
	position: relative;
}
.contentTitle .link {
	width: 90px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 390px;
}
.contentTitle .link li {
	width: 45px;
	height: 20px;
	float: left;
}

/* Portfolio */
#portfolio {
	padding: 0 0 20px 0;
}
#portfolio .jcarousel-container {
    position: relative;
	background: #EDEDED;
	width:  480px;
	padding: 20px 0;
}
#portfolio .jcarousel-clip {
    z-index: 2;
    overflow: hidden;
    position: relative;
	width:  440px;
    height: 100px;
	margin: 0 20px;
}
#portfolio .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}
#portfolio .jcarousel-item,
#portfolio #carousel li {
    float: left;
	width: 100px;
	height: 100px;
	margin: 0 5px;
}
#portfolio .jcarousel-item a {
	display: block;
	padding: 4px;
	border: solid #AAA 1px;
	background: #FFF;
}
#portfolio .jcarousel-item a:hover {
	border: solid #099 1px;
}
#portfolio .jcarousel-next {
    z-index: 3;
    display: none;
    position: absolute;
    top: 55px;
    right: 0;
    width: 15px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/portfolio_btn_next.png) no-repeat 0 0;
}
#portfolio .jcarousel-next:hover {
    background-position: -15px 0;
}
#portfolio .jcarousel-next:active {
    background-position: -30px 0;
}
#portfolio .jcarousel-next-disabled,
#portfolio .jcarousel-next-disabled:hover,
#portfolio .jcarousel-next-disabled:active {
    cursor: default;
    background-position: -45px 0;
}
#portfolio .jcarousel-prev {
    z-index: 3;
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    width: 15px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/portfolio_btn_prev.png) no-repeat 0 0;
}
#portfolio .jcarousel-prev:hover {
    background-position: -15px 0;
}
#portfolio .jcarousel-prev:active {
    background-position: -30px 0;
}
#portfolio .jcarousel-prev-disabled,
#portfolio .jcarousel-prev-disabled:hover,
#portfolio .jcarousel-prev-disabled:active {
    cursor: default;
    background-position: -45px 0;
}

/* Blog */
#blog {
	clear: both;
}
#blog dl {
	padding: 5px 0;
	background: url(../images/dot.png) repeat-x 0 100%;
}
#blog dt {
	color: #666;
	display: block;
	float: left;
	width: 80px;
}
#blog dd {
	margin-left: 80px;
	padding: 0 0 0 8px;
	background: url(../images/icon_arrow_01.png) no-repeat 0 0.5em;
}
#blog dd a {
	color: #444;
}

/* Profile */
#profile {
	margin: 0 0 20px 0;
}
#profile .photo {
	width: 58px;
	height: 58px;
	float: left;
	border: solid #CCC 1px;
}
#profile .photo img {
	margin: 4px;
}
#profile .name {
	width: 150px;
	height: 60px;
	float: right;
}
#profile #twitter {
	clear: both;
	width: 220px;
	background: url(../images/profile_twitter_bg_top.png) no-repeat 0 5px;
	padding: 20px 0 0 0;
}
#profile #twitter #twitterComment {
	background: url(../images/profile_twitter_bg_content.png) repeat-y 0 0;
	padding: 0 10px;
}
#profile #twitter #twitterComment span {
	display: block;
}
#profile #twitter #twitterComment a {
	color: #999;
	font-size: 85%;
}
#profile #twitter .link {
	width: 220px;
	height: 5px;
	background: url(../images/profile_twitter_bg_bottom.png) no-repeat 0 0;
	position: relative;
}
#profile #twitter .link a {
	width: 60px;
	height: 10px;
	position: absolute;
	left: 155px;
	top: -10px;
	line-height: 0;
}
#profile #twitter .link a img {
	vertical-align: top;
}