@charset "UTF-8";


/**********************************************************************/
/** ■　サイト全体基本設定									**/
/********************************************************************/
/** 基本設定 **/

#contents { 
	padding:20px 0 0 145px;
}

#contents2 { 
	padding:20px 0 0 0;
}

#wide800{
	width:800px;
}
#wide1055{
	width:1055px;
}


/** 画面分割 **/

.left550{
	float:left;
	width:550px;
	text-align:left;
	border:none;
	padding:0;
}
.left805{
	float:left;
	width:805px;
	text-align:left;
	border:none;
	padding:0;
}

.right250{
	float:left;
	width:250px;
	text-align:left;
	border:none;
	padding:0;
}

/** 画面分割 **/

.left490{
	float:left;
	width:490px;
	text-align:left;
	border:none;
	padding:0;
}
.right310{
	float:left;
	width:310px;
	text-align:left;
	border:none;
	padding:0;
}

/** 画面分割 **/

.left280{
	float:left;
	width:280px;
	text-align:left;
	border:none;
	padding:0;
}
.left350{
	float:left;
	width:350px;
	text-align:left;
	border:none;
	padding:0;
}

.right520{
	float:left;
	width:520px;
	text-align:left;
	border:none;
	padding:0;
}
.right775{
	float:left;
	width:775px;
	text-align:left;
	border:none;
	padding:0;
}
.right685{
	float:left;
	width:685px;
	text-align:left;
	border:none;
	padding:0;
	margin-left: 20px;
}



/**********************************************************************/
/** ■　Company Information											**/
/********************************************************************/
table#company{
	width:1055px;
	margin:23px 0 15px 0;
	padding:0;
	line-height:135%;
}

table#company td,th{
	padding:10px 10px;
	border:1px #999 solid;
}


table#company td.term{
	width:150px;
	text-align:right;
}

table#company td.exp{
	width:650px;
	word-break: keep-all;
}

table#company td.term1{
	width:150px;
	text-align:right;
	border-top:none;
	border-bottom:none;
	padding:10px 10px 0 10px;
}

table#company td.exp1{
	width:650px;
	border-top:none;
	border-bottom:none;
	padding:10px 10px 0 10px;
}
table#company td.term2{
	width:150px;
	text-align:right;
	border-top:none;
	border-bottom:none;
	padding:0 10px 10px 10px;
}

table#company td.exp2{
	width:650px;
	border-top:none;
	border-bottom:none;
	padding:0 10px 10px 10px;
}
table#company td.term3{
	width:150px;
	text-align:right;
	border-top:none;
	border-bottom:none;
	padding:0 10px 10px 10px;
}

table#company td.exp3{
	width:650px;
	border-top:none;
	border-bottom:none;
	padding:0 10px 10px 10px;
}

/**********************************************************************/
/** ■　Website Portfolio											**/
/********************************************************************/

table#website{
	width:1055px;
	margin:23px 0 10px 0;
	padding:0;
	line-height:120%;
}

table#website td,th{
	padding:0;
	border:1px #999 solid;
	width:525px;
	padding: 20px 10px;
	vertical-align: top;
}
table#website a{
	color: #111;
}
table#website a:hover{
	opacity: 0.6;
	transition: all 0.5s;
}
table#website img{
	vertical-align: top;
	display: inline-block;
	width: 200px;
	float: left;
}
table#website .small img{
	width: 150px;
	margin-left: 25px;
}

table#website h2{
	margin: 5px 0 10px;
	float: right;
	display: inlne-block;
	width: 300px;
}

table#website p{
	width: 300px;
	float: right;
	word-wrap: break-word;
}

table#website img:nth-of-type(2n){
	display: inline-block;
	width: 300px;
	float: right;
}
/**********************************************************************/
/** ■　Smartphone/other Portfolio									**/
/********************************************************************/

table#smartphone,
table#others{
	width:1055px;
	margin:23px 0 10px 0;
	padding:0;
	line-height:120%;
}

table#smartphone td,th,
table#others td,th{
	padding:0;
	border:1px #999 solid;
	width:1055px;
}

table#smartphone img,
table#others img{
	margin:10px 125px;
}


/**********************************************************************/
/** ■　Staff profile												**/
/********************************************************************/

ul#staffimg{
	padding:30px 0 0 0;
	margin:0;
}

ul#staffimg li{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

ul#staffimg li a{
	display:block;
	padding:0 40px 0 0;
	width:100px;
	height:100px;
	overflow: hidden;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;
}
ul#staffimg li.end a{
	padding:0;
}

ul#staffimg li .captionCenter{
	width:100px; 
}

ul#staffimg li#imgStaffAndo a{ background:url(../img/imgStaffAndo.jpg) 0% 0% no-repeat;}
ul#staffimg li#imgStaffAndo a:hover{ background:url(../img/imgStaffAndo.jpg) 0% 100% no-repeat;}

ul#staffimg li#imgStaffFurukawa a{ background:url(../img/imgStaffFurukawa.jpg) 0% 0% no-repeat;}
ul#staffimg li#imgStaffFurukawa a:hover{ background:url(../img/imgStaffFurukawa.jpg) 0% 100% no-repeat;}

ul#staffimg li#imgStaffYamamoto a{ background:url(../img/imgStaffYamamoto.jpg) 0% 0% no-repeat;}
ul#staffimg li#imgStaffYamamoto a:hover{ background:url(../img/imgStaffYamamoto.jpg) 0% 100% no-repeat;}

ul#staffimg li#imgStaffOdamori a{ background:url(../img/imgStaffKutsukawa.jpg) 0% 0% no-repeat;}
ul#staffimg li#imgStaffOdamori a:hover{ background:url(../img/imgStaffKutsukawa.jpg) 0% 100% no-repeat;}

ul#staffimg li#imgStaffTsuchida a{ background:url(../img/imgStaffTsuchida.png) 0% 0% no-repeat;}
ul#staffimg li#imgStaffTsuchida a:hover{ background:url(../img/imgStaffTsuchida.png) 0% 100% no-repeat;}

ul#staffimg li#imgStaffYamashita a{ background:url(../img/imgStaffYamashita.jpg?2025) 0% 0% no-repeat;}
ul#staffimg li#imgStaffYamashita a:hover{ background:url(../img/imgStaffYamashita.jpg?2025) 0% 100% no-repeat;}

ul#staffimg li#imgStaffKoike a{ background:url(../img/imgStaffHasebe.png) 0% 0% no-repeat;}
ul#staffimg li#imgStaffKoike a:hover{ background:url(../img/imgStaffHasebe.png) 0% 100% no-repeat;}

ul#staffimg li#imgStaffK a{ background:url(../img/imgStaffK.png) 0% 0% no-repeat;}
ul#staffimg li#imgStaffK a:hover{ background:url(../img/imgStaffK.png) 0% 100% no-repeat;}

#profileArea{
	width:1055px;
/*	border-top:#999 1px solid;*/
	padding:0;
	margin-top:55px;
	color:#333;
	margin-bottom:300px;
}

.staffIcon{
	float:left;
	width:50px;
	padding:0 25px 15px 0;
}
.staffName{
	float:left;
	width:500px;
	line-height:120%;
}
.staffName  h2.jpn{
	font-size:155%;
	font-weight:bold;
	padding:0;
	margin:0;
	letter-spacing:0em;
}
.staffName .eng{
	font-weight:normal;
	font-size:110%;
}

.position{
	font-size:120%;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	width:100%;
}

.profileL{
	float:left;
	width:500px;
	padding-right:45px;
}

.profileR{
	float:left;
	width:500px;
}

.year{
	float:left;
	width:60px;
	padding-right:20px;
}
.history{
	float:left;
	width:270px;
}

/* slideToggle */

.hideData {
	display:none;
	width:630px;
 }
 

/**********************************************************************/
/** ■　Access Map												**/
/********************************************************************/
#accessmap{
	margin:15px 0;
}
 
h2.accessmap{
	margin:15px 0 5px 0;
}

/**********************************************************************/
/** ■　Topics														**/
/********************************************************************/
.topicsTitle h2{
	width:900px;
	float:left;
}
.topicsTitle time{
	width:100px;
	float:left;
	color:#F00;
	text-align:right;
	margin:15px 0;
}


/**********************************************************************/
/** ■　More Contents												**/
/********************************************************************/

#moreContentsArea{
	margin-top:15px;
}

.kinjitu{
	font-size:130%;
	text-align:center;
	padding-top:100px;
	padding-bottom:150px;
}

/**********************************************************************/
/** ■　Contact														**/
/********************************************************************/

#contactArea{
	margin:0 0 100px 0;
}

#contactArea img{
	margin-bottom:2px;
}