@charset "shift_jis";

/* ===================================================================
    
	Style for /about/
	
------------------------------------------------------------------- */

/* ----------------------------------------------------------------
    Background Color
----------------------------------------------------------------- */

div#str-container div#str-container-inner #str-contents{
background-image:url(../../../img/2011b/product/bg-str-contents.gif);
}

/* ----------------------------------------------------------------
    Heading Color
----------------------------------------------------------------- */

h1.hdg-l1-02 span{
background-image:url(../../../img/2011b/product/bg-hdg-l1-02.gif);
}

h2.hdg-l2-01,
h3.hdg-l2-01,
h4.hdg-l2-01{
background-image:url(../../../img/2011b/product/bg-hdg-l2-01-01.gif);
}

h2.hdg-l2-01 span,
h3.hdg-l2-01 span,
h4.hdg-l2-01 span{
background-image:url(../../../img/2011b/product/bg-hdg-l2-01-02.gif);
}

h2.hdg-l3-link a,
h3.hdg-l3-link a,
h4.hdg-l3-link a{
background-image:url(../../../img/2011b/product/bg-list-product-parent.gif);
}

/* ----------------------------------------------------------------
    Link List Color
----------------------------------------------------------------- */

ul.list-link-01 li{
background:url(../../../img/2011b/product/bg-list-product-child.gif) no-repeat 4px 0.55em;
}


/* ----------------------------------------------------------------
    Nav
----------------------------------------------------------------- */

div#str-nav{
width:145px;
background:#fff;
padding-right:3px;
position:relative;
bottom:1px;
right:1px;
}

div#str-nav div#nav{
width:100%;
padding:0 0 1px 0;
background:url(../../../img/2011b/product/bg-str-nav.gif) no-repeat left bottom;
}

div#str-nav div#nav ul#nav-inner{
padding:0 1px 0 0;
background:url(../../../img/2011b/product/bg-str-nav.gif) no-repeat left top;
}

div#str-nav div#nav ul#nav-inner li{
width:auto;
_width:143px;/*IE6 Bug Fix*/
padding:0 0 0 0;
margin-left:1px;
background:url(../../../img/2011b/product/bg-str-nav-child.gif) repeat-x left bottom;
display:block;
line-height:1.1;
}

div#str-nav div#nav ul#nav-inner li a{
width:auto;
_width:142px;/*IE6 Bug Fix*/
padding:6px 0 6px 20px;
background:url(../../../img/2011b/product/blt-str-nav.gif) no-repeat left top;
background-position:4px 0.55em;
display:block;
}

div#str-nav div#nav ul#nav-inner li.child{
background:none;
}

div#str-nav div#nav ul#nav-inner li.child a{
padding:0 0 0 20px;
background:none;
}

div#str-nav div#nav ul#nav-inner li.child span{
padding:0 0 0 20px;
}

div#str-nav div#nav ul#nav-inner li.last-child{
background:none;
}

div#str-nav div#nav ul#nav-inner li.last-child.active{
background:#a6d4df;
}

div#str-nav div#nav ul#nav-inner li.last-child.active span{
display:block;
zoom:1;
}

div#str-nav div#nav ul#nav-inner li a{
color:#333;
text-decoration:none;
}

div#str-nav div#nav ul#nav-inner li a:hover{
padding:6px 0 6px 20px;
color:#ff0000;
background:url(../../../img/2011b/product/blt-str-nav-hover.gif) no-repeat left top;
background-position:4px 0.55em;
}

div#str-nav div#nav ul#nav-inner li ul li a:hover{
padding:3px 0 3px 20px;
background-position:-9999px;
}

div#str-nav div#nav ul#nav-inner li.active{
background:url(../../../img/2011b/product/bg-str-nav-child-active.gif) repeat-x left bottom;
}

div#str-nav div#nav ul#nav-inner li.active span{
padding:6px 0 6px 20px;
background:url(../../../img/2011b/product/blt-str-nav-active.gif) no-repeat left top;
background-position:4px 0.55em;
display:block;
color:#004266;
font-weight:bold;
}

div#str-nav div#nav ul#nav-inner li.child-open{
width:100%;
background:#d6e5e9;
}

div#str-nav div#nav ul#nav-inner li ul{
padding-bottom:2px;
background:url(../../../img/2011b/product/bg-str-nav-child.gif) repeat-x left bottom;
}

div#str-nav div#nav ul#nav-inner li ul li{
padding:0 0 0 0;
margin-left:0;
background:none;
}

div#str-nav div#nav ul#nav-inner li ul li a{
padding:3px 0 3px 20px;
background:none;
}

div#str-nav div#nav ul#nav-inner li ul li span.active-child{
padding:2px 0 2px 20px;
background:#95cedb;
display:block;
color:#004266;
font-weight:bold;
}

div#str-nav div#nav ul#nav-inner li.active-parent{
width:100%;
background:url(../../../img/2011b/product/bg-str-nav-active-parent.gif) no-repeat left top;
background-position:-1px 0;
}

div#str-nav div#nav ul#nav-inner li.middle{
width:100%;
background:#95cedb;
}

div#str-nav div#nav ul#nav-inner li.active-parent span{
padding:6px 0 6px 20px;
background:url(../../../img/2011b/product/blt-str-nav-active.gif) no-repeat left top;
background-position:4px 0.55em;
display:block;
color:#004266;
font-weight:bold;
}

div#str-nav div#nav ul#nav-inner li.active-parent ul{
margin-right:1px;
background:url(../../../img/2011b/product/bg-str-nav-child.gif) repeat-x left bottom #d6e5e9;
}


/* ----------------------------------------------------------------
    Unique Elements
----------------------------------------------------------------- */


div.lyt-column.product .item .lyt-image.image-R-01{
margin-bottom:0;
}

div.lyt-column.product .item .lyt-image p.image{
margin:0 3px 0 3px;
}

div.lyt-column.product .item .lyt-image .column ul.list-link-01{
width:auto;
}

div.lyt-column.product .item .lyt-image .column ul.list-link-01 li{
margin:0;
font-size:0.83em;
}

div.lyt-column.col-3 .item h2{
margin:0 0 12px 0;
border-bottom:1px solid #bfbfbf;
font-weight:bold;
}

div.lyt-column.col-3 .item h2 a{
padding:4px 0 2px 17px;
display:block;
background:url(../../../img/2011b/product/bg-list-product-parent.gif)  no-repeat 4px 0.75em;
text-decoration:none;
}

div.lyt-column.col-3 .item h2 a:hover{
text-decoration:none;
color:#f63;
}

div.lyt-product-column{
width:100%;
}

div.lyt-product-column .item-L{
float:left;
width:290px;
}

div.lyt-product-column .item-R{
padding-left:15px;
float:right;
text-align:right;
font-size:0.88em;
}

ul.list-product-multi li{
margin:0 0 4px 0;
padding:0 0 0 18px;
background:url(../../../img/2011b/product/bg-list-product-parent.gif)  no-repeat 4px 0.45em;
}

ul.list-product-multi li ul{
margin:5px 0 0 0;
}

ul.list-product-multi li ul li{
margin:0 0 4px 0;
background:url(../../../img/2011b/product/bg-list-product-child.gif)  no-repeat 4px 0.45em;
}

div.lyt-product-col-3{
width:726px;
_width:728px;/*IE6 Bug Fix*/
margin:0 0 20px 0;
padding:4px 0 0 0;
border:1px solid #bfbfbf;
background:#f2f2f2;
}

div.lyt-product-col-3 .item{
width:220px;
margin:0 5px 0 13px;
float:left;
display:inline;
}

div.lyt-product-col-3 .item.last-child{
float:left;
}

div.lyt-product-col-3 .item h2{
margin:0 0 12px 0;
border-bottom:1px solid #bfbfbf;
font-weight:bold;
font-size:0.87em;
}

div.lyt-product-col-3 .item h2 a{
padding:4px 0 2px 15px;
display:block;
background:url(../../../img/2011b/product/bg-list-product-child.gif)  no-repeat 4px 0.75em;
text-decoration:none;
}

div.lyt-product-col-3 .item h2 a:hover{
color:#f63;
text-decoration:none;
}

div.lyt-product-col-3 .item h2 sup{
text-decoration:none;
position:absolute;
}

div.lyt-product-col-3 .item .column{
line-height:1.2;
font-size:0.92em;
}

div.lyt-product-col-3 .item .column ul{
font-size:0.87em;
}

div.lyt-product-col-3 .item p.image{
margin-left:3px!important;
}

div.lyt-product-col-3 .item h2 a:hover{
color:#f63;
}

div.product-relation{
width:728px;
}

div.product-relation .column-L{
width:475px;
float:left;
}

div.product-relation .column-L .lyt-column{
width:475px!important;
}

div.product-relation .column-L .lyt-column .item{
width:217px!important;
}

div.product-relation .column-R{
width:235px;
padding:15px 0 0 0;
border:1px solid #d9d9d9;
background:url(../../../img/2011b/product/bg-product-relation-column-R.gif)  no-repeat left top;
float:right;
}

div.product-relation .column-R ul.list-link-01{
padding:0 0 0 10px;
}

div.product-relation .column-R ul.list-link-01 li{
padding-right:18px;
}


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

    ClearFix
	
------------------------------------------------------------------- */

div.lyt-product-column:after,
div.lyt-product-col-3:after,
div.product-relation:after,
div.product-list-50:after{
content:".";
display: block;
height:0px;
clear:both;
line-height:0;
visibility:hidden;
line-height:0;
font-size:0;
}


/* ----------------------------------------------------------------
    2012.06.28 banner 
----------------------------------------------------------------- */

/*sys-ind*/
.contents .bnr_sysind {
text-align: right;
padding-top: 0px;
padding-bottom: 10px;
}

.contents .bnr_sysind li{
/*text-align: right;*/
padding-top: 0px;
padding-bottom: 10px;
}


/*semi-parts*/
.contents .bnr_semiparts {
/*clear:both;*/
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 0px;

}

.contents .bnr_semiparts li{
	float: left;
	width: auto;
margin-right:10px;
}

.contents .bnr_semiparts li.last {
margin-right:0px;
}
*/