﻿/* CSS Document */

/* NAV start */
body {margin:0; padding:0; font-family:"Meiryo", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif", "Mincho", "Arial";}

h1 { list-style:none; margin:0; padding:0; font-size:40px; line-height:50px; text-align:center; color:#000; font-weight:lighter;}
h1 a { color:#000; text-decoration:underline;}
h1 a:hover {text-decoration:underline;}
h2 { list-style:none; margin:0; padding:0; font-size:34px; line-height:70px; color:#000; font-weight:lighter; padding-top:10px; padding-bottom:5px;}
h2 a { color:#000; text-decoration:underline;}
h2 a:hover {text-decoration:underline;}
h3 { list-style:none; margin:0; padding:0; font-size:28px; line-height:40px; color:#000; font-weight:lighter; padding-top:10px;}
h3 a { color:#000; text-decoration:underline;}
h3 a:hover {text-decoration:underline;}
.clear { clear:both;}


#navbgnomove { margin:0 auto; width:100%; height:55px; background:url(../imgs/navbg.png) top center no-repeat; top:0px; border-bottom: 1px solid #e8e8e8;}
.nav { margin:0 auto; width:1000px; height:55px; position:relative; z-index:10000;}
.navleft { float:left; width:300px; height:55px;}
.navright { float:left; width:650px; height:55px;}
.navright .navitem { float:right; width:auto; height:50px; padding:5px 20px 0px 20px; font-size:12px; line-height:50px; font-weight:lighter; text-decoration:none;}
.navright a {font-weight:lighter; color:#848484; text-decoration:none;}
.navright a:hover {font-weight:lighter; color:#000000; text-decoration:underline;}
.navright .navputesctxt { float:left; width:auto; height:50px;}
.navright .navputesctxt2 { float:left; width:auto; height:50px; cursor:pointer; font-size:14px; line-height:50px; font-weight:lighter; color:#848484;}
.navright .navputesctxt2:hover {font-size:14px; line-height:50px; font-weight:lighter; color:#000000; }
.navright .navputesc { float:right; width:17px; height:50px; background:url(../imgs/put-esc.png) center no-repeat;}

.nav_menu {line-height:50px; margin:0; padding:0;}
.nav_menu ul { list-style:none; margin:0; padding:0;}
.nav_menu ul li { list-style:none; margin:0; padding:0;}
.nav_menu-item {display:inline-block; position:relative; z-index:10000; font-size:14px; line-height:50px; font-weight:lighter; color:#848484; text-decoration:none;}
.nav_menu-item:hover { color:#000000;}
.nav_menu-item:hover .nav_submenu {display: block; width:877px; height:585px; background:url(../imgs/productsbg.png) center no-repeat; margin-left:-400px; }
.nav_submenu {display: none; position: absolute; background-color: #9b59b6;}

.navrightlan { float:left; width:46px; height:46px; padding:9px 0px 0px 4px;}
.lan_menu {margin:0; padding:0;}
.lan_menu ul { list-style:none; margin:0; padding:0;}
.lan_menu ul li { list-style:none; margin:0; padding:0;}
.lan_menu-item {display:inline-block; position:relative; z-index:10000; }
.lan_menu-item:hover { background:#e7e7e7;}
.lan_menu-item:hover .lan_submenu {display: block; background:#e7e7e7;}
.lan_menu-item:hover .lan_submenu:hover {background:#f4f4f4; }
.lan_submenu {display: none; position: absolute; background:#f4f4f4;}


.putin {width:849px; height:571px; margin:0; padding:0px 14px 14px 14px;}
.putinframe { width:849px; height:271px;}
.putinframe a:hover { background:#E9E9E9; text-decoration:none;}
.putinitem { float:left; width:424px; height:271px; color:#777; font-size:12px; line-height:20px; text-align:center; font-weight:lighter;}
.putinitem a {font-weight:lighter;}
.putinitem a:hover {text-decoration:none; font-weight:lighter;}
.putinitem p {list-style:none; margin:0; padding-bottom:5px;}
.putinitem b {font-size:16px; font-weight:bold; line-height:32px;}
.putinitem img {padding-bottom:15px; padding-top:40px;}
.putinitem:hover { background:#E9E9E9;}
.putinsp { float:left; width:1px; height:271px;}
.putinmore {width:849px; height:30px; color:#777; font-size:14px; line-height:28px; font-weight:lighter; text-align:center;}
.putinmore:hover { background:#E9E9E9;}

/* NAV end */


/* foot start */
#dvcfootbg { margin:0 auto; width:100%; height:auto; background:#ECECEC;  border-top: 1px solid #D0D0D0; position:relative; z-index:200;}
.dvcfoot { margin:0 auto; width:1000px; height:auto; padding:20px 0px; font-weight:lighter; color:#666;}
.dvcfoot a { color:#696969; text-decoration:underline;}
.dvcfoot a:hover { color:#156FD6; text-decoration:underline;}
.df-item200 { float:left; width:200px; height:auto;}
.df-item200in { width:200px; height:auto;}
.df-item200in ul { list-style:none; padding:0; margin:0;}
.df-item200in ul li { list-style:none; margin:0; padding-left:20px; font-size:12px; line-height:22px; background:url(../imgs/li.png) left center no-repeat;}
.df-item200in ul li a {color:#156FD6; text-decoration:none;}
.df-item200in ul li a:hover {text-decoration:underline;}

.df-item600 { float:left; width:580px; height:auto; padding-right:20px;}
.df-item600in { width:580px; height:auto;}
.df-item600in p { margin:0; padding:0; font-size:12px; line-height:22px;}
.df-item600in p a {color:#156FD6; text-decoration:none;}
.df-item600in p a:hover {text-decoration:underline;}
.df-itemtit { width:auto; height:50px; font-size:18px; line-height:50px; color:#000;}

.df-foots { margin:0 auto; width:1000px; height:44px; padding:0px 0px 20px 0px; margin-top:30px;}

.df-cr { width:1000px; height:44px; padding:20px 0px 0px 0px; margin-top:30px; border-top:1px solid #D6D5D5;}
.df-crl { float:left; width:350px; height:44px; text-align:right;}
.df-crr { float:left; width:650px; height:44px; }
.df-crr p { margin:0; padding:0; font-size:12px; line-height:22px; color:#444;}
.df-crr p a {color:#156FD6; text-decoration:none;}
.df-crr p a:hover {text-decoration:underline;}


/* foot end */



/* TipsCorner start */

#ntcontbg { margin:0 auto; width:1000px; height:auto; padding:40px 0px 0px 0px;}



/* TipsCorner end */




/* INDEX start */

#idxbannerbg { margin:0 auto; width:100%; height:800px; background:url(../imgs-index/bannerbg.jpg) top center no-repeat;}
.idxbanner { margin:0 auto; width:1200px; height:270px; padding-top:340px;}
.idxbanner h1 {list-style:none; margin:0; padding-bottom:20px; font-size:40px; line-height:60px; text-align:center; color:#000; }
.idxbanner p {list-style:none; margin:0; padding:0; font-size:20px; line-height:40px; color:#333; text-align:center;}

.idxbannerbunbg { margin:0 auto; width:450px; height:190px;}

.idxbannerbunm { float:left; width:200px; height:190px; margin-right:50px; background:url(../imgs-index/moreup.png) no-repeat;}
.idxbannerbunm a { color:#fff; text-decoration:none;}
.idxbannerbunmup { width:200px; height:70px; padding-top:120px; font-size:20px; line-height:70px; background:url(../imgs-index/more.png) no-repeat; text-align:center;}
.idxbannerbunmup:hover { background:none;}

.idxbannerbund { float:left; width:200px; height:190px; background: url(../imgs-index/downup.png) no-repeat;}
.idxbannerbund a { color:#fff; text-decoration:none;}
.idxbannerbundup { width:200px; height:70px; padding-top:120px; font-size:18px; line-height:70px; background:url(../imgs-index/down.png) no-repeat; text-align:center;}
.idxbannerbundup:hover { background:none;}


#idxputbg { margin:0 auto; width:1200px; height:350px; padding:60px 0px;}
.idxhdfree { float:left; width:570px; height:350px; padding-right:60px; background:url(../imgs-index/hdfreebg.jpg) left no-repeat;}
.idxripperpro {float:left; width:570px; height:350px; background:url(../imgs-index/ripperprobg.jpg) no-repeat;}

#idxputbg2 { margin:0 auto; width:1200px; height:350px; padding:0px 0px 20px 0px;}
.idxhdpro { float:left; width:570px; height:350px; padding-right:60px; background:url(../imgs-index/hdprobg.jpg) left no-repeat;}
.idxdvc {float:left; width:570px; height:350px; background:url(../imgs-index/dvcbg.jpg) no-repeat;}

.idxputt { width:510px; height:240px; padding:30px;}
.idxputt a { color:#fff; text-decoration:underline;}
.idxputt a:hover { color:#02B9FE;}
.idxputt h2 {list-style:none; margin:0; padding-bottom:20px; font-size:24px; line-height:26px;}
.idxputt p {list-style:none; margin:0; padding:0; font-size:14px; line-height:26px;}
.idxputb { width:400px; height:50px; padding-left:170px;}
.idxputbm { float:left; margin-right:20px; width:180px; height:50px; background:url(../imgs-index/moreup-s.png) no-repeat;}
.idxputbm a { color:#fff; text-decoration:none;}
.idxputbmup {width:150px; padding-left:30px; height:50px; font-size:16px; line-height:50px; background:url(../imgs-index/more-s.png) no-repeat; text-align:center;}
.idxputbmup:hover { background:none;}

.idxputbd { float:left; width:180px; height:50px; background:url(../imgs-index/downup-s.png) no-repeat;}
.idxputbd a { color:#fff; text-decoration:none;}
.idxputbdup {width:150px; padding-left:30px; height:50px; font-size:16px; line-height:50px; background:url(../imgs-index/down-s.png) no-repeat; text-align:center;}
.idxputbdup:hover { background:none;}
/* INDEX end */




/* awards start */

#bgaw { margin:0 auto; width:1200px; height:auto; padding:80px 0px 100px 0px; font-family:Open Sans;}
.bgaw-tit { margin:0 auto; width:1100px; height:auto; font-size:30px; line-height:44px; color:#333; text-align:center; padding-bottom:10px;}
.bgaw-p { margin:0 auto; width:900px; height:auto; font-size:13px; line-height:24px; color:#333; text-align:center; padding-bottom:40px;}
.bgaw-logo { margin:0 auto; width:1200px; height:160px;}
.bgaw-logo-f1 { float:left; width:150px; height:140px; margin:5px 29px 15px 0px; background:url(../../imgs-index-2016/imgs8/logos/uptodown.png) no-repeat;}
.bgaw-logo-f12 {width:150px; height:140px; background:url(../../imgs-index-2016/imgs8/logos/uptodown2.png) no-repeat; cursor:pointer;}
.bgaw-logo-f12:hover { background:none;}
.bgaw-logo-f2 { float:left; width:266px; height:160px;}
.bgaw-logo-f2-1 { width:260px; height:49px; margin-bottom:35px; background:url(../../imgs-index-2016/imgs8/logos/techradar.png) no-repeat;}
.bgaw-logo-f2-12 {width:260px; height:49px; background:url(../../imgs-index-2016/imgs8/logos/techradar2.png) no-repeat; cursor:pointer;}
.bgaw-logo-f2-12:hover { background:none;}
.bgaw-logo-f2-2 { width:210px; height:76px; margin-left:56px; background:url(../../imgs-index-2016/imgs8/logos/heise.png) no-repeat;}
.bgaw-logo-f2-22 {width:210px; height:76px; background:url(../../imgs-index-2016/imgs8/logos/heise2.png) no-repeat; cursor:pointer;}
.bgaw-logo-f2-22:hover { background:none;}
.bgaw-logo-f3 { float:left; width:110px; height:110px; margin:18px 24px 0px 51px; background:url(../../imgs-index-2016/imgs8/logos/cnet.png) no-repeat;}
.bgaw-logo-f32 {width:110px; height:110px; background:url(../../imgs-index-2016/imgs8/logos/cnet2.png) no-repeat; cursor:pointer;}
.bgaw-logo-f32:hover { background:none;}
.bgaw-logo-f4 { float:left; width:310px; height:145px;}
.bgaw-logo-f4-1 { width:310px; height:50px; margin:5px 0px 20px 0px; background:url(../../imgs-index-2016/imgs8/logos/topten.png) no-repeat;}
.bgaw-logo-f4-12 {width:310px; height:50px; background:url(../../imgs-index-2016/imgs8/logos/topten2.png) no-repeat; cursor:pointer;}
.bgaw-logo-f4-12:hover { background:none;}
.bgaw-logo-f4-2 { width:180px; height:70px; margin:0px 59px 0px 71px; background:url(../../imgs-index-2016/imgs8/logos/ccm.png) no-repeat;}
.bgaw-logo-f4-22 { width:180px; height:70px; background:url(../../imgs-index-2016/imgs8/logos/ccm2.png) no-repeat; cursor:pointer;}
.bgaw-logo-f4-22:hover { background:none;}
.bgaw-logo-f5 { float:left; width:240px; height:110px; margin:20px 0px 0px 20px; background:url(../../imgs-index-2016/imgs8/logos/giga.png) no-repeat;}
.bgaw-logo-f52 {width:240px; height:110px; background:url(../../imgs-index-2016/imgs8/logos/giga2.png) no-repeat; cursor:pointer;}
.bgaw-logo-f52:hover { background:none;}

/* awards end */


/* partner start */
.ptritem { width:100%; height:100px; padding:15px 0px;}
.ptri-left { float:left; width:30%; height:auto;}
.ptri-right { float:left; width:70%; height:auto; color:#888;}


/* partner end */


