@charset "utf-8";

/* 2020 Q */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

#information {
	margin: 30px auto;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #333;
}
#information section {
	margin-bottom: 50px;
}
#information h1 {
	margin: 0 25px;
	font-size: 2em;
}
#information p {
	margin: 10px 100px;
	font-size: 1.4em;
	line-height: 1.8;
}
#information h2,
#information span {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 25px;
}
#information h2 {
	font-size: 2em;
}
#information h2 span a {
	font-size: 0.8em;
}
#information span img {
	border: none;
}

#content {
	background-image: url(../img/top_main_bg.jpg);
	background-repeat: no-repeat;
	background-position: left -11px;
	background-color: #FFE820;
}
#wrapper {
	height: auto;
	border: 1px solid #CCCCCC;
}

#content #title {
}

#content #title {
	position: absolute;
	left: 185px;
	top: 280px;
	margin: 0px;
	padding: 0px;
}
#content #tv {
	position: absolute;
	height: 18px;
	width: 172px;
	left: 240px;
	top: 250px;
}
#content #cero {
	height: 45px;
	width: 37px;
	position: absolute;
	left: 465px;
	top: 289px;
}

#content #sell {
	position: absolute;
	height: 49px;
	width: 113px;
	top: 240px;
	left: 129px;
}
#content  .ochan {
	width: 100px;
	position: absolute;
	height: 110px;
	left: 10px;
	top: 238px;
}
#content  .ochan  img {
	padding-top: 9px;
	padding-left: 11px;
}
#content #omz {
	position: absolute;
	height: 249px;
	width: 188px;
	top: 47px;
	left: 585px;
}
#content #map {
	position: absolute;
	height: 33px;
	width: 80px;
	top: 315px;
	left: 694px;
}


#content #window {
	position: absolute;
	height: 229px;
	width: 400px;
	left: 122px;
	top: 8px;
}
#content #navi {
	zoom: 1;
	position: absolute;
	height: 33px;
	width: 798px;
	top: 356px;
}
#content #navi:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#content #navi li {
	list-style-type: none;
	float: left;
	height: 33px;
	width: 122px;
	padding-left: 9px;

}
#content #navi li a span {
	display: none;
}

#content  #navi  a {
	height: 33px;
	width: 122px;
	display: block;
}
#content #navi #how {
	background-image: url(../img/tom_main_navi.jpg);
}
#content #navi #what {
	background-image: url(../img/tom_main_navi.jpg);
	background-position: -131px;
}
#content #navi #want {
	background-image: url(../img/tom_main_navi.jpg);
	background-repeat: no-repeat;
	background-position: -262px top;
}
#content #navi #play {
	background-image: url(../img/tom_main_navi.jpg);
	background-position: -393px top;
}
#content #navi #talk {
	background-image: url(../img/tom_main_navi.jpg);
	background-position: -523px;
}
#content #navi #faq {
	background-image: url(../img/tom_main_navi.jpg);
	background-position: -654px;
}
#wrapper #bbs {
	padding-top: 10px;
}

#wrapper #bbs .caption {
	width: 360px;
	padding-right: 19px;
	padding-left: 19px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#wrapper #bbs .caption p {
	font-size: 1.4em;
	line-height: 1.4;
}

/* IE4~6 */
* html #wrapper #bbs .caption {
	padding-top: 40px;
}
/* Only IE7 hack */
*:first-child+html #wrapper #bbs .caption {
	padding-top: 40px;
}


#wrapper #bbs .caption h2 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 1.6;
	font-size: 1.6em;
}
#wrapper #bbs .red {
	background-image: url(../img/bbs_red.jpg);
	background-repeat: no-repeat;
	background-position: 17px 5px;
}
#wrapper #bbs .red h2 {
	color: #E70013;
}

#wrapper #bbs .green {
	background-image: url(../img/bbs_green.jpg);
	background-repeat: no-repeat;
	background-position: 17px 5px;
}
#wrapper  #bbs  .green  h2 {
	color: #01A33C;
}

#wrapper #bbs .blue {
	background-image: url(../img/bbs_blue.jpg);
	background-repeat: no-repeat;
	background-position: 17px 5px;
}
#wrapper #bbs .blue h2 {
	color: #0087D5;
}
#wrapper #bbs .ill {
	background-image: url(../img/bbs_ill.jpg);
	background-repeat: no-repeat;
	background-position: 180px bottom;
	height: 130px;
}



#wrapper #banner {
	text-align: left;
	padding-top: 10px;
	background-color: #3DC2F4;
	padding-left: 10px;
	padding-bottom: 10px;
}
#wrapper #banner li {
	list-style-type: none;
	display: inline;
}
#wrapper #banner img {
	padding-right: 15px;
}
#footer {
	background-color: #FFFFFF;
	color: #666666;
}
.left {
	float: left;
}
.right {
	float: right;
}