@charset "utf-8";

#index{
	min-height:400px;
}


/* ----------------------------------------
  プロフィール
---------------------------------------- */
#profile{
	width:655px;
	height:300px;
	background:url(../img/common/bg_content_w.png);
	margin:auto;
	position:relative;
	top:19%;
	text-align:left;
	padding:25px 35px 35px 35px;
}
#profile h2{margin-bottom:20px; }
#profile h3{
	float:left;
}
#profile .btnContact{
	float:right;
	margin-top:30px;
}

#profileHead{margin-bottom:25px;position:relative;z-index:100;}

article p{
	line-height:1.8;
	font-size:12px;
	text-align:left;
	margin-bottom:8px;
}


/* ----------------------------------------
  ポートフォリオ
---------------------------------------- */
#portfolio{
	display:block;
	margin: auto;
	position:relative;
	top:5%;
	min-width:800px;
	min-height:400px;

}
#portfolio:not(:target){
	display:block;
	margin: auto;
	position:relative;
	top:5%;
	min-height:400px;
	min-height:400px\9;
}


.thumbs{
	margin:auto;
}

.imgArea {
	width: 925px;
	margin: 0 auto 35px auto;
}
.imgArea:after {visibility: hidden; content: "."; display: block; }
.imgArea li	{ 
	float: left;
	margin: 0 3px 3px 0;
	width:175px;
	height:103px;
	padding:4px 0px 0px 4px;
	background:url(../img/works/bg_ph_thumb.png) no-repeat;
}

.imgArea li a{display:block; width:171px; height:99px; overflow:hidden; float:left;}
.imgArea li a img{display:block; /*width:179px;*/ height:115px; overflow:hidden; text-align:center; margin:auto;}

.pageNavi{
	position:absolute;
	top:40%;
	width:100%;
	margin:auto;
}
.btnPreview{position:absolute; left:0px;}
.btnNext{position:absolute; right:0px;}

.wmenu{
	height:36px;
	float:left;
	z-index:100;
	position:relative;
}

.Inner{
	position:fixed;
	bottom:50px;
	left:15px;
	z-index:100;
}

.wmenu li{
	float:left;
}

.wmenu .link{
	padding:6px;
	height:24px;
	background:url(../img/works/bg_menu_mid.png) repeat-x;
}


.thumbsTop{
	display:block;
	margin: auto;
	position:relative;
	top:5%;
	width:800px;
	padding-left:15px;
}

.wmenu li.first{
	padding-left:10px;
}

.wmenu li.last{
	padding-right:200px;
}

.catNameTop{
	position:relative;
	top:4px;
	left:-246px;
	z-index:0;
}
.catName{
	position:fixed;
	bottom:84px;
	left:18px;
	z-index:10;
}

/* ----------------------------------------
  お問い合わせ
---------------------------------------- */

#contact h4{
	font-weight:normal;
	font-style:italic;
	margin-bottom:2px;
}

.formleft input{height:20px;}

#contact p{font-size:14px;}

#contact dl{
	margin-bottom:10px;
}

#contact input{
	border:1px solid #999;
}

#contact .name{width:150px;}
#contact .mail{width:300px;}
#contact .formleft{float:left; margin-right:16px; width:300px;}
#contact .formright{width:300px; float:right;}

#contact .content{
	background:#fff;
	border:1px solid #999;
	width:300px;
	height:122px;
}

#contact .confirm{
	position:relative;
	text-align:center;
	width:100%;
	top:20px;
}

input{
	behavior: url("csshover3.htc");
}
.confirm input:hover{
	filter: alpha(opacity=0.5);
	-ms-filter: alpha(opacity=0.5);
	opacity: 0.5;
}