html{
	padding:0;
	margin:0;
}
body{
	padding:0;
	margin:0;
	background-color:#D5BD8C;
}
header{
	background-color:#AD68A6;
	height:100px;
	background-image:url(./img/wing_small_100.png);
	background-repeat:repeat-x;
	background-position:20px center;
	border-bottom:solid 2px #eee;
	margin-bottom:10px;
}

header .grad {
	height:100px;
	width : 200px
	background: -moz-linear-gradient(left, #AD68A6, rgba(255,0,0,0));
	background: -webkit-gradient(linear, left top, right top, from(#AD68A6), to(rgba(255,0,0,0)));
}
header .grad div{
	height:100px;
	background-image:url(./img/iroha-tec.png);
	background-repeat:no-repeat;
	background-position:20px center;
}

marquee{
	margin-top:10px;
	padding:10px;
}

h1,h2{
	margin-left:20px;
}
.content {
	width:888px;
	margin: auto 0;
	display:table;
	text-align:left;
}
#area1{
	margin-top:23px;
	margin-left:50px;
	margin-right:50px;
	width:450px;
	display:table-cell;
	display:none;
	position : relative;
} 
#area2{
	margin-top:23px;
	margin-left:25px;
	width:450px;
	height:650px;
	display:table-cell;
	#background-color:#eee;
	vertical-align:middle;
	position : relative;
} 

.sample{
	border: ridge 10px #582527;
	width: 376px;
	height: 486px;
	margin-left:20px;
	margin-top:0px;
	background-image:url(./img/photoframe.png);
	-moz-background-size:contain;
	background-size:contain;
	display:block;
	position:relative;
}
.sample img{
	width:280px;
	position:absolute;
	top:45px;
	left:48px ;
}

.container{
	margin:0;
	padding:10px;
	width:375px;
	height:auto;
	background-color:#eee;
	border-radius: 10px / 10px;
	display:none;
}
.ul{
	width:100%;
	display:table;
	margin: 5px 0px 5px 15px;
}
.ul .left{
	width:25%;
	display:table-cell;
	text-align:right;
}
.ul .delimiter{
	width:5%;
	display:table-cell;
	text-align:center;
}
.ul .right{
	width:70%;
	display:table-cell;
}
.container p{
	font-size:16pt;
	font-weight:bold;
	margin-left:10px;
}
.sample_small {
	padding-left : 20px;
}
.sample_small img {
	width:100px;
	height:auto;
	margin:5px;
	cursor: pointer;
}
.sample_small img:hover {
	margin:0px;
	border: solid 5px #cef;
}

#info {
	position : absolute;
	top : 0px;
	left : 0px;
}
#member {
	position : absolute;
	top : 180px;
	left : 0px;
}
#sample {
	position : absolute;
	top : 300px;
	left : 0px;
}