/*
----------------------------------

PIKKLES | pikkles.com

copyright 2008

----------------------------------
*/

#top {
	width: 850px;
	margin: 15px auto 0;
	padding: 0 0 15px 0;
	background: url(../images/top-bg.gif) left bottom no-repeat;
}

#top .left {
	float: left;
	width: 650px;
}

#top .right {
	float: left;
	width: 190px;
	margin: 0 0 0 10px;
}

#top .left .new {
	float: left;
	width: 320px;
	margin: 10px 0 0 0;
}

#top .left .hot {
	float: left;
	width: 320px;
	margin: 10px 0 0 10px;
}

#top .left .new h2 {
	overflow: auto;
	width: 315px;
	height: 20px;
	background: url(../images/new-h2-bg.gif) left top no-repeat;
	
}

#top .left .new h2 a {
	float: right;
	display: block;
	height: 20px;
	margin: 0 5px 0 0;
	padding: 0 0 0 18px;
	color: #333333;
	font-size: 10px;
	line-height: 20px;
	background: url(../images/news-archive-btn-bg.gif) left center no-repeat;
}

#top .left .hot h2 {
	width: 315px;
	height: 20px;
	background: url(../images/hot-h2-bg.gif) left top no-repeat;
	font-size: 1px;
	text-indent: -9999px;
}

#top .left .news ul {
	margin: 10px 0 0 5px;
}

#top .left .news ul a {
	display: inline-block;
    padding: 0 0 0 18px;
    color: #333333;
	font-size: 10px;
    line-height: 18px;
    background: url(../images/news-item-bg.gif) left center no-repeat;
}

.content {
	width: 850px;
	margin: 15px auto 0;
}

.content .left {
	float: left;
	width: 190px;
}

.content .left .nav-box {
	margin: 10px 0 0 0;
}

.content .left .nav-box a {
	display: block;
	width: 190px;
	height: 31px;
	background-position: 0 0;
    background-repeat: no-repeat;
	text-indent: -9999px;
}

.content .left .nav-box a:hover {
    background-position: -190px 0;
}

.content .left .nav-box#countries-nav a.item-1 {
    background-image: url(../images/countries-nav-1-bg.gif);
}

.content .left .nav-box#countries-nav a.item-2 {
    background-image: url(../images/countries-nav-2-bg.gif);
}

.content .left .nav-box#countries-nav a.item-3 {
    background-image: url(../images/countries-nav-3-bg.gif);
}

.content .left .nav-box#countries-nav a.item-4 {
    background-image: url(../images/countries-nav-4-bg.gif);
}

.content .left .nav-box#countries-nav a.item-5 {
    background-image: url(../images/countries-nav-5-bg.gif);
}

.content .left .nav-box#countries-nav a.item-6 {
    background-image: url(../images/countries-nav-6-bg.gif);
}

.content .left .nav-box#countries-nav a.item-7 {
    background-image: url(../images/countries-nav-7-bg.gif);
}

.content .left .nav-box#countries-nav a.item-8 {
    background-image: url(../images/countries-nav-8-bg.gif);
}

.content .left .nav-box#countries-nav a.item-9 {
    background-image: url(../images/countries-nav-9-bg.gif);
}

.content .left .nav-box#countries-nav a.item-10 {
    background-image: url(../images/countries-nav-10-bg.gif);
}

.content .left .nav-box#countries-nav a.item-11 {
	height: 30px;
    background-image: url(../images/countries-nav-11-bg.gif);
}




.content .left .nav-box#hobbies-nav a.item-1 {
    background-image: url(../images/hobbies-nav-1-bg.gif);
}

.content .left .nav-box#hobbies-nav a.item-2 {
    background-image: url(../images/hobbies-nav-2-bg.gif);
}

.content .left .nav-box#hobbies-nav a.item-3 {
    background-image: url(../images/hobbies-nav-3-bg.gif);
}

.content .left .nav-box#hobbies-nav a.item-4 {
    background-image: url(../images/hobbies-nav-4-bg.gif);
}

.content .left .nav-box#hobbies-nav a.item-5 {
    background-image: url(../images/hobbies-nav-5-bg.gif);
}

.content .left .nav-box#hobbies-nav a.item-6 {
    background-image: url(../images/hobbies-nav-6-bg.gif);
}

.content .left .nav-box#hobbies-nav a.item-7 {
    background-image: url(../images/hobbies-nav-7-bg.gif);
}

.content .left .nav-box#hobbies-nav a.item-8 {
	height: 30px;
    background-image: url(../images/hobbies-nav-8-bg.gif);
}



.content .left .nav-box#information-nav a.item-1 {
    background-image: url(../images/information-nav-1-bg.gif);
}

.content .left .nav-box#information-nav a.item-2 {
	height: 30px;
    background-image: url(../images/information-nav-2-bg.gif);
}


.content .left .nav-box#shopping-nav a.item-1 {
    background-image: url(../images/shopping-nav-1-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-2 {
    background-image: url(../images/shopping-nav-2-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-3 {
    background-image: url(../images/shopping-nav-3-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-4 {
    background-image: url(../images/shopping-nav-4-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-5 {
    background-image: url(../images/shopping-nav-5-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-6 {
    background-image: url(../images/shopping-nav-6-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-7 {
    background-image: url(../images/shopping-nav-7-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-8 {
    background-image: url(../images/shopping-nav-8-bg.gif);
}

.content .left .nav-box#shopping-nav a.item-9 {
    background-image: url(../images/shopping-nav-9-bg.gif);
}


.content .center {
	float: left;
	width: 450px;
	margin: 0 0 0 10px;
}

.content .center .banner {
	
}

.content .center h1.top {
	width: 450px;
	height: 30px;
	margin: 10px 0 0 0;
	font-size: 1px;
	text-indent: -9999px;
    background-position: left center;
    background-repeat: no-repeat;
}

.content .center h1.schools {
	background-image: url(../images/center-h1-1-bg.gif);
}

.content .center h1.hobby {
	background-image: url(../images/center-h1-2-bg.gif);
}

.content .center h2.top {
	width: 450px;
	height: 20px;
	padding: 10px 0 0 0;
	font-size: 1px;
	text-indent: -9999px;
    background-position: left center;
    background-repeat: no-repeat;
}

.content .center h2.osusume-1 {
	background-image: url(../images/center-h2-1-bg.gif);
}

.content .center h2.reports {
	background-image: url(../images/center-h2-2-bg.gif);
}

.content .center h2.osusume-2 {
	background-image: url(../images/center-h2-3-bg.gif);
}

.content .center h2.categories {
	background-image: url(../images/center-h2-4-bg.gif);
}

.content .center h2.countries {
	background-image: url(../images/center-h2-5-bg.gif);
}

.content .center .image-box {
	position: relative;
	min-height: 125px;
	height: auto !important;
	height: 125px;
	border: 1px solid #eeeadb;
	background: #f5f5eb url(../images/img_bg_diagonal_brown.gif) 0 0 repeat;
	padding: 0 10px 0 175px;
}

.content .center .image-box img {
	position: absolute;
	top: 5px;
	left: 5px;
}

.content .center .image-box h1 {
	display: inline-block;
	margin: 10px 0 10px 0;
    padding-bottom: 10px;
    font-size: 14px;
	background: url(../images/image-box-h1-under-bg.gif) left bottom repeat-x;
}

.content .center .image-box h1 a, .content .center .image-box h1 a:visited {
	display: block;
	padding-left: 18px;
	color: #333333;
	background: url(../images/image-box-h1-bg.gif) left 2px no-repeat;
}

.content .center .image-box p {
	margin: 5px 0 0 0;
	font-size: 12px;
}

.content .center .image-box p a, .content .center .image-box p a:visited {
	color: #ff7920;
}

.content .center .categories a {
	display: block;
	float: left;
    width: 145px;
	height: 60px;
    margin: 7px 0 0 7px;
	background-position: 0 0;
    background-repeat: no-repeat;
	text-indent: -9999px;
}

.content .center .categories a:hover {
    background-position: 0 -60px;
}

.content .center .categories a.first {
	margin-left: 0;
}

.content .center .categories a.top {
	margin-top: 0;
}

.content .center .categories a.item-1 {
    background-image: url(../images/category-1-bg.gif);
}

.content .center .categories a.item-2 {
    background-image: url(../images/category-2-bg.gif);
}

.content .center .categories a.item-3 {
    background-image: url(../images/category-3-bg.gif);
}

.content .center .categories a.item-4 {
    background-image: url(../images/category-4-bg.gif);
}

.content .center .categories a.item-5 {
    background-image: url(../images/category-5-bg.gif);
}

.content .center .categories a.item-6 {
    background-image: url(../images/category-6-bg.gif);
}

.content .center .categories a.item-7 {
    background-image: url(../images/category-7-bg.gif);
}

.content .center .categories a.item-8 {
    background-image: url(../images/category-8-bg.gif);
}

.content .center #map {
	margin: 0 0 0 0;
}

.content .center #list {
	margin: 10px 0 0 0;
	padding: 5px 0;
	border: 1px solid #eeeadb;
	background: #f0f0f0 url(../images/img_bg_diagonal_brown.gif) 0 0 repeat;
}

.content .center #list a {
	display: block;
	width: 156px;
	height: 24px;
	margin: 0 auto;
	color: #333333;
	background: url(../images/list-btn-bg.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

.content .center #list a:hover {
    background-position: 0 -24px;
}

.content .right {
	float: left;
	width: 190px;
	margin: 0 0 0 10px;
}

.content .right .nav-box {
	margin: 10px 0 0 0;
}

.content .right .nav-box#vote {
	margin-top: 0;
}

.content .right .nav-box#vote .c {
    overflow: auto;
    zoom: 1;
	margin-top: 0;
	background: url(../images/vote-bg.gif) left top repeat-y;
}

.content .right .nav-box#vote h3 {
    width: 160px;
	margin: 10px auto;
    padding: 0 0 10px 0;
	font-size: 12px;
    background: url(../images/vote-hr-bg.gif) center bottom no-repeat;
}

.content .right .nav-box#vote p {
	width: 160px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 12px;
}

.content .right .nav-box#vote p label {
	padding: 0 0 0 5px;
	color: #333333;
	font-size: 12px;
	line-height: 22px;
}

.content .right .nav-box#vote p.btn {
	padding: 10px 0;
}

.content .right .nav-box#ranking .c {
	overflow: auto;
	margin-top: 0;
	padding: 0 10px;
	background: url(../images/ranking-bg.gif) left top repeat-y;
}

.content .right .nav-box#ranking .c .top {
    padding: 10px 0;
    zoom: 1;
    background: url(../images/ranking-hr-bg.gif) center bottom no-repeat;
}

.content .right .nav-box#ranking .c .item-1 {
    border-top: 1px solid #ffffff;
}

.content .right .nav-box#ranking .c .item-2 {
    border-top: 1px solid #cccccc;
}

.content .right .nav-box#ranking .c .item-3 {
    border-top: 1px solid #cccccc;
}

.content .right .nav-box#ranking .c .place {
    float: left;
    width: 31px;
    height: 18px;
}

.content .right .nav-box#ranking .c .flag {
    float: left;
    width: 20px;
    height: 18px;
}

.content .right .nav-box#ranking .c .image {
    float: left;
    width: 60px;
    margin: 10px 0;
}

.content .right .nav-box#ranking .c .info {
    float: left;
    width: 109px;
    margin: 10px 0;
}

.content .right .nav-box#ranking .c .image-box {
	position: relative;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	padding: 0 10px 0 60px;
	border-bottom: 1px solid #cccccc;
}

.content .right .nav-box#ranking .c .image-box.bottom {
	border-bottom: none;
}

.content .right .nav-box#ranking .c .image-box img {
	position: absolute;
	top: 5px;
	left: 0;
}

.content .right .nav-box#ranking .c .image-box p {
	margin: 5px 0 0 0;
	font-size: 12px;
}

.content .right .nav-box#ranking .c h1 {
    float: left;
    width: 113px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 5px;
}

.content .right .nav-box#ranking .c h1.item-1 {
    background: url(../images/ranking-h1-1-bg.gif) left bottom no-repeat;
}

.content .right .nav-box#ranking .c h1.item-2 {
    background: url(../images/ranking-h1-2-bg.gif) left bottom no-repeat;
}

.content .right .nav-box#ranking .c h1.item-3 {
    background: url(../images/ranking-h1-3-bg.gif) left bottom no-repeat;
}

.content .right .nav-box#ranking .c h1 a, .content .right .nav-box#ranking .c h1 a:visited {
    color: #333333;
}

.content .right #mailq {
	margin: 10px 0 0 0;
}

.content .right .nav-box#goods .c {
	width: 190px;
	height: 292px;
	background: url(../images/goods-bg.gif) left top repeat-y;
}

.content .right .nav-box#goods .c .image {
	width: 170px;
    margin: 0 auto;
    padding-top: 15px;
}

.content .right .nav-box#goods .c .hr {
	width: 170px;
    margin: 0 auto;
    background: url(../images/goods-hr-bg.gif) center center no-repeat;
}

.content .right .nav-box#goods .c h1 {
	width: 170px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

.content .right .nav-box#goods .c h1 a {
	display: block;
	padding: 0 0 0 20px;
	color: #333333;
	background: url(../images/goods-h1-bg.gif) left 2px no-repeat;
	font-size: 12px;
    font-weight: bold;
}

.content .right .nav-box#goods .c ul {
	margin: 10px 0 0 45px;
	list-style-type: disc;
}

.content .right .nav-box#goods .c ul li {
    font-size: 11px;
}

.content .right #kimetaro {
	margin: 10px 0 0 0;
}