/* @charset "UTF-8"; */

/* HTML							##################################### */

html,body{
	margin: 0; padding: 0;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #626262;
	scrollbar-darkshadow-color: #ebebeb;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #ebebeb;
	scrollbar-shadow-color: #ebebeb;
	scrollbar-track-color: #ebebeb;
	height: 100%;
}

html{
	overflow-y: scroll;
}

body{
	margin: 0; padding: 0;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro",Osaka,"メイリオ",meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

/* font							##################################### */
p{ font-size: 12px;}

h1, h2, h3, h4, h5, h6{
	margin: 0; padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

/* HYPERTEXT					##################################### */
a:link {
	color: #0049c2;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #0049c2;
	text-decoration: underline;
	font-weight: normal;
}
a:active {
	color: #0049c2;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}

	/* SET2						##################################### */
	a.set-2:link {
		color: #bbb;
		text-decoration: underline;
		font-weight: normal;
	}
	a.set-2:visited {
		color: #bbb;
		text-decoration: underline;
		font-weight: normal;
	}
	a.set-2:active {
		color: #bbb;
		text-decoration: underline;
		font-weight: normal;
	}
	a.set-2:hover {
		color: #fff;
		text-decoration: underline;
		font-weight: normal;
	}
	
	/* SET3						##################################### */
	a.set-3:link {
		color: #fff;
		text-decoration: underline;
		font-weight: normal;
	}
	a.set-3:visited {
		color: #fff;
		text-decoration: underline;
		font-weight: normal;
	}
	a.set-3:active {
		color: #fff;
		text-decoration: underline;
		font-weight: normal;
	}
	a.set-3:hover {
		color: #ccc;
		text-decoration: underline;
		font-weight: normal;
	}

/* TEXT							##################################### */
strong.gold{
	color: #b08700;
	font-weight: normal;
}
strong.gold-bold{
	color: #b08700;
}
strong.default{
	color: #555;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
strong.default-bold{
	color: #555;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
strong.small{
	font-size: 8px;
	font-weight: normal;
}
strong.large{
	font-size: 16px;
	font-weight: bold;
}
strong.italic{
	font-style: italic;
	font-weight:normal;
}
div.waku-a{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}

/* PARAGRAPH					##################################### */
p.topics-gold{
	display: block;
	padding: 1px 10px 10px 10px;
	border: #b08700 0px solid;
	color: #b08700;
	font-size: 12px;
	line-height: 1.3;
}

/* BORDER						##################################### */
div.borde-dotted{
}

/* LIST							##################################### */
ul{
	list-style: none none;
}

/* LINE							##################################### */
div.line-dotted-x{
	width: 100%; height: 1px;
	background: url("../img/border_dotted_x.gif") repeat-x;
} 

/* FORM							##################################### */
input,textarea{
	background: #fff;
	border: 1px;
}

/* ALL							##################################### */
div#all{
	margin: 0 auto; padding: 0;
	width: 960px; height: 100%;
	background: url("../img/bg_top.png") no-repeat top center;
}

/* ALL スペシャルページ用		##################################### */
div#all_y{
	margin: auto; padding: 0;
	width: 960px; height: 100%;
	background: #FFF;
}



/* CLEARFIX						##################################### */
.clearfix{
	display: block;
	clear: both;
	background-color: #FFFFFF;
}

/* IMAGE						##################################### */
img{ border: none;}
img.img-right{
	float: right;
	padding-right: 35px;
}
img.img-left{
	float: left;
	margin-bottom: 5px;	
}
img.img-def{
	float: none;
	margin: 0;
	border: none;
}

/* ICON							##################################### */
.icon-tgt{
	float: right;
	margin: 3px 5px 0 0;
}	

/* HEAD							##################################### */
div#head{
	width: 960px; height: 137px;
}

	div#head h1{
		float: left;
		width: 330px;
	}		
		div#head h1 a{
			display: block;
			margin: 8px 0 0 4px;
			width: 340px; height: 128px;
			background: url("../img/logo.png") no-repeat;
			text-indent: -7777px;
		}
		
/* HEAD スペシャルページ用		##################################### */		
	div#head2 h2{
		float: left;
		width: 330px;
	}		
		div#head2 h2 a{
			display: block;
			margin: 0px 0 0 4px;
			width: 360px; height: 60px;
			background: url("../img/logo_2.png") no-repeat;
			text-indent: -7777px;
		}
		
		
	/* UTILITY NAVIGATION		##################################### */
	ul#u-nav{
		float: right;
		width: 595px; height: 18px;
	}
		ul#u-nav li{			
			float: left;
			list-style: none none;
		}
			ul#u-nav li a{
				display: block;
				margin-right: 2px;
				height: 18px;
				text-indent: -7777px;
			}
			ul#u-nav li a:hover{
				background-position: bottom;
			}
			a#btn-privacy{
				width: 145px;
				background-image: url("../img/btn_privacy.gif");
			}
			a#btn-committee{
				width: 162px;
				background-image: url("../img/btn_committee.gif");
			}
			a#btn-inquiry{
				width: 100px;
				background-image: url("../img/btn_inquiry.gif");
			}
			a#btn-sitemap{
				width: 101px;
				background: url("../img/btn_sitemap.gif");
			}
			a#btn-top{
				margin-right: 0;
				width: 77px;
				background: url("../img/btn_top.gif");
			}
			
/* LEFT							##################################### */
div#left{
	float: left;
	margin: 26px 0 0 0;
	width: 160px;
}
	/* GLOBAL NAVIGATION		##################################### */
	ul#g-nav{
		width: 160px;
	}
		ul#g-nav li{
			list-style: none none;
		}
			ul#g-nav li a{
				display: block;
				text-indent: -7777px;
			}
			ul#g-nav li a:hover{
				background-position: bottom;
			}
			ul#g-nav li a.open{
				background-position: center;
			}
			a#btn-what{
				height: 25px;
				background-image: url("../img/btn_what.gif");
			}
			a#btn-president{
				height: 25px;
				background-image: url("../img/btn_president.gif");
			}
			a#btn-newsandtopics{
				height: 25px;
				background-image: url("../img/btn_newsandtopics.gif");
			}
			a#btn-sports{
				height: 25px;
				background-image: url("../img/btn_sports.gif");
			}
			a#btn-preview{
				height: 25px;
				background-image: url("../img/btn_preview.gif");
			}			
			a#btn-interview{
				height: 25px;
				background-image: url("../img/btn_interview.gif");
			}			
			a#btn-blog{
				height: 25px;
				background-image: url("../img/btn_blog.gif");
			}
			a#btn-recommend{
				height: 25px;
				background-image: url("../img/btn_recommend.gif");				
			}
			a#btn-goods{
				height: 25px;
				background-image: url("../img/btn_goods.gif");			
			}
			a#btn-recruit{
				height: 26px;
				background-image: url("../img/btn_recruit.gif");
			}
	/* BANNER BLOG				##################################### */
	ul#banner-blog{
		margin-top: 20px;
		width: 155px;
		border-top: 1px solid #b08700;
	}
		ul#banner-blog li{
			list-style: none none;
		}
			ul#banner-blog li a{
				display: block;
				text-indent: -7777px;
			}
			ul#banner-blog li a:hover{
				background-position: bottom;
			}
			ul#banner-blog li a.open{
				background-position: center;
			}
			a#banner-blog-artist{
				height: 40px;
				background-image: url("../img/banner_blog_artist.gif");
			}
			a#banner-blog-staff{
				height: 40px;
				background-image: url("../img/banner_blog_staff.gif");
			}
	/* BANNER 					##################################### */
	a.banner{
		display: block;
		margin-top: 10px;
	}

/* CENTER						##################################### */
div#center{
	float: left;
	padding-top: 6px;
	width: 574px;
	background: url("../img/bg_page_center.png") top no-repeat;
	border: #ccc 1px solid;
	border-top: none;
}

	/* MAIN						##################################### */
	div#main{
		margin-left: 5px;
		width: 564px;
		background: #fff;
	}
		div#main-foot{
			width: 564px; height: 17px;
			background: #333;
		}
		
		/* スペシャルページ用	##################################### */
		div#main-foot2{
			width: 960px; height: 17px;
			background: #333;
		}
	
/* RIGHT						##################################### */
div#right{
	float: right;
	margin-top: 16px; padding-right: 5px; 
	width: 213px;
}
	/* COUNT DOWN				##################################### */
	div#countdown{
		margin-bottom: 7px;
		width: 213px; height: 64px;
	}
	/* ONLYPIC TORCH			##################################### */
	div#torch{
		margin-left: 3px;
		width: 207px;
	}
		div#flash-torch{
			width: 207px; height: 152px;
			background: url("../img/bg_torch.png") no-repeat;
		}
		div#detail-torch{
			padding: 5px 0;
			width: 207px;
			background: url("../img/border_dotted_x.gif") repeat-x bottom #f5f5f5;
		}
			div#detail-torch p{
				margin: 0 5px;
			}

/* FOOT							##################################### */	
div#foot{
	width: 960px; height: 95px;
	background: url("../img/bg_foot.png") no-repeat;
}
	div#foot h2{
		padding: 24px 0 0 24px;
		font-size: 10px;
		letter-spacing: 0;
		color: #000;	
	}

/* FOOT スペシャルページ用		##################################### */
div#foot2{
	width: 960px; height: 50px;
	background: #fff;
}
	div#foot2 h2{
		padding: 24px 0 0 24px;
		font-size: 10px;
		letter-spacing: 0;
		color: #000;	
	}