@charset "utf-8";
/* CSS Information ==============================
base.css
============================================== */
body {
font-family:
 Meiryo, "メイリオ",  "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",  Osaka,  "MS P Gothic", "ＭＳ Ｐゴシック",  sans-serif;
	font-size: 13.5px;
	line-height: 1.5;
	background-color: #000000;
}
h1 {
	padding-left:5px;
	height:20px;
	line-height:20px;
	background-color:#000000;
	color:#FFFFFF;
	margin-bottom:5px;
	font-size: 10.5px;
}
h2 {
	font-size: 144%;
}
h3 {
	font-size: 120%;
}
.caption {
	font-size: 84%;
}
.orange {
	color:#F08300;
}
.green {
	color:#006600;
}
.attention {
	color:red;
}
.fontbold {
	font-weight:bold;
}

 /*====================
 link 
====================*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:focus {
	outline: none;
}
/*====================
 layout
====================*/

#wrapper {
	margin: 0 auto;
	width: 980px;
	background-color: #000000;
}
#header {


}
#header h1 {
	font-size: 10.5px;
	margin-left: 15px;
}

#header-right {
	float:right;
	width:auto;
	text-align:right;
	background-color: #000000;
	font-size: small;
}
#g-navi {
	color: #EFEFEF;
	height:40px;
}
#leftcolumn {
	display: inline;
	color: #FF6600;
	margin: 0px;
	padding-top: 15px;
	width: 212px;
	float: left;
	font-size: medium;
}

#rightcolumn {
	float: right;
	text-align:left;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	width: 740px;
}
/*====================
 header
====================*/
#logo {
	width:244px;
	float:left;
}
#g-navi {
	width:980px;
	height:51px;
	background-image: url(../images/g-navi.gif);
}
#g-navi li {
	float:left;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: small;
	color: #333333;
}
#g-navi li a {
	display:block;
	height:51px;
	width:140px;
	text-indent:-9999pt;
}
#g-navi01:hover, #g-navi01:active {
	background-image: url(../images/g-navi.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
#g-navi02:hover, #g-navi02:active {
	background-image: url(../images/g-navi.gif);
	background-repeat: no-repeat;
	background-position: -140px bottom;
}
#g-navi03:hover, #g-navi03:active {
	background-image: url(../images/g-navi.gif);
	background-repeat: no-repeat;
	background-position: -280px bottom;
}
#g-navi04:hover, #g-navi04:active {
	background-image: url(../images/g-navi.gif);
	background-repeat: no-repeat;
	background-position: -420px bottom;
}
#g-navi05:hover, #g-navi05:active {
	background-image: url(../images/g-navi.gif);
	background-repeat: no-repeat;
	background-position: -560px bottom;
}
#g-navi06:hover, #g-navi06:active {
	background-image: url(../images/g-navi.gif);
	background-repeat: no-repeat;
	background-position: -700px bottom;
}
#g-navi07:hover, #g-navi07:active {
	background-image: url(../images/g-navi.gif);
	background-repeat: no-repeat;
	background-position: -840px bottom;
}
/*====================
 sidenavi
====================*/

#sidenavi {
	border-bottom:1px solid #cfcfcf;
	margin-bottom:15px;
	border-right:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
}
.level1 {
	text-align:center;
}
#categorytree .level1 a:link,#categorytree .level1 a:visited,#categorytree .level1 a:hover,#categorytree .level1 a:active{
	color:#FF3300;
}
#categorytree li {
	padding-top:5px;
}
#categorytree .level2 {
	text-align:left;
	text-indent:22px;
}
#categorytree .level2 a {
}
#categorytree .level2 a:link {
	color:#FF9900;
	text-decoration:none;
}
#categorytree .level2 a:visited {
	color:#FF6600;
	text-decoration:none;
}
#categorytree .level2 a:hover {
	color:#00FF00;
	text-decoration:none;
}
#categorytree .level2 a:active {
	color:#0000FF;
	text-decoration:none;
}
#leftcolumn p {
	margin-bottom:10px;
}
/*====================
 footer
====================*/
#footer {
	color:#9F9F9F;
	font-size:10.5px;
	padding-left:243px;
	padding-right:5px;
}

#copyright {
	padding-top:3px;
	text-align:right;
	font-size:9px;
}
/*====================
 clearfix
====================*/
.clearfix, div#container {
	overflow: hidden;
}