@charset "utf-8";

html, body, div, h1, h2, h3, h4, h5, h6,
p, address, blockquote,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset, input {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {
	overflow-y: scroll;

}

body {
	text-align: center;
	font: 10px  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	line-height: 1.6;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6, dt, dd, th {
	font-weight: normal;
}

ul li, ol li {
	list-style-type: none;
}

img {
	border: none;
	vertical-align: bottom;
}

/*link color*/
a:link,
a:visited {
	color: #666666;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #666666;
	text-decoration: none;
}

/*galley*/
div.g-inner {
	position: relative;
	width: 600px;
	height: 500px;
	margin: 20px;
}

#view {
	position: absolute;
	width: 600px;
	height: 400px;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

#view p {
	position: absolute;
	width: 560px;
	height: 400px;
	top: 0px;
	left: 0px;
}

#caption {
	position:absolute;
	top: 420px;
	left: 0px;
	text-align: left;
	width: 280px;
}

/* clearfix */
.clfix:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}

.clfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clfix {
	height: 1%;
}

.clfix {
	display: block;
}