/* トップページ */
#top1{
background:url(../img/bg_top1.jpg);
z-index:10;
}

#top2{
background:url(../img/bg_top2.png) repeat-x;
background-position:bottom center;
z-index:20;
}

#top3{
background:url(../img/bg_top3.png);
z-index:30;
}

#top{padding-bottom:0px;}

#top .catch img{
margin-top:10px;
margin-left:40px;
}

#top .main{
margin-top:40px;
margin-left:30px;
margin-bottom:-5px;
}

#top .note2{
margin:20px;
margin-bottom:0px;
}

#top .note2 li{
display:inline-block;
vertical-align:top;
margin:5px;
margin-left:0px;
margin-bottom:0px;
}

#menu{
background:url(../img/bg_top4.png);
z-index:40;
}

#top .menu{
width:1220px;
margin:auto;
padding-bottom:50px;
}

#top .menu li{
display:inline-block;
margin:10px;
margin-top:20px;
margin-bottom:20px;
}

#top .menu li a{
width:220px;
height:152px;
display:block;
background:url(../img/top_menu.png) no-repeat;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}

#top .menu li#menu1 a:link{background-position:0px 0px}
#top .menu li#menu2 a:link{background-position:-220px 0px}
#top .menu li#menu3 a:link{background-position:-440px 0px}
#top .menu li#menu4 a:link{background-position:-660px 0px}
#top .menu li#menu5 a:link{background-position:-880px 0px}

#top .menu li#menu1 a:hover{background-position:0px -152px}
#top .menu li#menu2 a:hover{background-position:-220px -152px}
#top .menu li#menu3 a:hover{background-position:-440px -152px}
#top .menu li#menu4 a:hover{background-position:-660px -152px}
#top .menu li#menu5 a:hover{background-position:-880px -152px}

/* CycloneX10USBについて */
#x101{
background:url(../img/bg_x101.jpg);
background-size:cover;
height:675px;
z-index:10;
}

#x102{
background:url(../img/bg_x102.png);
height:675px;
z-index:20;
}

#x103{
background:url(../img/bg_x103.png) repeat-x;
background-position:0px 675px;
height:1220px;
z-index:30;
}

#x104{
background:url(../img/bg_x104.png);
background-position:0px 675px;
height:1220px;
z-index:40;
}

#x10{padding-bottom:0px;}

#x10 .catch img{
margin-top:25px;
margin-left:40px;
}

#x10 .main{
margin-top:30px;
margin-left:10px;
}

#x10 .note{
margin-top:30px;
}

#x10 .note1{
margin-top:-80px;
margin-left:50px;
}

#x10 .note2{
margin-top:20px;
margin-left:50px;
}

#x10 .note2 li{
display:inline-block;
margin-right:30px;
}

#x10 .note3{margin-bottom:10px;}

#x10 .left{margin-right:30px;}

#x10 .note4 li{
display:inline-block;
vertical-align:top;
margin-bottom:30px;
}

#x10 .note4 li.btn{margin-right:30px;}

#x10 .note5{margin-bottom:40px;}

#x10 .note6{margin-right:30px;}

#x10 .note6 li ul{
display:inline-block;
vertical-align:top;
margin-bottom:30px;
}

#x10 .note6 li ul li{
display:inline-block;
vertical-align:top;
margin-top:10px;
margin-right:10px;
}

#x10 .note6,#x10 .note7{
display:inline-block;
vertical-align:top;
}

#x10 .note7 .text{
width:250px;
word-break:break-all;
}

#x10 .note8{margin-top:10px;}

#x10 .note8 li{
display:inline-block;
}

#x10 .note8 li ul li{
display:block;
margin-top:10px;
margin-right:20px;
}

/* 臨界点について */
#rin .catch img{
margin-top:15px;
margin-bottom:-15px;
margin-left:40px;
}

#rin1{
background:url(../img/bg_rin1.jpg);
height:1100px;
z-index:10;
}

#rin2{
background:url(../img/bg_rin2.png);
height:1100px;
z-index:20;
}

#rin3{
background:url(../img/bg_rin3.jpg) repeat-x;
height:1230px;
z-index:30;
background-position:0px 940px;
}

#rin .main{
margin-top:30px;
}

#rin .note1,#rin .note2{
display:inline-block;
vertical-align:top;
margin-top:25px;
}

#rin .note1{margin-left:50px;}
#rin .note2{margin-left:20px;}

#rin .note3{
margin-top:10px;
margin-left:320px;
}

#rin .note2 .btn{
margin-bottom:20px;
display:inline-block;
}

/* セット販売 */
#pack1{
background:url(../img/bg_rin2.png);
z-index:20;
}

#pack2{
background:url(../img/bg_pack1.jpg);
position:relative;
}

#pack3{
background:url(../img/bg_pack2.jpg) repeat-x;
z-index:30;
background-position:0px 780px;
padding-bottom:100px;
}

#pack .main img{
margin-top:30px;
margin-bottom:30px;
box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px 0px;
}

#pack h3{
margin-left:20px;
margin-bottom:10px;
}

#pack .section a img:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#pack .section{
width:585px;
display:inline-block;
vertical-align:top;
background:rgba(51,51,51,0.2);
margin:10px;
padding:10px;
box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px 0px;
border:1px dashed rgba(255,255,255,0.3);
}

#pack .section_{
min-height:510px;
}

#pack .section h5{
color:#FF0;
margin:10px;
margin-bottom:5px;
font-size:19px;
font-weight:bold;
padding-bottom:3px;
border-bottom:#FFF 1px solid;
}

#pack .section h5 span{
vertical-align:text-top;
color:#FFF;
font-size:15px;
font-weight:bold;
padding-left:5px;
padding-right:5px;
margin-right:10px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
text-shadow:2px 2px 0px rgba(0,0,0,0.5);
}

#pack .section h5 span.new_{
background:rgba(255,0,51,0.7);
}

#pack .section h5 span.update{
background:rgba(255,153,0,0.8);
}

#pack .section ul{
display:inline-block;
margin:10px;
margin-top:5px;
margin-bottom:5px;
vertical-align:top;
}

#pack .section ul.blank li{
display:inline-block;
vertical-align:top;
}

#pack .section ul.blank li ul{
margin:0px;
}

#pack .section ul.blank li ul li{
display:block;
}

#pack .section ul.blank li ul li p{
margin-left:10px;
}

#pack .section ul.blank li.store img{
border:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
margin-left:3px;
}

#pack .section ul.sp li h6{
color:#FF0;
font-size:16px;
display:list-item;
list-style:none;
text-decoration:underline;
display:inline-block;
}

#pack .section ul li h6{
font-size:11px;
display:list-item;
list-style:inside square;
}

#pack .section ul li p{
font-size:11px;
}

#pack .section ul li p span.update{
color:#F03;
}

#pack .section ul li p a{
display:block;
font-weight:bold;
text-align:center;
padding:1px;
}

#pack .section ul p a:link{color:#39F;}
#pack .section ul p a:visited{color:#39F;}
#pack .section ul p a:hover{color:#F39;}


#pack .section ul li p.low{
font-size:12px;
}

#pack .section ul li p.low span{
text-decoration:line-through;
font-size:20px;
}

#pack .section ul.sp{
background:rgba(0,0,0,0.1);
border:1px solid rgba(255,255,255,0.5);
padding:10px;
margin-top:-5px;
}

#pack .section ul.sp li p{
color:#F39;
font-size:32px;
font-weight:bold;
line-height:1.2;
text-align:center;
display:inline-block;
margin-left:10px;
text-align:left;
}

#pack .section ul.sp li p font{
font-size:28px;
}

#pack .section ul.sp li p span{
color:#FFF;
font-size:11px;
font-weight:normal;
text-decoration:none;
letter-spacing:0.3px;
}

#pack .section ul.sp li p span.sp1{
margin-left:80px;
}

#pack .section ul.sp li p span.sp2{
margin-left:70px;
}

#pack .section ul.blank li img{
border:#FFF solid 1px;
box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 7px 0px;
}

#pack .section ul.enq p a{
display:block;
text-align:center;
background:rgba(51,51,51,0.2);
border:1px solid rgba(255,255,255,0.5);
width:210px;
margin-top:4px;
margin-bottom:4px;
padding-top:3px;
padding-bottom:3px;
}

#pack .section ul.enq p a:link{color:#FFF;}
#pack .section ul.enq p a:visited{color:#FFF;}
#pack .section ul.enq p a:hover{color:#F39;}

#pack .section ul li.chart{
padding:1px;
border:#FFF solid 1px;
height:270px;
}

#pack .section iframe{
padding:5px;
padding-left:15px;
padding-right:15px;
height:260px;
background:rgba(255,255,255,0.99);
box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 7px 0px;
}

#pack .section ul.info{
width:315px;
margin-left:0px;
}

/* ゲーム・動画との連動について */
#plug1{
background:#000;
z-index:10;
}

#plug2{
background:url(../img/bg_plug2.png);
z-index:20;
}

#plug3{
background:url(../img/bg_plug3.png);
z-index:30;
}

#linkage{
height:100%;
padding-bottom:100px;
}

#linkage .main{
margin-top:50px;
}

#linkage .right{
margin-top:20px;
margin-left:50px;
}

#linkage .menu a{
display:block;
width:340px;
height:120px;
background:url(../img/linkage_menu.png);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
margin-left:50px;
margin-top:30px;
}

#linkage .menu a:link{background-position:0px 0px;}
#linkage .menu a:hover{background-position:0px -120px;}


/* 動画用プラグインについて */

#plugin .main{
margin-top:40px;
margin-left:40px;
}

#plugin .main .btn_ a img{
position:absolute;
margin-left:33px;
margin-top:23px;
}

#plugin .main .btn_ a img:hover{
filter: alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
}

#plugin .note1{
margin-left:55px;
margin-top:-140px;
padding-bottom:140px;
}

#plugin .note2 .text{margin-left:25px;}
#plugin .note2 .text li{margin-bottom:3px;}

#plugin .note3 li{
display:inline-block;
vertical-align:top;
margin-top:30px;
}

#plugin .note3 li.btn a{
border:none;
}

/* ソフトウェア開発用プログラムソースファイル */
#sou{
background:url(../img/bg_sou.png);
height:1240px;
}

#sou .main{
width:1180px;
height:360px;
margin-top:30px;
margin-left:40px;
background:url(../img/source_main.png);
border:#000 solid 1px;
}

#sou .main li{
margin-left:45px;
letter-spacing:1.5px;
line-height:20px;
}

#sou .main li p{
margin-left:15px;
width:420px;
}

#sou .main li.text1{
margin-top:30px;
margin-bottom:10px;
}

#sou .main li.text2{
margin-top:20px;
margin-bottom:10px;
}

#sou .main li.text3 a{
font-size:13px;
margin-right:2px;
}

#sou .main li.text3 a:link{color:#FF0;}
#sou .main li.text3 a:visited{color:#FF0;}
#sou .main li.text3 a:hover{color:#F03;}

#sou .btn a{
display:inline-block;
border:none;
}

#sou ul.note1,#sou ul.note2{
display:inline-block;
margin-top:30px;
vertical-align:top;
}

#sou ul.note1{
}

#sou ul.note2{
margin-top:80px;
}

#sou ul.note2 .btn{
margin-left:60px;
margin-bottom:15px;
}

#sou ul.note2 .text{
margin-left:66px;
margin-top:5px;
}

/* ニュース＆インフォメーション */
#news1{
background:url(../img/bg_top1.jpg);
height:970px;
position:fixed;
z-index:10;
}

#news2{
background:url(../img/bg_top2.png);
height:390px;
margin-top:640px;
position:fixed;
z-index:20;
}

#news3{
background:url(../img/bg_top3.png);
height:970px;
position:fixed;
z-index:30;
}

#news4{
background:url(../img/bg_news.png) no-repeat;
height:661px;
width:768px;
z-index:40;
position:fixed;
margin-top:12%;
margin-left:30px;
}

#news{border-top:1px solid #000;}

.news{margin-top:110px;}

.news .list{
margin-left:60px;
margin-top:10px;
background:url(../img/news_bg_.png) repeat-x;
padding:20px;
min-height:740px;
width:240px;
float:left;
}

.news h3{
border-bottom:1px solid rgba(255,255,255,0.4);
padding-bottom:10px;
margin-bottom:10px;
text-indent:10px;
}

.news .list ul{
border-bottom:1px dashed rgba(255,255,255,0.4);
padding:5px;
margin:5px;
margin-bottom:15px;
}

.news .list ul li{
display:inline-block;
vertical-align:middle;
}

.news .list ul li.dat{
font-size:14px;
box-shadow:inset 0 1px 0 0 rgba(255,255,255,0),inset 0 -1px 0 0 rgba(255,255,255,0);
padding-left:3px;
padding-right:3px;
}

.news .list ul li.tag{
font-size:8px;
padding-left:3px;
padding-right:3px;
}

.news ul li.tag1{color:#F69;box-shadow:inset 0 0 0 1px #F69;}
.news ul li.tag2{color:#3CF;box-shadow:inset 0 0 0 1px #3CF;}
.news ul li.tag3{color:#FC6;box-shadow:inset 0 0 0 1px #FC6;}
.news ul li.tag4{color:#6F6;box-shadow:inset 0 0 0 1px #6F6;}
.news ul li.tag5{color:#99F;box-shadow:inset 0 0 0 1px #99F;}

.news .list ul li.tit{
margin-top:5px;
}

.news .list ul li.tit a{
font-size:12px;
width:190px;
word-break:break-all;
margin-top:20px;
}
.news .list ul li.tit a:link{color:#FFF;}
.news .list ul li.tit a:visited{color:#FFF;}
.news .list ul li.tit a:hover{color:#FF0;}

.news .doc{
margin-left:20px;
margin-top:10px;
width:800px;
float:left;
}

.news .article{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid rgba(255,255,255,0.4);
}

.news h2{
font-size:24px;
background:url(../img/news_bg.png);
padding:10px;
text-align:center;
letter-spacing:5px;
}

.news .text{
margin-top:10px;
background:url(../img/news_bg.png);
width:800px;
padding-top:10px;
padding-bottom:10px;
}

.news .text p.sta{
font-size:13px;
margin:20px;
padding:20px;
padding-top:0px;
padding-bottom:10px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.4);
}

.news .text .one img{
padding:20px;
margin:20px;
margin-top:0px;
}

.news .text ul{
padding:20px;
margin:20px;
margin-top:0px;
margin-bottom:0px;
padding-top:5px;
padding-bottom:5px;
}

.news .text ul.gal{
padding-bottom:20px;
}

.news .text ul.gal li{
display:inline-block;
}

.news .text ul li a img{
border:1px solid rgba(255,255,255,0.7);
margin-right:20px;
}
.news .text ul.gal li img:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

.news .text span a{
font-size:12px;
}

.news .text ul li h4{
color:#FF0;
font-size:18px;
line-height:1.3;
display:list-item;
list-style:outside disc;
margin-left:10px;
margin-bottom:10px;
}

.news .text ul li h5{
color:#FF0;
font-size:18px;
line-height:1.3;
display:list-item;
list-style:none;
margin-bottom:10px;
text-align:center;
}

.news .text ul li a:link{color:#FFF;}
.news .text ul li a:visited{color:#FFF;}
.news .text ul li a:hover{color:#FF0;}

.news .text ul li a:link{color:#F36;font-weight:bold;margin:3px;}
.news .text ul li a:visited{color:#F39;}
.news .text ul li a:hover{color:#FF0;}

/* 最新情報 */
.topics{
height:900px;
width:1200px;
margin:auto;
padding-bottom:70px;
}

.topics img{
padding:1px;
border:#F33 solid 1px;
box-shadow:rgba(0, 0, 0, 0.6) 7px 6px 6px -3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 7px 6px 6px -3px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 7px 6px 6px -3px;
}

.topics img:hover{
filter: alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
}


#_20150414{background:url(../img/20150414.jpg) no-repeat;}
#_20150514{background:url(../img/20150514.jpg) no-repeat;}
#_20150602{background:url(../img/20150602.jpg) no-repeat;}
#_20150724{background:url(../img/20150724.jpg) no-repeat;}
#_20150826{background:url(../img/20150826.jpg) no-repeat;}
#_20151002{background:url(../img/20151002.jpg) no-repeat;}
#_20151003{background:url(../img/20151003.jpg) no-repeat;}
#_20160113{background:url(../img/20160113.jpg) no-repeat; height:670px; margin-top:150px;}
#_20160201{background:url(../img/20160201.jpg) no-repeat;}
#_20160202{background:url(../img/20160202.jpg) no-repeat;}
#_20160325{background:url(../img/20160325.jpg) no-repeat; height:780px; margin-top:150px;}
#_20170224{background:url(../img/20170224.jpg) no-repeat;}
#_20170526{background:url(../img/20170526.jpg) no-repeat;}


#_20150414 img{
margin-top:785px;
margin-left:35px;
}

#_20150514 img{
margin-top:765px;
margin-left:30px;
}

#_20150602 img{
margin-top:785px;
margin-left:45px;
}

#_20150724 img{
margin-top:790px;
margin-left:35px;
}

#_20150826 img{
margin-top:765px;
margin-left:30px;
}

#_20151002 img{
margin-top:785px;
margin-left:45px;
}

#_20151003 img{
margin-top:790px;
margin-left:35px;
}

#_20151003 img{
margin-top:790px;
margin-left:35px;
}

#_20160113 img{
margin-top:555px;
margin-left:235px;
border:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#_20160201 img{
margin-top:793px;
margin-left:50px;
border:none;
}

#_20160202 img{
margin-top:785px;
margin-left:45px;
}

#_20170224 img{
margin-top:785px;
margin-left:45px;
}

#_20170526 img{
margin-top:785px;
margin-left:45px;
border:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}


#_20160325 img{
margin-top:670px;
margin-left:195px;
border:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#_20150817{
height:2400px;
background:url(../img/20150817.jpg);
border-top:1px solid rgba(255,255,255,0.0);
margin-bottom:100px;
}

#_20150817 h4{
color:#FFF;
text-align:center;
letter-spacing:10px;
padding-top:4px;
padding-bottom:4px;
width:1120px;
margin:auto;
margin-top:420px;
background:rgba(51,51,51,0.2);
border: 1px dashed rgba(255,255,255,0.3);
}

#_20150817 h5{
color:#FFF;
font-size:12px;
text-align:center;
letter-spacing:10px;
padding-top:2px;
padding-bottom:2px;
border-top:none;
width:1120px;
margin:auto;
background:rgba(51,51,51,0.2);
border-bottom:1px dashed rgba(255,255,255,0.3);
}

#_20150817 ul{
border-bottom:none;
border-left:none;
background:#FFF;
border:1px dashed rgba(255,255,255,0.3);
border-top:none;
background:rgba(255,255,255,0.1);
width:1120px;
margin:auto;
}

#_20150817 ul.menu{
background:rgba(255,255,0,0.2);
color:#FFF;
font-weight:bold;
}

#_20150817 ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
}

#_20150817 ul li.shop{
width:280px;
border-right:1px dashed rgba(255,255,255,0.3);
padding-left:20px;
padding-top:7px;
padding-bottom:6px;
}

#_20150817 ul li.add{
width:540px;
padding-left:20px;
padding-top:7px;
padding-bottom:6px;
}

#_20150817 ul li.add a:link{color:#FF0}
#_20150817 ul li.add a:visited{color:#FF0}
#_20150817 ul li.add a:hover{color:#F03}