@charset "utf-8";
@import "./common.css";

/* コメントを入れたらUTF-8化ヲ忘れずに */

/* override *************************************************************/

/************************************************************************/


#maincontainer {
	display:block;
	width:963px;
	height:390px;
	margin:0 auto;
	padding:0 8px;
	overflow:hidden;
}

#maincontainer .basedata {
	float:left;
	display:block;
	width:222px;
	height:390px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:absolute;
	top:90px;
}

#maincontainer .basedata h2 {
	display:block;
	width:222px;
	margin:0 0 0.5em 0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	line-height:1.1;
}

#maincontainer .basedata p {
	display:block;
	width:222px;
	margin:0 0 0.9em 0;
	padding:0;
	line-height:1.1;
}
#maincontainer .basedata .profile {
	display:block;
	width:222px;
	margin:0 0 3.4em 0;
	padding:0;
	/*
	position:absolute;
	bottom:0;
	*/
}

#maincontainer .basedata ul {
	display:block;
	margin:1.8em 0 0 0;
	padding:0;
	line-height:1.8;
	list-style-type:none;
}

#maincontainer .basedata li {
	display:block;
	margin:0;
	padding:0;
}


#maincontainer .basedata li span {
	margin:0;
	padding:0 0px 0 0;
	font-size:10px;
	overflow:hidden;
/*	background:url(../images/basedata-arrow.gif) no-repeat right center;*/
	cursor:hand;
	color:#999999;
}
#maincontainer .basedata li span.current,
#maincontainer .basedata li span.supercurrent {
	color:#ffffff;
/*	background:url(../images/basedata-arrow-over.gif) no-repeat right center;*/
}
/*
#maincontainer .basedata li a.current,
#maincontainer .basedata li a:hover {
	background:url(../images/basedata-arrow-over.gif) no-repeat right center;
}
*/

#maincontainer .basedata a:link		{ color:#999999; text-decoration:none;}
#maincontainer .basedata a:visited	{ color:#999999; text-decoration:none;}
#maincontainer .basedata a:active	{ color:#ffffff; text-decoration:none;}
#maincontainer .basedata a:hover	{ color:#ffffff; text-decoration:none;}

#maincontainer .main {
	display:block;
	width:520px;
	height:390px;
	margin:0 0 0 222px;
	padding:0;
	position:absolute;
}

#mainimage {
	display:block;
	display:none;
	width:520px;
	height:390px;
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
}

#main-back {
	float:left;
	display:block;
	width:300px;
	height:390px;
	margin:0;
	padding:0;
	position:absolute;
	left:-40px;
	z-index:100;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:url(../images/main-back.gif) no-repeat 0 center;
	cursor:hand;
}

#main-next {
	float:left;
	display:block;
	width:300px;
	height:390px;
	margin:0;
	padding:0;
	position:absolute;
	right:-40px;
	z-index:100;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:url(../images/main-next.gif) no-repeat right center;
	cursor:hand;
}




#thumbnails {
	display:block;
	width:963px;
	height:60px;
	margin:0 auto;
	padding:23px 8px 62px;
}

#thumbnails .mask {
	display:block;
	width:963px;
	height:60px;
	margin:0 auto;
	padding:0;
	position:relative;
	overflow:hidden;
}

#thumb-back {
	float:left;
	display:block;
	display:none;
	width:25px;
	height:60px;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	z-index:100;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#000000 url(../images/thumb-back.gif) no-repeat -4px 0;
	/*background:url(../images/thumb-back.gif) no-repeat -4px 0;*/
	cursor:hand;
}
#thumb-next {
	float:right;
	display:block;
	display:none;
	width:25px;
	height:60px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	_right:-1px; /*IE6補正*/
	z-index:100;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#000000 url(../images/thumb-next.gif) no-repeat -6px 0;
	/*background:url(../images/thumb-next.gif) no-repeat -6px 0;*/
	cursor:hand;
}


#thumbnails ul {
	display:block;
	/*display:none;*/
	height:88px;
	margin:0;
	padding:1000px 0 0 0;/*非表示の代わり表示前にサイズを取得するので*/
	position:absolute;
	left:-500px;
	list-style-type:none;
	white-space: nowrap;
}

#thumbnails li {
	display:inline;
	height:60px;
	margin:0;
	padding:0;
}

#thumbnails img {
	display:inline;
	height:58px;
	margin:0;
	padding:0;
	border:0;
	border:1px solid #000000;
}

#thumbnails a {
	display:inline;
	height:60px;
	margin:0;
	padding:0 4px 0 0;
}

#profiletext {
	display:block;
	display:none;
	width:100%;
	height:100%;
	min-height:570px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	overflow:hidden;
}

#profiletext #outermat {
	display:none;
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	border:0;
	z-index:101;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	position:absolute;
	_position:relavite;/*IE6補正*/
	*position:relavite;/*IE7補正*/
	background:#000;
}

#profiletext #inner {
	display:none;
	display:block;
	width:810px;
	height:440px;
	margin:0 auto 0;
	_margin:100px auto 0;/*IE6補正*/
	*margin:100px auto 0;/*IE7補正*/
	padding:0;
	border:0;
	z-index:102;
	position:relative;
	top:100px;
	_top:-100%;/*IE6補正*/
	*top:-100%;/*IE7補正*/
	overflow:hidden;
}
#profiletext .innermat {
	display:block;
	width:760px;
	height:390px;
	margin:0;
	padding:10px;
	border:10px solid #ffffff;
	background:#ffffff;
	z-index:103;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	overflow:hidden;
	position:absolute;
	top:0;
}

#profiletext .btns {
	display:block;
	width:785px;
	margin:0;
	padding:12px 15px 11px 0;
	z-index:105;
	color:#000000;
	position:absolute;
	top:0;
	text-align:right;
	overflow:hidden;
}
#profiletext a.printprofile  {
	float:right;
	display:block;
	width:38px;
	height:14px;
	margin:0 11px 0 0;
	padding:0;
	text-indent:9000em;
	background:url(../images/icon-print.png) no-repeat 0 0;
	_background:url(../images/icon-print.gif) no-repeat 0 0;/*IE6補正*/
	overflow:hidden;
}
#profiletext a.printprofile:hover  {
	background-position:-38px 0;
}
#profiletext a.closeprofile  {
	float:right;
	display:block;
	width:43px;
	height:14px;
	margin:0;
	padding:0;
	text-indent:9000em;
	background:url(../images/icon-close.png) no-repeat 0 0;
	_background:url(../images/icon-close.gif) no-repeat 0 0;/*IE6補正*/
	overflow:hidden;
}
#profiletext a.closeprofile:hover  {
	background-position:-43px 0;
}

#profiletext .profilemain {
	display:block;
	width:737px;
	height:390px;
	margin:30px 10px 10px 10px;
	padding:0px 10px 0px 33px;
	z-index:104;
	overflow:auto;
	color:#000000;
	position:absolute;
	top:0;
	font-size:10px;
	line-height:1.5;
}
#profiletext .profilemain a:link	{ color:#999999; text-decoration:underline;}
#profiletext .profilemain a:visited	{ color:#999999; text-decoration:underline;}
#profiletext .profilemain a:active	{ color:#ffffff; text-decoration:underline;}
#profiletext .profilemain a:hover	{ color:#ffffff; text-decoration:underline;}


#profiletext .profilemain h2 {
	font-size:12px;
	font-weight:normal;
	margin:0 0 0.2em 0; 
	padding:0;
	
}
#profiletext .profilemain h3 {
	font-size:10px;
	font-weight:normal;
	margin:0 0 0.2em 0; 
	padding:0;
	
}

#profiletext .profilemain p {
	font-size:10px;
	margin:0 0 1em 0; 
	padding:0;
}

#profiletext .profilemain p.kanjiname {
	font-size:10px;
	margin:0 0 2em 0; 
}





#debug {
	/*display:none;*/
}