@charset "utf-8";
.hiroba #textArea {
	background: url(../images/line.gif) no-repeat right top;
	padding-top: 20px;
}
.hiroba #textArea .return {
	background: url(../hiroba/images/btn_return.gif) no-repeat;
	height: 25px;
	width: 160px;
}
.hiroba #textArea .return a {
	background: url(../hiroba/images/btn_return.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 160px;
}
.hiroba #textArea .return a:hover {
	background: url(../hiroba/images/btn_return.gif) no-repeat 0px -25px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 160px;
}.hiroba #textArea .blogMidashi {
	background: url(../images/line.gif) no-repeat center bottom;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.hiroba #textArea .blogMidashi p {
	padding-left: 20px;
}

.hiroba #textArea #blog {
	background: url(../hiroba/images/bg_blog.gif) no-repeat;
	width: 625px;
	margin-right: auto;
	margin-left: auto;
}
.hiroba #textArea #blog .blogParts {
	height: 300px;
	width: 150px;
	float: left;
	margin-top: 63px;
	padding-left: 128px;
}
.hiroba #textArea #blog .blogCode {
	float: right;
	width: 275px;
	padding-top: 110px;
	padding-right: 20px;
}
.hiroba #textArea #blog .blogCode textarea {
	height: 125px;
	width: 275px;
	overflow: hidden;
	line-height: 1.6em;
}
.hiroba #textArea #blog ul {
	clear: both;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 0.8em;
}
.hiroba #textArea .formHead {
	background: url(../hiroba/images/form_midashi.gif) no-repeat center;
	height: 235px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
.hiroba #textArea .formHead p {
	display: none;
}
.hiroba #textArea .formSample {
	width: 640px;
	padding: 20px 0px;
	background: #EFEEEC;
	margin: 20px auto 10px;
}
.hiroba #textArea .formSample h4 {
	background: url(../hiroba/images/form_sample.gif) no-repeat;
	height: 12px;
	width: 53px;
	text-indent: -9999px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.hiroba #textArea .formSample .date {
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 20px;
}
.hiroba #textArea .formSample ul {
	width: 639px;
	margin-right: auto;
	margin-left: auto;
}

.hiroba #textArea .formSample li {
	float: left;
	width: 193px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

.hiroba #textArea .formSample .name {
	background: url(../hiroba/images/star_orange.gif) no-repeat left top;
	padding-top: 3px;
	padding-left: 30px;
	font-weight: bold;
	color: #FF7E00;
	font-size: 1.2em;
	text-align: left;
	padding-bottom: 5px;
}
.hiroba #textArea .formSample p {
	text-align: left;
}
.hiroba #textArea .youkou {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background: url(../hiroba/images/form_character.gif) no-repeat 350px 50px;
}
.hiroba #textArea .youkou h4 {
	background: url(../hiroba/images/form_title.gif) no-repeat;
	text-indent: -9999px;
	height: 62px;
	width: 384px;
}
.hiroba #textArea .youkou h5 {
	background: url(../hiroba/images/star.gif) no-repeat left top;
	padding-top: 3px;
	padding-left: 30px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FF679D;
	padding-bottom: 10px;
}
.hiroba #textArea .youkou ul {
	margin-left: 30px;
	margin-bottom: 20px;
}

.hiroba #textArea .youkou .dot li {
	list-style: disc url(none) inside;
}
.hiroba #textArea .youkou .square li {
	list-style: square url(../hiroba/images/square.gif) outside;
	margin-left: 20px;
}
.hiroba #textArea .youkou .square  .dot li {
	list-style: disc url(none) inside;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .formBtn {
	padding-bottom: 50px;
	padding-top: 20px;
}
.hiroba #textArea .formBtn a {
	background: url(../hiroba/images/form_btn.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 251px;
	margin-right: auto;
	margin-left: auto;
}
.hiroba #textArea .formBtn a:hover {
	background: url(../hiroba/images/form_btn.gif) no-repeat 0px -41px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 251px;
	margin-right: auto;
	margin-left: auto;
}
.hiroba #textArea .formBtn2 {
	padding-bottom: 50px;
	padding-top: 20px;
}
.hiroba #textArea .formBtn2 a {
	background: url(../hiroba/images/form2_btn.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 251px;
	margin-right: auto;
	margin-left: auto;
}
.hiroba #textArea .formBtn2 a:hover {
	background: url(../hiroba/images/form2_btn.gif) no-repeat 0px -41px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 251px;
	margin-right: auto;
	margin-left: auto;
}
.hiroba #textArea .formArea h4 {
	background: url(../hiroba/images/form_title2.gif) no-repeat;
	text-indent: -9999px;
	height: 39px;
	width: 200px;
}
.hiroba #textArea .formArea .formTable {
	border: 10px solid #EFEEEC;
	padding: 10px;
	margin-bottom: 50px;
}



/* かべがみ　*/

.hiroba #textArea .kabegamiMidashi {
	background: url(../images/line.gif) no-repeat center bottom;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.hiroba #textArea .kabegamiMidashi p {
	padding-left: 20px;
}

.hiroba #textArea .kabegamiList {
	width: 658px;
	margin-right: auto;
	margin-left: auto;
}

.hiroba #textArea .kabegami {
	background: url(../hiroba/images/bg_kabegami.gif) no-repeat center top;
	height: 350px;
	width: 329px;
	float: left;
}
.hiroba #textArea .kabegami .thmbnail {
	text-align: center;
	margin-top: 20px;
	height: 249px;
}



.hiroba #textArea .kabegami ul.size {
	margin-left: 43px;
	vertical-align: top;
}
.hiroba #textArea .kabegami ul.size li {
	height: 23px;
	width: 110px;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	vertical-align: top;
}
.hiroba #textArea .kabegami ul.size span {
	display: none;
}
.hiroba #textArea .kabegami ul.size .list_01 {
	height: 26px;
	width: 121px;
}
.hiroba #textArea .kabegami ul.size .list_02 {
	height: 26px;
	width: 119px;
}
.hiroba #textArea .kabegami ul.size .list_03 {
	height: 26px;
	width: 121px;
}
.hiroba #textArea .kabegami ul.size .list_04 {
	height: 26px;
	width: 119px;
}
.hiroba #textArea .kabegami ul.size .list_01 a {
	background: url(../hiroba/images/btn_kabegami1.gif) no-repeat;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .kabegami ul.size .list_02 a {
	background: url(../hiroba/images/btn_kabegami2.gif) no-repeat;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .kabegami ul.size .list_03 a {
	background: url(../hiroba/images/btn_kabegami3.gif) no-repeat;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .kabegami ul.size .list_04 a {
	background: url(../hiroba/images/btn_kabegami4.gif) no-repeat;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .kabegami ul.size .list_01 a:hover {
	background: url(../hiroba/images/btn_kabegami1.gif) no-repeat 0px -21px;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .kabegami ul.size .list_02 a:hover {
	background: url(../hiroba/images/btn_kabegami2.gif) no-repeat 0px -21px;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .kabegami ul.size .list_03 a:hover {
	background: url(../hiroba/images/btn_kabegami3.gif) no-repeat 0px -21px;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .kabegami ul.size .list_04 a:hover {
	background: url(../hiroba/images/btn_kabegami4.gif) no-repeat 0px -21px;
	display: block;
	height: 21px;
	width: 119px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.hiroba #textArea .setting {
	background: url(../hiroba/images/kabegami_setting.gif) no-repeat;
	text-indent: -9999px;
	height: 363px;
	width: 655px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
div#gameArea h2 {
	display: none;
}
div#gameArea h3 {
	display: none;
}
div#gameArea .categoryHead #pankuzu {
	padding-top: 100px;
}
div#gameArea .categoryHead #pankuzu a {
	text-decoration: underline;
}div#gameArea #textArea ul {
	background: url(../hiroba/images/game_character.gif) no-repeat right 50px;
	margin-bottom: 30px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
div#gameArea #textArea li {
	text-align: center;
	height: 195px;
	width: 330px;
	padding-top: 25px;
	float: left;
	background: url(../hiroba/images/game_waku.gif) no-repeat center top;
}

div#gameArea #textArea li a {
	background: url(../hiroba/images/btn_game.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 193px;
	margin-right: auto;
	margin-left: auto;
}
div#gameArea #textArea li a:hover {
	background: url(../hiroba/images/btn_game.gif) no-repeat 0px -37px;
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 193px;
	margin-right: auto;
	margin-left: auto;
}
div#gameArea #textArea .link {
	padding-top: 10px;
}
div#gameArea #textArea #flashArea {
	height: 640px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}


/* お天気 */


.hiroba #textArea #weather .midashi {
	background: url(../images/line.gif) no-repeat center bottom;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.hiroba #textArea #weather .midashi p {
	padding-left: 20px;
}
.hiroba #textArea #weather .weatherList {
	background: #EFEEEB;
	display: block;
	padding-top: 10px;
}

.hiroba #textArea #weather .weatherList ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: #EFEEEB;
}
.hiroba #textArea #weather .weatherList li {
	float: left;
	width: 222px;
	height: 118px;
}
.hiroba #textArea #weather .cyui {
	font-size: 0.9em;
	padding-top: 30px;
}