@charset "UTF-8";


/* 初期化とセンタリング */
* {
	margin: 0;
	padding: 0;
	border-width: 0;
}


body {
	text-align: center;
	width: 100%;

	margin-top: 0;
	padding: 0;

	background-color: #ffffff;
}

/* a要素の設定 */
a {
	text-decoration: none;
}

a:link { /* 未読のリンク。bodyのlink属性 */
	color: #096;
}

a:visited { /* 訪問済みのリンク。bodyのvlink属性 */
	color: #2b94a6;
}

a:focus, a:hover { /* フォーカス, マウスが乗っかっているリンク */
	background-color: #F00;
	color: white;
	text-decoration : none;
}

a:active { /* bodyのalink属性。ブラウザごとに挙動が違う */
}


/* 03ボカロ */

#main03 {
	text-align: left;
	width: 984px;

	margin-left: auto;
	margin-right: auto;

	color:#FF0099;
	background-color: #ffffff;
}


#main-box03 {
	background-image: url("./image/io-vox-back03.png");
	background-repeat: no-repeat;
	background-position: top;

	text-align: left;

	color:#FF0099;
	background-color: #ffffff;
}

#intro-table03 {
	margin: 0;
	padding: 0;
	color:#FF0099;
}

#intro-table-left03 {
	padding: 0 0 20px 50px;

	font-size: 14px;
}



#top-table03 {
	margin: 0;
	padding: 60px 0 0 50px;
	margin: 0px 0px 140px 0px;

	color:#FF0099;
}

#top-table-right03 {
	font-size: 10px;
}


#top-table-left03 {
	font-size: 12px;
	color: #FF0099;
}

#pv-table3_01{
	padding: 0px;
	margin: 60px 0px 0px 35px;
	}


#vcl1-table1_03 {
	margin: 0;
	padding: 50px 0 0 0px;

	color: #FF0099;
	font-size: 12px;
}

a.vcl03 {
	text-decoration: none;
}

#top-uno {
	margin: 0;
	padding: 100px 0 0 110px;
}

a:link.vcl03 { /* 未読のリンク。bodyのlink属性 */
	color: #F33;
}

a:visited.vcl03 { /* 訪問済みのリンク。bodyのvlink属性 */
	color: #FF0099;
}

a:focus.vcl03, a:hover.vcl03 { /* フォーカス, マウスが乗っかっているリンク */
	background-color: #FF0033;
	color: #FFFFFF;
	text-decoration : none;
}

a:active.vcl03 { /* bodyのalink属性。ブラウザごとに挙動が違う */
}



/* 02ボカロ */

#main02 {
	text-align: left;
	width: 984px;

	margin-left: auto;
	margin-right: auto;

	color:#ff00cc;
	background-color: #ffffff;
}


#main-box02 {
	background-image: url("./image/io-vox-back02.png");
	background-repeat: no-repeat;
	background-position: top;

	text-align: left;

	color:#00008B;
	background-color: #ffffff;
}

#intro-table02 {
	margin: 0;
	padding: 0;
	color:#00008B;
}

#intro-table-left02 {
	padding: 0 0 20px 50px;

	font-size: 14px;
}



#top-table02 {
	margin: 0;
	padding: 60px 0 0 50px;

	color:#00008B;
}

#top-table-right02 {
	font-size: 10px;
}


#top-table-left02 {
	font-size: 12px;
	color: #00008B;
}

#pv-table_02 {
	margin: 0;
	padding: 350px 0 0 0;
	color: #00008B;
}

#pv-table1-staff02 {
	padding: 12px 0 0 120px;

	color: #00008B;
	font-size: 10px;
	align: left;
}

#pv-table2_01 {
	padding: 0;
	margin: 60px 0 0 50px;
}

#vcl1-table1_02 {
	margin: 0;
	padding: 50px 0 0 0px;

	color: #000000;
	font-size: 12px;
}

a.vcl02 {
	text-decoration: none;
}

#top-minami {
	margin: 0;
	padding: 100px 0 0 110px;
}

a:link.vcl02 { /* 未読のリンク。bodyのlink属性 */
	color: #3366FF;
}

a:visited.vcl02 { /* 訪問済みのリンク。bodyのvlink属性 */
	color: #3300FF;
}

a:focus.vcl02, a:hover.vcl02 { /* フォーカス, マウスが乗っかっているリンク */
	background-color: #6666FF;
	color: #3300FF;
	text-decoration : none;
}

a:active.vcl02 { /* bodyのalink属性。ブラウザごとに挙動が違う */
}



/* 01ボカロ */

#main01 {
	text-align: left;
	width: 984px;

	margin-left: auto;
	margin-right: auto;

	color: #2b94a6;
	background-color: #ffffff;
}

/* メインBox定義 */

#main-box01 {
	background-image: url("./image/io-vox-back.png");
	background-repeat: no-repeat;
	background-position: top;

	text-align: left;

	color: #2b94a6;
	background-color: #ffffff;
}




/* サブBox定義 */


#intro-table {
	margin: 0;
	padding: 0;

	color: #2b94a6;
}


#intro-table-left {
	padding: 0 0 20px 50px;

	font-size: 14px;
}

#intro-table-right {
}



#top-void {
	margin: 0;
	padding: 100px 0 0 110px;
}



#top-table {
	margin: 0;
	padding: 200px 0 0 50px;

	color: #2b94a6;
}

#top-table-left {
	font-size: 12px;
}

#top-table-right {
	font-size: 10px;
}

#top-table-right-rubi {
	font-size: 7px;
	font-style: normal;
}



#pv-table1 {
	margin: 0;
	padding: 200px 0 0 0;

	color: #2b94a6;
}

#pv-table1-left {
	padding: 0 0 0 50px;

	align: center;
}

#pv-table1-staff {
	padding: 12px 0 0 120px;

	color: #2b94a6;
	font-size: 10px;
	align: left;
}


#pv-table1-right {
	padding: 10px 0 0 0;

	font-size: 26px;
}

#pv-table2 {
	margin: 0;
	padding: 5px 0 0 0;
}

#pv-table1_01 {
	padding: 0;
	margin: 60px 0 0 50px;
}



#vcl1-table1 {
	margin: 0;
	padding: 100px 0 0 50px;

	color: #000000;
	font-size: 12px;
}

#vcl1-table1-left {
	margin: 0;
	padding: 50px 0 0 0px;

	font-size: 12px;
}

#vcl1-table1-right {
	margin: 0;
	padding: 50px 0 0 0px;

	color: #000000;
	font-size: 13px;
}

#vcl1-table1-info {
	margin: 0;
	padding: 10px 0 0 0px;
}



#vcl1-table2 {
	margin: 0;
	padding: 20px 0 0 50px;

	color: #000000;
	font-size: 12px;
}

#vcl1-table2-left {
}


#banner{
	margin: 20px 0 50px 0;
	padding: 0;

	text-align: center;
}


#return-to {
	margin: 0;
	padding: 20px 0 30px 0;

	font-size: 11px;
	text-align: center;
}






/* 仕切り線。clear:both機能つき */
#hrline {
	height: 10px;
	clear: both;  

	margin: 20px 0 20px 0;

	border-width: 0 0 0 0;
	border-style: none;
}

/* 透明な仕切り線。clear:both用途 */
#hrline-no {
	height: 0px;
	clear: both;  
}