/* CSS Document */

/*--resetcss --*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
margin:0pt;
padding:0pt;
}
fieldset, img {
border:0pt none;
}
table {
border-collapse:collapse;
border-spacing:0pt;
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
/*--resetcss --*/

/*-- wrapper --*/
#wrapper{
width:950px;
text-align:left;
margin:0 auto;
}

/*-- footer --*/
#footer{
both:clear;
text-align:center;
}


/*--　promotion --*/
#promotion{
width:950px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/promobtm.gif) bottom no-repeat;
margin-top:10px;
padding-bottom:8px;
position:relative;
z-index:1;
}

#promotiontop{
background:url(http://i.yimg.jp/images/toolbar/jp/vc/promotop.jpg) top no-repeat #ffcb01;
width:950px;
min-height:142px;
_height:142px;
}


#promotionbx{
padding:8px 8px 0px 646px; 
_height:142px;
}

#promotiontop h1 img{
position:absolute;
top:10px;
left:12px; 
}

#promotiontop h2 {
width:574px;
height:56px;
left:15px;
top:88px;
display:block;
overflow:hidden;
position:absolute;
text-decoration:none;
text-indent:-9999px;
z-index:9999;
}

#promotionbt{
width:296px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/promotionbtarea.gif) top no-repeat;
float:right;
}

#promotionbtarea{
padding-bottom:5px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/promotionbtareabtm.gif) bottom no-repeat;
/*min-height:142px;
_height:142px;*/
}

#promotionbtarea_ff{
padding:5px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/promotionbtareabtm.gif) bottom no-repeat;
/*min-height:142px;
_height:142px;*/
}

#promotionbtarea a.topdlbt{
width:272px;
height:47px;
background: url(http://i.yimg.jp/images/toolbar/jp/vc/downloadbt.gif) no-repeat;
display:block;
text-indent:-9999px;
margin:8px auto;
overflow:hidden;
}

#promotionbtarea a:hover.topdlbt{
background: url(http://i.yimg.jp/images/toolbar/jp/vc/downloadbton.gif) no-repeat;
}

#promotionbtarea p.topdlbtoff{
width:272px;
height:47px;
background: url(http://i.yimg.jp/images/toolbar/jp/vc/downloadbtoff.gif) no-repeat;
display:block;
text-indent:-9999px;
margin:8px auto;
overflow:hidden;
}

#promotionbtarea dl{
padding:0px 10px;
line-height:1.3em;
}

#promotionbtarea ul{
margin:0px 10px;
}

#promotionbtarea li{
float:left;
}

#promotionbtarea li img{
margin-right:3px;
}
#promotionbtarea li img.bbliimg{
margin-left:30px;
}
/*--　promotion --*/

/*--　versionalert --*/
#versionalert{
text-align:center;
border:#ff0000 1px solid;
background-color:#fffcb6;
margin-top:10px;
padding:10px;
clear:right; 
}

#versionalert .txt{
color:#ff0000;
font-weight:bold;
margin-bottom:10px;
}

/*--　versionalert --*/


/*--　flowtitle --*/
#flowtitle{
width:930px;
margin:10px 10px;
}

#flowtitle_ff{
width:930px;
margin-bottom:10px;
}

/* 0209add */
#flowtitle_ff div.agreementarea{
color:#666666;
width:800px;
line-height:1.4em;
height:9em;
overflow:auto;
clear:both;
border:1px #999999 solid;
margin:10px auto;
padding:5px;
background-color:#f8f8f8;
}

/* 0209add */
#flowtitle_ff a.agreedlbt{
width:400px;
height:47px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/agreedlbt.png) 0 0 no-repeat;
display:block;
text-indent:-9999px;
margin:10px 0 10px 250px;
overflow:hidden;
}

/* 0209add */
#flowtitle_ff span.agreedlbtoff{
width:400px;
height:47px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/agreedlbt.png) 0 -94px no-repeat;
display:block;
text-indent:-9999px;
margin:10px 0 10px 250px;
overflow:hidden;
}


/* 0209add */
#flowtitle_ff a:hover.agreedlbt{
background:url(http://i.yimg.jp/images/toolbar/jp/vc/agreedlbt.png) 0 -47px no-repeat;
}

/* 120924add */
#flowtitle_ff .agreedltxt{margin: -5px 0 10px 370px;font-size: small;}

#flowtitle_ff p{
margin:5px 10px;}

#flowtitle_ff h2{
margin:0 10px;}

#flowtitle p{
margin:5px 0;
}
/*--　flowtitle --*/

/*-- flow --*/
.flowarea{
width:930px;
margin:10px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxbottom.gif) bottom no-repeat;
padding-bottom:6px;
position:relative;
}

.flowarea .order{
width:30px;
height:30px;
left:6px;
top:5px;
display:block;
overflow:hidden;
position:absolute;
text-decoration:none;
text-indent:-9999px;
z-index:9;
}

.flowBd{
background:top no-repeat;
}


#flowBd1{
background-image:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxtop1.gif);
position:relative;
z-index:1;
}


#flowBd2{
background-image:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxtop2.gif);
position:relative;
z-index:1;
}

#flowBd3{
background-image:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxtop3.gif);
position:relative;
z-index:1;
}

#flowBd4{
background-image:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxtop4.gif);
position:relative;
z-index:1;
}

#flowBd5{
background-image:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxtop5.gif);
position:relative;
z-index:1;
}

#flowBd6{
background-image:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxtop6.gif);
position:relative;
z-index:1;
}

#flowBd7{
background-image:url(http://i.yimg.jp/images/toolbar/jp/vc/flowbxtop7.gif);
position:relative;
z-index:1;
}

.flow img{
float:left;
margin-top:6px;
margin-left:50px;
}


.flow p{
padding-bottom:10px;
margin:0 10px 0 415px;
}

h3.flowttl{
font-size:100%;
padding:10px 0;
margin:0 10px 0 415px;
font-weight:bold;
margin-bottom:10px;
}

/*--　bottomdownload --*/

#btmdl{
width:550px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/btmdlareatop.gif) top no-repeat;
padding:5px 5px 0 5px;
margin:20px 200px;
}

#btmdlarea{
width:550px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/btmdlareabottom.gif) bottom no-repeat;
padding-bottom:8px;
}

#btmdlarea_ff{
width:550px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/btmdlareabottom.gif) bottom no-repeat;
padding:8px 0;
}


#btmdlarea a.bt,#btmdlarea_ff a.bt{
margin:10px 99px;
width:362px;
height:46px;
display:block;
text-indent:-9999px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/btmdownloadbt.gif) no-repeat;
overflow:hidden;
}

#btmdlarea a:hover.bt,#btmdlarea_ff a:hover.bt{
background:url(http://i.yimg.jp/images/toolbar/jp/vc/btmdownloadbton.gif) no-repeat;
}

#btmdlarea p.btoff,#btmdlarea_ff p.btoff{
margin:10px 99px;
width:362px;
height:46px;
display:block;
text-indent:-9999px;
background:url(http://i.yimg.jp/images/toolbar/jp/vc/btmdownloadbtoff.gif) no-repeat;
overflow:hidden;
}


#btmdlarea p.ttl,#btmdlarea_ff p.ttl{
text-align:center;
font-weight:bold;
}

#btmdlspecarea{
width:540px;
position:relative;
margin:0 10px;
}

#btmdlarea .spec,#btmdlarea_ff .spec{
display:block;
width:500px;
}

#btmdlarea .browser,#btmdlarea_ff .browser{
width:150px;
position:absolute;
top:15px;
left:380px;
}

.browser img{
margin-right:3px;
}


/*--　btmdl --*/


/* ---------- clearfix ---------- */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
zoom:1;
}