@charset "Shift_JIS";

div#header {
	margin-top: 0;
}
	div#header div#hoboCinema {
		background-color: #000;
		margin-bottom: 25px;
		text-align: center;
	}
	div#header h1 {
		margin-bottom: 0;
		padding: 0 25px;
	}
	div#header p#yodogawa {
		padding: 0 25px;
	}
	div#header p.yodoText {
		text-align: center;
		font-weight: bold;
		width: auto;
	}

div#contents {
	padding: 0 25px;
	margin-bottom: 50px;
}
	div#contents h2 {
		width: 500px;
		margin: 3em auto 1em;
		text-align: left;
	}
	div#contents h3 {
		width: 500px;
		margin: 3em auto 1em;
		text-align: left;
	}
	div#contents p {
		width: 500px;
		margin: 0 auto;
		margin-bottom: 1em;
	}

div#contents div#links {
	width: 500px;
	margin: 50px auto;
}
	div#contents div#links h2 {
		font-size: 16px;
		text-align: left;
	}
	div#contents div#links ul li {
		float: left;
		padding-right: 10px;
	}

div#footer {
}

#likebutton {
	margin-top: 20px;
}


.youtube {
	margin-bottom: 3em;
}

.attention {
	color: #E60000;
	font-weight: bold;
}
.attention2 {
	color: #0000E6;
	font-weight: bold;
}

.formItem {
	width: 500px;
	margin: 0 auto;
}
	.formItem ul li {
		float: left;
		padding-right: 20px;
	}

.buttons {
	width: 500px;
	margin: 50px auto 70px;
}
	.buttons p {
		text-align: center;
	}

#gotoLogin {
	font-weight: bold;
	text-align: center;
}

#send {
	width: 500px;
	margin: 50px auto;
	text-align: center;
	cursor: pointer;
}
	
#top {
	width: 500px;
	margin: 50px auto;
	text-align: center;
}

#topicpath {
	font-size: 12px;
	text-align: right;
	padding: 0 40px;
}
	#topicpath .current {
		font-weight: bold;
		letter-spacing: 0;
		color: #666;
		cursor: default;
	}
	#topicpath .arrow {
		font-weight: bold;
		letter-spacing: 0;
		color: #999;
		padding: 0 5px;
	}

#explain {
	background-color: #FFF;
	margin: 5px 0;
	padding: 10px 15px;
	border: 5px solid #E70012;
}
#explainTitle {
	font-size: 12px;
	line-height: 1.25em;
	font-weight: bold;
	color: #999;
}
	#explainTitle span.icon {
		padding-right: 6px;
	}
	#explainTitle span.icon img {
		vertical-align: middle;
	}
#explainComment {
	line-height: 1.25em;
	padding-top: 5px;
	padding-left: 20px;
	font-weight: bold;
}
	#explainComment span.date {
		font-size: 10px;
		color: #987929;
	}



#tweet .trigger {
	position: relative;
	background-color: #CBA238;
	padding: 5px 5px 0 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #4C3B15;
	cursor: pointer;
}


#tweet .trigger span.arrow1 {
	border-left: 5px solid transparent;
    border-top: 6px solid #FFF;
    border-right: 5px solid transparent;
    display: block;
    right: 9.5em;
    margin: 7px auto;
    position: absolute;
    width: 0;
}
#tweet .trigger span.arrow2 {
	border-bottom: 5px solid transparent;
    border-left: 6px solid #FFF;
    border-top: 5px solid transparent;
    display: block;
    right: 9.5em;
    margin: 5px auto;
    position: absolute;
    width: 0;
}
	
.twtr-hd {
	padding-top: 0 !important;
}
.twtr-doc, .twtr-timeline {
	border-radius: 0 !important;
}
.twtr-join-conv {
	font-size: 10px;
	line-height: 1em;
}