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

loader

////////////////////////////////////////////////
////////////////////////////////////////////////
*/
#loader {
    width: 27px;
    height: 27px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -13px; /* heightの半分のマイナス値 */
    margin-left: -13px; /* widthの半分のマイナス値 */
    z-index: 100;
}
/*

header

*/
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #FFF;
	border-bottom: 1px solid #F3F3F3;
	z-index: 90;
}
h1 {
	text-align: center;
	margin: 10px 0 0 0;
}
/*

models

*/
#contentsContainer { /*上下センター*/
	width: 880px;
	height: 420px;
	position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -180px; /* heightの半分のマイナス値 + 30px(header分/2) */
    margin-left: -440px; /* widthの半分のマイナス値 */
	z-index: 0;
}
#models {
	width: 880px;
}
#close {
	position: absolute;
	width: 17px;
	height: 17px;
	top: 0;
	right: 0;
	z-index: 100;
	background-image: url(../images/close_on.gif);
	background-position: 0px 0px;
}
ul {
	list-style-type: none;	
	line-height: 100%;
}
.disnon {
	display: none;
}
/*


imageContainer


*/
#imageContainer {
	position: relative;
	float: left;
	width: 252px;
}
#imageContainer .nav {
	position: absolute;
	top: 412px;
	height: 8px;
}
#imageContainer .nav li{
	float: left;
	display: block;
	cursor: pointer;
	width: 8px;
	height: 8px;
	margin: 0 12px 0 0;
	text-indent: -9999px;
	background-image: url(../../common/images/paging.gif);
	background-position: 0px 0px;
}
#imageContainer .nav li:hover{
	background-image: url(../../common/images/paging_active.gif);
	background-position: 0px 0px;
}
#imageContainer .nav li.imgSelect{
	cursor: default;
	background-image: url(../../common/images/paging_active.gif);
	background-position: 0px 0px;
}
/*


profile


*/
#profile {
	position: absolute;
	top: 400px;
	right: 0;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
	background: #000;
	border: 1px solid #D5D5D5;
}
#modelimage {
	clear: both;
	height: 400px;
	background: #FFF;
}
#profileText {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 400px;
	overflow: hidden;
}
#profileTextCover {
	position: absolute;
	width: 252px;
	height: 400px;
	background: #996600;
	opacity: 0.5;
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
#profileTextArea{
	color: #FFF;
	font-size: 14px;
	line-height: 160%;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 252px;
}
#profileTextArea dt{
	float: left;
}
#profileTextArea dd{
	text-indent: 0.5em;
}
/*


detailContainer



*/
#detailContainer {
	position: relative;
	float: right;
	width: 590px;
	height: 420px;
}
h2 {
	width: auto;
	line-height: 0;
	line-height: 100%;
}
/*#fb {
	position: absolute;
	top: 4px;
	right: 262px;
	line-height: 100%;
}
#tw {
	position: absolute;
	top: 4px;
	right: 165px;
	line-height: 100%;
}
#blog {
	position: absolute;
	top: 4px;
	right: 42px;
	line-height: 100%;
}*/

.sns_link{
	margin-top: 10px;
	margin-bottom: 10px;
}
.sns_link p{
	display: inline-block;
	margin: 0px 10px;
}

#detailContainer .nav {
	width: 590px;
}
#detailContainer .nav li{
	float: left;
	cursor: default;
	opacity: 0.3;
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	height: 22px;
	margin: 0 0 0 -1px;
	background: #000;
	border: 1px solid #D5D5D5;
}
#detailContainer .nav li.btnon {
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
#detailBox {
	/*position: absolute;
	top: 65px;*/
	height: 355px;
}
#modelText {
	clear: both;
	padding: 31px 0 0 0;
	width: 590px;
}
#modelText .content_wrap {
	width: 590px;
	/*height: 300px;*/
	height: 280px;
}
#modelText h4 {
	color: #996600;
	margin: 0 0 6px 0;
}
#modelText ul, #modelText p {
	line-height: 160%;
	margin: 0 0 26px 0;
}
/*

scrollbar customize

*/
/* 全体 */
.jspContainer {
	overflow:hidden;
	position:relative;
}
/* スクロールバーを除いたエリア */
.jspPane {
	position:absolute;
}
/* 縦スクロールバー */
.jspVerticalBar {
	position:absolute;
	top:0;
	right:0;
	width:3px;
	height:100%;
}
/* 横スクロールバー */
.jspHorizontalBar {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0px;
}
/* 背景 */
.jspTrack {
	background:#D5D5D5;
	position:relative;
}
/* ノブ */
.jspDrag {
	background:#000000;
	position:relative;
	top:0;
	left:0;
	cursor:pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float:left;
	height:100%;
}