@charset "Shift_JIS";

/*
 初期化
-------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
}

ul, ol, li, dl, dt, dd {
margin:0;
padding:0;
list-style-type:none;
}

img, a img{
border:0;
}

em {
font-style:normal;
font-weight:bold;
}



/*
 テキスト  大枠レイアウト
-------------------------------------------------------------------------*/
body {
margin:0;
padding:0;
text-align:center;
font-size:75%;
line-height:150%;
color:#000000;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
background-position:top;
}


/*
 index
-------------------------------------------------------------------------*/
.logo
    {
   position: absolute;
   top:  50%;
   left: 12%;
   width:  191;        /* 横幅 */
   height: 16;        /* 高さ */
   margin-left: -95px;  /* マイナス「横幅÷2」 */
   margin-top:  -8px;  /* マイナス「高さ÷2」 */
}
.photo
    {
   position: absolute;
   top:  50%;
   left: 50%;
   width:  326;        /* 横幅 */
   height: 580;        /* 高さ */
   margin-left: -163px;  /* マイナス「横幅÷2」 */
   margin-top:  -260px;  /* マイナス「高さ÷2」 */
}

/*
 リンク
-------------------------------------------------------------------------*/
a,
a:link,
a:visited {
color:#000000 !important;
text-decoration:underline;
}
a:hover,
a:active {
color:#666666 !important;
}

/*
 リンク
-------------------------------------------------------------------------*/
.link a,
.link a:link,
.link a:visited {
color:#000000 !important;
text-decoration:none;
}
.link a:hover,
.link a:active {
color:#666666 !important;
}


/*
-------------------------------------------------------------------------*/
#wrapBox {
margin-left:auto;
margin-right:auto;
padding:93px 0 50px 0; 
width:970px;
text-align:left;
}

#leftBox {
float:left;
width:230px;
}

#rightBox {
float:left;
padding:86px 0 0;
width:720px;
font-size:11px!important;
}


/* menu */
#menuBox{
margin:66px 0 0 0;
}

#menuBox ul{
margin:0px;
padding:0px;
}

#menuBox li{
list-style:none;
margin-bottom:30px;
font-family:"Times New Roman", Times, serif;
letter-spacing:0.1em;
}

.mainBox{
margin-left:90px;
}

/*
 コピーライト
-------------------------------------------------------------------------*/
.copy{
text-align:right;
border-top:1px solid #F0F0F0;
margin-top:60px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
}

h1{
margin-bottom:20px;
font-family:"Times New Roman", Times, serif;
letter-spacing:0.1em;
font-weight:normal;
font-size:15px;
}

h1 a,
h1 a:link,
h1 a:visited {
color:#000000 !important;
text-decoration:none;
}
h1 a:hover,
h1 a:active {
color:#666666 !important;
}


/*
 biography
-------------------------------------------------------------------------*/
.prof{
margin-left:90px;
line-height:1.8;
}

.prof img{
float:right;
margin-left:30px;
}


.title{
font-weight:bold;
font-size:13px;
margin-bottom:5px;
margin-top:50px;
}


dl {
border:none;
padding:2px 0px;
}
dt {
float:left;
width:70px;
padding:5px 0 0 0;
clear:both;
}

dd {
margin-left:70px;
padding:5px 0 0 0;
}

/*
 information
-------------------------------------------------------------------------*/
.infobox_top{
margin-left:90px;
}

.infobox_top img{
float:right;
margin:25px 0 0 30px;
}

.infobox_top p{
font-weight:bold;
font-size:13px;
margin-bottom:5px;
}

.infobox{
margin-left:90px;
margin-top:35px;
}

.infobox img{
float:right;
margin:50px 0 0 30px;
}


.infobox p{
font-weight:bold;
font-size:13px;
margin-bottom:5px;
border-top:1px solid #F0F0F0;
padding-top:35px;
}

.info_ph{
float:right;
margin:25px 0 0 30px;
}

/*
 gallery
-------------------------------------------------------------------------*/
#list {
width: 735px;
overflow: hidden;
position: relative;
}

#list ul {
width: 720px;
margin-right: -10px;
}

#list li {
float: left;
width: 50px;
margin-right:15px;
}


#list li a img{
vertical-align:top;
text-decoration:none;
margin-bottom:15px;
}

.comment{
margin-top:15px;
}

.comment span{
font-weight:bold;
font-size:13px;
margin-bottom:5px;
}

.nav{
padding-top:30px;
font:'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;
}

.nav a,
.nav a:link,
.nav a:visited {
color:#000000 !important;
text-decoration:none;
}
.nav a:hover,
.nav a:active {
color:#666666 !important;
}


/*
 float
-------------------------------------------------------------------------*/
.floLeft {
	float: left;
}
.floRight {
	float: right;
}
.clear {
	clear: both;
}

/*
 float clear
-------------------------------------------------------------------------*/
.clearfix:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	line-height:0;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */