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

@import url(./util.css);


body{
	color:#fff;
	font-size:11px;
	line-height:2.0;
	background:url(../img/common/bg.gif) left top repeat-x #000;
	height:100%;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
p{
	text-align:left;
}
#wrapper{
	position:relative;
	background:url(../img/common/header.jpg) center top no-repeat;
    min-height:100%;  
    height:auto!important;  
    height:100%;
}
#header{
	position:relative;
	display:block;
	width:960px;
	height:92px;
	margin:0 auto;
}
#header #logo{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:190px;
	height:72px;
}
#header #logo a{
	display:block;
	width:190px;
	height:72px;
}
#nav{
	position:absolute;
	right:0;
	top:17px;
	display:block;
	width:613px;
	height:37px;
}
#nav li{
	display:block;
	float:left;
	height:37px;
}
#nav li.hightlight{width:95px;}
#nav li.interview{width:151px;}
#nav li.column1{width:144px;}
#nav li.column2{width:142px;}
#nav li.close{width:81px;}
#nav li a{
	text-indent:-9999px;
	display:block;
	height:37px;
	background-position:left top;
	background-repeat:no-repeat;
}
#nav li.hightlight a{width:95px; background-image:url(../img/common/nav_highlight.gif);}
#nav li.hightlight a:hover,
#nav li.hightlight a.on{background-image:url(../img/common/nav_highlight_ov.gif);}
#nav li.interview a{width:151px; background-image:url(../img/common/nav_interview.gif);}
#nav li.interview a:hover,
#nav li.interview a.on{background-image:url(../img/common/nav_interview_ov.gif);}
#nav li.column1 a{width:144px; background-image:url(../img/common/nav_column1.gif);}
#nav li.column1 a:hover,
#nav li.column1 a.on{background-image:url(../img/common/nav_column1_ov.gif);}
#nav li.column2 a{width:142px; background-image:url(../img/common/nav_column2.gif);}
#nav li.column2 a:hover,
#nav li.column2 a.on{background-image:url(../img/common/nav_column2_ov.gif);}
#nav li.close a{width:81px; background-image:url(../img/common/nav_close.gif);}
#nav li.close a:hover,
#nav li.close a.on{background-image:url(../img/common/nav_close_ov.gif);}

/*content*/
#contents{
	display:block;
	width:940px;
	margin:0 auto;
	padding:0 0 70px;
}

.heading{
	position:relative;
	width:940px;
	height:78px;
	background-position:left top;
	background-repeat:no-repeat;
}
#titleHightlight{background-image:url(../img/hightlight/title.png);}
#titleInterview{background-image:url(../img/interview/title.png);}
#titleColumn{background-image:url(../img/column1/title.png);}

#main{
	text-align:left;
	padding:41px 0 0;
}
.left{float:left;}
.right{float:right;}

.playerArea{
	text-align:center;
	display:block;
	width:940px;
	height:536px;
}
#player{
	display:block;
	width:640px;
	height:470px;
	margin:0 auto 30px;

}
.btnOpen{
	text-indent:-9999px;
	display:block;
	width:181px;
	height:35px;
	margin:0 auto;
	background:url(../img/common/btnOpen.gif) left top no-repeat;
}
/*Highlight*/
#menu_highlight{
	float:left;
	width:230px;
}
#menu_highlight li{
	width:230px;
}
#menu_highlight li a{
	text-indent:-9999px;
	display:block;
	width:230px;
	height:72px;
	background-position:left top;
	background-repeat:no-repeat;
}
#menu_highlight li.p1 a{height:72px; background-image:url(../img/hightlight/menu1.gif);}
#menu_highlight li.p1 a:hover,
#menu_highlight li.p1 a.on{background-image:url(../img/hightlight/menu1_ov.gif);}
#menu_highlight li.p2 a{height:72px; background-image:url(../img/hightlight/menu2.gif);}
#menu_highlight li.p2 a:hover,
#menu_highlight li.p2 a.on{background-image:url(../img/hightlight/menu2_ov.gif);}
#menu_highlight li.p3 a{height:48px; background-image:url(../img/hightlight/menu3.gif);}
#menu_highlight li.p3 a:hover,
#menu_highlight li.p3 a.on{background-image:url(../img/hightlight/menu3_ov.gif);}
#menu_highlight li.p4 a{height:98px; background-image:url(../img/hightlight/menu4.gif);}
#menu_highlight li.p4 a:hover,
#menu_highlight li.p4 a.on{background-image:url(../img/hightlight/menu4_ov.gif);}
#menu_highlight li.p5 a{height:98px; background-image:url(../img/hightlight/menu5.gif);}
#menu_highlight li.p5 a:hover,
#menu_highlight li.p5 a.on{background-image:url(../img/hightlight/menu5_ov.gif);}
#menu_highlight li.p6 a{height:99px; background-image:url(../img/hightlight/menu6.gif);}
#menu_highlight li.p6 a:hover,
#menu_highlight li.p6 a.on{background-image:url(../img/hightlight/menu6_ov.gif);}


.rightContent{
	float:right;
	width:670px;
}

.subHeading{
	display:block;
	width:670px;
	height:92px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 28px;
}
.subP1{height:92px;	background-image:url(../img/hightlight/title_p1.gif)}
.subP2{height:92px;	background-image:url(../img/hightlight/title_p2.gif)}
.subP3{height:45px;	background-image:url(../img/hightlight/title_p3.gif)}
.subP4{height:92px;	background-image:url(../img/hightlight/title_p4.gif)}
.subP5{height:92px;	background-image:url(../img/hightlight/title_p5.gif)}
.subP6{height:92px;	background-image:url(../img/hightlight/title_p6.gif)}
.detailP1{
	display:block;
	width:291px;

}
.imgP1{
	display:block;
	width:360px;
}
.imgP1 img{
	display:block;
	width:360px;
	height:240px;
	margin:0 0 10px;
}
.imgP2{
	margin:5px 20px 0 0;
}
.imgP4{
	margin:3px 0 5px 20px;
}
.imgP6{
	padding:0 0 29px;
}
.explP6 dl{
	width:330px;
}
.explP6 dt{
	text-indent:-9999px;
	width:330px;
	height:17px;
	padding:0 0 13px;
	background-position:left top;
	background-repeat:no-repeat;
}
.explP6 dd{
	padding:0 0 24px;
}
.explP6 dt.e1{background-image:url(../img/hightlight/p6_t1.gif)}
.explP6 dt.e2{background-image:url(../img/hightlight/p6_t2.gif)}
.explP6 dt.e3{background-image:url(../img/hightlight/p6_t3.gif)}
.explP6 dt.e4{background-image:url(../img/hightlight/p6_t4.gif)}
.explP6 dt.e5{background-image:url(../img/hightlight/p6_t5.gif)}
.explP6 dt.e6{background-image:url(../img/hightlight/p6_t6.gif)}

/**/
.interviewSub1{
	display:block;
	width:940px;
	height:80px;
	background:url(../img/interview/sub1.gif) left top no-repeat;
	margin:0 0 22px;
}
.interviewSub2{
	display:block;
	width:940px;
	height:107px;
	background:url(../img/interview/sub2.gif) left top no-repeat;
	margin:0 0 13px;
}

.explInterview dl{
	width:450px;
}
.explInterview dt{
	text-indent:-9999px;
	width:450px;
	height:13px;
	padding:0 0 15px;
	background-position:left top;
	background-repeat:no-repeat;
}
.explInterview dd{
	padding:0 0 28px;
}
.explInterview dt.e1{background-image:url(../img/interview/t1.gif)}
.explInterview dt.e2{height:36px; background-image:url(../img/interview/t2.gif)}
.explInterview dt.e3{background-image:url(../img/interview/t3.gif)}

/**/
.column1Sub1{
	display:block;
	width:940px;
	height:80px;
	background:url(../img/column1/sub1.gif) left top no-repeat;
	margin:0 0 22px;
}
.explColumn1{
	padding:30px 0 0;
}
.explColumn1 p{
	display:block;
	width:565px;
}
.imgColumn1{
	display:block;
	width:355px;
}
.imgColumn1 img{
	display:block;
	width:355px;
	height:255px;
	margin:0 0 10px;
}
/**/
.column2Sub1{
	display:block;
	width:940px;
	height:80px;
	background:url(../img/column2/sub1.gif) left top no-repeat;
	margin:0 0 22px;
}
.explColumn2{
	padding:30px 0 0;
}
.explColumn2 h4{
	text-indent:-9999px;
	display:block;
	width:450px;
	height:56px;
	padding:0 0 20px;
	background-position:left top;
	background-repeat:no-repeat;
}
.explColumn2 h4.t1{background-image:url(../img/column2/t1.gif)}
.explColumn2 h4.t2{background-image:url(../img/column2/t2.gif)}
.explColumn2 li{
	display:block;
	width:450px;
}
.imgColumn2{
	display:block;
	width:450px;
	height:284px;
	margin:6px 0 24px;
}
.tright{
	text-align:right;
	padding:5px 0 0;
}


#footerWrapper{
	width:100%;
	background:url(../img/common/footer_bg.gif) left top repeat-x;
	height:188px;
	padding:3px 0 0;
}
#footer{
	position:relative;
	height:188px;
	width:100%;
	background:url(../img/common/footer.gif) center top no-repeat;
}
#footer h3{
	position:absolute;
	left:0;
	top:0;
	font-size:6px;
	left:0.9px;
}
#footer dl{
	position:absolute;
	height:20px;
	left:0;
	top:0;
}
#footer dl,#footer dt,#footer dd{
	font-size:6px;
	left:0.9px;
}