body {
	background:url("../images/bkground.gif");
	margin:0 auto;
	font-family: Meiryo, "メイリョウ", "Century Gothic", "HGゴシックM-PRO", Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1, h2, p {
	font-family: Meiryo, "メイリョウ", "Century Gothic", "HGゴシックM-PRO", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h1 {
	color:#3CC800;
	font-size:28px;
}

h2 {
	color:#333;
	font-size:12px;
}

#container, #middle {
	margin:0 auto;
	width:980px;
	-moz-box-shadow: -5px 0px 20px -0px rgba(40,40,40,0.5), 5px 0 20px -0px rgba(40,40,40,0.5);
	-webkit-box-shadow: -5px 0px 20px -0px rgba(40,40,40,0.5), 5px 0 20px -0px rgba(40,40,40,0.5);
	box-shadow: -5px 0px 20px -0px rgba(40,40,40,0.5), 5px 0 20px -0px rgba(40,40,40,0.5);
}

#top {
	width:100%;
	height:40px;
	background-color:#fff;
}

.logo {
	width:860px;
	height:100%;
	background:url(../images/logo.png) no-repeat 0px 8px;
	margin:0 0 0 20px;
	float:left;
}

.lang {
	margin:13px 0 0 10px;
	border-style:none;
}

#slide {
	width:100%;
	height:270px;
}

#background-bar {
	width:100%;
	background: url(../images/bkground-bar.gif) repeat-x 0 25px;
}

#middle {
	height:280px;
	background-color:#fff;
	background-image: url(../images/bkground-bar.gif);
	background-repeat:repeat-x;
	padding:15px 0 0 0px;
}

.innerbox {
	width:300px;
	height:210px;
	margin-left:0px;
	float:left;
}

.title {
	display:block;
	text-align:center;
	line-height:3.8em;
	height:45px;
	background: -moz-linear-gradient(top, #b0dda1 0%, #d1e0cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0dda1), color-stop(100%,#d1e0cc));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0dda1', endColorstr='#d1e0cc',GradientType=0 );
	text-decoration:none;
}

.title h1:hover {
	color:#fff;
	background-color:#00CC33;
}

.catMid {
	height:170px;
	background:#fff;
	padding:6px;
}

.catBtm {
	height:20px;
	background:url(../images/category-bar.gif);
}

.shadow-left, .shadow-right {
	width:20px;
	height:210px;
	background:url(../images/shadow-side.png) no-repeat;
}

.shadow-left{
	float:left;
}

.shadow-right {
	margin-left:320px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.category {
	width:320px;
	height:210px;
	float:left;
}

.slideNavButton {
	width:100%;
	height:30px;
	background-color:#fff;
}

.text {
	font-size:11px;
	line-height:1.4em;
	text-align:justify;
}

.icon {
	margin-left:15px;
}

.select {
	float:left;
	margin:10px 15px 0 0;
	color:#3CC800;
	font-weight:bold;
}

#footer, #btm {
	font-size:10px;
	color:#444;
	float:left;
	width:47.5%;
}

#footer {
	margin:50px 0 0 20px;
}

#btm {
	margin:50px 20px 0 0;
	text-align:right;
}

#btm a {
	text-decoration:none;
	color:#444;
}