@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.1em;
}
visibility{
	display: block;
	background: #000;
	width: 2025px;
	height: 2025px;
}
img.bgmaximage {
	position: fixed !important;
}

.bgmaximage {
	display: none;
}

.loader {
	position: absolute;
	z-index: 9999;
	width: 30px;
	height: 30px;
	top: 49%;
	left: 49%
}

#container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
}

#borderBottom {
	position: fixed;
	height: 11px;
	bottom: 0;
	width: 100%;
	background: #fff;
	z-index: 40000;
}

#borderTop {
	position: fixed;
	height: 11px;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 40000;
}

#borderLeft {
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
	width: 11px;
	background: #fff;
	z-index: 40000;
}

#borderRight {
	position: fixed;
	height: 100%;
	right: 0;
	top: 0;
	width: 11px;
	background: #fff;
	z-index: 40000;
}

a:link {
	color: #fff;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

img {
	border: 0;
}

h1 a{
	width: 225px;
	height: 225px;
	background: url(../img/logo.png) no-repeat 0 0;
	text-indent: -9999em;
	display: block;
	margin: 5px 0 0 5px;
	padding: 0;
}

#grid-content {
	clear: both;
	overflow: hidden;
	height: 0;
	border: 0;
	margin: 12px 0 17px 12px;
}

#grid-content div {
	margin: 5px 0 0 5px;
	padding: 0;
}

#grid-content div.hitarea img {
	width: 235px;
	height: 235px;
}

.mosaic-block {
	position: relative;
	overflow: hidden;
	width: 225px;
	height: 225px;
}

.mosaic-backdrop {
	display: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: #111;
}

.mosaic-overlay {
	padding: 10px;
	display: none;
	z-index: 9999999999999999999999;
	position: absolute;
	width: 100%;
	height: 100%;
	text-shadow: 0px 0px 4px #000;
}

.fade .mosaic-overlay {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	background: url(../img/bg_black.png);
}

.mosaic-overlay h2 {
	width: 205px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}

.mosaic-overlay p {
	padding-top: 5px;
	line-height: 1.5;
	font-size: 12px;
	color: #fff;
}

.mosaic-overlay span {
	padding-top: 5px;
	line-height: 1.5;
	display: block;
	width: 205px;
	font-size: 10px !important;
}

#grid-content div#logo {
	background: url(../img/logo.png) no-repeat 0 0;
}

#grid-content div#w01 {
	background: url(../img/001s.jpg) no-repeat 0 0;
}

#grid-content div#w02 {
	background: url(../img/002s.jpg) no-repeat 0 0;
}

#grid-content div#w03 {
	background: url(../img/003s.jpg) no-repeat 0 0;
}

#grid-content div#w04 {
	background: url(../img/004s.jpg) no-repeat 0 0;
}

#grid-content div#w05 {
	background: url(../img/005s.jpg) no-repeat 0 0;
}

#grid-content div#w06 {
	background: url(../img/006s.jpg) no-repeat 0 0;
}

#grid-content div#w07 {
	background: url(../img/007s.jpg) no-repeat 0 0;
}

#grid-content div#w08 {
	background: url(../img/008s.jpg) no-repeat 0 0;
}

#grid-content div#w09 {
	background: url(../img/009s.jpg) no-repeat 0 0;
}

#grid-content div#w10 {
	background: url(../img/010s.jpg) no-repeat 0 0;
}

#grid-content div#w11 {
	background: url(../img/011s.jpg) no-repeat 0 0;
}

#grid-content div#w12 {
	background: url(../img/012s.png) no-repeat 0 0;
}

#grid-content div#w13 {
	background: url(../img/013s.png) no-repeat 0 0;
}

#grid-content div#w14 {
	background: url(../img/014s.png) no-repeat 0 0;
}

#grid-content div#w15 {
	background: url(../img/015s.png) no-repeat 0 0;
}

#grid-content div#w16 {
	background: url(../img/016s.png) no-repeat 0 0;
}

#grid-content div#w17 {
	background: url(../img/017s.png) no-repeat 0 0;
}

#grid-content div#w18 {
	background: url(../img/018s.png) no-repeat 0 0;
}

#grid-content div#w19 {
	background: url(../img/019s.png) no-repeat 0 0;
}

#grid-content div#w20 {
	background: url(../img/020s.png) no-repeat 0 0;
}

#grid-content div#w21 {
	background: url(../img/021s.png) no-repeat 0 0;
}

#grid-content div#w22 {
	background: url(../img/022s.png) no-repeat 0 0;
}

#grid-content div#w23 {
	background: url(../img/023s.png) no-repeat 0 0;
}

#grid-content div#w24 {
	background: url(../img/024s.png) no-repeat 0 0;
}

#grid-content div#w25 {
	background: url(../img/025s.jpg) no-repeat 0 0;
}

#grid-content div#w26 {
	background: url(../img/026s.jpg) no-repeat 0 0;
}

#grid-content div#w27 {
	background: url(../img/027s.jpg) no-repeat 0 0;
}

#grid-content div#w28 {
	background: url(../img/028s.jpg) no-repeat 0 0;
}

#grid-content div#w29 {
	background: url(../img/029s.jpg) no-repeat 0 0;
}

#grid-content div#w30 {
	background: url(../img/030s.gif) no-repeat 0 0;
}

#grid-content div#w31 {
	background: url(../img/031s.jpg) no-repeat 0 0;
}

#grid-content div#w32 {
	background: url(../img/032s.png) no-repeat 0 0;
}

#grid-content div#w33 {
	background: url(../img/033s.png) no-repeat 0 0;
}

#grid-content div#w34 {
	background: url(../img/034s.png) no-repeat 0 0;
}

#grid-content div#w35 {
	background: url(../img/035s.png) no-repeat 0 0;
}

#grid-content div#w36 {
	background: url(../img/036s.png) no-repeat 0 0;
}

#grid-content div#w37 {
	background: url(../img/037s.png) no-repeat 0 0;
}

#grid-content div#w38 {
	background: url(../img/038s.jpg) no-repeat 0 0;
}

#t01, #t02, #t03, #t04, #t05, #t06, #t07, #t08, #t09, #t10, #t11, #t12, #t13, #t14, #t15, #t16, #t17, #t18, #t19, #t20, #t21, #t22, #t23, #t24, #t25, #t26, #t27, #t28, #t29, #t30, #t31, #t32, #t33, #t34, #t35, #t36, #t37, #t38 {
	width: 685px;
	height: 685px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#t01 .body, #t02 .body, #t03 .body, #t04 .body, #t05 .body, #t06 .body, #t07 .body, #t08 .body, #t09 .body, #t10 .body, #t11 .body, #t12 .body, #t13 .body, #t14 .body, #t15 .body, #t16 .body, #t17 .body, #t18 .body, #t19 .body, #t20 .body, #t21 .body, #t22 .body, #t23 .body, #t24 .body, #t25 .body, #t26 .body, #t27 .body, #t28 .body, #t29 .body, #t30 .body, #t31 .body, #t32 .body, #t33 .body, #t34 .body, #t35 .body, #t36 .body, #t37 .body, #t38 .body {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
.view{
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 9999999999999999999999999999999999999;
}



#link a:hover {
	text-decoration: underline;
	color: #fff;
}

#contact a:hover {
	text-decoration: underline;
	color: #fff;
}

#twit a:hover {
	text-decoration: underline;
	color: #fff;
}

p.tw_text {
	margin: 0 10px;
	color: #fff;
}

p.tw_day {
	text-align: right;
	margin: 0 13px 5px 10px;
	color: #fff;
}

#twit h2 {
	padding: 8px 0 0 12px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

#twit {
	width: 225px;
	height: 225px;
	background: url(../img/bg_.png) no-repeat 0 0;
	color: #fff;
	font-size: 10px;
	text-shadow: 0px 0px 3px #000;
	position: relative;
}

.txt {
	font-size: 18px;
	position: absolute;
	top: 4px;
	right: 14px;
}

#link {
	width: 225px;
	height: 225px;
	background: url(../img/bg_.png) no-repeat 0 0;
	text-shadow: 0px 0px 3px #000;
}

#link h2 {
	padding: 8px 0 0 12px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

#link ul {
	padding: 0 0 0 12px;
}

#link li {
	list-style: none;
	font-size: 10px;
}

#contact {
	color: #fff;
	width: 225px;
	height: 225px;
	background: url(../img/bg_.png) no-repeat 0 0;
	text-shadow: 0px 0px 3px #000;
}

#contact h2 {
	padding: 8px 0 0 12px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

#contact ul {
	padding: 0 0 0 12px;
}

#contact li {
	list-style: none;
	font-size: 10px;
}

/* footer */

#footer {
	z-index: 100;
	color: #fff;
	position: fixed;
	bottom: 14px;
	right: 9px;
	text-shadow: 0px 0px 3px #000;
}

#footer li {
	line-height: 2.5;
	height: 30px;
	padding-bottom: 5px;
	vertical-align: baseline;
	list-style: none;
	float: left;
	padding-right: 10px;
}

#footer img {
	vertical-align: middle;
}