@charset "utf-8";

#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: 174px;
	top: 289px;
	margin: 0px;
	padding: 0px;
}
#content #tv {
	position: absolute;
	height: 18px;
	width: 172px;
	left: 256px;
	top: 258px;
}
#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;
}