@charset "UTF-8";
/* ==============================
  css-profile
=================================
left
---------------------------------
right
---------------------------------
h2
---------------------------------
h3
---------------------------------
profile-aria
---------------------------------
chronological
---------------------------------
btn-print
---------------------------------
history
============================== */

/* ------------------------------
  left
------------------------------ */
.left {
	width: 291px;
	float: left;
}

/* ------------------------------
  right
------------------------------ */
.right {
	width: 618px;
	float: right;
}

.right em {
	color: #000000;
	font-style: normal;
	font-weight: bold;
}

/* ------------------------------
  h2
------------------------------ */
h2 {
	width: 251px;
	height: 99px;
	background: url(../contents/img/profile/h2.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}

/* ------------------------------
  h3
------------------------------ */
h3#h3-profile {
	width: 291px;
	height: 30px;
	background: url(../contents/img/profile/h3_profile.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-top: 148px;
}

h3#h3-track {
	width: 291px;
	height: 30px;
	background: url(../contents/img/profile/h3_track.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

/* ------------------------------
  profile-aria
------------------------------ */
ul#profile-aria {
	width: 618px;
}

ul#profile-aria li {
	float: left;
}

ul#profile-aria li#ohkawa {
	width: 145px;
	padding-right: 15px;
}

ul#profile-aria li#nekoi {
	width: 151px;
	padding-right: 15px;
}

ul#profile-aria li#mocona {
	width: 120px;
}

ul#profile-aria li#igarashi {
	width: 129px;
	padding-right: 30px;
}

ul#profile-aria h4 {
	height: 173px;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 20px;
}
ul#profile-aria li#ohkawa h4 {
	width: 110px;
	background-image: url(../contents/img/profile/ohkawa.gif);
}

ul#profile-aria li#nekoi h4 {
	width: 129px;
	background-image: url(../contents/img/profile/nekoi.gif);
}

ul#profile-aria li#mocona h4 {
	width: 114px;
	background-image: url(../contents/img/profile/mocona.gif);
}

ul#profile-aria li#igarashi h4 {
	width: 116px;
	background-image: url(../contents/img/profile/igarashi.gif);
}

ul#profile-aria li p {
	padding-left: 13px;
}

/* ------------------------------
  chronological
------------------------------ */
#chronological {
	width: 618px;
	color: #FFFFFF;
	background-color: #b2b2b2;
	margin-bottom: 21px;
}

#chronological a {
	color: #FFFFFF;
}
#chronological a:hover {
	color: #ff3982;
}

#chronological span.top {
	width: 618px;
	height: 7px;
	display: block;
	background: url(../contents/img/profile/chronological_top.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
}
#chronological span.btm {
	width: 618px;
	height: 7px;
	display: block;
	background: url(../contents/img/profile/chronological_btm.gif) no-repeat bottom;
	font-size: 1px;
	line-height: 1px;
}
#chronological span.center {
	display: block;
	padding: 0 20px;
}

/* ------------------------------
  btn-print
------------------------------ */
.btn-print {
	width: 88px;
	padding-left: 526px;
}
.btn-print p {
	width: 88px;
	height: 11px;
	background: url(../contents/img/profile/btn_print_bg.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
.btn-print p a {
	width: 88px;
	height: 11px;
	background: url(../contents/img/profile/btn_print.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.btn-print p a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ------------------------------
  history
------------------------------ */
#history {
	width: 960px;
}

#history dl {
	width: 960px;
	margin-bottom: 40px;
}
/* clearfix */
#history dl:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#history dl {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #history dl {
	height: 1%;
}
#history dl {
	display: block;
}
/* End hide from IE-mac */

#history dl dt {
	width: 291px;
	height: 37px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}
#history dl.y1987 dt {background-image: url(../contents/img/profile/1987.gif);}
#history dl.y1988 dt {background-image: url(../contents/img/profile/1988.gif);}
#history dl.y1989 dt {background-image: url(../contents/img/profile/1989.gif);}
#history dl.y1990 dt {background-image: url(../contents/img/profile/1990.gif);}
#history dl.y1991 dt {background-image: url(../contents/img/profile/1991.gif);}
#history dl.y1992 dt {background-image: url(../contents/img/profile/1992.gif);}
#history dl.y1993 dt {background-image: url(../contents/img/profile/1993.gif);}
#history dl.y1994 dt {background-image: url(../contents/img/profile/1994.gif);}
#history dl.y1995 dt {background-image: url(../contents/img/profile/1995.gif);}
#history dl.y1996 dt {background-image: url(../contents/img/profile/1996.gif);}
#history dl.y1997 dt {background-image: url(../contents/img/profile/1997.gif);}
#history dl.y1998 dt {background-image: url(../contents/img/profile/1998.gif);}
#history dl.y1999 dt {background-image: url(../contents/img/profile/1999.gif);}
#history dl.y2000 dt {background-image: url(../contents/img/profile/2000.gif);}
#history dl.y2001 dt {background-image: url(../contents/img/profile/2001.gif);}
#history dl.y2002 dt {background-image: url(../contents/img/profile/2002.gif);}
#history dl.y2003 dt {background-image: url(../contents/img/profile/2003.gif);}
#history dl.y2004 dt {background-image: url(../contents/img/profile/2004.gif);}
#history dl.y2005 dt {background-image: url(../contents/img/profile/2005.gif);}
#history dl.y2006 dt {background-image: url(../contents/img/profile/2006.gif);}
#history dl.y2007 dt {background-image: url(../contents/img/profile/2007.gif);}
#history dl.y2008 dt {background-image: url(../contents/img/profile/2008.gif);}
#history dl.y2009 dt {background-image: url(../contents/img/profile/2009.gif);}

#history dl dd {
	width: 618px;
	float: right;
}

#history dl dd .box {
	width: 618px;
	margin-bottom: 30px;
}
/* clearfix */
#history dl dd .box:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#history dl dd .box {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #history dl dd .box {
	height: 1%;
}
#history dl dd .box {
	display: block;
}
/* End hide from IE-mac */

#history dl dd .txt {
	width: 485px;
	float: left;
}

#history dl dd .comic {
	width: 79px;
	background: url(../contents/img/profile/list_comics_bg.gif) no-repeat top;
	float: right;
}
#history dl dd .comic span.book {
	width: 74px;
	font-size: 1px;
	line-height: 1px;
}
#history dl dd .comic span.shadow {
	width: 79px;
	height: 5px;
	background: url(../contents/img/profile/list_comics_bg_btm.gif) no-repeat bottom;
	display: block;
	font-size: 1px;
	line-height: 1px;
}

#history dl dd h4 {
	color: #000000;
	line-height: 1.7;
}

/* ------------------------------
  page-top
------------------------------ */
ul.page-top {
	width: 23px;
	height: 23px;
	padding-left: 937px;
	background: url(../contents/img/profile/line_pagetop.gif) no-repeat 205px 11px;
	margin-top: -20px;
	margin-bottom: 55px;
}
ul.page-top li {
	width: 23px;
	height: 23px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
ul.page-top li a {
	width: 23px;
	height: 23px;
	background: url(../img/common/pagetop_bg.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
ul.page-top li a:hover {
	background-position: 0 -23px;
}