/*---------------------------------------
 * スペシャルサイト：PC用CSS
 *
 * @author Alternative Communications Inc. Hisayoshi Ito
 * @since 2012-12-04
 *
 * [CHANGE LOG]
 * 2012-12-04 PC用CSSを作成
 *---------------------------------------*/

@charset "UTF-8";

*
{
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-repeat: no-repeat;
    /*font-family: Arial, sans-serif, Verdana;*/
}
html
{
	height:100%;
}
body
{
	height: 100% ;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:100%;
	line-height:160%;
	padding: 0;
	margin: 0;
	/*overflow: hidden;*/
	-moz-user-select: none;
	-webkit-user-select: none;
	color: #333333;
	cursor: auto;
	background:#000;
}
a
{
	color:#595246;
	text-decoration:none;
}
a:hover
{
	color:#A39989;
	text-decoration:underline;
}
a img
{
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
a img:hover {
	/*filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
}
img
{
	-moz-user-select: none;
	-webkit-user-select: none;
}

/*.clearfix:after {
	content: "";
	display: block;
	clear: both;
}*/
.clear {
	clear:both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
* html .clearfix			 { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.wrapper
{
	background-repeat: no-repeat;
}

#screens {
	/*width:5760px;*/
	/*height:3240px;*/
	position:absolute;
	left:0;
	top:0;
}

.curPointer {
	cursor: pointer;
}

/*---------------------------------------
 * 共通
 *---------------------------------------*/
#screen00,
#screen01,
#screen02,
#screen03,
#screen04,
#screen05,
#screen06 {
	width:100%;
	margin:0;
	padding:0;
}

#screen00 {
	/*background-image: url(../images/00/start.jpg);
	background-attachment: fixed;
	background-color: transparent;
	background-size: 300px 432px;
	-webkit-background-size: 300px 432px;
	background-position: 50% 0px;
	background-repeat: no-repeat no-repeat;*/
}


#mancontents {
	width:100%;
}

#screens {
	width:100%;
}

.contents {
	position:relative;
	z-index:10;
}

/*#screen00 { z-index: -10; }
#screen01 { z-index: -20; }
#screen02 { z-index: -30; }
#screen03 { z-index: -40; }
#screen04 { z-index: -50; }
#screen05 { z-index: -60; }
#screen06 { z-index: -70; }*/

#screen00 {
	position:absolute;
}

/*コンセプト部分背景画像設定*/
#sc00bgMask,
#sc01bgMask,
#sc02bgMask,
#sc03bgMask,
#sc04bgMask,
#sc05bgMask,
#sc06bgMask {
	width:100%;
	height:100%;
	overflow:hidden;
	/*position:absolute;*/
	/*position:fixed;*/
}

#sc00bgImage,
#sc01bgImage,
#sc02bgImage,
#sc03bgImage,
#sc04bgImage,
#sc05bgImage,
#sc06bgImage{
	position:absolute;
	left:0;
	top:0;
	/*z-index:-200;*/
	/*height:500px;
	top:100px;*/
}

/*---------------------------------------
 * screen00
 *---------------------------------------*/
#screen00 .header {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#screen00 .header .logoco {
	float:left;
	padding:10px;
}

#screen00 .header .logo50th {
	float:right;
	padding:10px;
}
#screen00 .catch {
	width:653px;
	height:276px;
	margin:0 auto;
	/*padding-top:120px;*/
}
#screen00 .startbtn {
	width:128px;
	height:128px;
	margin:0 auto;
	margin-top:32px;
}
#screen00 .catch img{
	float:left;
}
#sc00bgMask {
	z-index:-100;
}
#sc00items {
	position: relative;
	margin: 0px auto;
}

/*---------------------------------------
 * screen01
 *---------------------------------------*/

#screen01 {
	margin-top:2000px;
	height:10000px;
	overflow:hidden;
}

#scbg {
	z-index:-10;
}

#sc01bgMask,
#sc02bgMask,
#sc03bgMask,
#sc04bgMask,
#sc05bgMask,
#sc06bgMask{
	float:left;
	/*z-index:-200;*/
	/*height:500px;
	top:100px;*/
	position:relative;
}


/* テキスト関係 */
#sctxt {
	width:100%;
	height: 100%;
	/*background:pink;*/
	z-index:999;
}

/*#sc01txt,
#sc02txt,
#sc03txt,
#sc04txt,
#sc05txt,
#sc06txt {
	float:right;
	width:480px;
	padding-left:20px;
	background-position: 10px center;
}*/

#txt0101 {
	background:url(../images/01/txt0101.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0102 {
	background:url(../images/01/txt0102.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0103 {
	background:url(../images/01/txt0103.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0201 {
	background:url(../images/01/txt0201.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0202 {
	background:url(../images/01/txt0202.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0301 {
	background:url(../images/01/txt0301.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0302 {
	background:url(../images/01/txt0302.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0401 {
	background:url(../images/01/txt0401.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0501 {
	background:url(../images/01/txt0501.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0502 {
	background:url(../images/01/txt0502.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0601 {
	background:url(../images/01/txt0601.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0602 {
	background:url(../images/01/txt0602.png) no-repeat;
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}
#txt0603 {
	/*background:url(../images/01/nenpyo_btn_out.png) no-repeat;*/
	background-attachment:fixed;
	background-position-x: right;
	background-position-y: 50%;
	position:absolute;
	top:0;
}

#windowblock {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	/*background:pink;*/
}
#window {
	width:480px;
	height:100%;
	float:right;
	z-index:-100;
	background-color:transparent;
	/*filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;*/
}
#nextbtnblock {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:999;
}
#nextbtn {
	position:absolute;
	z-index:999;
}
#nenpyobtn {
	position:absolute;
	z-index:999;
}


/*---------------------------------------
 * screen02
 *---------------------------------------*/

#screen02{
	min-width:960px;
	color:#C1C1C1;
	font-size:80%;
	background:#000;
	/*margin-top:10000px;*/
}

#nenpyo {
	background:#000;

}
#nenpyo td {
	padding:10px;
	vertical-align:top;
}
#nenpyo td p {
	text-indent:-1em;
	padding-left:1em;
}



#ad1962,
#ad1964,
#ad1966,
#ad1968,
#ad1970,
#ad1972,
#ad1974,
#ad1976,
#ad1978,
#ad1980,
#ad1982,
#ad1984,
#ad1986,
#ad1988,
#ad1990,
#ad1992,
#ad1994,
#ad1996,
#ad1998,
#ad2000,
#ad2002,
#ad2004,
#ad2006,
#ad2008,
#ad2010{
	background:url(../images/nenpyo/nenpyo_bg.png);
}

#ad2011 td {
	padding-bottom:50px;
}

.history {
	background:url(../images/nenpyo/history_tdbg.png);
}
.domestic {
	background:url(../images/nenpyo/domestic_tdbg.png);
}
.overseas {
	background:url(../images/nenpyo/overseas_tdbg.png);
}
.social {
	background:url(../images/nenpyo/social_tdbg.png);
}
.year {
	background:url(../images/nenpyo/year_bg.png);

	text-align:center;
}
#nenpyo td.year {
	width:118px;
	padding:0;
}
.year img {
	margin:16px 0 0 0;
}

#sc02nav {
	/*width:100%;*/
	height:42px;
	background:url(../images/nenpyo/nav_bg.png) repeat-x;
}
#navList {
	/*:100px;*/
	width:587px;
	height:42px;
	overflow:hidden;
	float:left;
}
#navLogo01 {
	width:202px;
	padding-left:14px;
	/*padding-right:60px;*/
	height:42px;
	float:left;
}
#navLogo02 {
	width:113px;
	padding-right:14px;
	height:42px;
	float:right;
	overflow:hidden;
}

#nav1960,
#nav1970,
#nav1980,
#nav1990,
#nav2000 {
	float:left;
}
#nav1960 a,
#nav1970 a,
#nav1980 a,
#nav1990 a,
#nav2000 a {
	display:block;
	height:42px;
	background:url(../images/nenpyo/nav_nenpyo.png) no-repeat;
}
#nav1960 a {
	width:109px;
	background-position:0 0;
}
#nav1970 a {
	width:109px;
	background-position:-109px 0px;
}
#nav1980 a {
	width:109px;
	background-position:-218px 0px;
}
#nav1990 a {
	width:109px;
	background-position:-327px 0px;
}
#nav2000 a {
	width:127px;
	background-position:-436px 0px;
}
#nav1960 a:hover { background-position:0 -42px; }
#nav1970 a:hover { background-position:-109px -42px; }
#nav1980 a:hover { background-position:-218px -42px; }
#nav1990 a:hover { background-position:-327px -42px; }
#nav2000 a:hover { background-position:-436px -42px; }



#sc02header {
	width:100%;
	z-index:999;
}

#sc02photo {
	float:right;
}
#sc02photo img{
	vertical-align:top;
}
#ad1962ph,
#ad1970ph,
#ad1980ph,
#ad1990ph,
#ad2000ph {
	position:absolute;
	top:0;
}


#sc02ttl {
	background:url(../images/nenpyo/photo_ttlbg.png);;
	width: 100%;
	/*position: fixed;
	clear: both;*/
	/*overflow: hidden;*/
	z-index: 10;
	height:42px;
	/*display:none;*/
}

#sc02ttl table {
	width:100%;
}

#sc02ttl table td {
	height:42px;
	width:100px;
	vertical-align:middle;
	text-align:center;
	line-height: 46px;
}

#sc02photo table td {
	margin:0;
	padding:0;
}


#sc02ttl table td#yearTtl {
	width:118px;
	background:url(../images/nenpyo/year_ttlbg.png) repeat-x;
}
#historyTtl {
	background:url(../images/nenpyo/history_ttlbg.png) repeat-x;
}
#domesticTtl {
	background:url(../images/nenpyo/domestic_ttlbg.png) repeat-x;
}
#overseasTtl {
	background:url(../images/nenpyo/overseas_ttlbg.png) repeat-x;
}
#socialTtl {
	background:url(../images/nenpyo/social_ttlbg.png) repeat-x;
}
#sc02ttl table td#photoTtl {
	float:right;
	overflow:hidden;
}


#footer
{
	width: 100%;
	height: 50px;
	clear: both;
	background: url(../images/footer_bg.png);
	overflow: hidden;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index:999;
}

#footer .wrapper {
	width:100%;
	height: 44px;
	padding-top: 6px;
	background: url(../images/footer_bg2.png);
}

#footer #flogo {
	float:left;
	padding-left:18px;
}
#footer #fbtn00,
#footer #fbtn01,
#footer #fbtn02,
#footer #fbtn03 {
	float:right;
	padding-right:18px;
}

#footer #fnavi li {
	float:left;
	display: block;
	height:28px;
}
#footer #fnavi li a {
	display: block;
	font-size:0.8em;
	line-height:28px;
	padding:0 12px;
}
#footer #copy {
	height:27px;
	font-size:0.6em;
	line-height:27px;
}

#footer .spbdr02{
	background: url("../images/spbdr02.gif") repeat-y;
	width:1px;
	font-size:0;
	margin:0;
	padding:0;
}

.wrapper {
	position:relative;
}


.QOverlay
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	background-color: #ffffff;
	background-image: url("../images/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center center;
}