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

/////////////////////////////////////
*/

#MainArea h1,#MainArea h2,#MainArea h3,#MainArea h4,#MainArea h5,#MainArea h6{margin:0;padding:0;}
#MainArea{margin-bottom:10px;color:#000;}
#MainArea a{color:#09f;outline:none;}

/*======================================*/

.alt,#sub{
	visibility:hidden;
	position:absolute;
	top:-5000px;
	left:-5000px;
	width:1px;
	display:none;
	/*\*/
	display:block;
	/**/
	}

/*font指定
======================================*/
#MainArea *{
	/* Hides from IE-mac \*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/* End hide from IE-mac */
	line-height:1.5;
	}


/*float関連
======================================*/

.flc{
	font-size:1px;clear:both;
	line-height:0;height:0;display:block;
	}
.flcp{
	font-size:1px;
	line-height:0;height:0;display:block;
	}
	.flc br,.flcp br{
		height:0;line-height:0;
		}

.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 */

#MainArea{text-align:left;}
.w990{width:990px;margin:0 auto;text-align:left;}

/*テンプレート
======================================*/
#MainContents{width:688px;background:url(./img/bg.gif) 0 0 repeat-y;color:#fff;}
#MainContents a{color:#ff282f;}
#MainContents a:hover{color:#ff0;}

#title{background:url(./img/titlebg.gif) 0 0 no-repeat;padding:22px 0 0;}
#title .official{position:relative;z-index:150;}
	#title .official a{
		position:absolute;display:block;width:144px;height:28px;
		background:url(./img/btn_official.gif) 0 0 no-repeat;
		top:-39px;left:534px;
		}
	#title .official a:hover{
		background-position:0 -28px;
		}
.overlayDots{z-index:100;}

#toppics{background:url(./img/toppics.jpg) 0 0 no-repeat;height:237px;padding:0 16px 0 18px;}
#toppics #logo{
	width:305px;height:237px;background:url(./img/logobg.gif) 0 7px no-repeat;
	float:left;
	}
	#toppics #logo span{display:block;padding:22px 0 0 17px;}
#toppics #mainpic{
	width:344px;height:237px;background:url(./img/mainbg.gif) 0 23px no-repeat;
	float:right;
	}
	#toppics #mainpic span{display:block;padding:33px 0 0 10px;}

.freespace{padding:0 1px;}
.freespace.withbg .inner1{background:#002d93 url(./img/freespacebg.jpg) 0 bottom no-repeat;}
.freespace .inner2{padding:10px 18px;}
.freespace.withbg .inner2{background:url(./img/freespacetop.gif) 0 0 no-repeat;padding:15px 18px 30px;}
.freespace h2{background:url(./img/heading_circle.gif) 0 2px no-repeat;font-size:14px;margin-bottom:7px;}
.freespace.withbg h2{background:url(./img/heading_circle2.gif) 0 2px no-repeat;font-size:14px;}
.freespace h2 span{display:block;background:url(./img/dotted.gif) 0 bottom repeat-x;padding:0 0 3px 17px;}

#bcplayer{background:url(./img/bcbg.gif) 0 0 no-repeat;padding:5px 9px;}
.copyrightTxt{text-align:right;color:#bbb;padding:5px 16px 18px;font-size:80%;}

.gaiyo{padding:0 18px;margin-bottom:10px;background:url(./img/gaiyobg.gif) 18px 0 repeat-y;}
.gaiyo .inner1{background:url(./img/gaiyotop.jpg) 0 0 no-repeat;}
.gaiyo .inner2{background:url(./img/gaiyobottom.jpg) 0 bottom no-repeat;padding:20px 30px 25px;}
.gaiyo h2{padding:0 8px 5px;color:#ff0;font-size:14px;}
.gaiyo h3{padding:5px 0;color:#ff0;font-size:100%;}
.gaiyo p{padding-bottom:10px;}

.common{padding:0 18px;margin-bottom:10px;background:url(./img/commonbg.gif) 18px 0 repeat-y;}
.common .inner1{background:url(./img/commontop.gif) 0 0 no-repeat;border-bottom:solid 1px #2e374c;padding:13px 10px 5px;}
.common h2{background:url(./img/medama.gif) 0 0 no-repeat;padding:2px 0 5px 35px;font-size:14px;color:#ff0;}
.common .inner2{padding:0 20px 15px;}
.common h4{font-size:100%;background:url(./img/bigdotted.gif) 0 bottom repeat-x;padding:0 0 6px;margin-bottom:6px;}
.common img.left{float:left;display:block;margin:0 10px 10px 0;}
.common .box{margin-bottom:10px;}
.common .half{width:285px;float:left;}
.common .half.right{float:right;}
.common table{color:#fff;}
.common th,.common td{padding-bottom:3px;text-align:left;vertical-align:top;}

.pagetop{background:url(./img/ptopbg.gif) 0 bottom no-repeat;height:22px;text-align:center;}
.pagetop a{
	display:block;width:161px;height:22px;margin:0 auto;
	background:url(./img/ptop.gif) 0 0 no-repeat;
	}
	.pagetop a:hover{background-position:0 -22px;}

.sidehero{background:#000 url(./img/sidebottom.gif) 0 bottom no-repeat;}
.sidehero .inner{background:url(./img/sidetop.gif) 0 0 no-repeat;padding:9px 9px 10px;margin-bottom:10px;}
#SubContents .sidehero a{display:block;color:#fff;text-decoration:none;}
.sidehero a img{display:block;float:left;width:100px;border:solid 1px #ff0;margin:0 8px 0 0;}
.sidehero a:hover img{border-color:#000;}
.sidehero a .right{float:right;width:168px;padding-top:10px;}
.sidehero a .title{background:url(./img/sidepoint.gif) 0 4px no-repeat;padding:2px 0 4px 14px;color:#ff282f;display:block;}
.sidehero a:hover .title{color:#ff0;}
.sidehero a .txt{font-size:92%;}

/*インタビュー小画面*/
.w430{
	text-align:left;margin:0 auto;width:430px;
	}
	.w430 .copyrightTxt{padding:5px;}
#interview{background:url(./img/interviewbg.gif) 0 0 no-repeat;height:520px;}
#interview #pic{
	padding:23px 14px 9px;
	}
	#interview #pic img{display:block;border:solid 1px #000;}
#interview #scroll{height:145px;overflow:auto;margin-right:14px;}
#interview h1{margin:0;padding:0;font-size:14px;background:url(./img/interview_circle.gif) 0 2px no-repeat;padding:0 0 5px 18px;margin:0 14px;line-height:1.3;}
#interview #bodytxt{padding:0 0 0 14px;}
#interview p{margin:0 10px 7px;padding:0;line-height:1.5;}
#interview a{color:#ff282f;outline:none;}
#interview a:hover{color:#009;}
#prev,#next{position:relative;}
#prev a{position:absolute;display:block;width:80px;height:15px;background:url(./img/prev.gif) 0 0 no-repeat;top:3px;left:11px;}
#next a{position:absolute;display:block;width:80px;height:15px;background:url(./img/next.gif) 0 0 no-repeat;top:-33px;left:337px;}
#prev a:hover,#next a:hover{background-position: 0 -15px;}