@cha@charset "UTF-8";
/****************************************
▼Web Font
*****************************************/
@import url(http://fonts.googleapis.com/css?family=Forum);
@import url(http://fonts.googleapis.com/css?family=Gilda+Display);

@font-face {
   font-family: Quicksand-Light;
   src: url('../wf/Quicksand-Light.otf') format("opentype");
	}

@font-face {
   font-family: ionicons;
   src: url('../wf/ionicons.ttf') format("truetype");
	}
@font-face {
   font-family: Entypo;
   src: url('../wf/Entypo.otf') format("opentype");
	}
@font-face {
   font-family: modernpics;
   src: url('../wf/modernpics.otf') format("opentype");
	}

/****************************************
▶デフォルトスタイのリセット
****************************************/
    font-style: normal;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0px;padding: 0px;
}

a:link,a:visited {
	color: #fff;
	text-decoration: none;
	}
a:hover { 
	color: #69f;
	}

#all:after　{ /*カラム落ち対策*/
    　　　clear:　both;
    　　　content:"";
    　　　display:　block;
}

/****************************************
▶General Setting （概要）
*****************************************/
html {
	height: 100%;
	background-color: #000;
	overflow-y: scroll;
	}
body {
	font-size: 10pt; margin: 0px; padding: 0px; font-family:
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
	Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #888; 
	}

/****************************************
▼Base style 
*****************************************/
header {
	position: relative;
	width: 100%;
	margin: 0 auto;
	}
footer {
	float: right;
	font-family: 'Forum', cursive;
	font-size: 100%;
	color: #888;
	}
footer p {
	margin-top: -20px;
	margin-right: 10px;
	width:600px;
	text-align: right;
	}
p#close a{
	margin-top: 0px;
	font-family: Quicksand-Light;
	font-size: 140%;
	line-height: 40px;
	color: #888;
	}
p#close a:hover{
	color: #69f;
	}


.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	}

/****************************************
▼titlebar
*****************************************/
.titlebar {
	position: relative;
	top: 0px;	
	width: 100%;
	height: 70px;
	margin: 0 auto;
	}

/****************************************/
.titlebar a#title {
	clear:　both;
	position: absolute;
	margin-top: 14px;
	margin-left: 5%;
	height: 24px;
	font-family: 'Forum', cursive;
	font-size: 180%;
	color: #999;
	}
.titlebar a#title:hover ,a:active{
	color: #69f;
	}

.titlebar a#close {
	position: absolute;
	margin-left: 90%;
	margin-top: 14px;
	height: 24px;
	font-family: Quicksand-Light;
	font-size: 200%;
	color: #aaa;
	}
.titlebar a#close:hover {
	color: #69f;
	}


/****************************************
▼gallery（キャプション）
*****************************************/
.jb-caption .jb-caption-title {
	font-size: 12px;
	font-family: 'Gilda Display', serif;
	cursor:default;
	font-weight: 300;
	text-align: center;
	color: #555; /* （aaa/555） */
	}