/* vioce.cssは【vioce】のみで使用するCSSです。
　 共通のレイアウトや汎用classなどはcommon.cssに記述しています。
--------------------------------------------------------------------------------
*/



/* ■ お問い合わせ ■ */


/* 参加者の声 */
#voice {
}
#voice .area{
	width:734px;
	border: 1px solid #CCCCCC;
	padding: 12px;
	font-size:12px;
	line-height:1.4;
	margin: 0px 0px 20px 0px;
}
#voice .name{
	font-size:14px;
	line-height:1.4;
	font-weight: bold;
}
#voice .vie{
	margin: 10px 0px 5px 0px;
	width:708px;
	border: 1px dotted #7AA8CC;
	padding: 12px;
	font-size:12px;
	line-height:1.4;
	background: #DEE9F2;
}
#voice .player{
	background: url(../images/icon_voice.gif) no-repeat;
	padding: 4px 0px 3px 20px;
	font-weight: bold;
	color: #00519C;
}
#voice .cmt{
	background: url(../images/icon_comment.gif) no-repeat;
	padding: 4px 0px 3px 20px;
	font-weight: bold;
	color: #00519C;
}
#voice .read{
	color: #00519C;
	padding: 0px 0px 0px 20px;
}
#voice table{
}
#voice td{
	width:120px;
}
#voice .flame{
	padding: 5px 0px 0px 5px;
	background: url(../images/photoflame_small.gif) no-repeat;
	width: 109px;
	height: 84px;
}
#voice .photo{
	padding: 8px 0px 0px 0px;
}

/* 各種イベント企画のご案内 */
#contact {
	width:760px;
}
#contact .bg{
	height:31px;
	padding:  12px 6px 3px 48px;
	background: #DEDEDE url(../images/topics_backimg.gif) no-repeat;
}
#contact h2{
	font-size:14px;
	line-height:1.4;
}
#contact .area{
	padding:  10px 0px 18px 48px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#contact .link {
	display:inline;
	font-size:75%;
	line-height:1.4;
	padding: 0px 13px 0px 14px;
	background: url(../images/arrow01.gif) no-repeat;
}

/* ■ ボタン設定 ■ */
#bbtn {
	font-size:75%;
	line-height:1.4;
	width:710px;
	padding: 10px 0px 10px 0px;
}
#bbtn ul{
	text-align:center
}

#bbtn li{
	margin: 0px 5px 0px 0px;
	width:166px;
	float:left;
}
#bbtn li.bth{
	margin: 0px 0px 0px 0px;
	width:166px;
}

#bbtn .pad1{
	padding: 14px 0px 0px 0px;
}
#bbtn .pad2{
	padding: 7px 0px 0px 3px;line-height: 1.3;letter-spacing: -1px;
}

#bbtn a{display:block;}

#bbtn a{
	color:#333333;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b04.gif) no-repeat;
	height:38px;
}

#bbtn a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b04.gif) no-repeat;
	height:38px;
}

/* ■ 20090209追加　ページ遷移ナビ ■ */
#past { margin: 20px 0px 20px 0px;}
#past .area { width:728px; border: 4px solid #E1E1E1;padding: 12px 12px 12px 12px;}
#past .ttl { font-size:100%; font-weight: bold; color: #0051C5; padding: 0px 0px 6px 0px;}
#past li.link {
	display:inline;
	font-size:100%;
	line-height:21px;
	padding: 0px 13px 6px 14px;
	background: url(../images/arrow01.gif) no-repeat;
}