@charset "utf-8";
/* CSS Document */

/* スクロールバー */

html, body { 
    scrollbar-face-color : #ffffff;
    scrollbar-track-color : #ffffff;
    scrollbar-arrow-color : #ffcc33;
    scrollbar-3dlight-color : #ffcc33;
    scrollbar-darkshadow-color : #ffffff;
    scrollbar-shadow-color : #ffcc33;
	}

/* 表示領域 */

#container {
	width : 800px;
	margin-top : 0px;
	margin-bottom : auto;
	margin-right : auto;
	margin-left : auto;
	text-align : center;
	}

/* ヘッダーエリア */

#header {
	width : 800px;
	height: 50px;
	text-align : center;
	background-image : url(../img/heder.png);
	background-repeat : no-repeat;
	}

#list {
	width : 280px;
	height: 0px;
	float : left;
	margin : 20px 0px 0px 180px;
	text-align : left;
	}

#map {
	width : 280px;
	height: 0px;
	float : right;
	margin : 20px 40px 0px 0px;
	text-align : right;
	}

/* メインエリア */

#main {
	width : 800px;
	height : 490px;
	}

/* ナビゲーションエリア */

#nav {
	width : 150px;
	height : 490px;
	float : left;
	margin : 0px 0px 0px 0px;
	text-align : center;
	background-image : url(../img/nav.png);
	background-repeat : no-repeat;
	}

/* コンテンツエリア */

#content {
	width : 590px;
	height : 490px;
	float : left;
	margin : 0px 20px 0px 20px;
	text-align : center;
	}

#pagetitle {
	width : 570px;
	margin : 20px 10px 0px 10px;
	text-align : left;
	}

#explanation {
	margin : 0px 10px 10px 30px;
	text-align : left;
	}

h4 {
	color : #32cd32;
	text-align : left;
	}

h5 {
	color : #ff0000;
	}

h6 {
	color : #ff9900;
	margin : 0px 0px 0px 20px;
	}

.leftbutton {
	margin : -5px 0px 0px 30px;
	float : left;
	text-align : left;
	}

.rightbutton {
	margin : -5px 0px 0px 65px;
	float : right;
	text-align : left;
	}

/* ライト外枠エリア */

#rightframe {
	width : 20px;
	height : 490px;
	float : right;
	text-align : center;
	background-image : url(../img/rightframe.png);
	background-repeat : no-repeat;
	}

/* フッターエリア */

#footer {
	width : 800px;
	height : 70px;
	text-align : left;
	background-image : url(../img/footer.png);
	background-repeat : no-repeat;
	}

#counter {
	width : 150px;
	height : 22px;
	float : left;
	margin : 34px 0px 0px 0px;
	text-align : center;
	}

#counterleft {
	margin : 0px 0px 0px 0px;
	}

#countercenter {
	margin : 0px -5px 0px -5px;
	}

#counterright {
	margin : 0px 10px 0px 0px;
	}

#copyright {
	font-size : small;
	width : 610px;
	height : 20px;
	float : right;
	margin : 35px 40px 0px 0px;
	text-align : right;
	}

/* main内コンテンツエリア */

#maindmi {
	width : 500px;
	height : 400px;
	margin : 50px 45px 10px 45px;
	}


/* gallery内コンテンツエリア */

#toppic {
	width : 530px;
	margin : 20px 10px 10px 50px;
	text-align : left;
	}

#rakugaki {
	width : 260px;
	float : left;
	margin : 0px 0px 0px 50px;
	}

#warehouse {
	width : 260px;
	float : right;
	margin : 0px 10px 0px 0px;
	}

.leftpic {
	margin : 0px 0px 5px 30px;
	}

.rightpic {
	margin : 0px 0px 5px 65px;
	}

.albumlog {
	margin : 30px 0px 0px 0px;
	}

/* bbs内コンテンツエリア */

#mainbbs {
	width : 450px;
	height : 160px;
	margin : 0px 70px 10px 70px;
	text-align : left;
	background-image : url(../img/mainbbs-wall.png);
	background-repeat : no-repeat;
	}

#shortbbs {
	width : 450px;
	height : 160px;
	margin : 0px 70px 10px 70px;
	text-align : left;
	background-image : url(../img/shortbbs-wall.png);
	background-repeat : no-repeat;
	}

.mainbutton{
	width : 200px;
	color : #ff0000;
	margin : -10px 0px 0px 200px;
	text-align : center;
	}

.shortbutton{
	width : 200px;
	color : #ff0000;
	margin : -10px 0px 0px 60px;
	text-align : center;
	}

/* play内コンテンツエリア */

#block {
	width : 530px;
	height : 90px;
	margin : 20px 10px 0px 50px;
	text-align : left;
	}

#puzzle {
	width : 530px;
	height : 90px;
	margin : 0px 10px 0px 50px;
	text-align : left;
	}

#quiz {
	width : 530px;
	height : 90px;
	margin : 0px 10px 0px 50px;
	text-align : left;
	}
	
/* chat内コンテンツエリア */

#textchat {
	width : 530px;
	height : 90px;
	margin : 20px 10px 0px 50px;
	text-align : left;
	}

#paintchat {
	width : 530px;
	height : 90px;
	margin : 0px 10px 0px 50px;
	text-align : left;
	}

/* notes内コンテンツエリア */

#notes {
	font-size : 15px;
	width : 540px;
	height : 350px;
	margin : 20px 0px 0px 40px;
	text-align : left;
	}

#linkbanner{
	width : 500px;
	height : 60px;
	margin : 0px 20px 0px 20px;
	text-align : left;
	}

.banner {
	margin : 10px 0px 0px 20px;
	}

/* map内コンテンツエリア */

#content-map {
	width : 590px;
	float : left;
	margin : 0px 20px 0px 20px;
	text-align : center;
	}

#sitemap{
	width : 520px;
	height : 400px;
	margin : 0px 0px 0px 40px;
	}

.category {
	font-size : 13px;
	width :120px;
	height : 100px;
	margin : 0px 0px 10px 10px;
	float : left;
	text-align : left;
	}

/* link内コンテンツエリア */

#linktitle {
	margin : 0px 0px 0px 50px;
	}

#banner{
	width : 530px;
	margin : 20px 10px 10px 50px;
	text-align : left;
	}

/* album内コンテンツエリア */

#album {
	width : 590px;
	}