html,body,div {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
}

html {
	background: #5c842e;
	font-size: 100.01%;
}

body {
	font-size: 0.875em;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	line-height: 20px;
	background: #fff;
	/*	background-image:url(images/bg.png);*/
	/*	background: #f4f4f4 url(images/bg.png) top center repeat-y;*/
	background-color: #97b564;
	text-align: center;
}

div.box {
	float: left;
}

div.box a {
	border: 1px solid #ccc;
	background-color: #f8ffe7;
	display: block;
	padding: 20px;
	margin: 10px;
	box-shadow: 0 0 15px #cdcdcd;
	-moz-box-shadow: 0 0 15px #cdcdcd;
	-webkit-box-shadow: 0 0 20px #e5e5e5;
}

div.navi ul {
	overflow: hidden;
	zoom: 1;
	background-color: #76a232;
}
div.navi ul li {
	width: 112px;
}
div.navi li.last {
	width: 112px;
}
div.navi a {
	background-color: #76a232;
}

div.navi a:hover ,div#sidebar ul li a {
	background-color: #76a232;
}

div#sidebar ul li.active a {
	background-color: #5c842e;
}

div#sidebar ul ul li.active a {
	background-color: #3b630d;
}

div#sidebar ul ul li.level3 a {
	background-color: #1c4400;
}

div#sidebar ul ul li.level2 li.active a {
	background-color: #093100;
}

div.navi li.active a {
	background-color: #5c842e;
}

div.navi {
	height: 26px;
	padding: 0;
	margin: 0;
}

div.navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.navi li {
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
}

div.navi a, div.navi a:hover {
	display: block;
	border-right: 1px solid #fff;
	font-size: 12px;
	padding: 5px 0px;
	text-decoration: none;
	color: #fff;
	margin: 0px 0px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
}

div.navi li.last a {
	border-right: none;
}

div.navi a:hover {
	background-color: #4b6c63;
	color: #fff;
}

div.navi li#navi1 {
	width: 107px;
}

textarea, input, select, button {
	font: inherit;
}

textarea {
	line-height: 1.5;
	padding: 5px;
}

input.formbutton {
	color: #333;
	padding: 3px;
	letter-spacing: 3px;
}

p {
	margin: 0 0 10px;
	line-height: 1.5;
	padding: 0;
}

a {
	text-decoration: none;
}

a:link {
	color: #003366;
}

a:visited {
	color: #551a8b;
}

a:hover {
	
}

a img {
	border: none;
}

#container ul {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0 0 15px 30px;
	padding: 0;
}

div#wrap {
	width: 780px;
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	background-color: #fff;
	text-align: left;
}

div#container:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

table {
	border-collapse: collapse;
	width: 95%;
	margin-bottom: 15px;
}

table th, table td {
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 5px;
}

table th {
	background-color: #eee;
	white-space: nowrap;
}

table.typeb {
	border-collapse: collapse;
	width: 95%;
	margin-bottom: 15px;
}

table.typeb th, table.typeb td {
	vertical-align: top;
	border: none;
	padding: 5px;
}

table.typeb th {
	background-color: #eee;
	white-space: nowrap;
}

table.cform {
	border-collapse: collapse;
	width: 95%;
	margin-bottom: 15px;
}

table.cform th, table.cform td {
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 10px;
}

table.cform th {
	white-space: nowrap;
}

.noborder {
	border: none !important;
}

.noborder th, .noborder td {
	border: none !important;
}

span.formerror {
	font-weight: bold;
	color: red;
	background-color: #ffffee;
	display: block;
	width: 100%;
	height: 100%;
}

blockquote {
	background-color: #fafafa;
	border: 1px dashed #ccc;
	padding: 8px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.imgleft, .justifyleft {
	float: left;
	margin-right: 12px;
	clear: both;
	margin-bottom: 12px;
}

.imgright, .justifyright {
	float: right;
	margin-left: 12px;
	clear: both;
	margin-bottom: 12px;
}

.floatclear {
	clear: both;
}

#contents {
	width: 530px;
	padding: 0;
	float: right;
	margin-right: 13px;
}

div.blogitem img {
	border: 1px solid #ddd;
	padding: 5px;
}

div#sidebar {
	width: 210px;
	float: left;
	margin-left: 13px;
}

div#sidebar ul {
	list-style-image: none;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: none;
}

div#sidebar ul ul {
	margin: 0;
}

div#sidebar ul li a {
	zoom: 1;
	display: block;
	border: 1px solid #ddd;
	border-bottom: none;
	padding: 5px;
}

div#sidebar ul li a:visited, div#sidebar ul li a:link {
	color: #fff;
}

div#sidebar li.level2 a {
	padding-left: 25px;
}

.box {
	float: right;
	width: 260px;
}

.clearfix {
	overflow: hidden;
	zoom: 1;
}

#ajaxSearch_form fieldset {
	border: none;
	display: inline;
}

#ajaxSearch_form label {
	display: inline;
}

a.AS_ajax_resultLink {
	display: block;
	padding: 4px;
	background-color: #ddd;
}

/* !FOOTER ----------------------------------------- 2011/12/22 */
div.footer_wrap {
	background: #5c842e url(images/bg_footer02.png) repeat-x center 0px;
	overflow: hidden;
}

div.footer {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 20px 0;
	background: url(images/bg_footer01.png) repeat-x center 0px;
	color: #fff;
	line-height: 1.5;
}

.footer a:link, .footer a:visited {
	color: #fff;
	text-decoration: underline;
}

.footer a:hover {
	color: #fff;
}

.footer h2 {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.35;
}

div.footer img {
	vertical-align: bottom;
}

div.pagetop {
	padding: 0 15px 0 0;
	margin: 0;
	text-align: right;
}

div.footer_about {
	float: left;
	width: 420px;
	margin-top: 170px;
	text-align: left;
}

.footer_about h2.aboutshop {
	margin: 0 0 5px;
	padding: 5px 0 5px 30px;
	background: url(images/icon_tool01.png) no-repeat 0 0;
}

.footer_about h2.faq {
	margin: 0 0 5px;
	padding: 5px 0 5px 30px;
	background: url(images/icon_tool02.png) no-repeat 0 0;
}

.footer_about .shopimg {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ccc;
}

.footer_about .shoptxt {
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}

.footer_about dl {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer_about dt {
	background: url(images/pt_footer.png) no-repeat 0 center;
	padding-left: 15px;
}

.footer_about dd {
	margin: 0;
	padding: 0 0 10px 15px;
}

div.footer_other {
	float: left;
	width: 330px;
	margin: 170px 0 20px 30px;
	text-align: left;
}

.footer_other ul.banner {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer_other .banner li {
	margin: 0 0 10px;
}

div.footer_blog {
	margin: 0 0 15px;
	overflow: hidden;
}

.footer_blog h2 {
	margin: 0 0 5px;
	padding: 5px 0 5px 30px;
	background: url(images/icon_tool03.png) no-repeat 0 0;
}

.footer_blog ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer_blog li {
	float: left;
	margin: 0 7px 8px 0;
}

.footer a.thumb img {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}

div.footer_twitter {
	clear: both;
	padding-left: 50px;
	background: url(images/icon_twitter.png) no-repeat 0 center;
}

div.twitterarea {
	width: 260px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px; // Firefox
	-webkit-border-radius: 10px; // Google Chrome Safari
	-o-border-radius: 10px; // Opera
	color: #222;
}

.twitterarea h2 {
	color: #5c842e;
	margin-bottom: 5px;
}

.twitterarea p {
	font-size: 0.857em;
	color: #222;
	line-height: 1.5;
}

.footer .twitterarea a:link, .footer .twitterarea a:visited {
	color: #222;
	text-decoration: none;
}

.footer .twitterarea a:hover {
	color: #7f7f7f;
	text-decoration: underline;
}

div.footer_navi {
	width: auto;
	clear: both;
}

div.footer_navi a:link, div.footer_navi a:visited {
	text-decoration: none;
}

div.footer_navi a:hover {
	text-decoration: underline;
}

address {
	padding: 10px;
	font-style: normal;
	text-align: center;
}

#contents a.thumb {
display:block;
float:left;
margin-right:10px;
}
