/* ------------------------------------------------ 全体 */
* { /* 全ての要素の間隔・余白を０へ */
	margin:0;
	padding:0;
}
body {
	margin: 0;
	font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Pゴシック", Osaka, Verdana, sans-serif;
	font-size: 11px;
	line-height: 175%;
	color: #000000;
	text-align: center;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
p, /* 文章の行間を指定 */ #main ul, #main ol, #menuL ul, #menuL ol, dl {
	line-height: 160%;
}
p{
clear:both;
}
p, div, img, h1, h2, h3, dl, ul, form,{
	border: 0px;
	display: block;
}
a img {
    border-style:none;
}
a {
	border: 0px;
	overflow: hidden;
	outline: none;
	text-decoration:none;
}
A:link {
	color:#ccffff;
}
A:visited {
	color:#748684;
}
A:active {
	color:#CEF500;
}
A:hover {
	color:#CEF500;
}
/* ------------------------------------------------ #top */
#top {
	clear: both;
	width: 750px;
	padding: 0;
	margin: 50px auto 100px auto;
	text-align: left;
	overflow: hidden;
}
/* ------------------------------------------------ #page */
#page {
	clear: both;
	width: 750px;
	padding: 0px;
	margin: 0px auto 100px auto;
	text-align: left;
	background-repeat: no-repeat;
	overflow: hidden;
}
/* ------------------------------------------------ #header */
#header {
	clear: both;
	padding: 0;
	margin: 0;
}
div#Header #logo a {
	float:left;
	display:block;
	margin-top: 0px;
	height: 105px;
	width:245px;
	overflow:hidden;
}
/* ------------------------------------------------ #navi */
#navi {
	height: 34px;
	background: url(img/navi.gif) no-repeat;
	margin: 0;
}
#navi ul {
	padding: 0;
}
#navi li {
	display: inline;
	list-style-type: none;
}
#navi li a {
	height: 29px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}
/* ------------------------------------------------ #navi off */
#navi li.navi01 a {
	background: url(img/navi.gif) no-repeat 0px 0px;
	margin: 0 20px 0 0;
	width: 46px;
}
#navi li.navi02 a {
	background: url(img/navi.gif) no-repeat -66px 0px;
	margin: 0 19px 0 0;
	width: 42px;
}
#navi li.navi03 a {
	background: url(img/navi.gif) no-repeat -127px 0px;
	margin: 0 19px 0 0;
	width: 37px;
}
#navi li.navi04 a {
	background: url(img/navi.gif) no-repeat -183px 0px;
	width: 57px;
}
/* ------------------------------------------------ #navi hover */
#navi li.navi01 a:hover {
	background: url(img/navi.gif) no-repeat 0px -35px;
	margin: 0 20px 0 0;
}
#navi li.navi02 a:hover {
	background:url(img/navi.gif) no-repeat -66px -35px;
	margin: 0 19px 0 0;
}
#navi li.navi03 a:hover {
	background:url(img/navi.gif) no-repeat -127px -35px;
	margin: 0 19px 0 0;
}
#navi li.navi04 a:hover {
	background:url(img/navi.gif) no-repeat -183px -35px;
}
/* ------------------------------------------------ #navi on */
#navi li.navi01_on a {
	background:url(img/navi.gif) no-repeat 0px -35px;
	margin: 0 20px 0 0;
	width:46px;
}
#navi li.navi02_on a {
	background:url(img/navi.gif) no-repeat -66px -35px;
	margin: 0 19px 0 0;
	width:42px;
}
#navi li.navi03_on a {
	background:url(img/navi.gif) no-repeat -127px -35px;
	margin: 0 19px 0 0;
	width:37px;
}
#navi li.navi04_on a {
	background:url(img/navi.gif) no-repeat -183px -35px;
	width:57px;
}
/* ------------------------------------------------ #navi on */
#navi li.navi01_visited a {
	background:url(img/navi.gif) no-repeat 0px -35px;
	margin: 0 20px 0 0;
	width:46px;
}
#navi li.navi02_visited a {
	background:url(img/navi.gif) no-repeat -66px -35px;
	margin: 0 19px 0 0;
	width:42px;
}
#navi li.navi03_visited a {
	background:url(img/navi.gif) no-repeat -127px -35px;
	margin: 0 19px 0 0;
	width:37px;
}
#navi li.navi04_visited a {
	background:url(img/navi.gif) no-repeat -183px -35px;
	width:57px;
}
/* ------------------------------------------------ #main 本文 */
#main {
	float: left;
	width: 750px;
	padding: 10px;
	margin: 0;
}
div#Header #logo a {
	float:left;
	display:block;
	margin-top: 0px;
	height: 90px;
	width: 257px;
	overflow: hidden;
}
div#main #new {
	float:left;
	display:block;
	margin: 21px 0 0 0;
	height: 47px;
	width: 281px;
	overflow: hidden;
}
div#main #diary {
	float:left;
	display:block;
	margin: 21px 0 0 0;
	height: 47px;
	width: 110px;
	overflow: hidden;
}
div#main #contact {
	float:left;
	display:block;
	margin: 21px 0 0 0;
	height: 47px;
	width: 148px;
	overflow: hidden;
}
div#main #about {
	float:left;
	display:block;
	margin: 21px 0 0 0;
	height: 47px;
	width: 119px;
	overflow: hidden;
}
div#main #offline {
	float:left;
	display:block;
	margin: 21px 0 0 0;
	height: 47px;
	width: 129px;
	overflow: hidden;
}
div#main #gallery {
	float:left;
	display:block;
	margin: 21px 0 21px 0;
	height: 47px;
	width: 139px;
	overflow: hidden;
}
div#main #works {
	float:left;
	display:block;
	margin: 21px 0 21px 0;
	height: 47px;
	width: 132px;
	overflow: hidden;
}
div#main #link {
	float:left;
	display:block;
	margin: 21px 0 0 0;
	height: 47px;
	width: 72px;
	overflow: hidden;
}
#main h2 { /* 日記の日付 */
	clear:left;
	border-bottom:1px dotted #6699ff;
	color:#6699ff;
	font-size:16px;
	margin:25px 15px 10px 0;
	padding:25px 15px 10px 0;
}
#main h3 { /* 日記の見出し */
	color:#6699ff;
	margin:25px 15px 10px 0;
	font-size:12px;
}
#main p { /* 本文 */
	margin:0;
}
#main .img { /* 絵の枠線 */
	background-color:#fff;
	border:5px solid #000;
	margin:0 0 20px 20px;
	padding:0;
}
#main .img2 { /* 絵の枠線 */
	background-color:#fff;
	border:5px solid #000;
	margin:0;
	padding:0;
}
#main .banner { /* bannerの空白 */
	margin: 0 0 10px 0;
}
#book { /* 既刊の横並び */
	clear:both;
	width:750px;
	text-align:left;
	margin:0;
}
#book .mihon { /* 既刊の横並び */
	width:150px;
	margin:0 20px 0 0;
	float:left;
}
#book .text { /* 既刊のテキスト */
	width:350px;
	margin:0 20px 0 0;
	float:left;
}
#gallerybox { /* ギャラリーの横並び */
	clear:both;
	width:750px;
	text-align:left;
	margin:0;
}
#gallerybox .gallery1 { /* ギャラリーの横並び */
	width:160px;
	margin:0 30px 0 0;
	float:left;
}
#gallerybox .gallery2 { /* ギャラリーの横並び */
	width:160px;
	margin:0;
	float:left;
}
#gallerybox .gallery3 { /* ギャラリーの横並び */
	width:350px;
	margin:0 30px 0 0;
	float:left;
}
#gallerybox .gallery4 { /* ギャラリーの横並び */
	width:350px;
	margin:0;
	float:left;
}
#clap { /* 拍手 */
	clear:both;
	width:750px;
	text-align:center;
	margin:0;
}
#clap .gallery { /* 拍手の絵 */
	margin:20px 0;
	float:center;
}
#clap h3 { /* 拍手のテキスト */
	color:#99ffff;
	margin:25px 15px 10px 0;
	font-size:12px;
}
#main .link { /* リンクバナー画像 */
	float:left;
	margin:0px 15px 10px 0;
}