@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}
#wrapper {
	width: 1600px;
} 

.container {
background-image:url(../images/bg.jpg); 
background-attachment: fixed; 
background-repeat: no-repeat;
background-position: 277px 152px; 
z-index: 1; 
}
.panel {
position:fixed;
top:0px;
left:0px;
z-index:5; 
}
.menu {
position:fixed;
top:152px;
left:277px;
z-index:3; 
}

.container p{	
width: 1040px;
margin: 152px 0 0 277px;
z-index:2;
}

.box_title {
	width: 293px;
	height: 168px;
	float: left;
	margin: 0 41px 0 0;
}
.box_title p{
	margin-top: -80px; /* リンク位置上昇分 */
    padding-top: 145px; /* 上昇分を戻す分 */
    font-size:18px;
	font-style: italic;
	color:#4d4d4d;
	letter-spacing: 0.04em;
    text-align:center;
}
.box_top01 {
	width: 126px;
	float: left;
	margin: 0 41px 0 0;
}
.box_top02 {
	width: 126px;
	float: left;
	margin: 0 40px 0 0;
}
.box_top03 {
	width: 126px;
	float: left;
	margin: 0;
}
.box {
	width: 126px;
	float: left;
	margin: 40px 41px 0 0;
}
.boxr40 {
	width: 126px;
	float: left;
	margin: 40px 40px 0 0;
}
.boxr0 {
	width: 126px;
	float: left;
	margin: 40px 0 0 0;
}
#back-top {
  position: fixed;  
    right: 20px;  
    bottom: 20px;  
}
#back-top a {
    display: block;
	font-size: 10px;
	letter-spacing: 0.14em;
    text-decoration: none;
    color: #999999;
}
#back-top a:link { color: #999999; text-decoration: none; transition: 1s;}
#back-top a:visited { color: #999999;text-decoration: none; }
#back-top a:hover { color: #000000; text-decoration: none; background-color: #e1e9ed;}
#back-top a:active { color: #000000; text-decoration: none;}

#profline {
float:left;
width: 960px;
margin: 120px 20px 0 20px;
padding: 40px 0 0 0;
border-top-color: #d4d4d4;
border-top-width: 1px;
border-top-style: solid;
}
#profline p{
    font-size:9px;
	margin-left: -20px; /* リンク位置上昇分 */
	letter-spacing: 0.16em;
	color:#000000;
	text-align: center;
}
.prof {
	width: 960px;
	height:460px;
	margin: 140px 0 0 0;
    position: relative;
}

div.proflogo {
	 z-index : 3;
     top : 32px;
     left : 340px;
	 position: absolute;
}
div.proftxt { 
     z-index : 4;
	 width: 240px;
	 height:240px;
     top : 68px;
     left : 254px;
     font-size : 8pt;
	 color:#666666; 
	 letter-spacing: 0.16em;
	 line-height:1.8em;
	 position: absolute;
}
div.profimage {
     z-index : 2;
     top : 0px;
     left : 464px;
	 position: absolute;
}
div.profphotographer { 
     z-index : 5;
     top : 232px;
     left : 630px;
     font-size : 7pt;
	 color:#000000; 
	 letter-spacing: 0.12em;
	 line-height:1.5em;
	 position: absolute;
}
/* = Selected Text
----------------------------------------------- */
::selection {
	background:#e1e9ed; /* Safari */
}

::-moz-selection {
	background:#e1e9ed; /* Firefox */
}

/* = photo
----------------------------------------------- */
.photoarea {
	width: 1000px;
	height: auto;
	margin: 0;
    position: relative;
}

div.phototitle { 
	 left :64px;
     top : 300px;
     font-size:18px;
   	font-style: italic;
	 color:#4d4d4d;
   	letter-spacing: 0.04em;
	 position: absolute;
}

div.one {
	  z-index : 1;
	 left :479px;
     top : 230px;
	 position: absolute;
}
div.two { 
	  z-index : 2;
	 left :175px;
     top : 422px;
	 position: absolute;
}
div.three {
     z-index : 3;
	 left :283px;
     top : 762px;
	 position: absolute;
}
div.four { 
	  z-index : 4;
	 left :180px;
     top : 1141px;
	 position: absolute;
}
div.five { 
	  z-index : 5;
	 left :620px;
     top : 1101px;
	 position: absolute;
}
#toindex {
float:left;
width: 960px;
margin: 1600px 20px 0 20px;
padding: 0 0 40px 0;
}
#toindex p{
    font-size:10px;
	margin-left: -20px; /* リンク位置上昇分 */
	letter-spacing: 0.16em;
	color:#000000;
	text-align: center;
}
#toindex a {
    display: block;
	font-size: 10px;
	letter-spacing: 0.14em;
    text-decoration: none;
    color: #999999;
}
#toindex a:link { color: #000000; text-decoration: none; transition: 1s;}
#toindex a:visited { color: #000000;text-decoration: none; }
#toindex a:hover { color: #999999; text-decoration: none;}
#toindex a:active { color: #000000; text-decoration: none;}