@charset "utf-8";
/* CSS Document */
#contents {
	text-align: left;
	width:790px;
	margin:0 auto;
	line-height:1.3;
}
#contents:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#flash {
	background-image: url(top_images/new.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 298px;
	width: 392px;
	float: left;
}
#triming {
	float: right;
	width: 398px;
}
#flashBox {
	width: 790px;
}
#flashBox:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}







.new {
	padding-right: 19px;
	padding-bottom: 30px;
}
#newBox {
	background-image: url(top_images/title1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
}
.photo {
	padding-right: 18px;
	padding-bottom: 30px;
}
.photo2 {
	padding-right: 18px;
	padding-bottom: 10px;
}
#photoBox {
	background-image: url(top_images/title2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
}
.simple {
	padding-right:19px;
	padding-bottom:10px;
}
.simple2 {
	padding-right:19px;
	padding-bottom:30px;
}
#simpleBox {
	background-image: url(top_images/title3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
}
.syare {
	padding-right: 18px;
	padding-bottom: 10px;
}
#waribiki {
	margin-bottom: 10px;
}
#rankBox {
	background-color: #C2DCB9;
	margin-bottom: 10px;
	width: 185px;
}
#RankTop {
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.rankTxt {
	padding-right: 10px;
	padding-left: 10px;
}
#rankMid {
	padding-bottom: 5px;
	padding-left: 34px;
}
#rankBtm {
	padding-bottom: 5px;
	padding-left: 15px;
}
#pointBox {
	background-color: #D7EBB3;
	margin-bottom: 10px;
	width: 185px;
}
.pointTxt {
	background-image: url(top_images/point2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.pointTxt strong {
	font-size: 11px;
	color: #1A9450;
}
.pointTxt2 {
	background-image: url(top_images/point3.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.pointTxt2 strong {
	font-size: 11px;
	color: #1A9450;
}
#cautionBox {
	margin-bottom: 20px;
	background-color: #DFDFDF;
	width: 185px;
	background-image: url(top_images/caution2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 9px;
}
#cautionTxt {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}

#syareBox {
	margin-bottom: 20px;
}
.rank {
	background-image: url(top_images/rank6.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 185px;
	padding-bottom: 20px;
}
#rank2 {
	background-image: url(top_images/rank5.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
}
#pointBox h2 {
	padding-bottom: 5px;
}
#mailBtn {
	text-align: center;
}
#sideBar {
	width: 185px;
	float: right;
}
#main {
	float: left;
	width: 585px;
}

#mid {
	width: 790px;
}
#mid:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#close {
	font-size: 16px;
	color: #FF0000;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#topBanner {
	width: 790px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}