@charset "utf-8";
#menu{
/*	border-top:solid 3px #e60012;*/
}

h1{
	font-size:10px;
	color:#fff;
	padding:5px 0;
	text-align:center;
	background:#000;
}

#pict{
	clear:left;
	width:940px;
	height:430px;
	background:url("../images/main.png");
	position:relative;
	left:10px;
}


#main_web{
	position:relative;
	top:35px;
	left:214px;
	width:139px;
	height:38px;
}

#main_graphic{
	position:relative;
	top:68px;
	left:329px;
	width:131px;
	height:39px;
}

#main_music{
	position:relative;
	top:101px;
	left:424px;
	width:153px;
	height:37px;
}

#main_skills{
	display:none; /* 現在非表示設定 */
	position:relative;
	top:135px;
	left:535px;
	width:138px;
	height:40px;
}

#cont{
	width:574px;
	position:relative;
	top:30px;
	left:90px;
}

#cont a{
	color:#000;
}

#cont a:hover{
	color:#000;
	text-decoration:none;
}


#web{
	width:287px;
	height:136px;	
	position:relative;
	float:left;
	z-index:10;
}

#graphic{
	width:287px;
	height:136px;	
	position:relative;
	float:left;
	left:-24px;
	z-index:11;
}

#skills{
	width:287px;
	height:136px;	
	position:relative;
	float:left;
	top:-26px;
	z-index:12;
}

#music{
	width:287px;
	height:136px;	
	position:relative;
	float:left;
	left:-24px;
	top:-26px;
	z-index:13;
}

.cont_box{
	font-family:"ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","メイリオ","Meiryo",sans-serif;
	width:228px;
	height:46px;
	position:absolute;
	top:56px;
	left:25px;
	text-align:justify;
	text-justify:distribute;
	font-size:12px;
	line-height:1.25em;
}


#coment{
	width:508px;
	position:relative;
	left:90px;
}

#coment p{
	position:relative;
	left:16px;
	top:-16px;
	font-size:12px;
	line-height:1.5em;
	padding-bottom:1em;
	text-align:justify;
	text-justify:distribute;
}

#index_rbox{
	float:right;
	width:230px;
	position:relative;
	top:-96px;
	right:100px;
	margin-bottom:-50px;
}

#twitter{
	width:230px;
	height:430px;
/*	background:#000;	*/
	margin-bottom:20px;
}

.mark{
	margin-left:7px;
}

.twtr-hd{
	display:none;
}

.twtr-doc{
	border:solid 1px #000;
}

.twtr-ft{
	display:none;
}

#jobs{
	background:#fff;
}

#fb{
	position:relative;
	/* top:-154px; ↓現在非表示設定 */
	top: -176px;
	left:720px;
	width:200px;
	height:30px;
	line-height:30px;
}

#fb img{
	float:left;
	margin-right:4px;
}

#fb a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

/* sns button */
.sns{
	position:relative;
	/* top:-140px; ↓現在非表示設定 */
	top: -162px;
	left:720px;
	width:240px;
}

.fb-like,.twb{
	display:inline;
	float:left;
	margin-right:10px;
 	overflow:hidden;
	width:100px;
	height:21px;
}
/* end of stylesheet */