@charset "utf-8";

#main {
	width: 860px;
	height: 520px;
	margin-top: 20px;	
		background: #FFF;/*------A4E09A-------*/
}

#main p {
	line-height: 1.6em;
	color: #777;
}

h1 {
	font-size: 14px;
	padding-top: 20px;
	color: #777;
}
.left {
	float: left;
	width: 265px;
	height: 350px;
	margin-left: 10px;
	font-size: 10px;
		background:#FFF;/*------pink---e2c2c2----*/
			/*background-image: url(imags/w_t.jpg);*/
}

.s2 {
	white-space: nowrap;
}

.left img {
	padding-left: 14px;
}
.s1 {
	letter-spacing: 0.2em;
	border-left: 8px solid #9c8642;
	margin-top: 3px;
	padding-left: 5px;
	margin-bottom: 3px;
}

.s2 {
	border-left: 8px solid #6e9140;
	margin-top: 3px;
	padding-left: 5px;
	margin-bottom: 3px;
}

.s3 {
	padding-left: 15px;
}

.visual {
	
	width: 565px;
	height: 350px;
	margin-left: 285px;
		background-color: #FFF;/*------f5f178-----*/
				/*background-image: url(images/saramain_t.jpg);*/
}

.visual img {
	margin-top: 35px;
	margin-left: 10px;
}

#under {
	width: 840px;
	margin-left: 10px;
	margin-top: 10px;
	height: 150px;
	border: 1px solid #777777;	
			background: #FFF;/*-------bfb0e7--	�p�[�v��-----------*/
}

#under p {
	font-size: 9px;
		/*padding-left: 5px;*/
}

#under a {
	color: #666;
}

#under a:hover {
	color: #888;
}

.soft_box {
	float: left;
	margin-top: 15px;
		margin-left: 5px;/**/	
	width: 285px;
	height: 120px;
			background: #FFF;/*------D7EB4F------*/
}

.deji_box {
	float: left;
		margin-left: 5px;/**/
	margin-top: 15px;
		padding-left: 5px;
	width: 265px;
	height: 120px;
	border-left: 1px solid #777777;
			background: #FFF;/*---------EBA74F------*/
}

.hand_box {
	float: left;
	margin-left: 5px;
		padding-left: 5px;
	margin-top: 15px;
	width: 255px;
	height: 120px;
	border-left: 1px solid #777777;
			background: #FFF;/*--------EBE24F-----*/
}

h3 {
	font-size: 12px;
		/*margin-left: 5px;*/
	padding-left: 7px;
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
	line-height: 1.2em;
	color: #777;
}

.moji {
	font-size: 10px;
}

.color3 {
	border-left: 7px solid #8FC041;
		
}

.color4 {
	border-left: 7px solid #F1E305;
	
}

.color5 {
	border-left: 7px solid #EB9527;
}

#pers {
	position: absolute;
	width: 660px;
	top: 508px;
	left: 220px;
}

#pers .soft_img {
	float: left;	
}

#pers .deji_img {
	float: left;
	margin-left: 195px;
	margin-right: 188px;
}

.copy {
	margin-top: 7px;
	margin-left: 80px;
	font-size: 9px;
}

.left_box a {
	color: #777;
}

.right_box a {
	color: #777;
}

.name {
	margin-top: 3px;
	width: 860px;
	height: 15px;
	font-size: 10px;
	color: #666666;
	letter-spacing: 0.1em;
	text-align: center;
}