html, body, span, a, table, td, form, textarea, h1, h2, h3, p, ul, li, label {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif, Osaka, "MS Gothic", "ＭＳ ゴシック";
	border: 0;
	background: 0;
}
a{
color: #066;
}
body {
	background: url(img/bg.jpg) top center repeat-x;
	margin: 0;
	padding: 0;
}
img{
	border: none;
}
img.item{
	border: none;
	float: left;
	margin: 0 10px 0 0;
}
img.item-list{
	border: none;
	float: left;
	margin: 0 0 0 0;
}
img.margin30{
	border: none;
	float: left;
	margin: 0 30px 15px 0;
	_margin: 0 30px 15px 0;
}
img.margin15{
	border: none;
	float: left;
	margin: 0 0 15px 0;
	_margin: 0 0 15px 0;
}
#main {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 900px;
	background: none;
	margin: 0;
	padding: 0;
}
/******************************************************  navigation  */

ul#navigation {
	/*width: 365px;*/
	/*width: 411px;*/
	width: 290px;
	height: 41px;
	background: url(img/bg-navigation.gif) no-repeat;
	list-style: none;
	position: relative;
	left: 500px;
}

ul#navigation  li {
	height: 41px;
	float: left;
}

ul#navigation  a {
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	height: 41px;
}

a#navigation-catalog	{ background: url(img/navigation-catalog.gif) no-repeat; width: 121px; height: 41px;}
a#navigation-fun		{ background: url(img/navigation-fun.gif) no-repeat; width: 122px; height: 41px;}
a#navigation-staff		{ background: url(img/navigation-staff.gif) no-repeat; width: 122px; height: 41px;}
a#navigation-about		{ background: url(img/navigation-about.gif) no-repeat; width: 122px; height: 41px;}
a#navigation-cart		{ background: url(img/navigation-cart.gif) no-repeat; width: 46px; height: 41px;}

ul#navigation a:hover, ul#navigation a.act {background-image: none;}

h1#logo a {
	width: 152px;
	height: 108px;
	background: url(img/h1-logo.gif) no-repeat;
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	position: relative;
	left: 50px;
	margin: 0;
	padding: 0;
}

h1#logo a:hover {background-position: -152px;}

/******************************************************  content  */

#content {
	width: 900px;
	background-color: white;
	margin: 0;
	padding: 0;
	min-height: 600px;
}
/******************************************************  left  */
#left {
	width: 200px;
	_width: 180px;
	background-color: white;
	margin: -25px 0 0 10px;
	padding: 0;
	float: left;
}
#box-search {
	width: 180px;
	float: left;
	margin: 0 0 20px 0 ;
	_margin: 0 ;
}
#box-news {
	word-break: break-all;
	width: 180px;
	float: left;
	margin: 0 0 20px 0;
	_margin: 20px 0 0 0;
	
}
#box-jump-to-category {
	width: 180px;
	float: left;
	margin: 0 0 20px 0 ;
	_margin: 0 ;
}
#box-chart {
	width: 180px;
	float: left;
	margin: 0 0 20px 2px ;
}
#box-blog {
	width: 180px;
	float: left;
	margin: 0 0 20px 0 ;
}
#navi {
	float: center;
	margin: 20px 0 20px 0 ;
	color: #000;
	font-size: 12px;
}
#navi a {
	text-decoration: none;
	color: #066;
}
.chart {
	margin: 0 0 10px 0;
	width: 23px;
	line-height : 12px;
	float: left;
}
ul#jump-to-category {
	width: 180px;
	margin: 0;
	list-style: none;
}

ul#jump-to-category  li {
	width: 180px;
}

ul#jump-to-category  a {
	display: block;
	text-decoration: none;
	text-indent: 30px;
	height: 23px;
	line-height: 19px;
	font-size: 0.7em;
	color: black;
}
a#jump-to-category-1,a#jump-to-category-11		{ background: url(img/jump-to-category-01.gif) no-repeat left top;}
a#jump-to-category-2,a#jump-to-category-12		{ background: url(img/jump-to-category-02.gif) no-repeat left top;}
a#jump-to-category-3,a#jump-to-category-13		{ background: url(img/jump-to-category-03.gif) no-repeat left top;}
a#jump-to-category-4,a#jump-to-category-14		{ background: url(img/jump-to-category-04.gif) no-repeat left top;}
a#jump-to-category-5,a#jump-to-category-15		{ background: url(img/jump-to-category-05.gif) no-repeat left top;}
a#jump-to-category-6,a#jump-to-category-16		{ background: url(img/jump-to-category-06.gif) no-repeat left top;}
a#jump-to-category-7,a#jump-to-category-17		{ background: url(img/jump-to-category-07.gif) no-repeat left top;}
a#jump-to-category-8,a#jump-to-category-18		{ background: url(img/jump-to-category-08.gif) no-repeat left top;}
a#jump-to-category-9,a#jump-to-category-19		{ background: url(img/jump-to-category-09.gif) no-repeat left top;}
a#jump-to-category-10,a#jump-to-category-20		{ background: url(img/jump-to-category-10.gif) no-repeat left top;}

ul#jump-to-category a:hover, ul#jump-to-category a.act { background: url(img/jump-to-category-on.gif) no-repeat left top;}
/*ul#jump-to-category a:hover, ul#jump-to-category a.act {background-image: none;}*/
/******************************************************  right  */
#right {
	width: 660px;
	background-color: white;
	margin: 10px 10px 0 0 ;
	padding: 0;
	float: right;
}
.items {
//	width: 660px;
	width: 132px;
	margin: 10px 0 13px 0;
	padding: 0;
	float: left;
}
.items-list {
	width: 660px;
	margin: 10px 0 20px 0;
	padding: 0;
	float: left;
}
.topics {
	width: 660px;
	margin: 10px 0 20px 0;
	padding: 0;
	float: left;
}
.topics-image {
	margin: 10px 0 10px 0;
	padding: 0;
}
.item-image {
	width: 80px;
	float: left;
}
.item-image-list {
	width: 132px;
	float: left;
}
.item-text {
//	width: 570px;
	width: 125px;
	float: left;
}
.item-text-list {
	width: 570px;
	float: right;
}
.item02-image {
	width: 200px;
	float: left;
}
.item02-text {
	width: 450px;
	float: right;
}
ul.item-submit {
	width: 80px;
	list-style: none;
	position: relative;
}

ul.item-submit  li {
	height: 17px;
	line-height: 17px;
	width: 80px;
	float: left;
	background: url(img/item-submiton.gif) no-repeat left top;
	font-size: 0.65em;
	color: white;
	text-align: center;
}

ul.item-submit a {
	display: block;
	text-decoration: none;
	height: 17px;
	color: white;
}
.feature{
	width:660px;
	margin:0 0 10px 0;
}

a.item-submit-01:hover { background: url(img/item-submit01.gif) no-repeat left top;}
a.item-submit-02:hover { background: url(img/item-submit02.gif) no-repeat left top;}
a.item-submit-03:hover { background: url(img/item-submit03.gif) no-repeat left top;}

/******************************************************  footer  */

#footer {
	width: 900px;
	height: 80px;
	background: url(img/bg-footer.gif) #000 no-repeat left top;
	text-align: left;
	color: #ffffff;
}

a.footer {
	color: white;
}

#footernavigation {
	width: 300px;
	position: relative;
	left: 190px;
	top: 23px;
	font-size: 0.7em;
}

#copyrightbox {
	position: relative;
	top: 10px;
	left: 680px;
	width: 200px;
	text-align: right;
	font-size: 0.7em;
}

h2#intro {
	text-decoration: none;
	margin: 0 0 0 220px;
	_margin: 15px 0 -20px 210px;
	padding: 10px;
	font-size: 0.7em;
	color: #066;
}
h2.left {
	width: 180px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.1em;
	color: #666;
}
h3.headline {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	color: #666;
	text-decoration: none;
}
h3.headline a{
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	color: #066;
	text-decoration: none;
}
h3.headline a:hover{
	text-decoration: underline;
}
h4.headline {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
}
h4.headline a{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #066;
	text-decoration: none;
}
h4.headline a:hover{
	text-decoration: underline;
}

h2.right {
	width: 660px;
	margin: 10px 0 5px 0;
	padding: 0;
	text-align: left;
	font-size: 1.1em;
	color: #666;
	border-bottom: 1px solid #999;
}
p.news {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 18px;
}
p.news2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 1.2em;
}
p.item {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.7em;
	color: #006;
}
a.item {
	margin: 0 0 5px 0;
	padding: 0;
	color: #006;
	text-decoration: none;
	font-weight: bold;
}
a:hover.item {
	text-decoration: underline;
}
p.comment {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 16px;
}
p.blog {
	margin: 0 0 10px 0;
	font-size: 0.6em;
	line-height: 16px;
	color: #666;
	background-color: #F7FCE1;
}
a.chart {
	width: 152px;
	margin: 0 0 10px 5px;
	_margin: 0 0 -10px 5px;
	padding: 0;
	font-size: 0.6em;
	text-decoration: none;
	color: #066;
}
.clear{
		clear:both;
	}
.back-to-top {
	width: 81px;
	height: 16px;
	text-decoration: none;
	float: right;
}

@charset "utf-8";

/******************************************************  Tag Cloud THX!*/

ul.tagCloud {
	margin: 0;
	padding: 0.5em 0;
	line-height: 1.1em;
	font-size: 13px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 80%; /* ここで相対的に文字サイズを変更 */
}

ul.tagCloud li a {
	text-decoration: none;
}

/* タグレベル1〜6 */

ul.tagCloud li.level6 a {
	font-size: 167%;
	font-weight: bold;
	color: #dc5f1f;
}

ul.tagCloud li.level5 a {
	font-size: 136%;
	font-weight: bold;
	color: #d0a722;
}

ul.tagCloud li.level4 a {
	font-size: 122%;
	font-weight: bold;
	color: #c7bd24;
}

ul.tagCloud li.level3 a {
	font-size: 114%;
	color: #75b52c;
}

ul.tagCloud li.level2 a {
	font-size: 100%;
	color: #75b52c;
}

ul.tagCloud li.level1 a {
	font-size: 88%;
	color: #a6bf28;
}

/* オンマウス色 */
ul.tagCloud li a:hover {
	color: #000;
}

ul.search {
	list-style: none;
}

ul.search li {
	line-height: 20px;
	float: left;
	font-size: 1.0em;
	width:660px;
}

ul.search a {
	display: block;
	text-decoration: none;
}