@charset "utf-8";

/* ===============================================
RESET
=============================================== */
html {
	color:#fff;
	font-size:62.5%;
}

body {
	margin:0 auto;
/*	margin:40px auto 0;*/
	padding:0;
	text-align:left;
	/*font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',sans-serif,Arial,Helvetica,Geneva;*/
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','MS P Gothic',sans-serif,Arial,Helvetica,Geneva;
}

img,ul,ol,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,table,tr,th,td {
	margin:0;
	padding:0;
	border:0;
}

ul,ol {
	display:block;
	list-style:none;
}

img {
	vertical-align:bottom;
}

a img {
	border:none;
	text-decoration:none;
}

a {
	outline: none;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	text-decoration:underline;
}

a:hover img.op_hover {
	opacity:.6;
	filter:alpha(opacity=60);
	-ms-transition:.3s;
	transition:.3s;
	-moz-opacity:.6;
}

table ul,table ol,table dl,table p,table th p,table td p,ul ul,ol ol,ul dl,ol dl,dl ul,dl ol,dl p,dl table {
	font-size:100%;
}

h1,h2,h3,h4,h5,h6,p,dl,ul,ol,table {
	font-size:1.6em;
	line-height:1.5;
}



/* ===============================================
MAIN
=============================================== */

.wrap {
	position:relative;
	width:900px;
/*	margin:40px auto 20px;*/
	margin:0 auto;
	background-color:#f5f5f5;
	}

#logo {
	display:block;
	position:absolute;
	top:15px;
	left:15px;
	}

.wrapper {
	position:relative;
	width:600px;
	margin:0 auto;
}


/*----- 年代共通メニュー -----*/
/*----- 2015 plus -----*/
.gMenu {
	position:relative;
	width:100%;
	height:112px;
	margin:0 auto;
	}
	.gWrap {
		position:relative;
		width:900px;
		margin:0 auto;
		padding-top:42px;
		background-color:#f5f5f5;
		}
	.gMenu ul {
		position:relative;
		width:840px;
		height:45px;
		margin:0 auto;
		list-style:none;
		background-color:#f5f5f5;
		}
		.gMenu ul li {
			position:absolute;
			width:185px;
			height:45px;
			}
		.gMenu ul li.t2014 {
			top:0;
			left:0;
			}
			.gMenu ul li.t2014 a {
				display:block;
				width:185px;
				height:45px;
				background:url(../../img/bt_2014_on.png) left top no-repeat;
				}
			.gMenu ul li.t2014 a:hover {
				display:block;
				width:185px;
				height:45px;
				background:url(../../img/bt_2014_on.png) left top no-repeat;
				}
		.gMenu ul li.t2015 {
			top:0;
			left:200px;
			}
			.gMenu ul li.t2015 a {
				display:block;
				width:185px;
				height:45px;
				background:url(../../img/bt_2015.png) left top no-repeat;
				}
			.gMenu ul li.t2015 a:hover {
				display:block;
				width:185px;
				height:45px;
				background:url(../../img/bt_2015_on2.png) left top no-repeat;
				}
		.gMenu ul li a span {
			display:none;
			}

.line1 {
	display:block;
	width:900px;
	height:25px;
	margin:0 auto;
	background:#727276;
	}

.line2 {
	display:block;
	width:900px;
	height:47px;
	margin:0 auto;
	background:#434041;
	}
/**/



h1 {
	display:block;
	text-align:center;
	padding:105px 0 15px;
	}


/*----- 2015 plus -----*/
.series {
	width:160px;
	height:13px;
	padding-top:47px;
	background:url(../../img/2014/link01.png) left bottom no-repeat;
	}
	.series span {
		display:none;
		}
.taisho {
	display:block;
	position:absolute;
	width:268px;
	height:13px;
	top:46px;
	left:170px;
			background:url(../../img/2014/link02.png) left bottom no-repeat;

	}
	.taisho a {
		display:block;
		widows:268px;
		height:13px;
		}
		.taisho a span {
			display:none;
			}
/**/

h2 {
	display:block;
	text-align:center;
	padding-top:22px;
	}
	h2 p.title {
			margin-bottom:35px;
			text-align:left;
			}
	h2 p.para { margin-bottom:0; }
	
h3 {
	display:block;
	}
	h3.cap1 { margin-top:35px; }
	h3.cap2 { margin-top:60px; }

h4 {
	display:block;
	margin-bottom:10px;
	}
	h4.post { margin-top:15px; }

h5 {
	display:block;
	position:absolute;
	top:25px;
	left:330px;
	}

.poster {
	width:600px;
	margin:0 auto;
	}
	.poster .bcopy { margin-top:12px; }

/*ルーペのデザイン設定*/
.loupe {
    border: 1px solid #000;
	cursor: crosshair;
}

.web1 {
	position:relative;
	width:600px;
	margin-top:30px;
}
.web2 {
	position:relative;
	width:600px;
	margin-top:35px;
	}
	.web1 div.min60o,
	.web2 div.min60s {
		position:absolute;
		top:67px;
		left:333px;
		}
	.web1 div.min30o {
		position:absolute;
		top:107px;
		left:333px;
		}
	.web2 div.min30s {
		position:absolute;
		top:107px;
		left:334px;
		}

p.oil_min60 {
	display:block;
	width:228px;
	height:16px;
	}
	p.oil_min60 a {
		display:block;
		width:228px;
		height:16px;
		background:url(../../img/2014/movie_oil_60min.png) left top no-repeat;
		}
		p.oil_min60 a:hover {
			background:url(../../img/2014/movie_oil_60min_on.png) left top no-repeat;
			}

p.oil_min30 {
	display:block;
	width:228px;
	height:16px;
	}
	p.oil_min30 a {
		display:block;
		width:228px;
		height:16px;
		background:url(../../img/2014/movie_oil_30min.png) left top no-repeat;
		}
		p.oil_min30 a:hover {
			background:url(../../img/2014/movie_oil_30min_on.png) left top no-repeat;
			}

p.ship_min60 {
	display:block;
	width:176px;
	height:16px;
	}
	p.ship_min60 a {
		display:block;
		width:176px;
		height:16px;
		background:url(../../img/2014/movie_ship_60min.png) left top no-repeat;
		}
		p.ship_min60 a:hover {
			background:url(../../img/2014/movie_ship_60min_on.png) left top no-repeat;
			}

p.ship_min30 {
	display:block;
	width:176px;
	height:16px;
	}
	p.ship_min30 a {
		display:block;
		width:176px;
		height:16px;
		background:url(../../img/2014/movie_ship_30min.png) left top no-repeat;
		}
		p.ship_min30 a:hover {
			background:url(../../img/2014/movie_ship_30min_on.png) left top no-repeat;
			}
	
		p.oil_min60 a span,
		p.oil_min30 a span,
		p.ship_min60 a span,
		p.ship_min30 a span {
			display:none;
			}

.making {
	position:relative;
	width:600px;
	height:1078px;
	margin-top:50px;
	}
	.making .photo1 { position:absolute; top:0; left:0; }
	.making .photo2 { position:absolute; top:0; left:310px; }
	.making .photo3 { position:absolute; top:260px; left:0; }
	.making .photo4 { position:absolute; top:260px; left:310px; }
	.making .photo5 { position:absolute; top:520px; left:0; }
	.making .photo6 { position:absolute; top:520px; left:310px; }
	.making .photo7 { position:absolute; top:780px; left:0; }
	.making .photo8 { position:absolute; top:780px; left:310px; }

	p.continue {
		display:block;
		padding-bottom:76px;
		}


/*----- Footer Style 全年度共通-----*/
#footer {
	width:100%;
	padding:20px 0;
	background-color:#ffffff;
	}
	#footer #fwrap {
		width:900px;
		margin:0 auto;
		text-align:right;
		}