@charset "UTF-8";
/* CSS Document */



@import url("common.css");
@import url("header.css");
@import url("footer.css");
@import url("font.css");
/* Font-size Adjustment
	
	77% = 10px	| 	112% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

===================================================	*/




/* Top
-----------------------------------------------	*/



#topwrap {
	width:910px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:left;
	line-height: 1.2;
}
#topwrap h2 {
	margin:0 0 10px 0;
}
#topwrap h3 {
	margin:0 0 5px 0;
}
/* contents top
-----------------------------------------------	*/



#contents {
	width:620px;
	margin:0 20px 40px 0;
	float:left;
}
/* AREA SERCH */

#section-search {
	margin:0 0 20px 0;
}
/* PURPOSE */

#section-purpose {
	margin:0 0 15px 0;
}
#block-purpose {
	width: 620px;
	margin:0 0 5px 0;
}
#block-purpose .bg-purpose {
	background:url(../img/bg_purpose.gif) repeat-y;
	width: 620px;
}
#block-purpose .bg-purpose .purpose-left {
	float: left;
	width: 305px;
}
#block-purpose .bg-purpose .purpose-right {
	float: right;
	width: 305px;
}
#block-purpose .bg-purpose p {
	padding: 0 10px;
	;
}
#block-purpose h3 {
	margin:0;
	padding:0;
}
.purpose01 {
	width: 295px;
	margin: 0 0 10px 0 !important;
	margin: 0 0 5px 0;
	float: left;
}
.purpose01 h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 96px;
	font-size: 77%;
	line-height: 1.1;
}
.purpose01 p.photo {
	float: left;
}
.purpose01 p.photo img {
	border: 1px solid #CCC;
}
#block-purpose .purpose01 p.txt {
	margin: 0;
	padding: 0 0 0 96px;
	font-size: 77%;
	line-height: 1.3;
}
/* RANKING */


#section-ranking {
	margin:0 0 15px 0;
}
#ranking-list {
	width:600px;
	margin:0 auto;
}
.ranking01 {
	width: 195px;
	margin: 0 20px 10px 0 !important;
	margin: 0 20px 5px 0;
	float: left;
}
.ranking01 h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 110px;
	font-size: 77%;
	line-height: 1.1;
}
.ranking01 p.photo {
	float: left;
}
.ranking01 p.photo img {
	border: 1px solid #CCC;
}
.ranking01 p.txt {
	margin: 0;
	padding: 0 0 0 110px;
	font-size: 77%;
	line-height: 1.3;
}
.ranking02 {
	width: 183px;
	margin: 0 20px 10px 0 !important;
	margin: 0 20px 5px 0;
	float: left;
}
.ranking02 h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 90px;
	font-size: 77%;
	line-height: 1.1;
}
.ranking02 p.photo {
	float: left;
}
.ranking02 p.photo img {
	border: 1px solid #CCC;
}
.ranking02 p.txt {
	margin: 0;
	padding: 0 0 0 90px;
	font-size: 77%;
	line-height: 1.3;
}
.ranking03 {
	width: 182px;
	margin: 0 0 10px 0 !important;
	margin: 0 0 5px 0;
	float: left;
}
.ranking03 h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 90px;
	font-size: 77%;
	line-height: 1.1;
}
.ranking03 p.photo {
	float: left;
}
.ranking03 p.photo img {
	border: 1px solid #CCC;
}
.ranking03 p.txt {
	margin: 0;
	padding: 0 0 0 90px;
	font-size: 77%;
	line-height: 1.3;
}
.area-path {
	border-bottom:1px dotted #aaa;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
}
/* event */

#block-event {
	width:620px;
	margin:0;
}
#event {
	background:url(../img/bg_event.gif) top center no-repeat;
	width: 195px;
	margin:0 17px 20px 0;
	float:left;
}
#present {
	background:url(../img/bg_event.gif) top center no-repeat;
	width: 195px;
	margin:0 18px 20px 0;
	float:left;
}
#specialthx {
	background:url(../img/bg_event.gif) top center no-repeat;
	width: 195px;
	margin:0;
	float:left;
}
.event-inner {
	width:181px;
	margin:0 auto 0 auto;
	padding:0;
}
p.img-event {
	margin:0;
}
p.img-present {
	margin:0 8px 5px 7px;
}
p.txt-event {
	font-size:77%;
}
p.arrow {
	background:url(../img/icon_arrow2.gif) no-repeat;
	background-position:0 0.2em;
	padding:0 0 0 12px;
	font-size:107%;
}
p.arrow_s {
	background:url(../img/icon_arrow.gif) no-repeat;
	background-position:0 0.2em;
	padding:0 0 0 12px;
	font-size:77%;
}
/* side
-----------------------------------------------	*/



#side {
	width:270px;
	margin:0 0 40px 0;
	float:left;
}
#side-sp {
	background:url(../img/bg_side.gif);
}
.block-news {
	margin:0;
}
.block-news dl {
	margin: 0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:#aaa 1px dotted;
}
.block-news dt, .block-news dd {
	font-size: 92%;
	line-height: 1.5;
}
.block-news dt {
	background: url(../img/icon_arrow.gif) no-repeat left center;
	padding: 0 0 0 15px;
	float: left;
}
.block-news dd {
	padding: 0 10px 0 60px;
}
#side-sp {
	margin:0 0 20px 0;
}
#side-sp ul {
	padding:0 0 0 12px;
}
#side-sp li {
	padding:0 0 12px 0;
}
#side-sp img {
	vertical-align: bottom;
}
.spthx {
	padding-bottom:15px;
}