@charset "Shift_JIS";




/* ##### Main Image Area ##### */
div#Plant_Title_Area{
	width:100%;
	background: #333 url("../images/alpha/main_bg.gif") 0 0 repeat;
	color: #fff;
	padding: 5px 0;
	margin: 0 0 15px 0;
}

div#Plant_Title_Area div.Image_Area{
	width:500px;
	float: left;
	margin-right: 15px;
}
/* ##### Main Image Area Ends ##### */






/* ##### Main Menu ##### */
div#Main_Menu1{
	width: 190px;
	float: left;
	padding: 10px 0 0 0;
}
div#Main_Menu1 h1{
	margin: 0 0 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}

div#Main_Menu1 ul{
	width:100%;
	margin:0;
	padding: 0;
	list-style: none;
	background-image:url("../images/alpha/menu_border.gif");
	background-position: center top;
	background-repeat:repeat-y;
}

div#Main_Menu1 ul li{
	padding: 0;
	border: 2px #656565 solid;
	margin-bottom: 12px;
	font-size: 100%;
	line-height:120%;
}
div#Main_Menu1 ul li.last{
	margin-bottom: 0;
}

div#Main_Menu1 a{
	display: block;
	padding: 12px 5px 12px 55px;
	background-color:#333;
	background-repeat:no-repeat;
	background-position: 0 0;
}
div#Main_Menu1 a.current{
	background-color:#f05a23;
	font-weight: bold;
}

div#Main_Menu1 a:link,
div#Main_Menu1 a:visited{
	color: #ccc;
}
div#Main_Menu1 a:hover{
	color: #f05a23;
}

div#Main_Menu1 a.current:link,
div#Main_Menu1 a.current:visited{
	color: #fff;
}
div#Main_Menu1 a.current:hover{
	color: #fff;
}

li#Btn_Step01 a{background-image:url("../images/alpha/menu_btn_bg01.gif");}
li#Btn_Step02 a{background-image:url("../images/alpha/menu_btn_bg02.gif");}
li#Btn_Step03 a{background-image:url("../images/alpha/menu_btn_bg03.gif");}
li#Btn_Step04 a{background-image:url("../images/alpha/menu_btn_bg04.gif");}

li#Btn_Step01 a.current{background-image:url("../images/alpha/menu_btn_bg01_active.gif");}
li#Btn_Step02 a.current{background-image:url("../images/alpha/menu_btn_bg02_active.gif");}
li#Btn_Step03 a.current{background-image:url("../images/alpha/menu_btn_bg03_active.gif");}
li#Btn_Step04 a.current{background-image:url("../images/alpha/menu_btn_bg04_active.gif");}

/* ##### Main Menu Ends ##### */






/* ##### Foot Menu ##### */
div#Foot_Menu1{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 8px 0;
	background:#333 url("../images/alpha/foot_menu_bg.gif") 0 0 repeat;
	color: #fff;
}
div#Foot_Menu1 ul{
	width:704px;
	margin: 0 0 0 8px;
	padding: 0;
	list-style:none;
	background-image: url("../images/alpha/foot_menu_border.gif");
	background-position: 0 13px;
	background-repeat:repeat-x;
}
div#Foot_Menu1 ul li{
	width:170px;
	float: left;
	margin-right:8px;
	background-color:#333;
}
div#Foot_Menu1 ul li.last{
	margin-right: 0;
}

div#Foot_Menu1 a{
	display:block;
	padding: 7px 5px 7px 45px;
	border: 2px #656565 solid;
	background-position: 0 0;
	background-repeat:no-repeat;
}

div#Foot_Menu1 a.current{
	background-color:#f05a23;
	font-weight: bold;
}

div#Foot_Menu1 a:link,
div#Foot_Menu1 a:visited{
	color: #ccc;
}
div#Foot_Menu1 a:hover{
	color: #f05a23;
}

div#Foot_Menu1 a.current:link,
div#Foot_Menu1 a.current:visited{
	color: #fff;
}
div#Foot_Menu1 a.current:hover{
	color: #fff;
}

li#Foot_Btn_Step01 a{background-image:url("../images/alpha/foot_btn_bg01.gif");}
li#Foot_Btn_Step02 a{background-image:url("../images/alpha/foot_btn_bg02.gif");}
li#Foot_Btn_Step03 a{background-image:url("../images/alpha/foot_btn_bg03.gif");}
li#Foot_Btn_Step04 a{background-image:url("../images/alpha/foot_btn_bg04.gif");}

li#Foot_Btn_Step01 a.current{background-image:url("../images/alpha/foot_btn_bg01_active.gif");}
li#Foot_Btn_Step02 a.current{background-image:url("../images/alpha/foot_btn_bg02_active.gif");}
li#Foot_Btn_Step03 a.current{background-image:url("../images/alpha/foot_btn_bg03_active.gif");}
li#Foot_Btn_Step04 a.current{background-image:url("../images/alpha/foot_btn_bg04_active.gif");}
/* ##### Foot Menu Ends ##### */











/* ##### Link for next page ##### */
div#GotoNext{
	width:100%;
	margin: 30px 0 15px 0;
	padding: 0 0 12px 0;
	background: url("../images/alpha/dot_line01.gif") left bottom repeat-x;
}
div#GotoNext table{
	float:right;
}
div#GotoNext table th{
	padding: 0 5px;
	text-align:right;
	vertical-align:middle;
}
div#GotoNext table td{
	background-color:#ccc;
	vertical-align:middle;
}
div#GotoNext table td.Number{
	width:25px;
}
div#GotoNext table td.Link{
	padding: 0 10px 0 5px;
	font-weight: bold;
}
div#GotoNext a:link,
div#GotoNext a:visited{
	color: #000;
}
div#GotoNext a:hover{
	color: #666;
}

/* ##### Link for next page End ##### */








/* ##### Common Heading ##### */
div#PageTitle{
	width:100%;
	margin: 0 0 20px 0;
	padding: 7px 0 0 0;
	background: url("../images/alpha/oblique_line01.gif") 0 0 repeat-x;
}
div#PageTitle div.borderBottom{
	padding: 0 0 7px 0;
	background: url("../images/alpha/oblique_line01.gif") 0 bottom repeat-x;
}

div#PageTitle table{
	width: 100%;
	margin:0;
	padding: 0;
}
div#PageTitle table th,
div#PageTitle table td{
	text-align:left;
	vertical-align:middle;
}
div#PageTitle table td{
	background: url("../images/alpha/page_title_bg.gif") right 0 repeat-y;
}

div#PageTitle table th{
	width:45px;
}

div#PageTitle h1{
	font-size: 140%;
	line-height: 100%;
}


h2.Intro_Title{
	margin: 0 0 1em 0;
	padding: 0 0 5px 0;
	background:url("../images/alpha/double_line01.gif") 0 bottom repeat-x;
	font-size:140%;
	line-height: 120%;
}

h3{
	margin: 2em 0 1em 0;
	padding: 0 0 0 7px;
	font-size:120%;
	font-weight: bold;
	border-left: 4px #f05a23 solid;
}

/* ##### Common Heading End ##### */










/* ##### Movie area ##### */
div.Movie_Area1{
	width:100%;
	margin-bottom: 25px;
	padding: 5px 0;
	background-color:#ccc;
}
div.Movie_Area1 div.Wrap{
	width:710px;
	margin-left: 5px;
	background-color:#eee;
}
div.Movie_Area1 div.Left_Video{
	width:320px;
	padding:0;
	float:left;
}
div.Movie_Area1 div.Right_Text{
	width:380px;	
	padding:10px 0;
	float:right;
}


div.Movie_Area1 dl{
	margin:0 7px 0 0;
	padding: 0;
	font-size: 100%;
	line-height: 130%;
}
div.Movie_Area1 dl dt{
	margin: 0 0 0.2em 0;
	padding: 0;
}
div.Movie_Area1 dl dd{
	margin: 0 0 0.8em 15px;
	padding: 0;
}

p.Script_Notice{
	margin-bottom:0;
	padding: 10px 10px 0 10px;
	font-size:90%;
	color: #666;
}
p.Script_Notice a:link,
p.Script_Notice a:visited{
	color: #666;
}
p.Script_Notice a:hover{
	color: #000;
}

/* ##### Movie area End ##### */








/* ##### Interview Banner ##### */
div#Interview_Banner{
	width:260px;
}
div#Interview_Banner div.Icon{
	width:75px;
	float:left;
}
div#Interview_Banner div.Banner{
	width:185px;
	float:left;
}
div#Interview_Banner div.Text{
	width:185px;
	padding: 10px 0 5px 0;
	background:#292210 url("../images/alpha/interview_bnr_bg.jpg") 0 0 no-repeat;
	color: #fff;
}
div#Interview_Banner dl{
	margin:0 5px;
	padding: 0;
	font-size:90%;
	line-height:120%;
}
div#Interview_Banner dt{
	margin: 0 0 0.5em 0;
	padding: 0.1em 0.2em;
	background-color:#000;
	color: #fff;
}
div#Interview_Banner dd{
	margin: 0 0 0.8em 0;
	padding: 0;
	font-weight:bold;
}
div#Interview_Banner a:link,
div#Interview_Banner a:visited{
	color: #fff;
}
div#Interview_Banner a:hover{
	color: #ccc;
}
/* ##### Interview Banner End ##### */





/* ##### Interview ##### */
div#Interview_Block1,
div#Interview_Block2{
	width:100%;
	padding:10px 0;
	background-color:#e1dbcf;
}
div#Interview_Block2{
	margin-top: 10px;
	margin-bottom: 20px;
}

div#Interview_Block1 div.Column_Title,
div#Interview_Block2 div.Column_Title{
	width:100%;
	margin: 0 0 15px 0;
	padding: 5px 0;
	background:#2c2311 url("../images/alpha/interview_title_bg.gif") 0 0 repeat-x;
	color: #fff;
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
}
div#Interview_Block1 div.Column_Title h1,
div#Interview_Block2 div.Column_Title h1{
	margin: 0 0 0 10px;
	padding: 0 0 0 6px;
	font-size: 100%;
	line-height:100%;
	border-left: 4px #fff solid;
	
}

div#Interview_Block1 div.Wrap,
div#Interview_Block2 div.Wrap{
	width:700px;
	margin: 0 0 0 10px;
}

div#Interview_Block1 h2,
div#Interview_Block2 h2{
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	background: none;
	font-size:160%;
	line-height: 120%;
}

div#Interview_Block1 h3,
div#Interview_Block2 h3{
	margin: 1em 0 0.5em 0;
	padding: 0 0 0 0;
	background: none;
	border: none;
	font-size:100%;
	line-height: 120%;
}


div#Interview_Block1 p.Name_Space,
div#Interview_Block2 p.Name_Space{
	margin-top: 1px;
	padding: 5px;
	font-size:85%;
	line-height: 130%;
	background-color: #bebaaf;
}
/* ##### Interview End ##### */







/* ##### Style for 1-1 ##### */
div#Plant_Title_Area div.Wrap{
	margin: 0 0 0 15px;
	padding: 15px 0 10px 0;
}

div#Plant_Title_Area h1.Top_Headline{
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 120%;
	line-height: 130%;
}

h2#Process_Heading{
	width:100%;
	margin: 0 0 10px 0;
	background-color:#f05a23;
	color: #fff;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
}

div#Process_Area{
	width:100%;
	background:url("../images/alpha/1-1/process_border.gif") center 0 repeat-y;
}
div.Section_Block{
	width:100%;
	padding: 15px 0 5px 0;
	background-color:#eee;
}
div.Section_Block div.Wrap{
	width:690px;
	margin: 0 0 0 15px;
}
div#Process_Area dl{
	margin:0;
	padding:0;
}
div#Process_Area dt{
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}
div#Process_Area dd{
	margin: 0;
	padding:0;
}

div#Process_Area dt a:link,
div#Process_Area dt a:visited{
	color: #000;
}
div#Process_Area dt a:hover{
	color: #666;
}

/* ##### Style for 1-1 End ##### */







/* ##### Style for 1-2 ##### */
div.Planning_Section{
	padding-bottom: 20px;
}
div.Planning_Section h4{
	margin: 0 0 10px 0;
	padding: 0 5px;
	background: #000 url("../images/alpha/1-2/1-2_heading_bg.jpg") right top repeat-y;
	color: #fff;
	font-size: 100%;
	line-height: 150%;
}


/* ##### Style for 1-2 End ##### */






/* ##### Style for 1-4 ##### */
div.Process_Heading{
	margin: 2em 0 1em 0;
	padding: 3px 0 0 3px;
	border-top: 1px #666 solid;
	border-left: 1px #666 solid;
}
div.Process_Heading h4{
	margin:0;
	padding: 3px 5px;
	background:#e35523 url("../images/alpha/process_heading_bg.gif") 0 0 repeat-x;
	color: #fff;
	font-size:100%;
	font-weight: bold;
	
}
/* ##### Style for 1-4 End ##### */






/* ##### Movie scene List (no Flash vertion) ##### */

div.Movie_Heading{
	margin: 2em 0 1em 0;
	padding: 3px 0 0 3px;
	border-top: 1px #666 solid;
	border-left: 1px #666 solid;
}
div.Movie_Heading h1{
	margin:0;
	padding: 3px 5px;
	background:#e35523 url("../images/alpha/process_heading_bg.gif") 0 0 repeat-x;
	color: #fff;
	font-size:100%;
	font-weight: bold;
	
}


div.Scene{
	width:720px;
	margin: 0 0 30px 0;
	padding:0;
}
div.Scene table.Thumbnails{
	width: 720px;
}
div.Scene table.Thumbnails td{
	width: 180px;
	padding: 2px 0;
	background-color:#333;
	color: #fff;
	text-align:center;
	vertical-align:middle;
}
div.Scene table.Thumbnails td img{
	display:inline;
}

div.Scene dl.Description{
	margin:0;
	padding: 7px;
	background-color:#eee;
	border: 3px #ccc solid;
}
div.Scene dl.Description dt{
	margin:0 0 5px 0;
	padding: 0;
}
div.Scene dl.Description dd{
	margin:0 0 0 15px;
	padding: 0;
}
p#BackToMain a{
	font-weight: bold;
}
p#BackToMain a:link,
p#BackToMain a:visited{
	color: #000;
}
p#BackToMain a:hover{
	color: #999;
}
/* ##### Movie scene List (no Flash vertion) End ##### */





