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

*{
	/* BODYの設定(ほとんどは｢common.css｣で設定済みだが、フォントの設定だけ読み込まないので記述) */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	color:#b3b3b3;
	}

#wrapper {
	/* 全体を包むdiv要素の設定(背景画像などを設定しています。) */
	/* サイズの設定 */
	width:980px;
	height:2900px;
	margin:0 auto;
	/* 背景の設定 */
	border-left:solid 1px #e4e4e4;
	border-right:solid 1px #e4e4e4;
	border-bottom:solid 1px #e4e4e4;
	}

.topleft{
	float:left;
}
		
#logo {
	/* 回りこみ解除 */
	float:left;
	/* 一旦、分かりやすいように左寄せ(デフォルトは中央揃い) */
	text-align:left;	
}

#gNav li {
	/* 回り込み設定 */
	float:left;
}

.about {
	margin-top:-50px;
}

.gallery {
	margin-top:-50px;
}

.contact {
	margin-top:-50px;
	margin-left:20px;
}

#gNav ul li a {
	/* 文字の設定 */
	font-size:12px;
	color:#888888;
	text-decoration:none;
}

#gNav ul li a:hover{
	/* 文字の設定 */
	color:#ffffff;
	text-decoration:none;
}

.twi{
	padding-top:40px;
	padding-left:230px;
}

.twi a:hover{
	opacity:0.70;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
}

.topright {
	float:right;
	width:360px;
	height:100px;
	background-image:url(../img/topright02.jpg);
}

img {
	vertical-align: top;
}

#title {
	float:left;
	text-align:left;
	text-shadow: 0.2em 0.1em 2px #999999;
	width:980px;
	margin-top:50px;
	margin-left:90px;
	margin-bottom:50px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-size:14px;
	color:#ffffff;
	display: inline;
}

h1 {
	text-indent:-9999px;
}

/*fancybox*/

#content {
	width:980px;
	height:2800px;
	background-image:url(../img/gallerybase.jpg);
	background-repeat:repeat;
}

.picture {
	margin-left:45px;
	margin-top:10px;
}

.picture a img {
	float:left;
	padding: 4px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
	background-color:#ffffff;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background: #333333;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	text-decoration: none;
    color: #ffffff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: #666666;
}

#footer {
	float:left;
	width:980px;
	height:100px;
	background-image:url(../img/footer02.jpg) ;
}

.add {
	text-align:left;
	font-size:12px;
	color:#ffffff;
	margin-left:50px;
	margin-top:60px;
}

#copy {
	font-size:10px;
	color:#ffffff;
	margin-left:630px;
	margin-top:-18px;
}