@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-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:13px;
    *font-size:small;
    *font:x-small;
	color: #444444;
	line-height: 1.6;
	margin:0;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
    font-size:inherit;
    font:100%;
}

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

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

/*link color*/
a:link,
a:visited {
	color: #555555;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #555555;
	text-decoration: none;
}

a img.linkimg{ background:none!important; 
}

a:hover img.linkimg{ opacity:0.8; filter:alpha(opacity=80);
 -ms-filter: "alpha( opacity=80 )"; background:none!important; 
} 

/* 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;
}
/* End hide from IE-mac */


/*galley*/
div.g-inner {
	position:relative;
	width:800px;
	height:310px;
}
#view {
	position: absolute;
	width: 800px;
	height: 250px;
	top: 0;
	left: 0;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#view p {
	position: absolute;
	width: 800px;
	height: 250px;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 0px;
}
#thumbBtn {
	position:absolute;
	top:255px;
	right:0px;
}

#caption {
	position:absolute;
	top:260px;
	left:0px;
	text-align:left;
	width:350px;
}
#thumbBtn li {
	padding: 0 0 0 2px;
	float:left;
	text-align:right;
	width: 105px;
	cursor:pointer;
	
}
#thumbBtn li.active {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#thumbBtn li img {
	border: solid 1px #ccc;
}