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

/* ========== universal font size setting =========== */
body{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Osaka, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, Geneva; 
	line-height:1.6; 
	color:#333333; 
	font-size:12px;
	}
.mac.webkit body{font-size:14px;}
table{font-size:100%;}

/* ========== initialize & reset ========== */
*{margin:0; padding:0;}
img{border:none; vertical-align:bottom;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
ul{list-style:none;}
hr{display:none;}
h1,h2,h3,h4,h5,h6,p,td,th{font-size:100%;}

/* ========== clear ========== */
.clrFix{clear:both;}
.clrFix:after{content:''; display:block; clear:both;}
.clr{clear:both;}

/* ========== common setting =========== */
/* hide from browser */
.hide{display:none;}

/* anchor */
a:link{color:#cccccc; text-decoration:none;}
a:visited{color:#cccccc; text-decoration:none;}
a:hover{color:#cccccc; text-decoration:underline;}
a{outline:none;}

/* text align */
.a-rt{text-align:right !important;}
.a-ct{text-align:center !important;}

/* float */
.f-lt{float:left;}
.f-rt{float:right;}

/* to escape the quicksand bag for IE */
div{border:0;}


/* ==================== slideshow ==================== */
#slideshow { position:relative; width:262px; height:320px; margin:0px auto;}
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


/* ==================== base ==================== */
html, body{
    height:100%;
	color:#ffffff;
}
body{
	background:#000;
	}
* html div#container{
    height:100%;
}
div#container{
    width: 800px;
    margin:0px auto;
	padding:0px;
    position:relative;
    min-height: 100%;
}
body > #container {
	height: auto;
}
div#contents{
	padding-top:0px;
    padding-bottom:30px;
}
div#contents_2nd{
	padding-top:86px;
    padding-bottom:30px;
}
#foot{
    position:absolute;
    bottom:0px;
    height:30px;
    width:100%;
	color:#666666;
	font-size:9px;
	text-align:center;
}

.bg_top{
	background-image:url(../../images/bg_top.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	}

h1{
	height:190px;
	text-indent:-9999px;
	}

#top_image{
	height:320px;
	}

#top_enter{
	padding-top:20px;
	}

.tx_bold{
	font-weight:bold;
}

/* ==================== 2nd ==================== */
.bg_2nd{
	background-image:url(../../images/bg_2nd.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	}

#menu{
	width:150px;
	text-align:left;
	float:left;
	position:fixed;
	}

#main{
	text-align:left;
	width:615px;
	margin-left:155px;
	}

h2{
	margin-bottom:66px;
	}

.img_tn{
	margin:0 40px 40px 0;
	}

/* ==================== menu ==================== */

#menu ul li{
	margin-bottom:7px;
	}



/* ==================== 2nd work ==================== */

#worksarea{
	margin-bottom:50px;
	}

#worksarea a:hover{
	opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=65); /* IE lt 8 */
    -ms-filter: "alpha(opacity=65)"; /* IE 8 */
    -khtml-opacity: .65; /* Safari 1.x */
    -moz-opacity: .65; /* FF lt 1.5, Netscape */
	}



/* ==================== 2nd profile ==================== */

.pf_name{
	margin-bottom:25px;
	}

.pf_name_jp{
	font-size:14px;
	}
	
.pf_dot{
	margin:25px 0;
	}

#ex_solo{
	margin-bottom:25px;
	}
#ex_group{
	margin-bottom:75px;
	}

#ex_solo h3, #ex_group h3{
	width:90px;
	float:left;
	}

#ex_solo table, #ex_group table{
	margin-left:95px;
	}

#ex_solo table td, #ex_group table td{
	white-space: nowrap;
	padding:2px;
	vertical-align: top;
	}

#ex_solo table td.year,#ex_group table td.year{

	}
#ex_solo table td.month{
	width:25px;
	}
#ex_group table td.month{
	width:30px;
	}
#ex_solo table td.month,#ex_group table td.month{
	white-space: nowrap;
	text-align:right;
	padding-right:10px;
	}
#ex_solo table td.data,#ex_group table td.data{
	
	}
.data_sub{
	font-size:10px;
	color:#999999;
	}
	
	
/* ==================== 2nd contact ==================== */
#contactform{
	margin-bottom:15px;
}
#contactform input.inputemail{
	width:220px;
	height:20px;
	padding:3px 5px;
	margin-bottom:5px;
	background-color:#ddd;
	font-size:12px;
	line-height:1.6;
}
#contactform textarea{
	width:365px;
	height:60px;
	padding:8px;
	margin-bottom:10px;
	background-color:#ddd;
	font-size:12px;
	line-height:1.6;
}
#contactform ul li{
	width:365px;
	min-height:40px;
	padding:8px;
	background-color:#666;
	margin:5px 0px;
}

#contactform ul li.email, #contactform #kakunin_email{
	width:220px;
	min-height:20px;
	padding:5px 8px;
	background-color:#666;
	margin:5px 0px 5px 0px;
}
#contactform ul li.comment, #contactform #kakunin_comment{
	width:365px;
	min-height:60px;
	padding:8px;
	background-color:#666;
	margin:5px 0px 10px 0px;
}

#contactform p.note{
	margin-top:5px;
}

.cont_midashi{
	margin-bottom:5px;
	}
.cont_dot{
	margin:25px 0;
	}

#contact_mailform{
	margin-bottom:15px;
}
#contact_mailform textarea{
	padding:10px;
	margin-bottom:5px;
	background-color:#ddd;
	font-size:12px;
	line-height:1.6;
}
#contact_maolform ul li{
	width:365px;
	min-height:40px;
	padding:10px;
	background-color:#000;
	margin:5px 0px;
}




/* ==================== 2nd links ==================== */

.linkbox{
	margin:0px 0px 15px 0px;
}

ul.linklist{
	margin-top:10px;
}

.links_dot{
	margin:15px 0;
	}