@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

.fl {
	float: left;
}

.flimg img {
	float: left;
}
.fldiv {
	width: 960px;
}
.fldiv div {
	float: left;
}
.rblock {
	position: relative;
}
.pblock img {
	display: block;
	width: 100%;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

html {
	width: 100%;
	background: #111111;
	overflow-y: scroll;
}
body {
	width: 100%;
}
#wrapper {
	width: 100%;
	position: relative;
	background-color: #2e8dc6;
	overflow: hidden;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrapper {
	width: 100%;
}
.contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.contents>img {
	display: block;
}
#menu {
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: 60px;
	background: url(../images/common/menu/bg_menu_r.png) left top repeat-x;
}
#menu .contents {
	padding: 1px 0;
	height: 58px;
	background: url(../images/common/menu/bg_menu.png) left top no-repeat;
	overflow: hidden;
}
#menu li {
	position: relative;
	list-style: none;
	margin-left: 1px;
	float: left;
	height: 58px;
}
#menu li.m_top {margin-left: 0;}
.m_top       { width:  67px; }
.m_about     { width: 104px; }
.m_system    { width: 115px; }
.m_character { width: 163px; }
.m_digimon   { width: 135px; }
.m_mvss      { width: 263px; }
.m_special   { width: 107px; }
#menu li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#menu li img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

/* top */
#topmain {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 575px;
}
#topmain .contents {
	min-height: 575px;
}
#top h1  { position: absolute; left:  73px; top:   4px; }
#topps4  { position: absolute; right: 0px;  top:   0px; }
#toptx01 { position: absolute; left: 138px; top: 163px; } 
#toptx02 { position: absolute; left: 839px; top: 109px; } 
#toptx03 { position: absolute; left: 38px; top: 202px; }
#topbn   { position: absolute; left:  38px; top: 359px; }
#topbn ul{ position: relative; width: 492px; height: 77px; text-align: center; }
#topbn li {
	display: inline-block;
	margin-left: 7px;
}
#topbn li:first-child {
	margin-left: 0px;
}
#topbn a {
	display: block;
}
#topbn a:hover {
	opacity: 0.7;
}
#topbn img {
	display: block;
}
#topnews { position: absolute; left:  38px; top:   438px; width: 240px;}
#topnewsbox {
	width: 227px;
	height: 56px;
	padding: 3px 10px 10px 3px;
	background: url(../images/top/t06.png) left top no-repeat;
	font-size: 10px;
	line-height: 15px;
	vertical-align: middle;
}
#newstext {
	width: 227px;
	height: 56px;
	overflow-y: auto;
}
#newstext li {
	list-style: none;
	padding-bottom: 5px;
}
#newstext li:before {
	content: "✜";
	font-size: 15px;
	vertical-align: middle;
	padding-right: 2px;
}

#newstext span {
	line-height: 10px;
	padding-bottom: 5px;
}

#toptw  { position: absolute; left: 290px; top:   438px; width: 240px;}
#toptwbox {
	width: 227px;
	height: 56px;
	padding: 3px 10px 10px 3px;
	background: url(../images/top/t08.png) left top no-repeat;
	font-size: 10px;
	line-height: 15px;
	vertical-align: middle;
}
#toptwmain {
	width: 227px;
	height: 56px;
	overflow-y: auto;
}
#topspec  { position: absolute; right:  0px; top:   437px; width: 400px;}
#topnotice    { position: absolute; left: 0px; top: 540px;}
#topcopyright { position: absolute; left: 0px; top: 555px;}
#topnotice2 { position: absolute; left: 559px; top: 540px;}

#bg {
	position: relative;
	margin-top: 60px;
	width: 1920px;
	overflow: hidden;
	left: 50%;
	margin-left: -960px;
	border-top: 1px solid #999999;
	background: url(../images/common/bg_sub.jpg) center 60px repeat-y #ffffff;
}
#top #bg {
	border-top: none;
	height: 575px;
	background: url(../images/top/grad.png) center top no-repeat;
}
#bge {
	position: relative;
	width: 1920px;
}
#top #bge {
	height: 575px;
}
#bg_l {
	width: 8px;
	height: 575px;
	position: absolute;
	left: 0;
	top:0;
	background: url(../images/top/bg_l.png) left top no-repeat;
}
#bg_r {
	width: 8px;
	height: 575px;
	position: absolute;
	right: 0;
	top:0;
	background: url(../images/top/bg_r.png) left top no-repeat;
}
#bg_g {
	width: 1920px;
	height: 575px;
	position: relative;
}
#g1 {
	position: absolute;
	background: url(../images/top/g1.png) left top no-repeat;
	left: 81px;
	top: 340px;
	width: 929px;
	height: 260px;
	-webkit-animation: g1 6s ease-in-out 0s infinite;
    animation: g1 6s ease-in-out 0s infinite;}
#g2 {
	position: absolute;
	background: url(../images/top/g2.png) left top no-repeat;
	left:0px;
	top: 0px;
	width: 783px;
	height: 576px;
	-webkit-animation: g2 8s ease-in-out 1s infinite;
    animation: g2 8s ease-in-out 0s infinite;
}
#g3 {
	position: absolute;
	background: url(../images/top/g3.png) left top no-repeat;
	left:0px;
	top: 9px;
	width: 358px;
	height: 567px;
	-webkit-animation: g3 7s ease-in-out 0s infinite;
    animation: g3 7s ease-in-out 0s infinite;
}
#bg_rp {
	width: 1920px;
	height: 575px;
	position: absolute;
	left: 0;
	top: 0;
}
#bg_ripple {
	width: 1920px;
	height: 575px;
	position: relative;
}
.ciw {
	background: rgba(255,255,255, 0.5);
}
.cig {
	background: rgba(128,128,128, 0.5);
}
.bdw {
	border-color:rgba(255,255,255, 0.5) !important;
}
.bdg {
	border-color: rgba(128,128,128, 0.5) !important;
}

.ripple {
	position: absolute;
	border-radius: 50%;
}
.rp_i {
	margin: 10px;
	border-radius: 50%;
}
.rp_i2 {
	margin: 15px;
	border-radius: 50%;
}
#bg_circle {
	width: 1920px;
	height: 575px;
	position: absolute;
	left: 0;
	top: 0;
}
#bg_circle2 {
	position: relative;
	width: 1920px;
	height: 575px;
}
.circle {
	position: absolute;
	border-radius: 50%;
}
#bg_mask {
	width: 1920px;
	height: 575px;
	position: absolute;
	left: 0;
	top: 0px;
	background: url(../images/top/bg_mask.png) left top no-repeat;
}
#bg_mv {
	position: absolute;
	width: 1920px;
	height: 575px;
	left: 0;
	top: 0;
	background: url(../images/top/bg_mv.png) center top no-repeat;
}
#bg_bitb {
	width: 1920px;
	height: 575px;
	position: absolute;
	left: 0;
	top: 0;
}
#bg_bit {
	width: 1920px;
	height: 575px;
	position: relative;
}

.bitb {
	opacity: 1;
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
}
.bit {
	opacity: 0.5;
	width: 33px;
	height: 33px;
	overflow: hidden;
	background-image: url(../images/top/b.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#bnarea {
	padding-top: 14px;
	background: #222;
	text-align: center;	
}
#bnarea a {
	display: inline-block;
	margin-left: 6px;
	margin-right: 7px;
	padding-bottom: 14px;
}
#bnarea a img {
	display: block;
}

@-webkit-keyframes fo {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fo {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes foie {
  0% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes so1 {
  0% { -webkit-transform: scale(0.0) }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}


@keyframes so1 {
  0% { transform: scale(0.2); }
  100% { transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes so2 {
  0% { -webkit-transform: scale(0.2) }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes so2 {
  0% { transform: scale(0.0); }
  100% { transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes turn1 {
    0% { -webkit-transform:rotate(360deg); }
    100%   { -webkit-transform:rotate(0deg); }
}
@keyframes turn1 {
	0% { transform:rotate(360deg); }
	100%   { transform:rotate(0deg); }
}
@-webkit-keyframes turn2 {
    0%   { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@keyframes turn2 {
	0%   { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}
@keyframes turn3 {
	0%   { transform:rotate3d(1, 1, 1, 0deg); }
	100% { transform:rotate3d(1, 1, 1, 360deg); }
}
@-webkit-keyframes ba { 0% { background-position: 0    0  ; } 100% { background-position: 0 -528px; }}
@keyframes ba { 0% { background-position: 0    0  ; }  100% { background-position: 0 -528px; }}
@keyframes baie { 0% { background-position: 0    0  ; }  50% { background-position: 0 -528px; } 100% { background-position: 0 -528px; }}

@-webkit-keyframes g1 {
  0% { margin-left: 0; }
  50% { margin-left: -20px; }
  100% { margin-left: 0; }
}
@keyframes g1 {
  0% { margin-left: 0; }
  50% { margin-left: -20px; }
  100% { margin-left: 0; }
}
@-webkit-keyframes g2 {
  0% { margin-left: 0; }
  50% { margin-left: -25px; }
  100% { margin-left: 0; }
}
@keyframes g2 {
  0% { margin-left: 0; }
  50% { margin-left: -25px; }
  100% { margin-left: 0; }
}
@-webkit-keyframes g3 {
  0% { margin-top: 0; }
  50% { margin-top: -30px; }
  100% { margin-top: 0; }
}
@keyframes g3 {
  0% { margin-top: 0; }
  50% { margin-top: -30px; }
  100% { margin-top: 0; }
}


#snsset {
	position: absolute;
	width: 144px;
	right: 4px;
	bottom: 6px;
	z-index: 10;
}
#snsset li {
	float: left;
	margin-left: 7px;
}
#snsset li a {
	display: block;
}

/* sub */
#submain {
	position: relative;
}
.submenu {
	position: relative;
	height: 64px;
	padding-top: 4px;
}
.submenu ul {
	padding-left: 1px;
}
.submenu li {
	float: left;
	list-style:none;
	margin-right: 10px;
}
.submenu a, .submenu span, .submenu img {
	display: block;
}
.icons {
	width: 89px;
	position: fixed;
	right: 10px;
	top: 70px;
}
.icons ul {
}
.title1 { position: relative;  position: relative; width: 1920px; min-height: 181px; }
.title2 { position: relative;  position: relative; width: 1920px; min-height: 219px; }
.ss { position: absolute; }
.ss a { position: relative; display: block; background: #000000; }
.ssover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background: url(../images/common/focus.png) center center no-repeat;}
.sso img {width: auto !important; border: 2px solid #FF8205;}
.ssw img {width: auto !important; border: 2px solid #ffffff;}
.ssov { position: absolute; left: 0; top: 0;}
.ssov img { border: none; }
.ssnew { position: absolute; right: 0; top: 0; width: 72px; height: 0; padding-top: 21px; overflow: hidden; background: url(../images/common/ssnew.png) left top no-repeat;}
.tx { position: absolute; }
.tx img {width: auto !important;}


/* about */
#bg_a01_1_1 { position: relative; width: 1920px; background: url(../images/about/01/bg_a01_1_1.png) left top no-repeat; padding-bottom: 200px;}
#bg_a01_1_2 { width: 1920px;  height: 862px; background: url(../images/about/01/bg_a01_1_2.png) left top no-repeat;}
#bg_a01_ss1 { position: absolute; left: 0; top: 131px; }
#tx_a01_1_2_1 { position: absolute; left:174px; top: 104px; }
.bg_a01_ss    { width: 1920px; height: 407px; background: url(../images/about/01/bg_a01_1_3.png) left top no-repeat; }
.bg_a01_ss_b  { width: 1920px; height: 407px; background: url(../images/about/01/bg_a01_1_3.png) left top no-repeat; margin-bottom: 71px; }
.bg_a01_ss1 { width: 474px; height: 266px; position: absolute; left: 82px; top: 69px;}
.bg_a01_ss2 { width: 353px; height: 199px; position: absolute; left: 519px; top: 30px; }
.bg_a01_ss3 { width: 384px; height: 216px; position: absolute; left: 426px; top: -42px; }
.pagetop { position: absolute; bottom: 40px; right: 480px; }

#bg_a01_2_1 { width: 1920px;  height: 407px; background: url(../images/about/01/bg_a01_2_1.png) left top no-repeat;}
#bg_a01_2_1_1 {}
#bg_a01_3_1 { width: 1920px;  height: 800px; background: url(../images/about/01/bg_a01_3_1.png) left top no-repeat;}
#bg_a01_4_1 { width: 1920px;  height: 287px; background: url(../images/about/01/bg_a01_4_1.png) left top no-repeat;}
.btn_a01    { position: absolute; right: 21px; bottom: 76px; }

#bg_a02_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/about/02/bg_a02_1_1.png) left top no-repeat; padding-bottom: 160px; }


/* system */
#bg_sy01_1_1{ position: relative; width: 1920px; min-height: 2463px; background: url(../images/system/01/bg_sy01_1_1.png) left top no-repeat; padding-bottom: 161px;  }
.bg_a01_ss .contents { height: 407px; }
.bg_sy01_h4  { width: 1920px; min-height: 748px; background: url(../images/about/01/bg_a01_2_2.png) left top no-repeat; }
.btn_sy01 { position: absolute; right: 23px; bottom: 0px; }

/* system 02 */
#bg_sy02_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/system/02/bg_sy02_1_1.png) left top no-repeat; }
#bg_sy02_1_2{ position: relative; height: 117px; }
#bg_sy02_1_2 li { float: left; position: relative; width: 207px; height: 117px;}
#bg_sy02_1_2 li:first-child { width: 169px;}
#bg_sy02_1_2 li:first-child a { background: transparent;}
#bg_sy02_1_2 li:last-child { width: 170px;}
#bg_sy02_1_2 li:last-child a { background: transparent;}
#sy02_1_45  { position: relative; }
#sy02_1_45_1 { left:  43px; top: 187px; }
#sy02_1_45_2 { left: 233px; top: 187px; }
#sy02_1_45_3 { left: 423px; top: 187px; }
#sy02_1_45_4 { left: 661px; top: 191px; }
#sy02_1_45_4 img { border: 2px solid #FF8205; }
.bg_sy02_1_3 { position: absolute; width: 57px; height: 56px; background: url(../images/system/02/bg_sy02_1_3.png) left top no-repeat; }
#sy02_1_45_5 { left: 202px; top: 213px; }
#sy02_1_45_6 { left: 391px; top: 213px; }
#sy02_1_45_7 { position: absolute; left: 28px; top: 275px;width: 503px; height: 102px; background: url(../images/system/02/bg_sy02_1_4.png) left top no-repeat; }
#sy02_1_67  { position: relative; }
#sy02_1_67 img { width: auto; }
#sy02_1_67_1 img,
#sy02_1_67_2 img,
#sy02_1_67_3 img,
#sy02_1_67_4 img { border: 2px solid #ffffff; }
#sy02_1_67_1 { position: absolute; left: 330px; top:   0px; }
#sy02_1_67_2 { position: absolute; left: 290px; top: 203px; }
#sy02_1_67_3 { position: absolute; left:  42px; top: 280px; }
#sy02_1_67_4 { position: absolute; left: 617px; top: 233px; }

#sy02_1_6 { position: relative; float: left; }
#sy02_1_7 { position: relative; float: left; }
#sy02_1_8   { position: relative; }
#sy02_1_8_1 img,
#sy02_1_8_2 img  { width: auto;  border: 2px solid #ffffff; }
#sy02_1_8_1 { position: absolute; left: 202px; top:   0px; }
#sy02_1_8_2 { position: absolute; left:  17px; top:  70px; }

#bg_sy02_2_1{ position: relative; width: 1920px; min-height: 180px; background: url(../images/system/02/bg_sy02_2_1.png) left top no-repeat; padding-bottom: 91px;  }
#sy02_2_2 { position: relative; }
#sy02_2_2_1 { position: absolute; left:  18px; top: 138px; }
#sy02_2_2_2 { position: absolute; left:  80px; top: 310px; }
#sy02_2_2_3 { position: absolute; left:  38px; top: 510px; }
#sy02_2_2_4 { position: absolute; left: 622px; top: 490px; }
#sy02_2_2_5 { position: absolute; left: 355px; top: 598px; }
#sy02_2_2_6 { position: absolute; left: 414px; top: 336px; }
#sy02_2_2_7 { position: absolute; left: 679px; top: 337px; }
#tx_sy02_2_4{ position: absolute; left:  19px; top: 107px; }
#tx_sy02_2_5{ position: absolute; left:  76px; top: 285px; }
#tx_sy02_2_6{ position: absolute; left:  38px; top: 478px; }
#tx_sy02_2_7{ position: absolute; left: 352px; top: 527px; }

/* system 03 */
#bg_sy03_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/system/03/bg_sy03_1_1.png) left top no-repeat; }
#sy03_1_2_1 { left: 343px; top: 212px; }
#sy03_1_2_2 { left: 601px; top: 150px; }
#sy03_1_34_1{ left:  40px; top: 151px; }
#sy03_1_34_2{ left: 278px; top: 110px; }
#sy03_1_5_1 { left: 379px; top:  29px; }
#sy03_1_6_1 { left: 344px; top:  21px; }
#sy03_1_6_ov{ position: absolute; left: 0; top: 0;}
#sy03_1_6_ov img { border: none; }
#sy03_1_7_1 { left: 608px; top:  12px; }

#sy03_2   { position: relative; width: 1920px; margin-top: 49px; padding-bottom: 160px;  }
#sy03_2_1 { position: relative; }
#sy03_2_1_1 { left: 122px; top: 128px; }
#sy03_2_1_2 { left:  70px; top: 328px; }
#sy03_2_1_3 { left: 480px; top: 295px; }
#sy03_2_1_4 { left: 279px; top: 536px; }
#sy03_2_2 { position: absolute; left: 178px; top: 284px; }
#sy03_2_3 { position: absolute; left:  47px; top: 478px; }
#sy03_2_4 { position: absolute; left: 718px; top: 413px; }
#sy03_2_5 { position: absolute; left: 563px; top: 697px; }
#sy03_2_6 { position: absolute; left: 110px; top: 739px; }

/* system 04 */
#bg_sy04_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/system/04/bg_sy04_1_1.png) left top no-repeat; padding-bottom: 160px;  }
#sy04_1_3_20 { left: 26px; top: 2389px; }
#sy04_1_3_19 { left: 26px; top: 2229px; }
#sy04_1_3_18 { left: 27px; top: 2069px; }
#sy04_1_3_17 { left: 538px; top: 1865px; }
#sy04_1_3_16 { left: 642px; top: 1711px; }
#sy04_1_3_15 { left: 89px; top: 1577px; }
#sy04_1_3_14 { left: 37px; top: 1421px; }
#sy04_1_3_13 { left: 652px; top: 1295px; }
#sy04_1_3_12 { left: 358px; top: 1260px; }
#sy04_1_3_11 { left: 548px; top: 1097px; }
#sy04_1_3_10 { left: 57px; top: 947px; }
#sy04_1_3_9 { left: 182px; top: 791px; }
#sy04_1_3_8 { left: 602px; top: 663px; }
#sy04_1_3_7 { left: 689px; top: 522px; }
#sy04_1_3_6 { left: 602px; top: 381px; }
#sy04_1_3_5 { left: 312px; top: 606px; }
#sy04_1_3_4 { left: 57px; top: 606px; }
#sy04_1_3_3 { left: 640px; top: 113px; }
#sy04_1_3_2 { left: 340px; top: 113px; }
#sy04_1_3_1 { top: 113px; left: 40px; }
#sy04_1_3_21 { left: 43px; top: 277px; }
#sy04_1_3_22 { left: 355px; top: 277px; }
#sy04_1_3_23 { left: 637px; top: 277px; }
#sy04_1_3_24 { left: 466px; top: 431px; }
#sy04_1_3_25 { left: 670px; top: 776px; }
#sy04_1_3_26 { left: 545px; top: 1412px; }
#sy04_1_3_27 { left: 756px; top: 1907px; }
#sy04_1_3_28 { left: 321px; top: 2527px; }

/* system 05 */
#bg_sy05_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/system/05/bg_sy05_1_1.png) left top no-repeat; padding-bottom: 160px;  }
#sy05_1_3_1 { left: 40px;  top: 133px; }
#sy05_1_3_3 { left: 395px; top: 81px; }
#sy05_1_3_2 { left: 613px; top: 174px; }


/* character 01 */
#c01 { padding-bottom: 180px; }



/* digimon 01 */
#d01 { padding-bottom: 180px; }


/* digimon 02 */
.c_d02 .submenu {
	height: 33px;
	padding-top: 4px;
}
#bg_d02_1_1 { position: relative; width: 1920px; min-height: 273px; background: url(../images/digimon/02/bg_d02_1_1.png) left top no-repeat; padding-bottom: 240px;}
#bg_d02_1_1 li img { width: auto !important; }
#bg_d02_1_1 ul { margin-left: 2px;  margin-bottom: 10px;}
#bg_d02_1_1 li { float: left; margin: 0 5px;}
#bg_d02_1_1 li a { position: relative; display: block;}
#bg_d02_1_1 .ssnew { right: auto; left: 3px; top: auto;  bottom: 7px; }

/* digimon 02 popup */
#popupmain {
	position: relative;
	width: 960px;
	height: 540px;
	margin: 0 auto;
	background: url(../images/digimon/02/bg_dmpopup.png) left top no-repeat;
}
.t_dm { position: absolute;  left: 0; top: 0; }
.p_dm { position: absolute; right: 0; top: 0; }
.dm_ss { position: absolute; left: 22px; top: 285px; }
#p_d02_01_2 { position: absolute; left: 308px; top: 419px;}
#p_d02_02_2 { position: absolute; left: 368px; top: 456px;}
#p_d02_03_2 { position: absolute; left: 356px; top: 313px;}
#p_d02_11_2 { position: absolute; left: 330px; top: 420px;}
#p_d02_13_2 { position: absolute; left: 377px; top: 284px;}

/* movie */
#bg_m01_1_1 { position: relative; width: 1920px; min-height: 181px; background: url(../images/ms/01/bg_m01_1_1.png) left top no-repeat; }
#m01_2_1    { margin-bottom: 30px;min-height: 550px;}
.mvblock    { position: relative; width: 1920px; min-height: 190px; background: url(../images/ms/01/bg_m01_2_1.png) left top no-repeat; margin-bottom: 50px;}
.mvblock ul { width: 945px; margin: 0 auto; padding-top: 14px; text-align: left;}
.mvblock li { margin: 0 11px 0 12px; display: inline-block; position: relative; float: left;}
.mvblock img {
	display: block;
	width: 100%;
	opacity: 1;
	transition-property: opacity;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.mvblock a  {
	display: block;
	position: relative;
	top: 0;
	border: 2px solid #FF8205;
	background: #ffffff;
	width: 288px;
	height: 162px;
	transition-property:  width, height;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.mvblock a:hover { }
.mvblock img:hover { opacity: 0.5 }


/* screenshot */
#bg_m02_1_1 { position: relative; width: 1920px; min-height: 181px; background: url(../images/ms/02/bg_m02_1_1.png) left top no-repeat; }
#m02_2_1    { margin-bottom: 30px;min-height: 550px;  padding-bottom: 130px;}
.ssblock    { position: relative; width: 1920px; min-height: 190px; background: url(../images/ms/02/bg_m02_2_1.png) left top no-repeat; }
.ssblock ul { width: 945px; margin: 0 auto; padding-top: 14px; text-align: left;}
.ssblock li { margin: 0 11px 0 12px; display: inline-block; position: relative; float: left;}
.ssblock img {
	display: block;
	width: 100%;
	opacity: 1;
	transition-property: opacity;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.ssblock a  {
	display: block;
	position: relative;
	border: 2px solid #FF8205;
	background: #ffffff;
	width: 288px;
	height: 162px;
	transition-property:  width, height;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.ssblock a:hover { }
.ssblock img:hover { opacity: 0.5 }


/* special 01 */
#bg_sp01_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/special/01/bg_sp01_1_1.png) left top no-repeat; padding-bottom: 200px;  }
.sp01_2_2 { position: absolute; left: 629px; top: 174px; }


/* special 02 */
#bg_sp02_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/special/02/bg_sp02_1_1.png) left top no-repeat; padding-bottom: 140px;  }


/* special 03 */
#bg_sp03_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/special/03/bg_sp03_1_1.png) left top no-repeat; padding-bottom: 140px;  }


/* popup */
#popup { background: #000; }
#pmain {
	width: 800px;
	height: 450px;
	margin: 0 auto;
}
#pmain a {
	display: block;
}
#pmain img {
	width: 100%;
}