@charset "utf-8";

p { color:#fff; font-size:160%; }

/*/////////////////////////////////////////////////////////////////////////////////////コンテンツ用*/

/*-------------------------------------main*/
#main {
	background: #036 url(../img/ringer/bg.jpg) no-repeat center top;
	padding: 20px 0;
}
#mainIn {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
#titleBox {
	background-color: #041b3d;
	margin-bottom: 10px;
}
#titleBox p {
	padding: 10px 15px;
}

#storyBox {
	background-color: #000;
	padding-bottom: 30px;
	margin-bottom: 10px;
}
#storyMain {
	padding: 0 30px;
}
#storyLeft {
	float: left;
	width: 400px;
}
#storyRight {
	float: right;
	width: 510px;
}
#storyRight img {
	margin-bottom: 10px;
}
#storyRight p {
	margin-bottom: 20px;
}
#chartBtn {
	margin-left: 50px;
}
#chartBtn img {
	margin: 0;
}
#chartBtn img:hover {
	filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.70;opacity:0.70;
}

#point1Box {
	background: url(../img/ringer/pointBg1.jpg) no-repeat;
	width: 990px;
	height: 426px;
}
#point1Box p {
	padding:140px 370px 0 30px;
}
#point2Box {
	background: url(../img/ringer/pointBg2.jpg) no-repeat;
	width: 990px;
	height: 260px;
	margin-bottom: 10px;
}
#point2Box p {
	color: #000;
	padding:60px 55px 0 370px;
}

#movieBox {
	background: #000;
	padding: 10px;
	margin-bottom: 10px;
}
#movieIn {
	background: url(../img/ringer/bg2.jpg) repeat-y;
}
#movie1 {
	background: url(../img/ringer/movie1Bg.jpg) no-repeat;
	width: 970px;
	height: 266px;
}
#movie {
	margin: 10px 0 0 27px;
	padding-bottom: 20px;
}
.movieBlock {
	width: 300px;
	float: left;
}
.movieBlock p {
	font-size:120%;
	line-height: 140%;
	padding: 75px 0 0 140px;
}

#yesnoBox {
	background: #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#yesnoIn {
	background: url(../img/ringer/bg3.gif) repeat;
	margin: 0 10px;
	padding: 21px 20px 20px;
}
#q1 {
	background: url(../img/ringer/q1bg.jpg) no-repeat;
	width: 930px;
	height: 226px;
	margin-bottom: 20px;
}
#q2 {
	background: url(../img/ringer/q2bg.jpg) no-repeat;
	width: 930px;
	height: 226px;
	margin-bottom: 20px;
}
#q3 {
	background: url(../img/ringer/q3bg.jpg) no-repeat;
	width: 930px;
	height: 226px;
}
/*-------------------------------------↓realtimevote*/
.vote {
	padding: 90px 40px 0 334px;
}
.yesBox {
	float: left;
	width:277px;
	text-align: center;
}
.yesBox img:hover {
	filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";-moz-opacity:0.80;opacity:0.80;
}
.yeshyo {
	color: #690;
	font-size: 180%;
	font-weight: bolder;
	margin: 10px 0 15px;
}
.yesBar {
	float: right;
	background: #690;
	height: 20px;
}
.noBox {
	float: right;
	width:277px;
	text-align: center;
}
.noBox img:hover {
	filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";-moz-opacity:0.80;opacity:0.80;
}
.nohyo {
	color: #09c;
	font-size: 180%;
	font-weight: bolder;
	margin: 10px 0 15px;
}
.noBar {
	float: left;
	background: #09c;
	height: 20px;
}


/*-------------------------------------↑realtimevote*/

#tweetBox {
	background: #000;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#tweetIn {
	background: url(../img/ringer/bg2.jpg) repeat-y;
	margin: 0 10px;
	padding: 15px 20px 20px;
}
#tweetMidashiBox {
	margin-bottom: 20px;
}
#tweetMidashi {
	float: left;
}
#tweetBtn1 {
	float: right;
}
#tweetBtn1 img:hover {
	filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.70;opacity:0.70;
}
/*-------------------------------------↓tweetbox*/
li.tweet {
	background: url(../img/ringer/tweetBg.gif) no-repeat left top;
	margin-bottom: 20px;
}
p.twicon {
	float: left;
}
p.twname {
	margin: 0 0 0 68px;
	background-color: #fff;
	padding: 10px 15px 0;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
p.twname a {
	color: #c00;
	font-weight: bolder;
	text-decoration: none;
}
p.twtext {
	margin: 0 0 0 68px;
	color: #333;
	background-color: #fff;
	padding: 0 15px 10px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
div#box {
	margin-left: 347px;
}
div#box img {
	cursor: pointer;
}
div#box img:hover {
	filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.70;opacity:0.70;
}
/*-------------------------------------↑tweetbox*/
#tweetBtn2 {
	margin-left: 347px;
}
#tweetBtn2 a:hover {
	filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.70;opacity:0.70;
}


/*eof*/