@charset "utf-8";

/*
______________________________________________

 update:2010.07.29
 (C)2010 SonyChemicals&InformationDevice Corp.
 (C)2010 ContentsBrain Inc.
______________________________________________
*/

/* Products-Share(EN)
---------------------------------------------*/

/* Products ShowCase */

sup,
sub{
font-size:70%;
}

#scArea {
position: relative;
clear: both;
width: 100%;
margin-bottom:18px;
}
#scArea:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

/* Products Name and Caption */
#productsTopTtl #productsTtl{
width:420px;
height:auto;
float:left;
margin-bottom:3px;
text-align:left;
vertical-align:top;
}

.mc1Head{
border-left:#3333CC 6px solid;
}
.mc6Head{
border-left:#B8860B 6px solid;
}
.mc7Head{
border-left:#B8860B 6px solid;
}
.mc8Head{
border-left:#B8860B 6px solid;
}
.dd1Head{
border-left:#E76F2E 6px solid;
}

#productsTopTtl{
position:relative;
}
#productsTopTtl #productsTtl h1{
padding-left:6px;
font-size:20px;
font-weight:400;
color:#000;
line-height:21px;
}
#productsTopTtl #productsTtl p{
padding:2px 0 0 6px;
}
#productsTopTtl #productsCatLink{
width:160px;
height:auto;
float:right;
text-align:left;
vertical-align:top;
padding-right:2px;
}
#productsTopTtl #productsCatLink p img{
display:block;
width:auto;
float:left;
}
#productsTopTtl #productsCatLink p a{
display:block;
width:105px;
float:right;
text-align:right;
}

/* Products Hikaku and Kataban */

#productsNumberArea{
position:relative;
width:100%;
height:auto;
}
#productsNumberArea #productsHikaku{
width:auto;
height:auto;
float:right;
text-align:right;
padding-top:7px;
padding-right:2px;
}
#productsNumberArea h2{
width:auto;
height:auto;
float:left;
padding:7px 0 4px 0;
margin-left:0;
}


/* Products Name Tab */

#nameTagArea{
position:relative;
width:100%;
height:auto;
background:url(/en/products/share/images/10b_border.gif) bottom left repeat-x; 
}
#nameTagArea ul#subMenuTab{margin:5px 0 0 0; padding:0;list-style:none;}
#nameTagArea ul#subMenuTab li{float:left; margin:0; padding:4px 0.8em; font-size:12px; text-align:center;}
#nameTagArea ul#subMenuTab li.topTab{margin-left:7px;}
#nameTagArea ul#subMenuTab li.mainMcB,
#nameTagArea ul#subMenuTab li.mainMcG,
#nameTagArea ul#subMenuTab li.mainMcY,
#nameTagArea ul#subMenuTab li.mainDdO{width:auto; margin-top:-1px; border-top:2px solid #444; border-right:2px solid #444; border-bottom:2px solid #fff; border-left:2px solid #444; font-weight:bold;}
#nameTagArea ul#subMenuTab li.mainMcB{color:#33C;}
#nameTagArea ul#subMenuTab li.mainMcG{color:#693;}
#nameTagArea ul#subMenuTab li.mainMcY{color:#B8860B;}
#nameTagArea ul#subMenuTab li.mainDdO{color:#E76F2E;}

#nameTagArea ul#subMenuTab li.subL{width:auto; border-left:1px solid #666;}
#nameTagArea ul#subMenuTab li.subR{width:auto; border-right:1px solid #666;}

#nameTagArea ul#subMenuTab li.subL,
#nameTagArea ul#subMenuTab li.subR{background-color:#eee; border-top:1px solid #666; border-bottom:2px solid #444;}




/* SubMenu(SubCategories) */

#prdctNaviCat01,
#prdctNaviCat02,
#prdctNaviCat03,
#prdctNaviCat04{
width:auto;
height:auto;
padding-left:9px;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
}

#prdctNaviCat01{
background-color:#E8E8F9;
}
#prdctNaviCat02{
background-color:#ECF5E2;
}
#prdctNaviCat03{
background-color:#FFF5D0;
}
#prdctNaviCat04{
background-color:#FFE1CE;
border-bottom:1px solid #666666;
}

#prdctNaviCatApp{
width:auto;
height:auto;
position:relative;
margin-bottom:20px;
padding:0;
}

#prdctNaviCatApp ul,
#prdctNaviCatApp ul li{
width:auto;
height:auto;
margin:0;
padding:0;
list-style-type:none;
}

.subMenu1,
.subMenu2,
.subMenu3,
.subMenu4 {
position:relative;
font-size:88%;
line-height:1.2;
margin:0;
padding:0;
text-indent:1em;
border-right:none;
border-bottom:none;
border-left:1px solid #999999;
}
dl.subMenu1 dt,
dl.subMenu2 dt,
dl.subMenu3 dt,
dl.subMenu4 dt{
display: block;
margin-left:-1em;
height:22px;
}

dl.subMenu1 dd,
dl.subMenu2 dd,
dl.subMenu3 dd,
dl.subMenu4 dd{
display: block;
width:auto;
margin:0;
padding:0;
}

dl.subMenu1 dd a:link,
dl.subMenu1 dd a:visited,
dl.subMenu2 dd a:link,
dl.subMenu2 dd a:visited,
dl.subMenu3 dd a:link,
dl.subMenu3 dd a:visited,
dl.subMenu4 dd a:link,
dl.subMenu4 dd a:visited {
display: block;
width:auto;
padding:3px 3px 3px 5px;
color: #333;
text-decoration:none;
background:#FFFFFF url(/en/products/share/images/triangleList.gif) -7px 8px no-repeat;
}
dl.subMenu1 dd a:link span,
dl.subMenu1 dd a:visited span,
dl.subMenu2 dd a:link span,
dl.subMenu2 dd a:visited span,
dl.subMenu3 dd a:link span,
dl.subMenu3 dd a:visited span,
dl.subMenu4 dd a:link span,
dl.subMenu4 dd a:visited span {
display: block;
width:auto;
}
dl.subMenu1 dd a:hover,
dl.subMenu1 dd a:link.menuOn,
dl.subMenu1 dd a:visited.menuOn{
color:#FFFFFF;
background-color:#7A7ADE;
}
dl.subMenu2 dd a:hover,
dl.subMenu2 dd a:link.menuOn,
dl.subMenu2 dd a:visited.menuOn{
color:#FFFFFF;
background-color:#75AF5B;
}
dl.subMenu3 dd a:hover,
dl.subMenu3 dd a:link.menuOn,
dl.subMenu3 dd a:visited.menuOn{
color:#FFFFFF;
background-color:#DFAA00;
}
dl.subMenu4 dd a:hover,
dl.subMenu4 dd a:link.menuOn,
dl.subMenu4 dd a:visited.menuOn{
color:#FFFFFF;
background-color:#FF9A35;
}


/* Products Main Contents(Caution) */

#cautionArea{
width:620px;
height:auto;
position:relative;
background:#F7F7F7;
border:1px solid #CCCCCC;
}
#cautionArea img{
position:absolute;
top:10px;
left:10px;
}
#cautionArea #coutionBox{
width:auto;
height:auto;
line-height:1.3;
text-align:left;
vertical-align:middle;
border-left:2px solid #CCCCCC;
margin:10px 10px 10px 80px;
padding-left:10px;
}

ul.markDsks,
ul.markDsks li{
width:auto;
margin-left:0.75em;
list-style-type:disc;
}

ol.markDcml,
ol.markDcml li{
width:auto;
margin-left:1em;
list-style-type:decimal;
}

/* Products Margin(results only) */

.ml10{margin-left:10px;}
.ml1e{margin-left:1em;}
.ml15e{margin-left:1.5em;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml45{margin-left:45px;}
.ml70{margin-left:70px;}

.pt10{padding-top:10px;}


/* bd_add */
/* ------------------------------------ */
/* local nav separate */
.lnav-sepline01 {
	border-bottom: double 4px #ccccff !important ;
}

.ac {
	text-align: center;
}

/*-- txt_indent --*/
.indent_txt10 { text-indent: -1.4em; padding-left: 1.4em; }

