@charset "Shift_JIS";

/* ★石のカケラ共通CSS */
/* home gallery others BBS link */

/* ■ユニバーサルセレクタを使って全ての要素を初期化, */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
}

html, body {
	height: 100%;
}

body {
	font-size: 0.8em;
}

a:link {
	color: #1f48b8;
}
a:visited {
	color: #1f48b8;
}
a:active {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}

dd {
	text-indent: 1em;
}

/* ■ラッパー：ヘッダとメイン領域を包含。ヘッダを常に最下部に固定する役目 */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 1000px;
	margin: 0 auto 0 auto;
	background: #ffffff url("images/mainbg.jpg") repeat-y 50% 0%;
}

/* ■ヘッダ */

#header {
	display: block;
	width: 1000px;
	height: 280px;
	margin: 0 auto 0 auto;
	background: url("images/headerbg.jpg") no-repeat 50% 0%;
}


/* ■グローバルリンク */
.globallink {
	display: block;
	width: 600px;
	text-align: right;
	margin: 0 40px 0 360px;
	font-size: 16px;
}

.globallink ul {
	display: block;
	width: 600px;
}

.globallink li {
	display: block;
	width: 100px;
	height: 54px;
	float: left;
	list-style-type: none;
	text-align: center;
}

.globallink a {
	display: block;
	width: 100px;
	height: 54px;
	text-align: center;
	text-decoration: none;
}
.globallink a:link {
	color: #646464;
	background: url("images/glinkmouseover1.jpg") 0px 0px;
	line-height: 2;
}
.globallink a:visited {
	color: #646464;
	background: url("images/glinkmouseover1.jpg") 0px 0px;
	line-height: 2;
}
.globallink a:active {
	color: #000000;
	background: url("images/glinkmouseover1.jpg") 0px 54px;
	line-height: 3;
}
.globallink a:hover {
	color: #000000;
	background: url("images/glinkmouseover1.jpg") 0px 54px;
	line-height: 3;
}

/* ■ページごとのグローバルリンクの状態変更用 */
/* ■home */
#home a#glhome {
	background: url("images/glinkmouseover2.jpg") 0px 0px;
}
#home a#glhome:active {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
#home a#glhome:hover {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
/* ■blog */
#blog a#glblog {
	background: url("images/glinkmouseover2.jpg") 0px 0px;
}
#blog a#glblog:active {
	background: url("images/glinkmouseover2.jpg") 0px 50px;
	line-height: 3;
}
#blog a#glblog:hover {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
/* ■gallery */
#gallery a#glgallery {
	background: url("images/glinkmouseover2.jpg") 0px 0px;
}
#gallery a#glgallery:active {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
#gallery a#glgallery:hover {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
/* ■others */
#others a#glothers {
	background: url("images/glinkmouseover2.jpg") 0px 0px;
}
#others a#glothers:active {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
#others a#glothers:hover {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
/* ■bbs */
#bbs a#glbbs {
	background: url("images/glinkmouseover2.jpg") 0px 0px;
}
#bbs a#glbbs:active {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
#obbs a#glbbs:hover {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
/* ■link */
#link a#gllink {
	background: url("images/glinkmouseover2.jpg") 0px 0px;
}
#link a#gllink:active {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}
#link a#gllink:hover {
	background: url("images/glinkmouseover2.jpg") 0px 54px;
	line-height: 3;
}

h1 {
	clear: both;
	color: #bbbbbb;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}


/* ■メイン */

#main {
	display: block;
	margin: 0 auto 0 auto;
	width: 1000px;
	padding-bottom: 140px; /* ネガティブマージンに備えてフッタ分あける */
	background: #ffffff url("images/mainbg.jpg") repeat-y 50% 0%;
}

/* ■メイン：コンテント */

#content {
	float: left;
	width: 720px;
	margin-left: 40px;
	line-height: 2;
	letter-spacing: 0.1em;
}

#content h2 {
	color: #666666;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 1em 0;
}

.panel {
	margin: 0 0 4em 20px;
}

.panel p {
	text-indent: 0.8em;
}

.panel ul {
	margin-left: 3em;
}

/* ■メイン：サイドバー */

#sideber {
	float: right;
	width: 180px;
	margin-right: 32px;
	line-height: 2;
	letter-spacing: 0.1em;
}

#sideber h2{
	color: #666666;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

.sb-panel {
	margin: 0 0 2em 10px;
}

#locallink li {
	list-style-type: none;
}

#locallink a {
	display: block;
}

.clearer {
	clear: both;
	height: 0;
}

/* ■フッタ */

#footer {
	display: block;
	clear: both;
	width: 1000px;
	height: 140px;
	margin-top: -140px; /* フッタ分のネガティブマージン */
	margin-left: auto;
	margin-right: auto;
	background: #ffffff url("images/footerbg.jpg") no-repeat 50% 0%;
}

.credit {
	display: block;
	padding: 85px 70px 0 70px;
	color: #646464;
	font-size: small;
	text-align: center;
}