@charset "UTF-8";
/* CSS Document */
#header{
	position:relative;
	width:980px;
	height: 102px;
	background:url(../images/common/base_h_top.jpg) top left no-repeat;}
#kakikomi{
	position:relative;
	width: 980px;
	height: 220px;
	background: url(../images/common/base_h_loop.jpg) top left repeat-y;
}
#kakikomi .bbs02{
	position: absolute;
	top: 0px;
	left: 151px;
	width: 718px;
	height: 30px;
	background: url(../images/sp03/bbs02.png) top left no-repeat;
	display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;
}
#kakikomi .bbs03{
	position: absolute;
	top: 38px;
	left: 86px;
	width: 800px;
	height: 70px;
	background: url(../images/sp03/bbs03.png) top left no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#kakikomi .com{
	position: absolute;
	top: 118px;
	left: 86px;
	width: 799px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
#kakikomi .comBtn{
	position: absolute;
	top: 164px;
	left: 86px;
	width: 799px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}	
#guest{
	margin-left:86px;
	width:780px;
}
#guest p{float:left;padding:20px;font-size:13px;width:350px;}
#guest p.bg01{background:url(../images/sp03/guestBG.png) repeat-y;}
#guest p.bg02{background:url(../images/sp03/guestBG02.png) repeat-y;}
#guest p.bg03{background:url(../images/sp03/guestBG03.png) repeat-y;}
#guest p.bg04{background:url(../images/sp03/guestBG04.png) repeat-y;}
#guest p.bg05{background:url(../images/sp03/guestBG05.png) repeat-y;}
#guest p.bg06{background:url(../images/sp03/guestBG06.png) repeat-y;}
#guest p.bg07{background:url(../images/sp03/guestBG07.png) repeat-y;}
#guest p.bg08{background:url(../images/sp03/guestBG08.png) repeat-y;}
#guest p strong{font-size:15px;}
#guest p b{font-size:12px;}
h2{background:url(../images/sp03/h2_11.png) top left no-repeat;}
h3{display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
h4{width:600px; height:1px;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
#intro {
	position:relative;
}
.output{margin:10px 20px;}
.output a{
	display:inline-block; 
text-decoration:none; padding:3px 15px;
 -webkit-border-radius:15px;
  -moz-border-radius:15px;
   border-radius:15px; 
   background:#000;
    margin:5px 20px 5px 0;}
code{color:#5b70ff;}
.content{
	position: relative;
	width: 100%;
	height: 660px;
	padding: 10px 0px 20px;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
}

#intro{
	width: 800px;
	margin-bottom: 0px;
	z-index: 57;
	height: 680px;
}
		.totalScrollOffsetInfo{border:2px solid #fc0; font-size:12px; padding:20px; text-align:center; margin-bottom:60px;}
		.totalScrollOffset{height:50px; background:#fc0;}

#intro-con {
	position: relative;
	left: 0px;
	top: 0px;
	width: 766px;
	height:auto;
}