@charset "UTF-8";
/******************** import css ***********************/
@import url(reset.css);
@import url(fonts-reset.css);
@import url(mystyle.css);

/******************** Base ***********************/
body{
line-height:1.4;
}

#pagetop{
padding-top:10px;
}

/******************** Header ***********************/
#header{
width:100%;
min-width:960px;
max-width:1280px;
margin:0 auto;
}

#header #navi{
text-align:right;
position:relative;
margin-right:6px;
}

#header #navi ul li{
display:inline;
position:relative;
top:-75px;
margin-right:-4px;
}

/******************** Top Page ***********************/
.main-function-des{
width:175px;
float:left;
margin-right:5px;
text-align:left;
}

.main-function-des p{
margin:5px 0px;
font-size:93%;
}

#container #contents .main-function-des p a{
color:#009933;
font-weight:bold;
}

#campaign{
margin:20px 0px 0px 0px;
}

/******************** Top Page 2010/1/4 ***********************/

#container #top{
text-align:center;
position:static;
}

#container #top h2 img{
position:relative;
top:90px;
margin-bottom:13px;
}

#container #top #lead-plugin{
position:relative;
top:-53px;
}

#container #top #lead-plugin .lead-mt-btn{
position:relative;
left:-88px;
}

#container #top #lead-plugin .lead-wp-btn{
position:relative;
left:82px;
}

/******************** Common Layout ***********************/
#container{
text-align:center;
}

#container #contents{
width:900px;
margin:0px auto 40px auto;
text-align:center;
}

#container #contents a{
color:#bb2222;
}

.img-spacer{
margin:30px 0px;
}

.float-image-left{
float:left;
margin:0px 10px 10px 0px;
}

.float-image-right{
float:right;
margin:0px 0px 10px 10px;
}

/******************** Contents 1 Column ***********************/
#container #contents #one-column{
width:710px;
margin:0 auto;
padding-top:30px;
text-align:left;
}

#container #contents #one-column h2,
#container #contents #one-column h3{
clear:both;
}

#container #contents #one-column h2{
margin:20px 0px 20px 0px;
font-size:123.1%;
font-weight:bold;
}

#container #contents #one-column h3{
margin:20px 0px 5px 0px;
font-weight:bold;
}

#container #contents #one-column p{
margin:15px 0px;
}

/******************** Contents 2 Column ***********************/
#container #contents #two-column{
width:900px;
margin:0 auto;
padding-top:30px;
text-align:left;
}

#container #contents #two-column h2,
#container #contents #two-column h3{
clear:both;
}

#container #contents #two-column #cat-navi{
margin-top:20px;
width:180px;
float:right;
}

#container #contents #two-column #cat-navi .cat-navi-sub{
font-size:93%;
margin-top:5px;
margin-bottom:10px;
background:url(../images/cat-navi-sub_link_mark.gif) left no-repeat;
padding-left:20px;
}

#container #contents #two-column #cat-column{
width:710px;
float:left;
margin-right:10px;
}

#container #contents #two-column #cat-column h2{
margin:20px 0px 20px 0px;
}

#container #contents #two-column #cat-column h3{
margin:5px 0px;
font-weight:bold;
}

/******************** Footer ***********************/
#footer{
background:url(../images/footer_background.gif) top left repeat-x #333;
text-align:center;
padding:20px 0px 30px 0px;
}

#footer-contents{
width:900px;
margin:0 auto;
text-align:left;
color:#fff;
font-size:93%;
}

#footer-contents a{
color:#fff;
text-decoration:none;
}
#footer-contents a:hover{
color:#99CC66;
text-decoration:underline;
}

#footer-contents #sitemap{
float:left;
}

#footer-contents #description-information{
margin-left:210px;
}

#footer-contents #sitemap h3 img,
#footer-contents #description-information h3 img{
margin:10px 0px;
}

#footer-contents #sitemap #navigation li,
#footer-contents #sitemap #about li,
#footer-contents #description-information #information li{
background:url(../images/footer_link_mark.jpg) left no-repeat;
padding-left:20px;
line-height:1.5;
}

#footer-contents #description-information #popup{
background:url(../images/footer_popup.gif) top left no-repeat;
width:170px;
height:85px;
padding:7px 0px 0px 0px;
text-align:center;
float:right;
}

#footer-contents #description-information .more-info{
margin:15px 0px 0px 20px;
}

#footer-contents #back-to-top{
clear:both;
text-align:right;
}

#footer-contents #copyright{
clear:both;
background:url(../images/footer_copyright_back.gif) top left repeat-x #444;
padding:7px 0px 7px 5px;
font-family:tahoma;
font-size:93%;
color:#999;
}
#footer-contents #copyright p{
margin:10px 0px 5px 200px;
font-weight:bold;
color:#999;
font-size:100%;
}

/******************** Function ***********************/
.line-01{
border-top:1px solid #ccc;
border-bottom:none;
border-left:none;
border-right:none;
}


/******************** Deomo ***********************/
#container #contents #one-column .demo{
margin:30px 0px;
}

#container #contents #one-column .demo h3{
display:inline;
}

#container #contents #one-column .demo p{
width:430px;
margin-top:0px;
}

/******************** DownLoad ***********************/
#container #contents #one-column #agreement{
height:260px;
overflow:auto;
border:1px solid #ccc;
padding:10px 20px;
margin:20px 0px;
background:#f2f2f2;
}

#container #contents #one-column #agreement h3{
font-size:123.1%;
}

#container #contents #one-column #agreement h4{
font-weight:bold;
margin:10px 5px 10px 0px;
}

/******************** DownLoad 2009/12/23 ***********************/
#container #contents #one-column .plugin td{
padding:15px 15px;
}

/******************** FAQ ***********************/
#container #contents #one-column .faq h2{
font-size:123.1%;
background:url(../../faq/images/q.gif) top left no-repeat;
padding:5px 0px 5px 35px;
color:#336699;
margin:20px 0px 10px 0px;
}

#container #contents #one-column .faq p{
background:url(../../faq/images/a.gif) top left no-repeat;
padding:5px 0px 0px 35px;
}

/******************** Manual/Tips ***********************/
#container #contents #two-column .manual pre{
font-size:93%;
padding:8px;
}

#container #contents #two-column .manual pre code{
font-family:tahoma, MS P Gothic;
line-height:150%;
}

#container #contents #two-column .manual pre{
font-family: "Courier New",Courier,monospace;
font-size: 93%;
color: #007000;
background-color: #fafafa;
border:solid 1px #ccc;
line-height: 120%;
margin: 1em 0 2em 0;
padding: 0.99em;
overflow-x: auto;
overflow-y: none;
padding-bottom:15px;
width:685px;
}

#container #contents #two-column .manual h3{
font-size:123.1%;
}

#container #contents #two-column .mt-manual h3{
padding-top:20px;
width:700px;
border-bottom:1px dotted #666;
}

#container #contents #two-column .mt-manual h4{
font-size:123.1%;
font-weight:bold;
margin:15px 0px 10px 0px;
padding:5px 3px 3px 3px;
background-color:#99cc66;
border-bottom:2px solid green;
color:#fff;
width:700px;
}

#container #contents #two-column .manual p{
margin:20px 0px;
}

#container #contents #two-column .manual ol{
margin:0px 0px 20px 10px;
}

#container #contents #two-column .manual ol li{
list-style:decimal inside;
}

#container #contents #two-column .manual ol li ul{
margin:5px 0px;
}

#container #contents #two-column .manual ol li ul li{
list-style:none;
}

#container #contents #two-column .mt-manual img{
border:1px solid #ccc;
}

#container #contents #two-column .mt-manual .note{
background:#f2f2f2;
border:1px solid #ccc;
padding:5px 10px;
}

#container #contents #two-column .mt-manual .note h5{
font-weight:bold;
color:#bb2222;
}

#container #contents #two-column .mt-manual .note p{
margin:5px 0px;
font-size:93%;
}

#container #contents #two-column .manual table{
margin-bottom:20px;
}

#container #contents #two-column .mt-manual .custom-field-tag{
border-collapse:collapse;
border:1px solid #ccc;
}

#container #contents #two-column .mt-manual .custom-field-tag th{
background:#f2f2f2;
}

#container #contents #two-column .mt-manual .custom-field-tag th,
#container #contents #two-column .mt-manual .custom-field-tag td{
padding:5px 7px;
}

#container #contents #two-column .manual pre code{
line-height:120%;
}

#container #contents #two-column .manual #manual-bottom-btn{
margin-top:40px;
}

#container #contents #two-column .manual #manual-bottom-btn li{
display:inline;
margin-right:5px;
}

/******************** Privacy Policy ***********************/
#container #contents #one-column #polisy{
margin:30px 20px 30px 50px;
}

#container #contents #one-column #polisy li{
list-style:decimal;
}

#container #contents #one-column .signature{
font-size:123.1%;
text-align:right;
margin:20px;
}

/******************** Table ***********************/
.price-list,.case-study,.guide,.download,.files_folders,.form-cell{
width:100%;
margin-top:15px;
}

.price-list th,.case-study th,.guide th,.download th,.files_folders th,.form-cell th{
background:#f2f2f2;
font-weight:bold;
}

.price-list th,.price-list td,.case-study th,.case-study td,.guide th,.guide td,.download th,.download td,.files_folders th,.files_folders td,.form-cell th,.form-cell td{
padding:5px;
}

.download,.form-cell{
margin-bottom:20px;
}

.download td{
font-size:93%;
border-left:none;
border-right:none;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
vertical-align:middle;
}

.download td input{
font-size:108%;
}

.download img{
vertical-align:middle;
margin-right:10px;
}

/******************** Form ***********************/
.form-cell th{
width:150px;
}

.form-cell th img{
vertical-align:bottom;
}

.form-cell input,
.form-cell select,
.form-cell textarea{
margin:3px 5px 3px 0px;
}

.form-cell .input-long,
.form-cell textarea{
width:500px;
}

.form-cell .input-long{
width:350px;
}

.form-cell .input-middle{
width:300px;
}

.form-cell .input-short{
width:70px;
}

.form-cell textarea{
width:450px;
height:120px;
}

.inq-send-message{
margin-bottom:150px;
}

/******************** Cart ***********************/
#container #contents #one-column .viewcart{
width:100%;
margin:30px 0px 0px 0px;
}

#container #contents #one-column .subtotal{
width:300px;
float:right;
margin:30px 0px;
}

#container #contents #one-column .viewcart th,
#container #contents #one-column .subtotal th{
background:#f2f2f2;
font-weight:bold;
}

#container #contents #one-column .viewcart th,
#container #contents #one-column .viewcart td,
#container #contents #one-column .subtotal th,
#container #contents #one-column .subtotal td{
padding:5px;
}

#container #contents #one-column .subtotal th{
width:80px;
}

#container #contents #one-column .viewcart .amount{
width:16px;
}

#container #contents #one-column #control{
clear:both;
}

#container #contents #one-column #control input{
display:inline;
background:#bb2222;
color:#fff;
padding:5px 5px;
}

#container #contents #one-column #control .prev{
float:left;
}

#container #contents #one-column #control .next{
float:right;
}

#container #contents #one-column #error-message{
background:#bb2222;
color:#fff;
padding:10px;
margin-bottom:30px;
}

#container #contents #one-column .attention{
color:#bb2222;
font-size:182%;
line-height:100%;
}

#container #contents #one-column .attention img{
vertical-align:middle;
}