@charset "shift_jis";

*{margin:0;padding:0}
body{padding:20px;text-align:center;}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:84px;height:84px;border:2px #CCC;margin: 1px 1px;background:#FFF;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 60px auto;height:640px;width:640px;background:none;}
#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;font:80%  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}


h1 {
	font-size: 200%;
	text-align: center;
	padding: 20px;
	line-height: 1.4
}
h1 a {
	color: #444;
	text-decoration: none;
}
h1 a:hover {
	color: #888;
	text-decoration: underline;
}
h2 {
	font-size: 200%;
	margin-bottom: 0.5em;
}
p {
	margin-bottom: 1em;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

#article {
	background: #fff;
	padding: 60px;
	height: 2000px;
	margin: 0 auto 60px;
	width: 680px;
}



/* ======================================== */
/*
#slideshow {
	margin: 0 auto;
	width: 640px;
	text-align: left;
}
#slideshow div {
	width: 640px;
	height: 420px;
	overflow: hidden;
	position: relative;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 640px;
}

#slideshow ul li {
	width: 104px;
	background-color:#FFF;
	float: left;
	display: inline;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: auto;
}
*/

#slideshow {
	position:relative;
	display:block;
	margin:0 auto 0 auto;
	padding:0;
	border:0;
	width:984px;
	height:764px;
}
#slideshow ul {
/*	position:relative; */
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	line-height:0;
}
#slideshow ul li {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style-type:none;
	width:82px;
	height:52px;
	line-height:0;
}
.thumbs {
	margin:0;
	padding:0;
	width:82px;
	height:52px;
	cursor:hand;
	cursor:pointer;
	line-height:0;
}
.active {
	opacity:0.5;
}
#slideshow td.slide-wrapper {
	width:820px;
	height:676px;
}
#slideImage, #slideNext {
	position: absolute;
	top: 82px;
	left: 169px;
	margin: 0;
	padding: 0;
}
#slideImage, #slideImage img { z-Index:0; }
#slideNext, #slideNext img { z-Index:99; }


#slide-image2 {
	position:absolute;
	top:180px;
	left:169px;
	margin:0;
	padding:0;
}

#mmform {
	position: absolute;
	left: 169px;
	top: 512px;

}
#mmform_1 {
	position:absolute;
	width:550px;
	left:215px;
	top:540px;

}
#btn-yt {
	position:absolute;
	left:415px;
	top:643px;

}