@charset "UTF-8";

body {
	background: url(../images/back.gif) repeat-y scroll center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}

/*layout*/
.wrapper {
	margin: 10px auto;
	width: 620px;
	padding: 10px;
}

/* header
------------------------------------------------------------------------- */

ul#nav>li {
	display:inline;
	margin: 4px;
	}

/* main
------------------------------------------------------------------------- */

div#main {
	margin: 30px auto auto;
	width: 880px;
	padding: 10px;
}

/* subcolumn
------------------------------------------------------------------------- */

.sub-column {
	width:130px;
	float:left;
	display:inline;
	margin:0 50px 0 0;
}

.sub_list {
	float:right;
	display:inline;
	margin:0 15px 0 0;
}

/* maincolumn
------------------------------------------------------------------------- */

.main-column {
	width:520px;
	float:left;
	display:inline;
	margin:0 70px 0 0;
}

.home_column {
	background:#FFF repeat-y;
	padding: 30px;
	margin: auto;
	margin-bottom: 30px;
}

.news_column {
	background:url(../images/bk_news.gif) repeat-y;
	padding: 20px;
	margin-bottom: 30px;
}

.gallery_column{
	background:url(../images/bk_gallery.gif) repeat-y;
	padding: 20px;
	margin-bottom: 30px;
}

.gallery_column_1{
	background: url(../images/bk_gallery.gif) repeat-y;
	float:left;
	padding: 20px;
	width: 490px;
	height: auto;
	margin-bottom: 30px;
}

.gallery_column_1a li{
	margin: 0px 20px 10px 0px;
}

.gallery_column_1b li{
	float:left;
	display:inline-block;
	margin: 0px 7px 7px 0px;
	background: #999;
	padding: 1px;
	height: 50px;
	width: 50px;
}

.gallery_column_3{
	width:580px;
}

.gallery_column_3 li {
	display:inline-block;
	float:left;
	margin: 5px 60px 45px 0px;
	padding: 5px;
	list-style: none;
	height: 180px;
	width: 120px;
}

.gallery_column_5{
	width:580px;
}

.gallery_column_5 li {
	display:inline-block;
	float:left;
	background: #666;
	margin: 5px 28px 25px 0px;
	padding: 1px;
	list-style: none;
	height: 80px;
	width: 80px;
}

.diary_column{
	background:url(../images/bk_diary.gif) repeat-y;
	padding: 20px;
	margin-bottom: 30px;
}

.other_column{
	background:url(../images/bk_other.gif) repeat-y;
	padding: 20px;
	margin-bottom: 30px;
}


/* subcolumn2
------------------------------------------------------------------------- */

.sub-column2 {
	width:110px;
	float:right;
	display:inline;
}

/* footer
------------------------------------------------------------------------- */

#footer {
	margin-top: 40px;
	padding-top: 25px;
	margin-bottom: 30px;
}

#footer .copyright {
	text-align: center;
	padding: 10px;
	clear: both;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	margin: auto;
}


/* toppage
------------------------------------------------------------------------- */

.toppage {
	background: #FFF;
}

.toppage_1 {
	margin: 70px auto 40px;
	width: 272px;
}

.toppage_2 {
	margin: 30px auto;
	width: 490px;
}

.toppage_3 {
	margin: 30px auto;
	width: 500px;
}
