/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/* {{{ + tags */ 
html {
margin: 0;
padding: 0;
}
body {
font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ3', 'ＭＳ Ｐゴシック', 'Lucida Sans Unicode', 'Verdana', 'Bitstream Vera Sans',Osaka, sans-serif;
margin:0; 
padding:0;
text-align: center; 
background: #F3F3EB url(/_img/common/bg_top.jpg) repeat-x;
color: #000;
line-height:130%;

}
div,dl,ul,ol,p,form,input,textarea,acronym,table,tr,td {
margin: 0;
padding: 0;
}
img {
border: none;
}

acronym {
border:none;
text-decoration:none;
display: none; 
}
script {
display: none; 
}
a:visited,
a:link {
color: #386ba5;
text-decoration:none;
border-bottom: 1px dotted #ddf;
}
a:hover,
a:focus {
color: #CC0000;
}

a:visited.noborder,
a:link.noborder {
color: #386ba5;
text-decoration:none;
border-bottom: none;
}

a:hover.noborder,
a:focus.noborder {
color: #CC0000;
border-bottom: none;
}

/* }}} */ 

/* {{{ + flame */ 
div#container {
width: 980px;
margin: 0 auto;
}

div.wrap {
clear: both;
text-align: left;
}

div#f_main_wrap {
float: left;
min-width: 970px;
width: 720px;
}
div#f_main {
width: 720px;
margin: 0 0 0 0;
margin-right: 250px;
}
div#f_sub {
float: left; 
width: 250px; 
margin-left: -250px; 
} 

div#f_main_contents {
text-align: left;
} 

div#f_sub_contents {
text-align: left;
position:relative;
left:10px;
border-left: #CCC dashed 1px;
padding-left: 10px;
} 
/* }}} - frame */ 

/* {{{ + head */ 
#wrap_head {
margin: 0 0 0 0;
margin-bottom: 20px;
text-align:center;
}

#head {
width: 980px;
padding: 0;
border-left: #CBCBAB solid 1px;
border-right: #CBCBAB solid 1px;
border-bottom: #CBCBAB solid 1px;
height: 28px;
background: #F8F8F1 url(/_img/head/bg.jpg) repeat-x; 
font-size: 0.9em; 
} 

#head #toplogo {
float: left;
display: block;
height: 28px;
margin: 0;
padding: 0 5px 0 0;
line-height: 100%;
}

#head #toplogo a {
border: none;
background: none;
} 

#head ul {
position:relative;
right: 5px;
padding: 2px 0 0 0;
float: right;
list-style: none;
} 
#head ul li {
display: inline;
padding: 0 0.3em 0 0.3em;
border-left: 1px solid #ccc;
line-height: 200%;
} 

#head ul li#head_menu_product {
padding: 0 0 0 20px;
background: url(/_img/icon/application_cascade.gif) no-repeat 5% 30%;
}

#head ul li#head_menu_faq {
padding: 0 0 0 20px;
background: url(/_img/icon/faq.gif) no-repeat 5% 30%;
}

#head ul li#head_menu_support {
padding: 0 0 0 18px;
background: url(/_img/icon/information.gif) no-repeat 4% 30%;
}

#head ul li#head_menu_sellingdirect {
padding: 0 0 0 18px;
background: url(/_img/icon/cart.gif) no-repeat 4% 30%;
}

#head ul li#head_menu_sellingdownload {
padding: 0 0 0 20px;
background: url(/_img/icon/download.gif) no-repeat 3% 30%;
}

#head ul li#head_menu_free {
padding: 0 0 0 20px;
background: url(/_img/icon/download.gif) no-repeat 4% 30%;
}

ul#head_topic_path {
float: left;
margin-left: 3px;
text-align:left;
border-left: 1px solid #ccc;
}
ul#head_topic_path li {
display:inline;
padding: 0 0 0 12px;
border:none;
background: url(/_img/icon/separater_topic_path.gif) no-repeat 0% 50%;
}
ul#head_topic_path li.nomark {
padding: 0 0 0 5px;
background: none;
}

ul#head_topic_path li#head_topic_path_now {
font-weight: bold;
color:#CC0000;
}

/* }}} - head */ 
/* {{{ + foot */ 
#wrap_foot {
margin: 1.5em 0 1em 0;
text-align:left;
}

#foot {
width: 720px;
background: #fff;
position: relative;
} 

#foot_menu {
list-style: none;
padding: 10px 0 0 10px;
} 
#foot_menu li {
display: inline;
padding: 0 5px;
font-size: 0.8em;
border-right: 1px solid #ccc;
line-height: 200%;
} 

#foot_copy {
text-align:right;
font-size: 0.8em;
margin: 5px 10px 0 0;
padding: 10px;
color: #666;
}

/* }}} - foot */ 
/* {{{ + sub */ 

#sub {

}

#sub .box_title {
float:left;
position: relative;
top: -20px;
left: 10px;
}

#sub .boxcover {
background: #fff;
padding: 5px;
}

#sub .box {
border: #D9D9C1 solid 1px;
}

#sub .box .content {
position: relative;
top: -12px;
font-size:0.8em;
}

#sub .box .inflame {
position: relative;
left: -2px;
padding : 2px;
background-color: #fff;
border:#ccc dashed 1px;
float: left;
}

#sub .box .items {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
clear:both;
position: relative;
border-bottom:#D9D9C1 dashed 1px;
}

#sub .box .items.noboerder {
border-bottom:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#sub .box  ul {
margin: 0 0.5em 0 0.5em;
padding: 0 0 0 0;
} 

#sub .box ul li {
list-style: none;
line-height: 130%;
} 
#sub .box .sitems {
clear:both;
}
#sub .box .slogo {
float:left;
width:100px;
height:100px;
padding: 3px 6px 3px 6px;
position: relative;
}

/* }}} - sub */ 

#sub_banner_top {
margin-top: 2.5em;
text-align:center;
}

/* {{{ + sub ninki */ 
#sub_ninki {
margin-top: 2.5em;
background: #fff;
}

#sub_ninki .items {
background: #FFF url(/_img/box/items_bg.jpg) repeat-x bottom;
}

#sub_ninki li.package_img {
float: left;
list-style: none;
} 

#sub_ninki li.title {
font-weight:bold;
color: #747447;
margin-bottom:0.5em;
} 

#sub_ninki li.title a {
font-size: 1.2em;
} 

#sub_ninki li.description {
margin-bottom:0.5em;
} 

#sub_ninki li.package {
clear:both;
display:inline;
} 

#sub_ninki li.package_buy {
display:inline;
padding: 0 0 0 1em;
} 

#sub_ninki li.download {
margin-top : 0.5em;
display:inline;
} 

#sub_ninki li.download_buy {
display:inline;
padding: 0 0 0 1em;
} 

/* {{{ - sub ninki */ 
/* {{{ + sub news */ 
#sub_news {
margin-top: 2em;
background: #fff;
}
#sub_news li {
list-style-type: none
}
#sub_news li.date {
text-decoration: underline;
color:#747447;
} 

#sub_news li.info {
margin : 3px 0 0 0;
} 

/* {{{ - sub news */ 
/* {{{ + contents */ 

#contents{

}

#media_info {
margin: 0 0 20px 10px;
padding: 0 10px 0 0;
}


#media_info_box {
height:120px;
overflow:auto;
}

#media_info ul li {
list-style: none inside;
}

#media_info ul li.favicon {
display:inline;
}


#media_info ul li.date {
display:inline;
}

#media_info ul li.media {
display:inline;
}

#media_info ul li.content {
display:inline;
}

#product #faq {
margin: 0 20px 0 20px;
padding: 0 0 20px 0;
border:#003366 solid 1px;
background: #FFF url(/_img/common/items_bg.jpg) repeat-x bottom;
}

#product #info_faq_img {
position:relative;
top:14px;
width:288px;
height:41px;
background:#fff url(/_img/common/info_faq.gif) no-repeat;
margin: 0 0 0 40px;
}

#product #faq #items {
margin: 30px 0 0 0;
}

#product #faq #items ul li {
list-style-type: none;
margin: 10px 10px 0 10px;
padding:0 10px 10px 28px;
background: url("/_img/common/faq_q_s.gif") no-repeat 0 -0.2em;
line-height:150%;
font-size:1em;
border-bottom:#ccc dashed 1px;
}

#product #faq #items .info{
padding: 20px 0 0 20px;
font-size:0.9em;
}

/* - update */ 

#info_update {
margin: 0 20px 30px 20px;
padding: 20px 20px 20px 30px;
border : #003366 solid 1px;
background: #FFF url(/_img/common/items_bg.jpg) repeat-x bottom;
font-size:0.9em;
}

#info_update_img {
position:relative;
top:14px;
width:220px;
height:41px;
background:#fff url(/_img/common/info_update.gif) no-repeat;
margin: 0 0 0 40px;
}

#info_update .verinfo {
margin: 10px 0 10px 0;
}

#info_update #updatesDetail {
display:none;
padding: 0 0 0 10px;
}

#info_update #updatesDetailButton {
margin: 0 0 0 0;
width:93px;
height:24px;
cursor: pointer;
}

#info_update .new span.bold {
font-weight:bold;
color:#333;
}

#info_update .new .explain {
margin: 0 0 0 20px;
}

#info_update .new .sfont {
font-size:0.8em;
}

#info_update .new {
padding: 0 0 10px 0;
}

#info_update .new .ver {
font-weight:bold;
font-size:1.1em;
display:inline;
}

#info_update .new .date {
margin: 0 0 0 30px;
font-size:0.9em;
display:inline;
}

#info_update .new .download {
margin: 20px 0 10px 0;
padding:0 0 0 20px;
background: url(/_img/common/download.gif) no-repeat 0% 0%;
}

#info_update .new .change {
margin: 20px 0 0 0;
}

#info_update .new .howto {
margin: 10px 0 0 0;
}

#info_update #autoUpdatItro {
margin:10px 0 5px 0;
font-weight:bold;
font-size:1.1em;
color:#333;
}

#info_update .autoUpdate .change {
margin-bottom:10px;
}

#info_update .log {
margin: 10px 0 0 0;
padding:10px 0 10px 0;
border-top:#ccc dashed 1px;
}

#info_update .log .change {
margin: 10px 0 0 0;
}

#info_update .log .explain {
margin: 0 0 0 20px;
}


/* {{{ - contents */ 
/* {{{ + SellingButtonBox */ 
.sellingButtonBox {
margin: 5px 0 0 0;
padding: 3px 0 3px 0;
text-align:center;
}

.sellingButtonBox .sellingButtonBoxPackage { 
margin: 3px 0 0 0;
}

.sellingButtonBox img{
vertical-align: middle;
}

.sellingButtonBox img.title {
margin: 0 3px 0 0;
}

.sellingButtonBox img.button {
margin: 0 3px 0 0;
}

.sellingButtonBoxLine .title{
margin: 0 10px 0 10px;

}


/* {{{ - SellingButtonBox */ 
/* {{{ + other */ 

.shadow {
color: #BBBBBB;
position:relative;
font-weight: bold;
}
.shadow span {
color:#000000;
position:absolute;
top:-2px;
left:-2px;
font-weight: bold;
}

div.img-dec {
background-image: url("/_img/common/shadow_001.gif");
background-repeat: no-repeat;
background-position: bottom right;
margin: 25px 5px 10px 5px;
padding: 0px;
position: relative;
}

div.img-dec img {
background-color: #FFFFFF;
margin: -5px 5px 5px -5px;
position: relative;
vertical-align: bottom;
}

#product h1 {
position:relative;
top:-10px;
font-size:0.8em;
line-height:100%;
margin: 0;
padding: 0;
font-weight:normal;
color:#747407;
}

.head_corner {
width: 980px;
background: #CCC;
padding: 0 1px 1px 0;
height: 30px;
}
.foot_corner {
width: 720px;
background: #D9D9C1;
padding: 2px;
}
.sub_cornerWrap {
margin: 1.5em 0 0 0;
background:#CCC;
padding: 2px;
}

#fsc {
color: #747447;
text-align: left;
margin: 1em 0 0 1em;
}

#fsc img {
vertical-align:middle;
}

#addclips {
text-align: left;
margin: 0 0 0 1em;
}
#addclips a {
text-decoration:none;
}

.center {
text-align:center;
}

.line-through{
text-decoration:line-through;
}

#NewOSCompatible {
margin: -15px 0 10px 15px;
}

#info_selling_box {
margin: 0 20px 20px 20px;
border : #003366 solid 1px;
padding: 20px 10px 10px 10px;
background: #FFF url(/_img/box/items_bg.jpg) repeat-x bottom;
text-align:left;
}

#info_selling_box_img {
position:relative;
top:14px;
width:154px;
height:52px;
background:#fff url(/_img/common/info_selling.gif) no-repeat;
margin: 0 0 0 40px;
}

#info_selling_box #info_selling_download {
float:left;
width: 310px;
}

#info_selling_box #info_selling_package {
margin-right: -310px;
}

#info_selling_box #info_selling_package .selling_package_img {
padding: 0 0 0 20px;
margin: 0 0 0.5em 300px;
background: url(/_img/icon/cart.gif) no-repeat 0  10%;
}

#info_selling_box #info_selling_download .selling_download_img {
padding: 0 0 0 20px;
margin: 0 0 0.5em 0;
background: url(/_img/icon/download.gif) no-repeat 0  10%;
}

#info_selling_box .guide {
margin : 1em 0 0 0;
}

#info_selling_box .caution {
margin: 0.5em 0 0 0;
font-size:0.9em;
color:#666;
}

#info_selling_box #sellingButtonBoxPrice {
margin: 0 0 10px 0;
padding : 5px 5px 5px 5px;
background:url(/_img/common/selling_button/sellinginfo_bg3.jpg) repeat-x;
border:#DDD solid 1px;
text-align:left;
}

#info_selling_box #sellingButtonBoxPrice img.title{
width:40px;
height:26px;
float:left;
position:relative;
top:-4px;
}

#info_selling_box #sellingButtonBoxDownload {
width: 305px;
float:right;
padding : 5px 5px 10px 5px;
background:url(/_img/common/selling_button/sellinginfo_bg.jpg) repeat-x;
border:#DDD solid 1px;
text-align:left;
}

#info_selling_box #sellingButtonBoxPackage {
width: 305px;
float:left;
margin:0;
padding : 5px 5px 10px 5px;
background:url(/_img/common/selling_button/sellinginfo_bg.jpg) repeat-x;
border:#DDD solid 1px;
text-align:left;
}

#info_selling_box .titleLine {
height:30px;
}

#info_selling_box .subtitle {
margin: 0 0 5px 0;
}

#info_selling_box .shopinfo {
margin : 10px 0 0 0;
}

#info_selling_box .button {
vertical-align:middle;
font-size:0.9em;
}

#info_selling_box .price {
font-size:0.9em;
margin: 0 0 0 75px;
}

/* }}} - other */ 
#f_main .end {
padding-bottom:20px;
font-size:1.4em;
color:#c00;
font-weight:bold;
line-height:160%;
}

#f_main .endsub {
padding-bottom:50px;
font-weight:bold;
color:#333;

}

/* }}} + ask form */ 

#ask {
}

#ask fieldset {
padding: 10px;
}

#ask #ask_intro{
font-size:0.8em;
margin: 0 0 15px 0;
}

#ask #ask_intro ul {
list-style: none;
}

#ask div {
margin: 5px 0 0 0 ;
}

#ask input,
#ask textarea {
position:absolute;
left: 130px;
margin: 0 0 0 0;
width:350px;
}

#ask #ask_msg{
height:100px;
}

#ask #ask_msg_form {
height:100px;
vertical-align:top;
}

#ask #ask_send {
margin: 10px 0 0 55px ;
}

#ask #ask_send_form {
width:100px;
}

#ask .msg {
display:none;
position:absolute;
left: 480px;
margin: 0 0 0 10px;
padding:0 0 0 20px;
background: url(/_img/common/icon/fail.gif) no-repeat;
color:#C00;
font-size:0.8em;
}

/* }}} - ask form */ 

.noborder {
border:none;
}

#dev {
font-size: 0.8em;
margin: 5em 1em 10em 0;
}

#dev ul {

}
#dev ul li {
margin: 0 0 0 2em;
}
#dev .border {
border: #D9D9C1 solid 1px;
padding: 1em;
background:#fff;
margin: 0 0 1em 0;
}
#dev #dev_news {
overflow:scroll;
height:150px;
}
#dev #dev_news ul li{
color: #747407;
border-bottom: #D9D9C1 dashed 1px;
}

div.img-fuchi {
background: url("/_img/common/shadow_001.gif") no-repeat bottom right;
margin: 5px 0 5px 5px;
padding: 0px;
position: relative;
}

div.img-border {
background-color: #FFFFFF;
border: 1px solid #A9A9A9;
margin: 0px 5px 5px 0px !important;
padding: 4px;
position: relative;
}

div.img-fuchi img {
vertical-align: bottom;
}