@charset "UTF-8";

/* #############################################################

　category：download
　
　------------------------------------------------------------
　
Whenever appearing only in #content_v4 or less, 
"#dow #content_v4 " is applied to the selector head. 
　
　The selector head is assumed to be "#dow " 
　when appearing besides #content_v4 or less. 
　
　The original category definition applies category ID to the head.
　ex) imageFloat { float:left }
　→　dow_imageFloat { float:left }
　
[Replacement assistance for category variation]
url(/download/
#dow
#34bcba

############################################################# */


/* ==============================================================

　page original

============================================================== */


/* ----------------------------------------------------------- 
Use permission condition
-------------------------------------------------------------- */
#dow #content_v4 #searchBox {
background-color:#d9f1f3;
zoom:1;
}
#dow #content_v4 #searchBox #searchBoxs {
padding:20px 0 20px 15px;
border-top:#34bcba solid  4px;
background:url(/download/index_res/images/bg_searchbox.gif) repeat-x;
zoom:1;
}

#dow #content_v4 #searchBox #searchBoxs div.stepBox{
width:810px;
background:url(/download/index_res/images/line_point.gif) repeat-y 77px 5px #fff;
border:#a2e3e2 solid 1px;
padding:0px 10px 0 10px;
}

#dow #content_v4 #searchBox #searchBoxs li{
background:url(/download/index_res/images/mark_nextstep.gif) no-repeat bottom left;
margin-top:3px;
padding-bottom:17px;
}

#dow #content_v4 #searchBox #searchBoxs li li{
float:left;
display:block;
background:url(/download/index_res/images/mark_nextstep2.gif) no-repeat 203px 58px;
margin:0px;
padding:0 13px 0 3px;
}


#dow #content_v4 #searchBox #searchBoxs .stepBox dl{
display:block;
margin:0px;
}
#dow #content_v4 #searchBox #searchBoxs .stepBox dt{
float:left;
display:block;
width:150px;
padding-bottom:10px;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dt img{
background:#fff;
padding-top:10px;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd form li{
width:180px;
margin-right:10px;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd{
float:left;
display:block;
background:url(/download/index_res/images/line_dot.gif) repeat-y #fff;
width:630px;
padding:10px 0 10px 20px;
}


#dow #content_v4 #searchBox #searchBoxs .stepBox dd dt{
float:none;
line-height:0px;
padding-bottom:5px;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd dt img{
padding:0px;
margin:0px;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd {
float:none;
width:196px;
height:97px;
border:1px solid #bcbbc0;
overflow:auto;
background-image:none;
background-color:#f1f1f1;
padding:0px;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd div {
float:left;
width:350px;
height:97px;
border:1px solid #bcbbc0;
overflow:auto;
background-color:#f1f1f1;
padding:0px;
}

/* ul */
#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd ul,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div ul{
display:block;
background:#fff;
height:97px;
}
#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd ul li {
padding:3px 0;
width:162px;
zoom:1;
}
#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd ul li {
width:179px;
background:#fff;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd div#item1 ul li,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div#item2 ul li,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div#item3 ul li,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div#item4 ul li{
float:none;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd ul li a,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div ul li a {
display:block;
padding-left:15px;
font-size:85%;
background:url(/common_v4/src/jp/images/category_dow/mark_link.gif) no-repeat 5px 0.25em;
}
#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd ul li.cur a,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd ul li a:hover,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div ul li.cur a,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div ul li a:hover  {
background-color:#c5e9eb;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd dd ul li.cur a,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd div ul li.cur a{
font-weight:bold;
}

#dow #content_v4 #searchBox #searchBoxs li.lastChild,
#dow #content_v4 #searchBox #searchBoxs li.lastChild .stepBox{
background-image:none;
padding-bottom:0px;
}

#dow #content_v4 #searchBox #searchBoxs li li.lastChild{
padding-right:0px;
}



/* Please select it */
#dow #content_v4 #searchBox dl dd dd p {
padding:35px 20px 0 20px;
}

#dow #content_v4 #searchBox dl dd div p {
padding:40px 20px 0 20px;
}


#dow #content_v4 #searchBox dl dd dd p,
#dow #content_v4 #searchBox dl dd div p {
font-size:85%;
color:#24b4b4;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd .rBoxC01,
#dow #content_v4 #searchBox #searchBoxs .stepBox dd .rBoxC01 div{
float:right;
width:260px;
background-color:transparent;
margin-top:0px;
border:none;
height:auto;
overflow:visible;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd .rBoxC01 div ul{
width:180px;
background:url(/download/index_res/images/help_icon.gif) center left no-repeat;
background-color:transparent;
margin-left:10px;
padding:20px 10px;
height:auto;
}

#dow #content_v4 #searchBox #searchBoxs .rBoxC01 li{
width:180px;
float:none;
position:relative;
left:55px;
top:0px;
font-size:125%;
padding:0px;
margin:0px;
}

#dow #content_v4 #searchBox #searchBoxs .stepBox dd .rBoxC01 div ul li a:hover  {
background-color:transparent;

}



/* ----------------------------------------------------------- 
javascriptオフ時制御
-------------------------------------------------------------- 
#dow #content_v4 .pageTab,
#dow #content_v4 #searchBox {
display:none;
}
*/
/* ul */
#dow #content_v4 noscript ul li {
margin:5px 0;
width:162px;
zoom:1;
}
#dow #content_v4 noscript ul li {
width:auto;
}
#dow #content_v4 noscript ul li a {
padding-left:15px;
font-size:85%;
background:url(/common_v4/src/jp/images/category_dow/mark_link.gif) no-repeat 5px 0.25em;
}


/* ----------------------------------------------------------- 
Main Category
-------------------------------------------------------------- */

#dow #content_v4 ul.proCategory {
list-style-type:none;
margin-top:30px;
}

#dow #content_v4 ul.proCategory li {
width:125px;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
margin:0;
padding:0 5px 0 0;
vertical-align: top;
font-size:85%;
}


#dow #content_v4 ul.proCategory li p {
text-align:left;
background-image: url(../../../common_v4/src/jp/images/category_dow/mark_link.gif);
background-repeat: no-repeat;
background-position: 10px 5px;
}

#dow #content_v4 ul.proCategory li em {
display:block;
font-weight:normal;
padding-left:20px;
margin-bottom:10px;
}	



/* ----------------------------------------------------------- 
clearfix
-------------------------------------------------------------- */
#dow #content_v4 #searchBox #searchBoxs:after,
#dow #content_v4 #searchBox #searchBoxs div.stepBox:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
line-height: 0;
}

#dow #content_v4 #searchBox #searchBoxs,
#dow #content_v4 #searchBox #searchBoxs div.stepBox {
_height: 1px;
min-height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
/* A postscript is not added at the following */