@charset "UTF-8";

/* default settings */

body {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	color: #000;
}
*html body {
	font-size: 0.835em;
}
a {
	text-decoration: none;
	color: #000;
	outline: none;
}
img {
	border: none;
}
ul, ol, dl {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.fc {
	clear: both;
	line-height: 0;
	height: 1％;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#wrap {
	width: 1000px;
	height: 700px;
	margin: 0 auto;
	padding: 0;
}

/* side menu settings */

#side_bar {
	width: 150px;
	float: left;
}
h1 {
	margin: 0 0 30px 0;
	padding: 0;
}
h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 120px;
	text-indent: -9999px;
}

#gmenu li {
	margin-bottom: 16px;
}
*html #gmenu li {
	margin-bottom: 8px;
}
#gmenu li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 15px;
	text-indent: -9999px;
}
#side_banner  {
	margin-top: 20px;
}
#side_banner #reference a {
	display: block;
	width: 140px;
	height: 46px;
	background: url(../cube/images/allimages/shiryou.gif) no-repeat;
	text-indent: -9999px;
}
#side_banner #reference a:hover {
	background: url(../cube/images/allimages/shiryou_over.gif) no-repeat;
}

/* contents common settings */

#contents {
	float: right;
	width: 810px;
	height: 560px;
	margin: 20px;
	padding: 0;
}
#contents h2 {
	height: 20px;
	margin: 0 0 25px 0;
	padding: 10px 54px;
}
*html #contents h2 {
	line-height: 1em;
	font-size: 1.53em;
}
*html #contents h4 {
	font-size: 1em;
}
.navigation li {
	margin-right: 1em;
	padding-left: 2em;
	font-weight: bold;
	font-size: 0.86em;
	float: left;
}
.scroll {
    position: relative;
    clear: both;
	margin-top: 10px;
	
	height: 442px;
    width: 810px;
    overflow: auto;
    overflow-x: hidden;
    clear: left;
}
.panel {
	background: #efefef;
	padding: 15px;
	width: 780px;
	height: 412px;
}
.panel h3 {
	margin: 0 0 10px 0;
	padding: 5px 1em;
	height: 20px;
}
.panel h4 {
	font-size: 1.21em;
}
.panel p {
	margin: 0;
	padding: 0;
}

/* footer common settings */

#footer {
	clear: both;
	height: 70px;
	padding: 15px;
	margin: 0;
	background: url(../cube/images/allimages/footer_back.png);
}
#footer ul {
	float: left;
}
#footer li {
	float: left;
}
#footer #logo {
	margin-right: 20px;
}
#footer #logo a {
	display: block;
	width: 69px;
	height: 69px;
	background: url(../cube/images/allimages/void_logo.gif) no-repeat;
	text-indent: -9999px;
}
#footer #logo a:hover {
	background: url(../cube/images/allimages/void_logo_over.gif) no-repeat;
}
#footer .fbanner {
	margin: 3px 10px 3px 0 ;
}
#footer .fbanner a {
	display: block;
	width: 199px;
	height: 63px;
	text-indent: -9999px;
}
#footer #free_b a {
	background: url(../cube/images/allimages/banner_free.gif) no-repeat;
}
#footer #free_b a:hover {
	background: url(../cube/images/allimages/banner_free_over.gif) no-repeat;
}
#footer #cube_b a {
	background: url(../cube/images/allimages/banner_cube.gif) no-repeat;
}
#footer #cube_b a:hover {
	background: url(../cube/images/allimages/banner_cube_over.gif) no-repeat;
}
#footer #sole_b a {
	background: url(../cube/images/allimages/banner_sole.gif) no-repeat;
}
#footer #sole_b a:hover {
	background: url(../cube/images/allimages/banner_sole_over.gif) no-repeat;
}
#footer div {
		float: right;
		width: 200px;
}
#footer #copyright {
	margin: 45px 0 0 0;
	font-size: 0.6em;
	color: #fff;
}


/* address settings */

#address {
	width: 1000px;
	margin: 0 auto;
	color: #888;
	font-size: 0.71em;
	line-height: 1.5em;
}
#address h2 {
	font-size: 1.3em;
	margin: 1.5em 0 0.5em 0;
}
#address p {
	margin: 0;
}