/* 
01: Base
===========================================================================================
*/
*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 10px;
	*font-size: 62.5%;/*(ie)*/
	font-family: 'Frutiger Neue W01 Light', AxisStd-Light, sans-serif;
	color: #292c31;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	min-width: 756px;
}
li{
	list-style: none;
}
a img{
	border: none;
}
img{
	vertical-align: bottom;
}
address{
	font-style: normal;
}

::selection{
    background: #0A67C5;
}
::-moz-selection{
    background: #0A67C5;
}


/* 
02: Layout
===========================================================================================
*/
.marginRightReset{
	margin-right: 0!important;
}

#logo,header nav li, #officePhoto, #worksBlock p, #works h2, #about h2, #about #portrait, #about #name, #about #category, #about #profileText, #about #prize, #corporate dt, #corporate dd, #add, #tel p{
	-ms-filter: "alpha(opacity=0)";/*ie8*/
	/filter: alpha( opacity=0 );/*ie6,7*/
	opacity: 0;
}

/* =========================================== header */
header{
	padding-top: 40px;
}
/*
clearFix ===== header
*/
header{ /zoom : 1; }
header:after{ content : ''; display : block; clear : both; height:0; }
/*
==============================
*/
header #logo{
	float: left;
	margin-left: 5%;
}
header nav{
	float: right;
	margin: 15px 5% 0 0;
}
@media screen and (max-width:1240px){
	header #logo{
		margin-left: 4%;
	}
	header nav{
		margin-right: 4%;
	}
}
header nav li{
	float: left;
	font-size: 2.2em;
	margin-left: 40px;
}
header nav li p{
	cursor: pointer;
}


/* =========================================== contents */
#contents{
	clear: both;
	margin-top: 40px;
}


/* =========================================== officePhoto */
#officePhoto{
	position: relative;
	width: 100%;
	height: 680px;
	margin: 0 auto 147px auto;
	overflow: hidden;
}
@media screen and (max-width:1500px){
	#officePhoto{
		width: 100%;
	}
}
#officePhoto p{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#officePhoto p img{
	width: 100%;
}

h2{
	clear: both;
	width: 100%;
	font-family: 'Frutiger Neue W01 Thin', AxisStd-Light, sans-serif;
	font-size: 3.2em;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	margin-bottom: 35px;
}


/* =========================================== works */
#worksBlock{
	width: 1200px;
	margin: 0 auto 127px auto;
}
#worksBlock p{
	float: left;
	margin: 0 20px 20px 0;
}
#worksBlock p img{
	border-radius: 18px;
}
@media screen and (max-width:1240px){
	#worksBlock{
		width: 100%;
	}
	#worksBlock p{
		width: 23%;
		margin: 0 1.6% 20px 0;
	}
	#worksBlock p img{
		width: 100%;
		height: auto;
	}
}
/*
clearFix ===== #worksBlock
*/
#worksBlock{ /zoom : 1; }
#worksBlock:after{ content : ''; display : block; clear : both; height:0; }
/*
==============================
*/


/* =========================================== about */
#profile{
	background: #f5f5f5;
	padding: 140px 0 160px 0;
}
#portrait{
	text-align: center;
}
#name{
	width: 100%;
	font-size: 2.3em;
	text-align: center;
	margin-top: 35px;
}
#category{
	width: 100%;
	font-size: 1.4em;
	text-align: center;
	margin-top: 13px;
}
#profileText{
	width: 590px;
	margin: 0 auto;
	font-size: 1.4em;
	line-height: 2;
/* 	margin-top: 31px; */
}
#prize{
	width: 590px;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 2;
	margin-top: 25px;
}


/* corporate */
#corporate{
	width: 590px;
	font-size: 1.4em;
	line-height: 2;
	margin: 0 auto;
	padding: 123px 0;
}
#corporate dl dt{
	clear: both;
	float: left;
	width: 255px;
	text-align: right;
	margin-right: 40px;
}
#corporate dl dd{
	width: 295px;
	display: table-cell;
	padding-bottom: 28px;
}
#corporate a{
	text-decoration: none;
	color: #292c31;
}
#corporate a:hover{
	border-bottom: 1px solid #4e5052;
}


/* =========================================== pageTop */
#pageTop{
	position: fixed;
	bottom: 40px;
	right: 20px;
	width: 70px;
	height: 44px;
	border-radius: 3px;
	background: #c3c7cf url('../../images/arrow.png') center center no-repeat;
	background-size: 30px 15px;
	background: #c3c7cf url(../../images/arrow_s.png) center center no-repeat\9;/* for ie8 */
	/background: #c3c7cf url(../../images/arrow_s.png) center center no-repeat;/* for ie7,ie6 */
	cursor: pointer;
	z-index: 1000;
}
#pageTop:not(:target){
    background: #c3c7cf url(../../images/arrow.png) center center no-repeat\9; /* IE9 */
    background-size: 30px 15px; /* IE9 */
}


/* =========================================== footer */
footer{
	width: 100%;
	margin: 0 auto;
	font-size: 1.4em;
	line-height: 2;
	color: #fff;
	padding: 40px 0 120px 0;
	background: #292c31;
}
/*
clearFix ===== footer
*/
footer{ /zoom : 1; }
footer:after{ content : ''; display : block; clear : both; height:0; }
/*
==============================
*/
address{
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width:1240px){
	address{
		width: 100%;
	}
	#add{
		padding-left: 4%;
	}
	#telMail{
		padding-right: 4%;
	}
}
address a{
	text-decoration: none;
	color: #fff;
}
#add{
	float: left;
}
a#map{
	display: inline-block;
	border: 1px solid #b4b5b7;
	line-height: 1;
	margin-left: 8px;
	padding: 3px 6px 4px 6px;
	border-radius: 3px;
}
#telMail{
	float: right;
}
#tel,#mail{
	float: left;
}
#mail{
	margin-left: 80px;
}