@charset "UTF-8";
/* ----------------------------------------------------------
  �A���t�@���z�݌v������
  http://www.alpha-ao.co.jp/
  2010.03
---------------------------------------------------------- */

/* ----------------------------------------------------------
Date Completed
---------------------------------------------------------- */

#main .in {
	margin: 0;
	padding: 55px 42px;
}
#main .in .font {
	font-size: 85%;
	letter-spacing: 1pt;
	line-height: 220%;
}
#primary {
	float: left;
	width: 330px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
}
#secondary {
	float: right;
	width: 455px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background: url(../portfolio/img/p_line_date.gif) repeat-y;
}
/* �^�C�g��
------------------------------------ */
#secondary .in {
	margin: 0 0 0 35px;
	padding: 0;
	color: #566369;
}
#secondary .in a {
	margin: 0;
	padding: 0;
	color: #566369;
	text-decoration:none;
}
#secondary .in a:hover {
	margin: 0;
	padding: 0;
	color: #F33699;
	text-decoration:none;
}
#secondary .in .date {
	float: left;
	margin: 0 0 8px 0;
	padding: 10px 0 0 0;
	font-size: 100%;
	letter-spacing: 2pt;
}
#secondary .in .title {
	float: right;
	width: 320px;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 100%;
	letter-spacing: 2pt;
}
/**/
#secondary ul.date_list {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 0;
}
#secondary ul.date_list li {
	margin: 5px 0 0 35px;
	padding: 0 0 0 0;
	/*width: 420px;
	height: 45px;*/
	font-size: 0;
	text-indent: -9999px;
}
#secondary ul.date_list li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 430px;
	height: 40px;
}
#secondary ul.date_list li a:hover {
	width: 430px;
	height: 40px;
	/*color: #F33699;*/
}

/*作品タイトル*/
#secondary ul.date_list li a.date200004_001 {
	background: url(../portfolio/img/date200004_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200004_001:hover {
	background: url(../portfolio/img/date200004_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200203_001 {
	background: url(../portfolio/img/date200203_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200203_001:hover {
	background: url(../portfolio/img/date200203_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200203_002 {
	background: url(../portfolio/img/date200203_002.gif) left no-repeat;
}
#secondary ul.date_list li a.date200203_002:hover {
	background: url(../portfolio/img/date200203_002on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200206_001 {
	background: url(../portfolio/img/date200206_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200206_001:hover {
	background: url(../portfolio/img/date200206_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200303_001 {
	background: url(../portfolio/img/date200303_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200303_001:hover {
	background: url(../portfolio/img/date200303_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200304_001 {
	background: url(../portfolio/img/date200304_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200304_001:hover {
	background: url(../portfolio/img/date200304_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200403_001 {
	background: url(../portfolio/img/date200403_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200403_001:hover {
	background: url(../portfolio/img/date200403_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200403_002 {
	background: url(../portfolio/img/date200403_002.gif) left no-repeat;
}
#secondary ul.date_list li a.date200403_002:hover {
	background: url(../portfolio/img/date200403_002on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200405_001 {
	background: url(../portfolio/img/date200405_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200405_001:hover {
	background: url(../portfolio/img/date200405_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200501_001 {
	background: url(../portfolio/img/date200501_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200501_001:hover {
	background: url(../portfolio/img/date200501_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200501_002 {
	background: url(../portfolio/img/date200501_002.gif) left no-repeat;
}
#secondary ul.date_list li a.date200501_002:hover {
	background: url(../portfolio/img/date200501_002on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200505_001 {
	background: url(../portfolio/img/date200505_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200505_001:hover {
	background: url(../portfolio/img/date200505_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200506_001 {
	background: url(../portfolio/img/date200506_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200506_001:hover {
	background: url(../portfolio/img/date200506_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200507_001 {
	background: url(../portfolio/img/date200507_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200507_001:hover {
	background: url(../portfolio/img/date200507_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200612_001 {
	background: url(../portfolio/img/date200612_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200612_001:hover {
	background: url(../portfolio/img/date200612_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200704_001 {
	background: url(../portfolio/img/date200704_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200704_001:hover {
	background: url(../portfolio/img/date200704_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200709_001 {
	background: url(../portfolio/img/date200709_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200709_001:hover {
	background: url(../portfolio/img/date200709_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200801_001 {
	background: url(../portfolio/img/date200801_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200801_001:hover {
	background: url(../portfolio/img/date200801_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200805_001 {
	background: url(../portfolio/img/date200805_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200805_001:hover {
	background: url(../portfolio/img/date200805_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date200807_001 {
	background: url(../portfolio/img/date200807_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date200807_001:hover {
	background: url(../portfolio/img/date200807_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date201001_001 {
	background: url(../portfolio/img/date201001_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date201001_001:hover {
	background: url(../portfolio/img/date201001_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date201002_001 {
	background: url(../portfolio/img/date201002_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date201002_001:hover {
	background: url(../portfolio/img/date201002_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date201104_001 {
	background: url(../portfolio/img/date201104_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date201104_001:hover {
	background: url(../portfolio/img/date201104_001on.gif) left no-repeat;
}
#secondary ul.date_list li a.date201107_001 {
	background: url(../portfolio/img/date201107_001.gif) left no-repeat;
}
#secondary ul.date_list li a.date201107_001:hover {
	background: url(../portfolio/img/date201107_001on.gif) left no-repeat;
}
/**/

#secondary .next {
	height: 35px;
	background: url(../portfolio/img/mark_next.gif) center no-repeat;
	margin: 0 0 20px 0;
	padding: 0;
}
#secondary .prev {
	height: 35px;
	background: url(../portfolio/img/mark_prev_end.gif) center no-repeat;
	margin: 20px 0 0 0;
	padding: 0;
}
#secondary ul.date_list .clear_list {
	clear: both;
	height: 0;
}
/* �ʐ^
------------------------------------ */
#photo {
	width: 360px;
	text-align: center;
}
#photo ul {
	margin: 0 0 0 20px;
	padding: 0;
}
#photo li {
	width: 100px;
	list-style-type: none;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
#photo li a img {
	display: block;
	text-indent: -9999px;
	filter: alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
#photo li a:hover img {
	display: block;
	text-indent: -9999px;
	filter: alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
}
/* clear
---------------------------------------------------- */
.clear {
	clear: both;
}