* {
	margin: 0;
	padding: 0;
	font-size: 11px ;
	line-height: 1.3em;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}


html {
	color: #000;
	text-align: center;
}

body {
	margin: 0;
	padding: 0;
}
* html body {
	font-size: 100%;
}
*:first child+html body {
	font-size: 100%;
}

a {
	outline: 0;
	text-decoration:none;
}
a:link {
	color:#600;
}

a:visited {
	color:#636;
}

a:hover {
	color:#f6f4d8;
}

a:active {
	color:#3b3900;
}

img {
	border: none;
}
hr {
	height: 0;
	border: 0;
	width: auto;
	display: block;
	clear: both;
	visibility: hidden;
}
hr.hrline {
	height: 1px;
	border-bottom: 1px solid #bcbcbc;
	visibility: visible;
}

p {
	margin: 1em 0;
}



#wrapp {
	width: 100%;
}

#container {
	margin: 0 auto -100px;
	width: 990px;
	text-align: left;
}


/*header------------------------------------------*/
#header {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 350px;
}
#header img.secondban {
	position: absolute;
	top: 40px;
	right: 95px;
}
#header img.qr {
	position: absolute;
	top: 40px;
	right: 30px;
}
#header img.logo {
	position: absolute;
	top: 110px;
	right: 25px;
}

/*---topics-------------------------------*/
#topics {
	margin: 0 auto 38px;
	width: 920px;
	height: 220px;
	background: #fff;
}
#topics iframe {
	width: 920px;
	height: 220px;
	border: none;
}



/*---ƒ^ƒu-------------------------------*/

.maincontainer {
	margin: 0 auto;
	width: 988px;
	text-align: left;
	background: url(../template/panelBg.jpg) no-repeat right top #fff; 
	border-top: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 0 0 50px 0;
}
/*.maincontainer {
	/width: 987px;
	/padding: 0 0 50px 1px;
}*/

.itemTitle {
	margin: 25px auto 10px;
	width: 940px;
}
.main {
	margin: 0 auto;
	width: 900px;
}

.maincontainer ul {
	list-style: none;
}
.maincontainer ul li {
	margin: 30px 0 10px 48px;
	width: 189px;
	float: left;
}
* html .maincontainer ul li {
	margin: 30px 0 0 46px;
}
.maincontainer ul li.hidariBlock {
	margin-left: 0;
}
.maincontainer ul li.pic2 {
	width: 390px;
}



.maincontainer h1 {
	font-size: 125%;
	line-height: 1.2;
	border-bottom: 5px solid;
	font-weight: bold;
	margin: 5px 0;
}
.maincontainer h2 {
	margin: 25px 0 10px 0;
	font-size: 130%;
	line-height: 1.2;
}
.maincontainer h3 {
	font-size: 100%;
	line-height: 1.2;
}
.sample {
	margin: 0 auto;
}
.sample img {
	border: 1px solid #bcbcbc;
}




.systemImg {
	width: 900px;
	height: 1534px;
	position: relative;
}
.aboutImg {
	width: 900px;
	height: 910px;
	position: relative;
}
.aboutText-machiuke,.aboutText-kisekae,.aboutText-chakuvoice,.aboutText-chakuuta,.systemText-tantou,.systemText-audition,.aboutText-mbaccess {
	font-size: 120%; 
	font-weight: bold;
}
.systemText-tantou {
	position: absolute;
	top: 365px;
	left: 0px;
}
.systemText-audition {
	position: absolute;
	top: 120px;
	left: 490px;
}
.aboutText-machiuke {
	position: absolute;
	top: 45px;
	left: 400px;
}
.aboutText-kisekae {
	position: absolute;
	top: 360px;
	left: 5px;
}
.aboutText-chakuvoice {
	position: absolute;
	top: 640px;
	left: 5px;
}
.aboutText-chakuuta {
	position: absolute;
	top: 705px;
	left: 505px;
}
.aboutText-mbaccess {
	position: absolute;
	top: 833px;
	left: 3px;
	width: 894px;
	height: 91px;
}

h2 p,.aboutText-machiuke p,.aboutText-kisekae p,.aboutText-chakuvoice p,.aboutText-chakuuta p,.systemText-tantou p,.systemText-audition p {
	font-size: 100%; 
}
.aboutText-mbaccess dl#mbaccess {
	font-size: 100%; 
	margin: 13px 0 0 250px;
}
.aboutText-mbaccess dl#mbaccess dt {
	font-size: 100%; 
	text-align: right;
	width: 11em;
}
.aboutText-mbaccess dl#mbaccess dt.title {
	font-size: 100%; 
	text-align: left;
	width: 20em;
}
.aboutText-mbaccess dl#mbaccess dd {
	font-size: 100%; 
	margin: -1.3em 0 0 11em;
}

.kome {
	font-size: 80%; 
	font-weight: normal;
	margin: 0;
	display: block;
}



/*---ƒtƒbƒ^[-------------------------------*/

#footer {
	background: url(../template/footBg.png) no-repeat;
	text-align: left;
	font-size: 80%; 
	line-height: 20px; 
	margin: 0 auto 0; 
	padding: 0; 
	width: 990px;
	position: relative;
}
#footer,
.push {
	height: 100px;
}

#footer a {
	color: #fff;
	font-size: 100%; 
}
#bntop {
	position: absolute;
	top: 15px;
	left: 40px;
}
#copyright {
	font-size: 100%; 
	color: #fff;
	position: absolute;
	top: 26px;
	right: 40px;
}
#blogBanner {
	position: absolute;
	top: 10px;
	right: 40px;
}
#gotoPagetop {
	position: absolute;
	top: 26px;
	left: 280px;
}
#gotoPagetop a:link,
#gotoPagetop a:visited,
#gotoPagetop a:active {
	font-size: 90%;
	color: #fff;
	border-bottom: dotted 1px #666;
}
#gotoPagetop a:hover {
	font-size: 90%;
	color: #555;
}





/*---ƒGƒŠƒAƒQ[ƒ€-------------------------------*/

.areagame {
	width: 900px;
	height: 1890px;
	position: relative;
}


.areagameMidashi {
	position: absolute;
	top: 30px;
	left: 0;
	width: 900px;
	height: 247px;
	background: url(../template/areagame/midashi.png) no-repeat;
}
.areagameMidashi h2 {
	position: absolute;
	top: 130px;
	left: 414px;
}

.areagameNagare {
	position: absolute;
	top: 330px;
	left: 0;
	width: 900px;
	height: 421px;
	background: url(../template/areagame/nagare.png) no-repeat;
}
p.tanto {
	position: absolute;
	top: 340px;
	left: 10px;
	font-size: 110%; 
	font-weight: bold;
}
p.shigoto {
	position: absolute;
	top: 100px;
	left: 280px;
	font-size: 110%; 
	font-weight: bold;
}
p.fan {
	position: absolute;
	top: 100px;
	left: 660px;
	font-size: 110%; 
	font-weight: bold;
}

.areagameDaiko {
	position: absolute;
	top: 820px;
	left: 0;
	width: 900px;
	height: 327px;
	background: url(../template/areagame/daiko.png) no-repeat;
}
.areagameDaiko p {
	position: absolute;
	top: 180px;
	left: 15px;
	font-size: 120%; 
	font-weight: bold;
}

.areagameTanosimi {
	position: absolute;
	top: 1185px;
	left: 0;
	width: 900px;
	height: 745px;
	background: url(../template/areagame/tanosimi.png) no-repeat;
}
h2.tanosimi {
	position: absolute;
	top: 40px;
	left: 30px;
}
p.chimeido {
	position: absolute;
	top: 240px;
	left: 290px;
	font-size: 110%; 
	font-weight: bold;
}
p.gotochi {
	position: absolute;
	top: 375px;
	left: 30px;
	font-size: 110%; 
	font-weight: bold;
}
p.miyage {
	position: absolute;
	bottom: 0px;
	left: 330px;
	font-size: 110%; 
	font-weight: bold;
}
p.illust {
	position: absolute;
	bottom: 0px;
	left: 640px;
	font-size: 110%; 
	font-weight: bold;
}







/* IE7‚ลpaddingŽw’่ */
*:first-child+html #wrapp {
padding-left: 1px;
}
/* IE6ˆศ‰บ‚ลpaddingŽw’่ */
* html #wrapp {
padding-left: 1px;
}