@charset "Shift_JIS";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
margin:0;
padding:0;
text-align:center}

/* Comment out because it's preventing h1, p from displaying correct format
*{
margin:0;
padding:0;
color:#454545;
font-style:normal;
font:12px/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, Osaka, "ＭＳ Ｐゴシック", sans-serif}
*/

img{border:none}
li{list-style-type:none}
hr{display:none}
a,a:link{color:#000;text-decoration:none}
a:visited{color:#52abb5}
a:hover{color:#a8d5da;text-decoration:underline}
strong{font-weight:bold}

/* layout divs
-----------------------------------------------*/

#outsideBox{
margin:0 auto; 
text-align:left;
width:815px}

#head{
background:#d6d6d6 url(../Upload/ja_JP/img/common/headBg.gif) no-repeat;
border-left:#369 1px solid;
border-right:#369 1px solid;
height:115px;
position:relative}

#contents{
border:#369 1px solid;
border-top:none;
vertical-align:top}

#main{
vertical-align:top}

#sideBar{
background:#ecedf1;
padding:0 5px;
vertical-align:top;
width:200px;
voice-family:"\"}\"";
voice-family:inherit;
width:190px}

#foot{
background:url(../Upload/ja_JP/img/common/footLogo.gif) no-repeat 100% 5px;
margin:0 auto;
padding:5px 0  30px 10px;
text-align:left;
width:815px;
voice-family:"\"}\"";
voice-family:inherit;
width:800px;}

/* #head style
-----------------------------------------------*/

#head #logo,
#head h1,
#head #logoJa,
#head #description,
#head #country,
#head #title,
#head ul{position:absolute}

#head #logo{left:24px;top:26px}
#head h1{left:115px;top:50px}
#head #title{left:115px;top:50px}
#head #logoJa{left:653px;top:8px}
#head #description{left:550px;top:50px}
#head #country{left:12px;top:92px}
*+html body #head #country{width:400px}
#head #country img{margin:0 5px 0 0}

#head ul{
left:497px;
top:88px}

*+html body #head ul{width:400px}

#head ul li{
background:url(../Upload/ja_JP/img/common/headNavBg.gif) no-repeat 0 8px;
margin:0 0 0 10px;
padding:0 0 0 10px;
float:left}

#head ul li.firstChild{background:none}

/* #sideBar style
-----------------------------------------------*/

#sideBar dl{margin:15px 5px 0 0}

#sideBar dl dt{
color:#036;
margin:0 0 5px;
font-size:14px;
font-weight:bold;}

#sideBar dl.firstChild{margin:10px 0 0}

#sideBar dl dd{
background:url(../Upload/ja_JP/img/common/meuIcon.gif) no-repeat 2px 5px;
margin:0 0 5px;
padding:0 0 0 12px}

#sideBar dl dd a{color:#306}

/* #main style
-----------------------------------------------*/

#main table td{vertical-align:top}

/* #foot style
-----------------------------------------------*/

#foot ul li{
display:inline;
margin:0 5px 0 0}

#foot ul li a{color:#06c}

/***********************************************/
/* index.css                                   */
/***********************************************/

#index #head h1{left:653px;top:8px}
#index #mainImage{margin:10px 0;text-align:right}

/* #leftBox style
-----------------------------------------------*/

#index #main #leftBox{
border-right:#dfdfdf 1px solid;
border-bottom:#fff 15px solid}

#index #main #leftBox .sectionH2{
padding:0 10px 20px 15px;
width:420px;
voice-family:"\"}\"";
voice-family:inherit;
width:395px}

#index #main #leftBox .sectionH2 h2{margin:10px 0}
#index #main #leftBox table{width:390px}

/* .product */

#index #main #leftBox .product{
background:url(../Upload/ja_JP/img/index/separator01.gif) no-repeat 50% 100%;
margin:0 0 10px}

#index #main #leftBox .product th,
#index #main #leftBox .product td{
padding:0 0 20px}

#index #main #leftBox .product td{
text-align:right}

#index #main #leftBox .product h3{
background:url(../Upload/ja_JP/img/index/icon2.gif) no-repeat 0 5px;
_background:url(../Upload/ja_JP/img/index/icon2.gif) no-repeat 0 6px;
color:#319137;
font-weight:bold;
margin:10px 0 2px;
padding:0 0 0 12px}

#index #main #leftBox .product dl dt a{
font-weight:bold;
color:#036}

#index #main #leftBox .product dl dd{
background:url(../Upload/ja_JP/img/index/icon03.gif) no-repeat 0 5px;
_background:url(../Upload/ja_JP/img/index/icon03.gif) no-repeat 0 7px;
padding:0 0 0 10px}

/* .licence */

#index #main #leftBox .licence{
background:url(../Upload/ja_JP/img/index/h202Bg.gif) no-repeat 210px 110px;
min-height:290px;
_height:290px}

#index #main #leftBox .licence p{
color:#319137;
font-weight:bold;
margin:0 0 10px}

#index #main #leftBox .licence dl dt{
color:#036;
font-weight:bold;
margin:0 0 2px}

#index #main #leftBox .licence dl dd{
background:url(../Upload/ja_JP/img/common/icon01.gif) no-repeat 0 2px;
_background:url(../Upload/ja_JP/img/common/icon01.gif) no-repeat 0 4px;
padding:0 0 0 15px}

#index #main #leftBox .licence dl dd a{color:#036}

/* #rightBox style
-----------------------------------------------*/

#index #main #rightBox .sectionH2{padding:0 5px 14px;margin:0 0 7px}

#index #main #rightBox .sectionH2 h2{
color:#023053;
font-weight:bold;
margin:0 0 10px}

#index #main #rightBox .sectionH2 li a,
#index #main #rightBox .sectionH2 p{color:#319137}

#index #main #rightBox .sectionH2 li{
background:url(../Upload/ja_JP/img/index/icon2.gif) no-repeat 5px 4px;
_background:url(../Upload/ja_JP/img/index/icon2.gif) no-repeat 5px 6px;
margin:0 0 2px;
padding:0 0 0 17px}

#index #main #rightBox .img{margin:10px 0 0;text-align:center}

#index #main #rightBox .pickup,
#index #main #rightBox .support{
background:url(../Upload/ja_JP/img/index/separator02.gif) no-repeat 50% 100%}

#index #main #rightBox .down{
background:url(../Upload/ja_JP/img/index/downloadBg.jpg) no-repeat 50% 100%}

#index #main #rightBox .mail p{margin:0 5px 5px}
#index #main #rightBox .mail form input{margin:0 5px 10px}

/***********************************************/
/* sec.css                                     */
/***********************************************/

.topicPath{margin:5px 0 20px}
.topicPath li{
background:url(../Upload/ja_JP/img/common/topicPath.gif) no-repeat 0 3px;
display:inline;
margin:0 0 0 5px;
padding:0 0 0 15px}

.topicPath li.firstChild{
background:none;
margin:0;
padding:0}

/***********************************************/
/* soft                                        */
/***********************************************/

#soft{
text-align:left;
margin:0 0 0 10px}

#soft .sectionH1{margin:0 0 20px}

#soft .sectionH1 h1{margin:0 0 10px}
#soft .sectionH1 p{margin:0 0 10px}

#soft .sectionH2 h2{
color:#023053;
font-weight:bold;
margin:0 0 5px;
padding:2px 5px}

#soft th .sectionH2{width:465px}
#soft th .sectionH2 h2{
background:#ecedf1}

#soft th .sectionH3 img{margin:10px 0 0}

#soft .sectionH3{
margin:0 0 10px;
padding:0 0 10px}

#soft .sectionH2 .firstChild{border:none;padding:0}

#soft .sectionH3 h3{
color:#319137;
font-weight:bold;
margin:5px 0 5px}

#soft td.link{
padding:0 10px;
vertical-align:middle;
width:120px;
voice-family:"\"}\"";
voice-family:inherit;
width:110px}

#soft td.link p{margin:0}

#soft td .sectionH2{
margin:0 0 5px 12px;
width:120px}

#soft td .sectionH2 h2{
background:url(../Upload/ja_JP/img/02allproduct/rightMenuBg.gif) repeat-x 0 100%;
margin:0 0 5px}

#soft td .sectionH2 img{margin:0 0 0 5px}
#soft td .sectionH2 ul{margin:0 0 0 5px}

#soft td .sectionH2 ul li{
background:url(../Upload/ja_JP/img/03trialsoftware/icon.gif) no-repeat 0 6px;
margin:0 0 5px;
padding:0 0 0 10px}

/***********************************************/
/* iss                                         */
/***********************************************/

#iss #main h1{
margin:0 0 20px;
text-align:center}

#iss #main #pickup th{text-align:center}
#iss #main #pickup th a{color:#319137;font-weight:bold}

#iss #main #pickup td h2{
color:#003366;
font-size:14px;
font-weight:bold;
margin:0 0 10px}

#iss #main #pickup td p{margin:0 0 10px}

#iss #main #pickup td h3{
color:#003366;
font-size:14px;
font-weight:bold;
text-align:center}

#iss #main #pickup td td{text-align:center}
#iss #main #pickup td td a{color:#0066cc} 

/* buy */

#iss #main .buy{
background:#f7f7f7;
border:1px solid #999;
border-top:5px solid #033a63;
margin:2px;
padding:10px 0;
width:100%}

#iss #main .buy h2{
color:#036;
font-size:14px;
font-weight:bold;
text-align:center}

#iss #main .buy h2 span{
padding:0 0 0 10px}

#iss #main .buy table th{
padding:0 4px 0 4px}

/* product */

#iss #main .product{padding:0 10px 10px}

#iss #main .product h2{
color:#319137;
font-size:14px;
font-weight:bold;
margin:0 0 15px}

#iss #main .product .sectionH3 h3{
background:url(../Upload/ja_JP/img/common/icon01.gif) no-repeat 0 5px;
color:#0066cc;
font-weight:bold;
margin:0 0 15px;
padding:0 0 0 15px}

#iss #main .product p{margin:0 0 10px}
#iss #main .product .link{margin:0 0 20px}
#iss #main .product .link a{color:#319137}

/* rightBox */

#iss #main #rightBox .sectionH2{
background:#efefef;
margin:0 0 0 5px;
padding:0 0 10px;
width:140px}

#iss #main #rightBox h2{
background:url(../Upload/ja_JP/img/02allproduct/rightMenuBg.gif) repeat-x 0 100%;
color:#003366;
font-weight:bold;
margin:0 0 5px;
padding:3px 5px}

#iss #main #rightBox .sectionH2 dl dt,
#iss #main #rightBox .sectionH2 dl dd,
#iss #main #rightBox .sectionH2 ul li,
#iss #main #rightBox .sectionH2 a{}

#iss #main #rightBox .sectionH2 ul li{
background:url(../Upload/ja_JP/img/common/meuIcon.gif) no-repeat 5px 5px;
padding:0 0 0 15px}

#iss #main #rightBox .sectionH2 dl dt{
background:url(../Upload/ja_JP/img/common/meuIcon.gif) no-repeat 5px 5px;
font-weight:bold;
padding:0 0 0 15px}

#iss #main #rightBox .sectionH2 dl dd{padding:0 0 0 15px}

/***********************************************/
/* licence                                     */
/***********************************************/

#licence .sectionH1{
background:url(../Upload/ja_JP/img/05subscriptions/secH1bg.gif) no-repeat 10px 100%;
padding:0 0 5px}

#licence .sectionH1 h1{margin:-20px 0 10px}

#licence .sectionH1 table{
background:url(../Upload/ja_JP/img/05subscriptions/tableBg.gif) repeat-y 10px 0}

#licence .sectionH2{
width:191px}

#licence .sectionH2 .cont{
min-height:190px;
_height:180px}

#licence .sectionH2 h2{
background:#006699;
color:#fff;
font-weight:bold;
margin:0 0 10px;
padding:5px}

#licence .left{margin:0 10px 0 10px}
#licence .center{margin:0 10px 0 0}
#licence .right{margin:0 10px 0 0}

#licence .sectionH2 ul li{
background:url(../Upload/ja_JP/img/common/menuIcon.gif) no-repeat 7px 6px;
padding:0 5px 0 20px}

#licence .link{
margin:20px 0;
text-align:center}

#licence .link a{color:#52abb5}

#licence input{margin:0 0 5px 15px}

#licence label{
color:#339933;
font-weight:bold;
margin:0 5px 0 15px}

/***********************************************/
/* login                                       */
/***********************************************/
#login .sectionH1 h1{margin:-20px 0 15px}

#login .sectionH2{margin:0 10px}

#login .sectionH2 h2{
color:#003366;
font-size:14px;
font-weight:bold;
margin:0 0 15px}

#login .sectionH2 p{
margin:0 0 15px}

#login .sectionH2 table{
background:#fafafa;
border:#000 1px solid}

#login .sectionH2 table th,#login .sectionH2 table td{padding:3px 5px}

#login .sectionH2 table th{font-weight:bold;text-align:right}
#login .sectionH2 table td{text-align:left}

#login .sectionH2 .link{text-align:center}
#login .sectionH2 .link a{color:#52abb5}

#login .sectionH2 .loginBox{text-align:center}

/***********************************************/
/* tool                                        */
/***********************************************/

#tool .sectionH1 h1{margin:-20px 0 10px}

#tool .layoutBox .sectionH2{
padding:0 10px 20px 10px;
width:420px;
voice-family:"\"}\"";
voice-family:inherit;
width:395p}

#tool .layoutBox .sectionH2 h2{
background:#dfdfdf;
color:#003366;
font-size:14px;
font-weight:bold;
margin:0 0 15px;
padding:3px 5px}

#tool .trial table{
background:url(../Upload/ja_JP/img/11resources/icon_clock_large.gif)  no-repeat 100% 50%}

#tool .trial td,
#tool .trial th{
padding:0 10px;
width:210px;
voice-family:"\"}\"";
voice-family:inherit;
width:190px}

#tool .trial ul li{
background:url(../Upload/ja_JP/img/11resources/listIcon.gif) no-repeat 3px 6px;
padding:0 0 0 15px}

#tool .trial ul li a{
color:#06c}

#tool .free .sectionH3 p{
margin:0 0 5px}

#tool .free .sectionH3 h3{
border-bottom:#dfdfdf 1px solid;
color:#319137;
font-weight:bold;
margin:0  0  5px;
padding:0 0 5px}

#tool .link{
background:url(../Upload/ja_JP/img/11resources/listIcon.gif) no-repeat 3px 6px;
padding:0 0 0 15px}

#tool .link a{color:#06c}

#tool .free .left,
#tool .free .center{
border-right:#fff 10px solid}

#tool .lineup ul{margin:0 0 10px}

#tool .lineup ul li{
background:url(../Upload/ja_JP/img/common/menuIcon.gif) no-repeat 3px 5px;
padding:0 0 0 15px}

#tool .lineup table td{padding:0 0 0 20px}
#tool .layoutBox td .sectionH3{margin:0 10px 20px 10px}

#tool .layoutBox td .sectionH3 h3{
color:#319137;
font-weight:bold;
margin:0 0 10px}

#tool .layoutBox td .sectionH3 a{color:#06c}
#tool .layoutBox td .sectionH3 img{margin:10px 0 0}
#tool .layoutBox td .sectionH3 ul{margin:0 0 10px}
#tool .layoutBox td .sectionH3 ul li a{color:#06c}

/***********************************************/
/* upgrade                                     */
/***********************************************/

#upgrade .sectionH1 h1{margin:-20px 0 15px}

#upgrade .sectionH1 p{
margin:0 15px 10px;
font-weight:bold}

#upgrade .sectionH1 th{
padding:0 10px;
vertical-align:top}

#upgrade .sectionH2{margin:0 15px 10px 0}

#upgrade .sectionH2 h2{
color:#319137;
font-size:14px;
font-weight:bold;
margin:0 0 10px}

#upgrade .sectionH2 p{
font-weight:normal;
margin:0 0 10px}

#upgrade .sectionH2 ol{margin:0 0 10px}
#upgrade .sectionH2 ol li{list-style:decimal inside}

#upgrade .sectionH2 ul{margin:0 0 10px}
#upgrade .sectionH2 ul li{
list-style:disc;
list-style-position:inside;
padding:0 0 0 20px}

#upgrade .sectionH2 table{margin:0 0 15px}
#upgrade .sectionH2 table th img{margin:0 40px 0 0}

/***********************************************/
/* popup　                                     */
/***********************************************/

#popup #popupHead{
background:url(../Upload/ja_JP/img/07renewalwebpopup/popupHeadBg.jpg) no-repeat;
height:46px;
margin:0 auto;
position:relative;
width:459px}

#popup #popupWrapper{
background:#2a89db url(../Upload/ja_JP/img/07renewalwebpopup/popupMianBg.jpg) repeat-x 0 25px;
margin:0 auto;
text-align:left;
width:459px}

#popup #popupHead #logo{
position:absolute;
top:9px;
left:7px}

#popup #main{text-align:center}

#popup #licenceDescription{
background:#fff;
margin:0 0 20px;
padding:3px 15px 3px 0;
text-align:right}

#popup .sectionH1{
background:#fff;
margin:0 auto;
width:435px}

#popup .sectionH1 p{
font-size:14px;
font-weight:bold;
margin:0 10px 10px 10px;
text-align:left}

#popup .sectionH2{
margin:0 0 10px}

#popup .sectionH2 h2{margin:0 0 10px}
#popup .sectionH2 p{text-align:center}

#popup .sectionH2 .description{
background:#ebf5ff;
border:#ccc 1ps solid;
margin:0 auto 10px;
padding:10px;
width:370px;
voice-family:"\"}\"";
voice-family:inherit;
width:350px}

#popup .sectionH2 .description p{
font-size:12px;
font-weight:normal;
margin:0;
text-align:left}

#popup .sectionH1 table{margin:0 auto 10px}
#popup .sectionH1 table td{vertical-align:middle}
#popup .close{margin:0 0 10px}

#popup #popupFoot{
text-align:right;
margin:0 15px 0 0;
padding:5px 0}

/***********************************************/
/* affiliate                                   */
/***********************************************/

#affiliate .sectionH1{padding:0 0 40px}
#affiliate .sectionH1 h1{margin:-20px 0 10px}
#affiliate .sectionH2{margin:15px 10px 0}
#affiliate .sectionH2 h2{margin:0 0 15px}
#affiliate .sectionH2 p{margin:0 0 15px}
#affiliate .sectionH3{margin:0 0 40px}
#affiliate .sectionH3 h3{
background:url(../Upload/ja_JP/img/12affiliate/h3bg.gif) repeat-y;
color:#339933;
font-size:14px;
font-weight:bold;
margin:0 0 15px;
padding:0 0 0 15px}

#affiliate .what table{margin:0 0 23px 10px}
#affiliate .what table th{padding:0 0 5px}
#affiliate .what table td{padding:0 0 0 3px;color:#069;vertical-align:middle}
#affiliate .what .img{margin:0 0 0 10px}

#affiliate .banner table caption{
color:#006699;
font-weight:bold;
text-align:left}

#affiliate .banner table td{padding:0 25px 0 0}
#affiliate .banner ul li{list-style:disc inside}
#affiliate .banner dl{margin:0 0 20px}
#affiliate .banner dl dd{font-size:10px}

#affiliate .join dl{
background:#eee;
border:#ccc 1px solid;
margin:10px 10px 15px;
padding:10px;
width:455px;
voice-family:"\"}\"";
voice-family:inherit;
width:433px}

#affiliate .join dl dt{
color:#006699;
font-weight:bold;
margin:0 0 10px}

#affiliate .commition table{
border:#ccc 1px solid;
border-bottom:none;
margin:0 10px 15px;
width:455px;
voice-family:"\"}\"";
voice-family:inherit;
width:453px}

#affiliate .commition table td,#affiliate .commition table th{padding:10px 5px 10px 10px}

#affiliate .commition table th{
background:#eee;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
width:107px}

#affiliate .commition table td{border-bottom:#ccc 1px solid}
#affiliate .method{margin:0}

#affiliate .method .sectionH4{
background:url(../Upload/ja_JP/img/12affiliate/h4bg.gif) no-repeat 50% 100%;
margin:0 0 10px;
padding:0 0 10px}

#affiliate .method .sectionH4 table{width:593px}

#affiliate .method .sectionH4 table td{
padding:0 0 0 20px;
width:200px;
voice-family:"\"}\"";
voice-family:inherit;
width:180px}

#affiliate .method .sectionH4 table td img{margin:10px 0 0}

#affiliate .method .sectionH4 h4{
color:#006699;
border-bottom:#ccc 1px solid;
font-weight:bold;
margin:0 0 20px}

#affiliate .method .sectionH4 h4 span{
color:#006699;
font-weight:bold;
font-size:18px}

#affiliate .method .sectionH4 dl dt{
font-weight:bold;
margin:0 0 20px}

#affiliate .method .sectionH4 dl dd{margin:0 0 10px}
#affiliate .method .sectionH4 .caution{font-size:10px}
#affiliate .method .lastChild{background:none;margin:0}

#affiliate .btn{
background:url(../Upload/ja_JP/img/12affiliate/arrow.jpg) no-repeat 50% 0;
padding:60px 0 0;
text-align:center}

/***********************************************/
/* security              　                    */
/***********************************************/

#security h1{margin:0 0 10px}
#security .sectionH2{
background:#25a9d6 url(../Upload/ja_JP/img/ss/bg.gif) repeat-x;
margin:0 auto;
padding:15px;
width:750px;
voice-family:"\"}\"";
voice-family:inherit;
width:720px}

#security .sectionH2 h2{
background:#f60;
color:#fff;
font-weight:bold;
padding:4px}

#security .sectionH2 table{
background:#ccc;
margin:0 0 15px;
width:720px}

#security .sectionH2 table th,
#security .sectionH2 table td,
#security .sectionH2 table td span,
#security .sectionH2 table .spec p{
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small}

#security .sectionH2 table th{
background:#eeefec;
padding:2px 10px;
text-align:left}

#security .sectionH2 table .product1,
#security .sectionH2 table .product2,
#security .sectionH2 table .product3,
#security .sectionH2 table .product4{
background:#24a9d6;
color:#fff;
font-size:1em;
font-weight:bold;
text-align:center}

#security .sectionH2 table td{background:#fff;padding:2px 10px}
#security .sectionH2 table .spec h3{margin:10px 0}
#security .sectionH2 table .spec p{
margin:0 0 10px;
text-align:left;
width:130px}

#security .sectionH2 table .spec div{margin:0 0 5px}
#security .sectionH2 table .function{
font-size:1em;
font-weight:bold}

#security .sectionH2 table .btn{margin:5px 0}

#security #bottomArea{
background:#fff;
margin:0 0 100px;
padding:10px;
text-align:left}

#security address{text-align:right}