@charset "Shift_JIS";

/* reset
***************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 
table {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 100%;
} 
fieldset,img {  
	border: 0; 
}
li img {
	vertical-align: top;
}
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal; 
} 
ol,ul { 
	list-style: none;
} 
 
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; 
} 
/* ie6の背景バグ用 */
ul, ol, dl { 
	position: relative;
}
/* body
***************************************************************/
body {
	font-size: 12px;
	font-family     : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color: #ffffff;
	letter-spacing: 0.05em;
	line-height: 1.8em;
	text-align: center;
	background-color: #1c1c1c;
}
/* ie6 hack */
* html body {
	font-size: 75%;
	letter-spacing:0.1em;
	line-height: 1.6em;
}
/* ie7 hack */
*:first-child+html body {
	font-size: 75%;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}

/* clear
***************************************************************/
div{
    zoom:1;
}
div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
/* link
***************************************************************/
a {
	color:#ffffff;
	text-decoration: underline;
	outline: none;
	word-break: break-all;
}
a:hover{
	color:#cccccc;
	text-decoration:none;
}
/* wrapper
***************************************************************/
#wrapper {
	width:1094px;
	background: url(../img/common/rogo.gif) no-repeat;
}

.wrap {
	width: 953px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../img/common/rogo.gif) no-repeat;
}
/* header
***************************************************************/
h1 {
	display: block;
	text-indent: -5000px;
}
#header {
	height: 150px;
	padding-bottom: 20px;
}

#nav li {
	float: left;
}
#nav {
	position: absolute;
	top: 114px;
	left: 0;
}
#nav a,
#nav span {
	display: block;
	text-indent: -5000px;
	background-image: url(../img/common/nav.gif);
}
#nav a:hover,
#nav a.current {
	background-image: url(../img/common/nav_hover.gif);
}
#nav .home a,
#nav .home span {
	width: 136px;
	height: 37px;
	background-position: 0 0;
}
#nav .announcer a,
#nav .announcer span {
	width: 136px;
	height: 37px;
	background-position: -136px 0;
}
#nav .actor a,
#nav .actor span {
	width: 136px;
	height: 37px;
	background-position: -272px 0;
}
#nav .actoress a,
#nav .actoress span {
	width: 136px;
	height: 37px;
	background-position: -408px 0;
}
#nav .artist a,
#nav .artist span {
	width: 136px;
	height: 37px;
	background-position: -544px 0;
}
#nav .athlete a,
#nav .athlete span {
	width: 136px;
	height: 37px;
	background-position: -680px 0;
}
#nav .intellectual a,
#nav .intellectual span {
	width: 137px;
	height: 37px;
	background-position: -816px 0;
}
#sub-nav {
	position: absolute;
	top: 90px;
	right: 0;
}
#sub-nav li {
	float: right;
}
#sub-nav a {
	display: block;
	text-indent: -5000px;
	height: 15px;
	line-height: 15px;
	background-image: url(../img/common/sub_nav.gif);
}
#sub-nav a:hover,
#sub-nav a.current {
	background-image: url(../img/common/sub_nav_hover.gif);
}
#sub-nav .sn1 a {
	width: 68px;
	height: 15px;
	background-position: 0 0;
}
#sub-nav .sn2  a{
	width: 90px;
	height: 15px;
	background-position: 180px 0;
}
#sub-nav .sn3  a{
	width: 90px;
	height: 15px;
	background-position: -156px 0px;
}
/* footer
***************************************************************/
#footer {
	width: 953px;
	margin: 0 auto;
	height: 100px;
	background: url(../img/common/bg_footer_dot.gif) repeat-x;
}
#footer .wrap {
	position: relative;
}
#footer .wrap p {
	position:absolute;
	text-indent: -5000px;
}
#footer p.copyright1 {
	width: 432px;
	height: 9px;
	top: 10px;
	left: 0;
	background: url(../img/common/t_copyright_01.gif) no-repeat;
}
#footer p.copyright2 {
	width: 139px;
	height: 10px;
	top: 22px;
	left: 0px;
	background: url(../img/common/t_copyright_02.gif) no-repeat;
}