@charset "utf-8";

/*= 情報 ==================================================================
 *
 *  作成者         : なかの
 *  初版           : 2007-04-26
 *  最終更新       : 2007-06-12
 
 *	記述順序
 ----------------------------------
 	1.position:
	2.display:
	3.visilibity:
	4.float:
	5.background:
	6.text-indent:
	7.overflow:
	8.width:
	9.height:
	10.border:
	11.top:
	12.left
	13.margin:
	14.padding:
------------------------------------	

/*
---------------------------------------------------------------------
	technicalmovie-index
---------------------------------------------------------------------
*/

.contentsWrapper#technical #movieContents {
	width:814px;
	margin:0 auto;
}

.contentsWrapper#technical #movieContents h2 {
	width:814px;
	margin:10px auto 0;
}

.contentsWrapper#technical #movieContents #movie {
	width:530px;
	float:left;
	margin-top:20px;
}
.contentsWrapper#technical #movieContents #menu {
	width:272px;
	float:right;
	margin-top:20px;
	background:#282222;
}
.contentsWrapper#technical #movieContents #menu li {
	width:272px;
	height:85px;
	float:right;
	padding-bottom:5px;
	margin-bottom:10px;
	
}

.contentsWrapper#technical #movieContents #menu li.shimariken {
	
	padding-bottom:0px;
	
}
/*
---------------------------------------------------------------------
	インタビューindex
---------------------------------------------------------------------
*/



.contentsWrapper#technical #interviewHeadArea {
	background-image:url(../../forpro/technical/img/interview_top_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:810px;
	height:185px;
	margin:15px auto 0 auto;
}

.contentsWrapper#technical #interviewTxtArea {
	background-image:url(../../forpro/technical/img/interview_bottom_bg.gif);
	background-color:#000000;
	background-position:bottom;
	background-repeat:no-repeat;
	width:760px;
	margin:0 auto;
	padding:15px 25px;
}

.contentsWrapper#technical #interviewTxtArea table.interviewTable{
	margin:20px auto;
}

.contentsWrapper#technical #interviewTxtArea table.interviewTable th{
	vertical-align:top;
	width:60px;
	padding:6px 0px;
}

.contentsWrapper#technical #interviewTxtArea table.interviewTable td{
	vertical-align:top;
	padding:6px 0px;
}

.contentsWrapper#technical #interviewTxtArea .pageNavi{
	text-align:right;
	margin:0 0 20px 0;
}

.contentsWrapper#technical #interviewTxtArea .pageNavi a.cube{
	background-color:#333333;
	padding:1px 4px;
}

.contentsWrapper#technical #interviewTxtArea .pageNavi a.cube:hover{
	background-color:#999999;
}

.contentsWrapper#technical #interviewTxtArea .pageNavi a.cube_on{
	color:#333333;
	background-color:#999999;
	padding:1px 4px;
}



.contentsWrapper#technical .movieArea{
	width:778px;
	height:503px;
	background:url(../../forpro/technical/01/img/bg.gif) no-repeat;
	text-align:center;
	margin:50px auto 0 auto;
	padding:0 0 0 8px;
}	
.contentsWrapper#technical .movieArea #sidebar{
	float:left;
	margin:23px 0 0px 1px;
}	
.contentsWrapper#technical .movieArea #sidebar h2{
	margin:0 0 34px;
}	
.contentsWrapper#technical .movieArea #sidebar ul{
	margin:44px 0 0 0;
}	 
.contentsWrapper#technical .movieArea #sidebar ul li{
	margin:0 0 6px 0;
}	
.contentsWrapper#technical .movieArea p#movieBox{
	width:516px;
	margin:47px 8px 10px 8px;
	float:right;
}	
.contentsWrapper#technical .movieArea p.credit{
	clear:both;
	text-align:right;
	padding:0 8px 0 0;
}	 
/*
---------------------------------------------------------------------
	 ユーザー登録完了画面
---------------------------------------------------------------------
*/
.contentsWrapper#subContents #contetArea.resist{
	margin:10px 0 0 0;
}	
.contentsWrapper#subContents #contetArea.resist h2,
.contentsWrapper#subContents #contetArea.resist p{
	margin:0 0 0 50px;
	width:auto;
}
.contentsWrapper#subContents #contetArea.resist p.image{
	float:right;
	width:auto;
	margin:20px 50px 0 20px;
	display:inline;
}
.contentsWrapper#subContents #contetArea.resist p.image img{
	border:1px solid #000;
}	
.contentsWrapper#subContents #contetArea.resist p.notes{
	line-height:1.4em;
	margin-top:20px; 
}
.contentsWrapper#subContents #contetArea.resist p.notes#resist{
	color:#000000;
	text-decoration:underline;
}			
.contentsWrapper#subContents #contetArea.resist h2{
	padding-top:20px; 
	margin-bottom:20px;
}
.contentsWrapper#subContents #contetArea.inquiry p.caution{
	margin:0 auto 20px;
	width:800px;
	text-align:left;
}	
.contentsWrapper#subContents #contetArea.inquiry #present{
	width:779px;
	border:1px dashed #E7897F;
	margin:20px auto 0;
	padding:20px;
	background:#F6F6F5;
}
.contentsWrapper#subContents #contetArea.inquiry #present  h3{
	margin:0 0 15px 0;
}		
.contentsWrapper#subContents #contetArea.inquiry #present ol{
	float:right;
	margin:0 10px 0 0;
	_margin:0 0px 0 0;
}
.contentsWrapper#subContents #contetArea.inquiry #present ol li{
	float:left;
}	
.contentsWrapper#subContents #contetArea.inquiry #present ol li{
	margin:0 10px 0 0px;
}	
.contentsWrapper#subContents #contetArea.inquiry #present table{
	border:none;
	width:280px;
	margin:0 0 0 20px;
}
.contentsWrapper#subContents #contetArea.inquiry #present table th,
.contentsWrapper#subContents #contetArea.inquiry #present table td{
	border:none;
	text-align:left;
	width:auto;
	padding:0 0 10px 0;
	vertical-align:text-top;
	line-height:1.4em;
}			
.contentsWrapper#subContents #contetArea.inquiry #present p.notes{
	line-height:1.4em;
	margin:10px 0 0 20px;
	width:739px;
}	
.contentsWrapper#subContents #contetArea.inquiry #present p.notes del{
	text-decoration:line-through;
	display:block;
}	
.contentsWrapper#subContents #contetArea.inquiry #present h4{
	margin:0 0 10px 20px;
}	
.contentsWrapper#subContents #contetArea.inquiry #present ul {
	margin:0 0 0 20px;
}	
.contentsWrapper#subContents #contetArea.inquiry #present ul li{
	line-height:2.5em;
}