@charset"Shift_JIS";

*{
  margin:0;
  padding:0;
  zoom:1;
}


/*ブラウザのデフォルトスタイルをリセットする設定（START）*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0; padding:0;
}

html {
  scrollbar-face-color: #F69;
  scrollbar-track-color: #FFF;
}

table{border-collapse:collapse; border-spacing:0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight:normal;}

caption, th{text-align: left;}

h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}

q:before,q:after{content:'';}

abbr,acronym{ border:0; font-variant:normal;}
sup { vertical-align:text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend{color:#000;}
/*ブラウザのデフォルトスタイルをリセットする設定（END）*/



/*ブラウザのフォントサイズ・フォントファミリーを揃える（START）*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;
		*font-size:small;
		*font:x-small;
}
table{font-size:inherit; font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;
*font-size: 108%;
line-height:100%;}

/*Opera9*/
;;body { font-family: "メイリオ", Meiryo, Arial, Helvetica, sans-serif; }

/*Internet Explorer8*/
html>/**/body { font-family: "メイリオ", Meiryo, Arial, Helvetica, sans-serif; }

/*Internet Explorer7*/
*:first-child+html body { font-family: "メイリオ", Meiryo, sans-serif; }

/*Internet Explorer6 or sooner*/
* html body { font-family: "メイリオ", Meiryo, sans-serif; }

/*ブラウザのフォントサイズ・フォントファミリーを揃える（END）*/

/*子ボックスの背景が親ボックスにも継承されるようにclearfixを設定*/
.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
  
.clearfix {display: inline-block;} 
  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */







/*ベーシック設定--------------------------------------------------------------------------*/

#top_index { background: #f495bc url(../img/bg.gif) repeat-y center; margin: 0px; text-align: center; }

#top_container { display: block; width: 920px; height: 580px; text-align: left; margin: auto; }

#left_box {
	display: block;
	background: url(../img/top_logo.gif) no-repeat 0 0;
	width: 160px;
	height: 556px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#left_box h1 { display: block; width: 160px; height: 160px; margin: 0; padding: 0; }
#left_box h1 a { display: block; width: 160px; height: 160px; margin: 0; padding: 0; text-indent: -9999px; }

#menu { display: block; width: 160px; height: 238px; margin: 10px 0 0 0; padding: 0; }

#menu li { display: block; width: 160px; height: 48px; margin: 0; list-style: none; }

#menu a.btn1 {
	display: block;
	width: 160px;
	height: 46px;
	background: url(../img/menu.gif) 0px 0px;
	margin: 0;
}

#menu a.btn2 {
	display: block;
	width: 160px;
	height: 46px;
	background: url(../img/menu.gif) 0px -48px;
	margin: 2px 0 0 0;
}

#menu a.btn3 {
	display: block;
	width: 160px;
	height: 46px;
	background: url(../img/menu.gif) 0px -96px;
	margin: 2 0 0 0;
}

#menu a.btn4 {
	display: block;
	width: 160px;
	height: 46px;
	background: url(../img/menu.gif) 0px -144px;
	margin: 2 0 0 0;
}

#menu a.btn5 {
	display: block;
	width: 160px;
	height: 46px;
	background: url(../img/menu.gif) 0px -192px;
	margin: 2px 0 0 0;
}

#menu a:hover.btn1 {background-position: -160px -0px;}
#menu a:hover.btn2 {background-position: -160px -48px;}
#menu a:hover.btn3 {background-position: -160px -96px;}
#menu a:hover.btn4 {background-position: -160px -144px;}
#menu a:hover.btn5 {background-position: -160px -192px;}

.top_qr { margin: 6px 0 0 0; }

.copyright { display: block; font-size: 10px; color: #666; text-align: right; clear: both; }

#top_index iframe { display: block; width: 744px; height: 556px; margin: 10px 0 0 12px; float: left; }


#top_main { background: #F4F2F3; margin: 0; overflow: hidden; }

.top_image { display: block; width: 744px; height: 300px; margin: 0; background: url(../img/top_image.jpg) no-repeat; }

.slideshow { display: block; width: 744px; height: 300px; }

#wnew_box { display: block; width: 304px; height: 251px; background: url(../img/wnew_frame.gif) no-repeat; margin: 5px 0 0 0; float: left; }

#wnew_box iframe { display: block; width: 290px; height: 212px; margin: 32px 0 0 6px; }


#career_access { display: block; width: 404px; height: 238px; margin: 13px 0 0 16px; float: left; }

#career_access dl { margin: 0px; padding: 0; font-size: 10px; }

#career_access dt.docomo {
	margin: 0;
	padding: 0;
	color: #000000;
	background: #FFCC00;
	margin: 7px 0 0 0;
	padding: 0 0 0 5px;
}

#career_access dt.au {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background: #FF6600;
	margin: 7px 0 0 0;
	padding: 0 0 0 5px;
}

#career_access dt.softbank {
	margin: 0;
	padding: 0;
	color: #000000;
	background: #CCCCCC;
	margin: 7px 0 0 0;
	padding: 0 0 0 5px;
}

#career_access dd {
	margin: 0;
	padding: 0;
	color: #333333;
	background: #FFFFFF;
	line-height: 14px;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
}

#career_access dd img {
	margin: 0 4px -2px 4px;
}

#link_box {
	display: block;
	width: 400px;
	height: 72px;
	margin: 0 0 0 0;
	float: left;
}

#link_box img.bnr1 {
	float: left;
	margin: 8px 10px 0 0;
}

#link_box img.bnr2 {
	float: left;
	margin: 8px 0 0 0;
}

/*What's New部分の設定（template/menu.html）*/

#wnew_menu { margin: 0 0 0px 7px; background: #f4f2f3; }

#wnew_menu dl { margin: 0; padding: 0; }

#wnew_menu dt {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#wnew_menu dd {
	font-size: 10px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3366;
	margin: 2px 0px 0px 15px;
	padding: 0px;
}

#wnew_menu dd a { text-decoration: none; color: #FF3366; border-bottom: 1px dashed #FF3366; }

#wnew_menu dd a:hover { text-decoration: none; color: #FF3366; border-bottom: 1px solid #FF3366; }

/*What's New部分の設定（template/news.html）*/

#wnew_news_index { background: #F4F2F3; margin: 0; }

#wnew_news_index h1 {
	display: block;
	background: url(../img/wnew_header.gif) no-repeat;
	width: 724px;
	height: 30px;
	margin: 0;
	text-indent: -9999px;
}

#wnew_news_index h2 {
	display: block;
	font-size: 14px;
	font-weight: 900;
	color: #333333;
	border-bottom: 1px solid #FF6699;
	margin: 10px 15px 0px 30px;
	padding: 2px 0 0 0;
}

#entry {
	display: block;
	width: 682px;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	margin: 5px 15px 20px 30px;
	padding: 5px;
}

#entry td { display: block; padding: 5px; }

.wnew_image1 { float: left; margin: 0 5px 5px 0; }



/*------------アクセス方法の設定------------*/
#access_index {
	margin: 0px;
	background-color: #F4F2F3;
	width: 724px;
	font-size: 12px;
}

#access_index h1 {
	display: block;
	background: url(../img/access_header.gif) no-repeat;
	width: 724px;
	height: 30px;
	margin: 0;
	text-indent: -9999px;
}

/*------------受賞者リンク集の設定------------*/
#prize_winners_index {
	margin: 0 0 10px 0;
	background-color: #F4F2F3;
	width: 724px;
}

#prize_winners_index h1 {
	display: block;
	background: url(../img/prize_winners_header.gif) no-repeat;
	width: 724px;
	height: 30px;
	margin: 0;
	text-indent: -9999px;
}

.year2009 {
	display: block;
	width: 704px;
	background: url(../img/head2009.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2008 {
	display: block;
	width: 704px;
	background: url(../img/head2008.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2007 {
	display: block;
	width: 704px;
	background: url(../img/head2007.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2006 {
	display: block;
	width: 704px;
	background: url(../img/head2006.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2005 {
	display: block;
	width: 704px;
	background: url(../img/head2005.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2004 {
	display: block;
	width: 704px;
	background: url(../img/head2004.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2003 {
	display: block;
	width: 704px;
	background: url(../img/head2003.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2002 {
	display: block;
	width: 704px;
	background: url(../img/head2002.gif) no-repeat;
	text-indent: -999em;
	height: 22px;
	margin: 15px 0 0 10px;
	clear: both;
}

.year2001 {
	display: block;
	width: 704px;
	height: 22px;
	background: url(../img/head2001.gif) no-repeat;
	text-indent: -999em;
	margin: 15px 0 0 10px;
	clear: both;
}


.talents_box {
	display: block;
	width: 224px;
	height: 235px;
	border: 1px solid #FF9999;
	text-align: left;
	float: left;
	margin: 10px 0 0 8px;
}

.talents_box img {
	display: block;
	width: 88px;
	height: 88px;
	margin: 5px 4px 2px 0;
}


.prize {
	color: #FFFFFF;
	font-weight: 900;
	font-size: 12px;
	display: block;
	background: #FF6699;
	margin: 2px 0 0 0;
	padding: 2px 0 0 0;
	text-align: center;
}

.talent_name p {
	display: block;
	color: #999999;
	font-size: 10px;
	font-weight: 500;
	line-height: 16px;
	display: block;
	margin: 5px 0 0 0px;
	padding: 0px;
	text-align: left;
}

.talent_name {
	display: block;
	width: 120px;
	height: 160px;
	color: #333333;
	margin: 5px 0 0px 5px;
	padding: 0px;
	float: left;
}

.talent_name span {
	width: 110px;
	font-size: 14px;
	font-weight: 900;
	line-height: 22px;
	color: #000;
	margin: 0;
	padding: 0;
}

.talent_name em {
	display: block;
	width: 110px;
	font-size: 10px;
	line-height: 12px;
	color: #FF0033;
	margin: -3px 0 0 0;
	padding: 0px;
}

.talent_qr {
	display: block;
	width: 90px;
	height: 160px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 900;
	color: #333333;
	border-left: 1px solid #CCCCCC;
	margin: 7px 0 0 0;
	padding: 0px;
	float: left;
}

.talent_qr img {
	display: inline;
	margin: 35px 0 0 2px;
}

.btn_official a{
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	width: 88px;
	height: 18px;
	background-image: url(../img/btn_official.gif);
	background-position: 0 0;
	margin: 0 0 5px 0;
	float: left;
}

.btn_blog a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	width: 88px;
	height: 18px;
	background-image: url(../img/btn_blog.gif);
	background-position: 0 0;
	margin: 0 0 5px 0;
	float: left;
}

.btn_official a:hover { background-position: 0px -20px; }

.btn_blog a:hover{ background-position: 0px -20px; }


.talent_bottom {
	display: block;
	width: 220px;
	height: auto;
	font-size: 10px;
	text-align: center;
	color: #333333;
	margin: 3px 0 0 0;
}

.dvd_link {
	display: block;
	width: 220px;
	text-align: left;
	color: #009900;
	text-indent: 0px;
	font-size: 10px;
	clear: both;
	margin: 2px 0 0 4px;
}


/*------------配信コンテンツの設定------------*/
#contents_index {
	margin: 0px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #F4F2F3;
	width: 724px;
}

#contents_index h1 {
	display: block;
	background: url(../img/contents_header.gif) no-repeat;
	width: 724px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
}

#contents_index h2 {
	display: block;
	font-size: 14px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 10px solid #FF3366;
	background: #FFFFFF;
	clear: both;
}

.explain_contents {
	display: block;
	width: 340px;
	float: left;
	margin: 10px 0px 0px 15px; 
	padding: 0px;
}

.explain_contents dt{
	color: #006600;
	font-size: 12px;
	border-bottom: 1px solid #006600;
	margin: 0px 0px 0px 0px;
}

.explain_contents dd{
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	margin: 5px 5px 15px 10px;
}

.explain_contents dd li {
	list-style: square;
	margin: 0px;
	padding: 0px;
}


.explain_points {
	display: block;
	width: 330px;
	float: left;
	margin: 10px 0px 0px 10px; 
	padding: 5px;
	border-left: 1px solid #FF3366;
	font-size: 12px;
}

.points_course {
	display: block;
	border: 1px solid #FF3366;
	padding: 5px;
	color: #000000;
	font-weight: 900;
	margin: 20px 30px 0px 10px;
	background: #FFFFFF;
}

.points_list {
	font-size: 10px;
	width: 320px;
	margin: 20px 0px 0px 10px;
	border: 1px solid #CCCCCC;
	padding: 3px;
}

.blog_explain {
	display: block;
	width: 290px;
	float: left;
	margin: 10px 0px 0px 15px; 
	padding: 0px;
}

.blog_explain dt {
	color: #FF3366;
	font-size: 12px;
	border-bottom: 1px solid #FF3366;
}

.blog_explain dd {
	color: #333333;
	font-size: 10px;
	line-height: 14px;
	padding: 5px;
	margin: 0px 0px 20px 0px;
}


/*ブログ記事リスト部分*/
.blog_layout {
	display: block;
	width: 190px;
	height: 620px;
	float: left;
	margin: 10px 0px 0px 10px; 
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #000000;
	font-size: 12px;
}

.blog_list {
	display: block;
	width: 180px;
	height: 430px;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-size: 10px;
	background: #FFFFFF;
}

.blog_header1 {
	display: block;
	text-align: center;
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	margin: 0px;
}

.blog_header2 {
	display: block;
	background: #FF99CC;
	text-align: center;
	color: #990000;
	margin: 2px 0px 2px 0px;
}

.blog_name { color: #0066CC; text-decoration: underline; }
.blog_title1 { color: #FF3366; }

.blog_title2 { color: #FF0000; text-decoration: underline; }

.blog_list hr { display: block; height: 2px; margin: -5px; }

.blog_nextpage { text-align: center; color: #FF0000; margin: 0; }

.blog_footer {
	dsiplay: block;
	border-top: 2px solid #FF99CC;
	border-bottom: 2px solid #FF99CC;
	color: #FF00CC;
	margin: 2px 0px 2px 0px;
}

.blog_copyright {
	display: block;
	color: #FF00CC;
	text-align: center;
	margin: 0px;
}

/*ブログ記事部分*/
.blog_layout2 {
	display: block;
	width: 190px;
	float: left;
	margin: 10px 0px 0px 0px; 
	padding: 5px;
	font-size: 12px;	
}

.blog_entry {
	display: block;
	width: 180px;
	height: 590px;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-size: 10px;
	line-height: 12px;
	background: #FFCCCC;
}

.blog_header3 {
	display: block;
	background: #FF0000;
	color: #FFFFFF;
	text-align: left;
	margin: 2px 0px 2px 0px;
}

.blog_entry_title {
	display: block;
	text-align: center;
	border-bottom: 2px solid #FF6699;
	color: #000000;
}

.blog_image {
	display: block;
	text-align: center;
	margin: 2px;
}

.blog_btn {
	display: block;
	border: 1px double #000000;
	text-align: center;
	background: #FFFFFF;
	width: 170px;
	margin: 5px 0px 5px 5px;
}


/*------------投票2008の設定------------*/

#tohyo2008_index {
	margin: 0px;
	background-color: #F4F2F3;
	width: 724px;
	margin: 0px 0px 10px 0px;
}

#tohyo2008_index h1 {
	display: block;
	background: url(../img/tohyo_header.gif) no-repeat;
	width: 724px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
}

#tohyo2008_index h2 {
	display: block;
	color: #000000;
	font-size: 20px;
	width: 724px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	border-left: 15px solid #FF3366;
	padding: 2px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
}

.tohyo_explain {
	display: block;
	width: 700px;
	height: 103px;
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0px 0px 24px;
}

.tohyo_explain img {
	float: right;
	margin: 0px 0px 0px 10px;
}

.tohyo_explain2 {
	display: block;
	width: 700px;
	height: auto;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0px 0px 24px;
}

.tohyo_image {
	display: block;
	height: 680px;
	border: 1px solid #FF6699;
	padding: 10px;
	margin: 10px 0px 0px 24px;
}

.tohyo_image1 {
	display: block;
	margin: 10px;
	border: 1px solid #333333;
	float: left;
}

.tohyo_image2 {
	display: block;
	margin: 10px;
	border: 1px solid #333333;
	float: left;
}


.tohyo_imgnumber1 {
	display: block;
	width: 200px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

.tohyo_imgnumber2 {
	display: block;
	width: 200px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}