h1, h2, h3, h4, p, ol, ul, li, td {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
	
img {
	border: none;
	}
	
.parts img {
	display: block;
	}

#container {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	}


/*  For top page--------------------------------------------------------  */

#bannerForTop {
	width: 850px;
	margin: 0px;
	}
	
#bannerForTop p.thissite {
	font-size: 8pt;
	}
	
#bannerForTop div.uti {
	margin: 0px 0px 0px 10px;
	}
	
#bannerForTop form {
	margin: 0px;
	}

#bannerForTop span {
	color: #ffbbcc;
	}

	
#mainForTop {
	background-image: url(http://www.hiro-yuppy.net/image/top_main_bg.gif);
	margin: 0px;
	}
	
	
/*  Left side---------------------------------------------------------------  */

#leftForTop {
	width: 350px;
	float: left;
	}

.date {
	text-align: right;
	font-size: 9px;
	color: #666666;
	margin: 0px 10px 10px 0px;
	}

#leftForTop div.entry {
	margin: 0px 10px 10px 30px;
	background-image: url(http://www.hiro-yuppy.net/image/top_entry_bg.gif);
	background-repeart: repeart-y;
	}

.entrytitle {
	margin: 10px 10px 0px 10px;
	}	
	
#leftForTop div.info {
	margin: 0px 10px 10px 30px;
	background-image: url(http://www.hiro-yuppy.net/image/top_info_bg.gif);
	background-repeart: repeart-y;
	}

#leftForTop div.info p {
	margin: 10px;
	}

#leftForTop div.org {
	margin: 0px 10px 10px 30px;
	background-image: url(http://www.hiro-yuppy.net/image/top_org_bg.gif);
	background-repeart: repeart-y;
	}

#leftForTop div.org p {
	margin: 10px;
	}

#leftForTop div.report {
	margin: 0px 10px 10px 30px;
	background-image: url(http://www.hiro-yuppy.net/image/top_report_bg.gif);
	background-repeart: repeart-y;
	}

#leftForTop div.report p {
	margin: 10px;
	}
	
.reportdate {
	text-align: right;
	font-size: 9px;
	color: #666666;
	margin: 0px 10px 10px 0px;
	}	

#leftForTop div.thumb {
	float: right;
	margin: 2px;
	}
	
#leftForTop div.invite {
	margin: 0px 10px 10px 30px;
	background-image: url(http://www.hiro-yuppy.net/image/top_invite_bg.gif);
	background-repeart: repeart-y;
	}

#leftForTop div.invite p {
	margin: 10px;
	}

/*  Right side--------------------------------------------------------------  */


#rightForTop {
	width: 499px;
	float: right;
	}
	
#rightForTop div.event {
	margin: 15px 29px 10px 0px;
	width: 470px; 
	background-image: url(http://www.hiro-yuppy.net/image/top_event_bg.gif);
	background-repeart: repeart-y;
	}	
	
#rightForTop div.event p {
	margin: 10px 10px 10px 20px;
	}
	
#rightForTop div.event table {
	margin: 10px 10px 10px 10px;
	}	

#rightForTop div.genre {
	margin: 0px 29px 10px 0px;
	width: 470px; 
	background-image: url(http://www.hiro-yuppy.net/image/top_past_bg.gif);
	background-repeart: repeart-y;
	}	
	
#rightForTop div.genre p {
	margin: 10px 10px 10px 20px;
	}
		
#rightForTop div.yuppy {
	margin: 0px 29px 10px 0px;
	background-image: url(http://www.hiro-yuppy.net/image/top_yuppy_bg.gif);
	background-repeart: no-repeat;
	width: 470px;  
	height: 90px;
	}	

#rightForTop div.dream {
	margin: 0px 29px 10px 0px;
	background-image: url(http://www.hiro-yuppy.net/image/top_dream_bg.gif);
	background-repeart: no-repeat;
	width: 470px;  
	}
	
.profile {
	padding: 20px 0px 10px 80px;
	}
	
.sp {
	color: #ff6600;
	font-size: 15pt;
	}
	
.right {
	text-align: right;
	padding: 0px 20px 0px 0px;
	}
	
/*  Bottom-----------------------------------------------------------------  */
	
.clear {
	clear: both;
	}

#bottomnaviForTop {
	background-image: url(http://www.hiro-yuppy.net/image/top_bottom_bg.gif);
	margin: 0px;
	}

#bottomnaviForTop table {
	margin: 0px 0px 0px 20px;
	}

#bottomnaviForTop a {
	color: #ffffff;
	}

#bottomnaviForTop p {
	color: #ffffff;
	text-align: center;
	}

/*  Footer------------------------------------------------------------------  */

#footerForTop {
	background-color: #009900;
	margin: 0px;
	}	

#footerForTop a {
	color: #ffffff;
	}

#footerForTop p {
	color: #ffffff;
	padding: 5px 0px 5px 20px;
	}
	
#footerForTop p.copy {
	text-align: right;
	padding: 0px 20px 5px 0px; 
	}

	

	
/*  For archive page --common------------------------------------------------  */

#banner1 {
	display: block;
	}
	
#banner2 {
	}
	
#banner2 p {
	font-size: 13pt;
	padding: 10px 0px 10px 30px;
	}
	
.content440 {
	width: 440px;
	float: left;
	}

.content440 h2 {
	font-size: 13pt;
	margin: 10px 0px 10px 20px;
	}

.content440 p {
	margin: 0px 0px 10px 30px;
	}

.content440 ul {
	margin: 0px 0px 10px 40px;
	}
	
.content440 li {
	list-style-type: none;
	}

.content640 {
	width: 640px;
	float: left;
	}
	
.content640 h2 {
	font-size: 13pt;
	margin: 10px 0px 10px 20px;
	}
	
.content640 p{
	margin: 0px 0px 10px 30px;
	}

.content640 ul {
	margin: 0px 0px 10px 40px;
	}
	
.content640 li {
	list-style-type: none;
	}

.flashmap {
	margin: 0px 0px 10px 50px;
	}

.side_left {
	width: 200px;
	float: left;
	}	

.side_left p {
	margin: 10px;
	}                           

.side_left select {
	width: 150px;
	}

.side_left ul {
	margin: 10px 10px 20px 10px;
	}

.side_left li {
	list-style-type: none;
	margin: 10px 20px 10px 10px;
	}

.side_monthly {
 	width: 200px;
	float: left;
	}
	
.side_monthly ul {
	margin: 10px 10px 20px 10px;
	}

.side_monthly li {
	list-style-type: none;
	}
	
.side_right {
	width: 210px;
	float: right;
	}	

.side_right p {
	margin: 10px;
	}

.side_right p.tag {
	margin-left: 20px;
	margin-right: 20px;
	}

.side_right ul {
	margin: 10px 20px 10px 20px;
	}

.side_right li {
	list-style-type: none;
	}

.side_right ul.indent {
	margin: 10px 20px 10px 20px;
	}

.side_webpage {
	width: 210px;
	float:right;
	}

.side_webpage ul {
	margin: 0px 20px 10px 10px
	}

.side_webpage li {
	list-style-type: none;
	}

.end {
	clear: both;
	}
	
#footer {
	background-color: #009900;
	margin: 0px;
	}
	
#footer p {
	color: #ffffff;
	padding: 5px 0px 5px 10px;
	}
	
#footer p.copy {
	text-align: right;
	margin: 0px 10px 5px 0px;
	}


/* For archive page individual---------------------------------------------------  */
		
#mainForEvent {
	background-image: url(http://www.hiro-yuppy.net/image/event_main_bg.gif);
	}

#mainForArea {
	background-image: url(http://www.hiro-yuppy.net/image/event_main_bg_top.gif);
	}

#mainForInfo {
	background-image: url(http://www.hiro-yuppy.net/image/info_main_bg.gif);
	}
	
#mainForReport {
	background-image: url(http://www.hiro-yuppy.net/image/report_main_bg.gif);
	}

#mainForInvite {
	background-image: url(http://www.hiro-yuppy.net/image/invite_main_bg.gif);
	}

.listForCatpage ul {
	margin: 20px 0px 10px 30px;
	}
	
.listForCatpage li {
	margin-bottom: 5px;
	}

.listForCatpage p {
	margin: 20px 0px 0px 30px;
	line-height: 120%;
	}

.listForCatpage p.cat_tag {
	margin: 0px 0px 0px 50px;
	color: #ff0000;
	}

.cat_and_tag {
	padding-left: 20px;
	color: #ff0000;
	}

#mainForOrg {
	background-image: url(http://www.hiro-yuppy.net/image/org_main_bg_top.gif);
	}

#mainForOrg table.des {
	margin: 0px 0px 20px 30px;
	}
	
#mainForOrg ul.deslist {
	margin: 0px 0px 0px 40px;
	}
	
#mainForOrg ul.deslist li {
	margin: 0px;
	list-style-type: disc;
	}

#mainForOrg ol.list {
	margin: 0px 0px 0px 40px;
	}

#mainForOrg ol.list li {
	margin: 0px;
	list-style-type: decimal;
	}

#mainForOrgTop {
	background-image: url(http://www.hiro-yuppy.net/image/org_main_bg_top.gif);
	}

#mainForOrgTop ul.orgtop {
	margin: 10px 0px 10px 20px;
	}


#mainForOther {
	background-image: url(http://www.hiro-yuppy.net/image/other_main_bg.gif);
	}
	
#mainForOther h3.other {
	margin: 0px 0px 5px 30px;
	}
	
#mainForOther p.textforother {
	margin: 0px 20px 10px 40px;
	border-bottom: 1px dotted #999999;
	}

#mainForOther p.textforcat {
	margin: 0px 20px 5px 40px;
	color: #ff6600;
	}

#mainForOther span {
	color: #999999;
	font-size: 9pt;
	}
	
#mainForOther table {
	margin: 10px 10px 10px 30px;
	}

#mainForOther table.tableInTable {
	margin: 0px;
	}

#mainForOther2 {
	background-image: url(http://www.hiro-yuppy.net/image/other2_main_bg.gif);
	}

#mainForPast {
	background-image: url(http://www.hiro-yuppy.net/image/past_main_bg.gif);
	}	
	
#mainForEntryPast {
	background-image: url(http://www.hiro-yuppy.net/image/past_entry_bg.gif);
	}		

#mainForEntry {
	background-image: url(http://www.hiro-yuppy.net/image/entry_main_bg.gif);
	}


/*  For entry page --------------------------------------------------------------  */


.contentEntry {
	width: 640px;
	float: left;
	}

.contentEntry h2 {
	font-size: 12pt;
	font-weight: bold;
	padding: 10px 0px 10px 20px;
	}

.contentEntry p {
	margin: 0px 20px 10px 30px;
	}
	
.contentEntry table {
	line-height: 150%;
	margin: 0px 0px 20px 30px;
	}

.contentEntry table.inTable {
	margin: 0px;
	}
	
.contentEntry table.forReport {
	line-height: 150%;
	margin:0px 0px 20px 50px;
	}

.contentEntry p.bold {
	font-weight: bold;
	}
	
.contentEntry p.entryIndent {
	margin-left: 50px;
	}

.contentEntry p.date {
	clear: both;
	color: #666666;
	text-align: right;
	font-size: 9pt;	
	}

.contentEntry P.deta {
	border-top: 1px solid #cccccc;
	color: #666666;
 	font-size: 9pt;
	margin: 0px 20px 20px 30px;
	padding-top: 5px;
	}


.ulForEntry {
	list-style-type: disc;
	margin-left: 40px; 
	}
	
.ulForEntryReport {
	list-style-type: disc;
	margin-bottom: 20px;
	margin-left: 60px;
	}	

.olForEntry {
	margin: 0px 0px 10px 45px;
	list-style-type: decimal;
	}
	
.olForEntryReport {
	list-style-type: decimal;
	margin-bottom: 20px;
	margin-left: 60px;
	}	
	
.caption {
	width: 250px;
	float: right;
	margin: 0px 0px 0px 5px;
	text-align: center;
	}
	
.caption p {
	margin: 5px;
	text-align: center;
	font-weight: bold;
	}
	
.caption span {
	border-top: 2px dotted #0000cc;
	border-bottom: 2px dotted #0000cc;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
.caption410 {
	width: 410px;
	float: right;
	margin: 0px 0px 0px 5px;
	text-align: center;
	}

.caption410 p {
	margin: 5px;
	text-align: center;
	font-weight: bold;
	}
	
.caption410 span {
	border-top: 2px dotted #0000cc;
	border-bottom: 2px dotted #0000cc;
	padding-top: 2px;
	padding-bottom: 2px;
	}
		
.caption310 {
	width: 310px;
	float: right;
	margin: 0px 0px 0px 5px;
	text-align: center;
	}

.caption310 p {
	margin: 5px;
	text-align: center;
	font-weight: bold;
	}
	
.caption310 span {
	border-top: 2px dotted #0000cc;
	border-bottom: 2px dotted #0000cc;
	padding-top: 2px;
	padding-bottom: 2px;
	}				
	
.caption310 span.pt9 {
	font-size: 9pt;
	border-top: 2px dotted #0000cc;
	border-bottom: 2px dotted #0000cc;
	padding-top: 2px;
	padding-bottom: 2px;
	}		
	
/*------------------------------------------------リンクページ用---*/

.linkpage li {
	margin-left: 30px;
	list-style-type: disc;
	}
			
