@charset "utf-8";

/* ==================================================

ヴォイスオブロック スタイルシート

================================================== */


/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */


/* 共通 
--------------------------------------------------------------------*/

body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#fff;
	background-color:#000;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#fff;
	text-decoration:none;
}
a:hover,
a:active {
	color:#fff;
	text-decoration:underline;
}
br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}

.main {
	margin:0 auto;
	width:950px;
	text-align:left;
}
.main-area {
	padding-top:30px;
}
.main-area .main-left {
	float:left;
	width:170px;
	text-align:center;
}
.main-area .main-left h2 {
	padding-bottom:30px;
}
.main-area .main-left .left-qr {
	padding-top:30px;
}
.main-area .main-left .left-url {
	padding:10px 0;
}
.main-area .main-right {
	float:right;
	width:750px;
}
.header {
	padding-bottom:32px;
}
.header .top-title {
	padding:30px 0 0 20px;
}
.header .top-text {
	padding:12px 0 32px 20px;
	font-size:85%;
	line-height:120%;
}
.header .tm {
	background:url(../common/tm_bk.gif) repeat-x;
	height:39px;
}
.footer {
	padding:70px 0 30px;
	text-align:center;
}
.footer p {
	font-size:85%;
	line-height:120%;
}
.footer .copyright {
	padding-top:10px;
	color:#969696;
}

/* トップページ 
--------------------------------------------------------------------*/
#top .seo-text {
	margin:0 auto;
	width:950px;
	text-align:left;
}
#top .seo-text h1 {
	color:#969696;
	font-size:85%;
	line-height:30px;
}
#top .top-flash {
	margin:0 auto;
	width:1070px;
}
#top .top-flash2 {
	margin:0 auto;
	width:970px;
	padding-bottom:15px;
}
#top .tm-bk {
	background:url(../common/tm_bk.gif) repeat-x;
	height:39px;
	text-align:left;
}
#top .tm {
	margin:0 auto;
	width:990px;
}
#top .top-main-area {
	padding-bottom:20px;
}
#top .top-main-area .top-main-left {
	float:left;
	width:460px;
}
#top h2 {
	padding:30px 0 7px;
}
#top h2.line {
	border-bottom:solid 1px #505a64;
}
#top h2.next {
	padding-top:20px !important;
}
#top .about-site-area {
	border:solid 1px #ffb41e;
	padding:15px;
	background-color:#000;
}
#top .about-site {
	width:428px;
	padding-bottom:10px;
}
#top .about-site .photo {
	float:left;
	width:110px;
}
#top .about-site .photo-r {
	float:right;
	width:303px;
}
#top .about-site .photo-r .copy {
	padding-bottom:10px;
}
#top .about-site .photo-r .left {
	float:left;
	width:203px;
}
#top .about-site .photo-r .left .text {
	padding:8px 0 10px;
	font-size:85%;
	line-height:120%;
}
#top .about-site .photo-r .right {
	float:right;
	width:85px;
}
#top .about-site-area .navi {
	background-color:#4d3609;
	padding:6px 10px 5px 10px;
	font-size:85%;
	line-height:120%;
}
#top .talking-area {
	border:solid 1px #ffb41e;
	padding:15px;
	background-color:#000;
}
#top .talking-area .youtube {
	width:300px;
	float:left;
}
#top .talking-area .info {
	width:115px;
	float:right;
}
#top .talking-area .info .next {
	padding-top:20px;
}
#top .talking-area .info ul {
	margin-top:2px;
}
#top .talking-area .info li {
	background:url(../img/bn_arrow.gif) no-repeat 0 11px;
	padding:5px 0 0 10px;
}
#top .whatsnew th,
#top .whatsnew td {
	border-bottom:dotted 1px #505a64;
}
#top .whatsnew th {
	width:95px;
}
#top .whatsnew td {
	width:365px;
}
#top .whatsnew th p {
	background:url(../common/arrow_1.gif) no-repeat 5px 11px;
	padding:8px 5px 7px 15px;
	font-size:85%;
	line-height:120%;
}
#top .whatsnew td p {
	padding:8px 5px 7px 0;
	font-size:85%;
	line-height:120%;
}
#top .top-main-area .top-main-right {
	float:right;
	width:465px;
}
#top #feature {
	width:433px;
}
#top #new {
	width:433px;
}
#top .week-frame {
	border:solid 1px #505a64;
	padding:15px;
	background-color:#000;
}
#top .week-frame h4 {
	float:left;
	width:370px;
	line-height:25px;
	padding-bottom:1px;
}
#top #feature h4 {
	color:#ff6464;
}
#top #new h4 {
	color:#e6c832;
}
#top .week-title {
	padding-bottom:11px;
}
#top .week-title h4 img {
	vertical-align:middle;
	margin-right:10px;
}
#top .week-title .day {
	float:right;
	width:63px;
	color:#969696;
	font-size:85%;
	line-height:120%;
	padding-top:8px;
}
#top .week-frame th,
#top .week-frame td {
	padding:4px 0;
	vertical-align:middle;
}
#top #feature th.bk,
#top #feature td.bk {
	background-color:#331414;
}
#top #new th.bk,
#top #new td.bk {
	background-color:#2e280a;
}
#top #feature th p {
	color:#ff6464;
}
#top #new th p {
	color:#e6c832;
}
#top .week-frame th p {
	font-size:85%;
	line-height:120%;
	padding-top:2px;
}
#top .week-frame td p {
	padding:2px 5px 0 10px;
	font-size:85%;
	line-height:120%;
	color:#969696;
}
#top .week-frame td p.color {
	color:#fff !important;
}
#top .top-banner-area {
	padding-top:10px;
}
#top .top-banner-area li {
	float:left;
	width:160px;
}
#top .top-banner-area li.last {
	width:150px !important;
}
#top .top-link-area {
	padding-top:20px;
}
#top .top-link-area .top-link-left {
	float:left;
	width:460px;
}
#top .top-link-area .top-link-right {
	float:right;
	width:460px;
}
#top .top-link-area h3 {
	padding:0 5px 7px;
	font-weight:bold;
	border-bottom:dotted 1px #505a64;
}
#top .top-link-area .link th {
	width:145px;
}
#top .top-link-area .link td {
	width:315px;
}
#top .top-link-area .link th p {
	background:url(../common/arrow_2.gif) no-repeat 5px 10px;
	padding:7px 10px 0 17px;
	font-weight:bold;
	font-size:85%;
	line-height:120%;
}
#top .top-link-area .link td p {
	padding:7px 5px 0 0;
	color:#969696;
	font-size:85%;
	line-height:120%;
}
#top .twitter {
	padding-top:20px;
}

/* 参加ヴォーカリスト 
--------------------------------------------------------------------*/
#vocalist h4.top {
	padding-bottom:5px;
}
#vocalist h4.next {
	padding:30px 0 3px;
}
#vocalist .vocalist-area {
	padding-bottom:30px;
}
#vocalist .vocalist-area .vocalist-left {
	float:left;
	width:365px;
}
#vocalist .vocalist-area .vocalist-right {
	float:right;
	width:365px;
}
#vocalist .frame {
	border:solid 1px #505a64;
	padding:1px;
	background-color:#000;
}
#vocalist .frame .top-line {
	border-top:solid 2px #ffb41e;
	padding:20px 19px 30px;
}
#vocalist .vocalist {
	width:323px;
}
#vocalist .vocalist .photo {
	float:left;
	width:132px;
	padding-bottom:12px;
}
#vocalist .vocalist h3 {
	padding-top:10px;
}
#vocalist .vocalist .kana {
	color:#969696;
	font-size:85%;
	line-height:120%;
	padding:7px 0 15px;
}
#vocalist .vocalist li {
	padding:2px 3px 0;
	font-weight:bold;
	font-size:85%;
	line-height:120%;
}
#vocalist .text {
	padding:2px 3px 0;
	font-size:85%;
	line-height:120%;
}

/* ヴォイス・オブ・ロックとは 
--------------------------------------------------------------------*/
#about h3 {
	padding:40px 0 10px;
}
#about .frame {
	border:solid 1px #505a64;
	padding:1px;
	background-color:#000;
}
#about .frame .top-line {
	border-top:solid 2px #ffb41e;
	padding:39px;
}
#about .top-image {
	padding-bottom:20px;
}
#about h4 {
	padding:20px 0 7px;
}
#about .text {
	padding-bottom:20px;
	border-bottom:dotted 1px #505a64;
}
#about .text2 {
	padding-top:10px;
	font-size:85%;
	line-height:120%;
}
#about .model-box {
	background-color:#332406;
	padding:13px 15px 17px;
}
#about .model-box .title {
	color:#ffb41e;
	padding-bottom:10px;
	font-weight:bold;
}
#about .model-box .title-s {
	color:#ffb41e;
	padding-bottom:3px;
	font-weight:bold;
}
#about .model-box .next {
	margin-top:10px;
	border-top:dotted 1px #ffffff;
	padding-top:10px;
}

/* VOR談話室
--------------------------------------------------------------------*/
.lm-lounge {
	border-top:solid 1px #505a64;
	text-align:left;
}
.lm-lounge dt {
	background:url(../common/arrow_3.gif) no-repeat 10px 14px;
	padding:8px 10px 3px 21px;
	color:#505a64;
}
.lm-lounge dd {
	padding:0 10px 10px 21px;
	border-bottom:solid 1px #505a64;
}
.frame {
	border:solid 1px #505a64;
	padding:1px;
	background-color:#000;
}
.frame .top-line {
	border-top:solid 2px #ffb41e;
	padding:39px;
}
#lounge h3 {
	font-size:125%;
	line-height:130%;
	color:#ffb41e;
}
#lounge .day {
	padding:5px 0 18px;
	border-bottom:dotted 1px #505a64;
}
#lounge .member {
	padding:10px 0 15px;
}
#lounge .talk {
	padding-bottom:100px;
}
#lounge .f {
	background:url(../lounge/img/icon_f.gif) no-repeat 0 4px;
	padding:1px 0 1px 21px;
	color:#ff6464;
}
#lounge .i {
	background:url(../lounge/img/icon_i.gif) no-repeat 0 4px;
	padding:1px 0 1px 21px;
	color:#00b4fa;
}