@charset "UTF-8";

/* content */
#content {
	width: 1000px;
	margin: 0 auto 130px auto;
	padding: 0 0 0 0;
	text-align: left;
}
#content #topcontent{
	width: 1000px;
	margin: 0;
	padding: 0;
}
#content #topcontent h1 {
	display:none;
}
#content #topcontent .top{
	float: left;
	width: 370px;
	margin: 10px 10px 0 0;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 6px #888888; 
	-moz-box-shadow: 0px 2px 6px #888888;
	box-shadow: 0px 2px 6px #888888;
	display: inline;
	position: relative;
}
#content #topcontent .top a{
	text-decoration: none;
}
#content #topcontent #top3{
	float: right;
	width: 180px;
	margin: 10px 0 0 0;
	background-image: url(../images/solo2010_services_new01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content #topcontent #top6{
	float: right;
	width: 180px;
	margin: 10px 0 0 0;
}
#content #topcontent .top:hover{
	background-color: #A6A19E;
}
#content #topcontent .top:active{
	background-color: #807975;
}
#content #topcontent .top img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#content #topcontent #top5 img {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
#content #topcontent .top h2 {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	font-size: 15px;
	color: #3B3632;
	font-weight: bold;
	line-height: 1em;
}
#content #topcontent #top5 h2 {
	display:none;
}
#content #topcontent .top h2 span{
	font-size: 12px;
	font-weight: normal;
}
#content #topcontent .top p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10.5px;
	color: #6A625D;
	font-weight: normal;
	line-height: 1.5em;
}
#content #topcontent #top5  p {
	width: 330px;
	left: 30px; 
	top: 80px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10.5px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.5em;
	position: absolute;
}
#content #topcontent .top:hover p{
	color: #FFFFFF;
}
#content #topcontent .top:active p{
	color: #FFFFFF;
}
#content #topcontent .top p span {
	margin: 0 0 0 0;
	padding: 0 20px 0 20px;
	font-size: 10.5px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.5em;
	background-color: #807975;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#content #topcontent .top:active p span{
	background-color: #A6A19E;
}
#content #topcontent .top p img {
	float: none;
	margin: 0 0 5px 0;
	padding: 0 0  0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#content #topcontent .top p.copy {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	font-family: 'Arial','Verdana','sans-serif', 'KozGoStd-Regular','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo','メイリオ';
	font-size: 8px;
	color: #6A625D;
	font-weight: normal;
	line-height: 1em;
}

#content #memocontent{
	clear: both;
	float: left;
	width: 500px;
	margin: -65px 0 0 110px;
	padding: 0;
	position: relative;
}
#content #memocontent h1 {
	display:none;
}
#content #memocontent .memo{
	position: relative;
}
#content #memocontent .memo a{
	width: 430px;
	margin: 0;
	padding: 0 0 40px 0;
	text-decoration: none;
	background-image: url(../images/solo2010_memo_bk01.png); 
	background-repeat: repeat-y;
	background-position: 0 0;
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-box-shadow: 0px 1px 4px #333333; 
	-moz-box-shadow: 0px 1px 4px #333333;
	box-shadow: 0px 1px 4px #333333;
	-webkit-transition: -webkit-transform .1s linear;
	position: absolute;
	z-index: 1;
}
#content #memocontent .memo:nth-child(even) a{
	-webkit-transition: -webkit-transform .2s linear;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
	left: -3px;
}
#content #memocontent .memo:nth-child(3n) a{
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
	top: -4px;
}
#content #memocontent .memo:nth-child(5n) a{
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	left: 6px;
}
#content #memocontent .memo a:hover{
	-webkit-transition: -webkit-transform .2s linear;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	position: absolute;
}
#content #memocontent .memo h2 {
	width: 380px;
	height: 25px;
	margin: 0 0 0 0;
	padding: 15px 25px 0 25px;
	text-align: right;
	font-size: 12px;
	font-family: "Marker Felt", Impact, sans-serif;
	color: #3B3632;
	font-weight: normal;
}
#content #memocontent .memo p {
	width: 325px;
	margin: 0 0 0 0;
	padding: 0 25px 3px 80px;
	font-size: 12px;
	color: #3B3632;
	font-weight: normal;
	line-height: 30px;
	background-image: url(../images/solo2010_memo_bk02.png); 
	background-repeat: repeat-y;
	background-position: 0 0;
}
#content #memocontent .memo p img{
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0;
}
#content #memocontent .memo p img.left{
	max-width: 185px;
	max-height: 185px;
	float: left;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 5px;
	left: -25px; 
	top: -5px;
	text-decoration: none;
	background-color: #FFFFFF;
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-box-shadow: 0px 1px 2px #333333; 
	-moz-box-shadow: 0px 1px 2px #333333;
	box-shadow: 0px 1px 2px #333333;
	position: relative;
}
#content #memocontent .memo p img.right{
	max-width: 185px;
	max-height: 185px;
	float: right;
	margin: 10px 0 5px 10px;
	padding: 5px 5px 5px 5px;
	left: 5px; 
	top: -5px;
	text-decoration: none;
	background-color: #FFFFFF;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
	-webkit-box-shadow: 0px 1px 2px #333333; 
	-moz-box-shadow: 0px 1px 2px #333333;
	box-shadow: 0px 1px 2px #333333;
	position: relative;
}
 #top7{
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
	text-align: right;
	text-decoration: none;
	display: inline;
}
 .twitter{
	float: right;
	width: 198px;
	height: 230px;
	margin: 10px 0 0 10px;
	padding: 5px 1px;
	text-align: left;
	background-color: #FFFFFF;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 6px #888888; 
	-moz-box-shadow: 0px 2px 6px #888888;
	box-shadow: 0px 2px 6px #888888;
	behavior: url(./static/ie-css3.htc);
	display: inline;
	overflow: hidden;
}
 .follow{
	float: right;
	width: 220px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
	text-decoration: none;
	display: inline;
}