@charset 'utf-8';

/*----------------------------------------------------
    #mainVisual
----------------------------------------------------*/
#mainVisual {
    max-width: 1920px;
    min-width: 950px;
    height: 335px;
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    text-align: center;
    overflow: hidden;
    position: relative;
}

ul#slideshow {
	width: 1920px;
    height: 335px;
    position: absolute;
    top: 0;    
    left: 50%;
    margin-left: -960px;
    background: url(/cms/images/000022065.gif) no-repeat center;
}

ul#slideshow li {
    position: absolute;
    height: 335px;
    left: 50%;
    margin-left: -960px;
    display: none;
}

#mainVisual ul#sliderBtn {
    position: absolute;
    top: 315px;
    left: 50%;
    overflow: hidden;
}

html>/**/body #mainVisual ul#sliderBtn {
    width: 100%;
}

html>/**/body #mainVisual ul#sliderBtn {
    margin: 0 auto;
}

#mainVisual ul#sliderBtn li {
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 10px;
    background: url(/cms/images/000022057.png) no-repeat center top;
    cursor: pointer;
}

#mainVisual ul#sliderBtn li.active {
    background: url(/cms/images/000022062.png) no-repeat center top;
}

#mainVisual .one {
    position: absolute;
    height: 335px;
    left: 50%;
    margin-left: -960px;
}
/*----------------------------------------------------
    baseColumn
----------------------------------------------------*/
#topLeftColumn {
    width: 626px;
    float: left;
}

#topRightColumn {
    width: 304px;
    float: right;
}

/*----------------------------------------------------
    .contentsBox (302px box type)
----------------------------------------------------*/
div.contentsBox h4,
div.contentsBox p.wbTop,
#firstColumn div.contentsBox a { font-size: 1px; line-height: 0;}
#firstColumn div.contentsBox a { display: block; background: #fff;}

div.contentsBox {
    width: 302px;
    margin-top: 8px;
}

div.contentsBox .box {
    background: url(/cms/images/000022031.png) no-repeat left bottom;
    padding-bottom: 7px;
    /padding-bottom: 5px;
}

div.contentsBox p.wbTop{
    width: 290px;
    margin: 0 auto;
}

div.contentsBox .whiteBack {
    width: 290px;
    margin: 0 auto;
    padding-top: 5px;
    background: url(/cms/images/000022043.png) no-repeat left bottom;
    overflow:hidden;
}

/*----------------------------------------------------
    .contentsBoxW (626px box type)
----------------------------------------------------*/
div.contentsBoxW h4,
div.contentsBoxW p.wbTop,
#firstColumn div.contentsBoxW a { font-size: 1px; line-height: 0;}
#firstColumn div.contentsBoxW a { display: block;}

div.contentsBoxW {
    width: 626px;
    margin-top: 8px;
}

div.contentsBoxW .box {
    background: url(/cms/images/000022076.png) no-repeat left bottom;
    padding-bottom: 7px;
    /padding-bottom: 5px;
}

div.contentsBoxW .box .innerBox {
    width: 614px;
    margin: 0 auto;
}

div.contentsBoxW p.wbTop{
    width: 614px;
    margin: 0 auto;
}

div.contentsBoxW .whiteBack {
    width: 614px;
    margin: 0 auto;
    padding-top: 5px;
    background: url(/cms/images/000022044.png) no-repeat left bottom;
    overflow:hidden;
}

/*----------------------------------------------------
    #firstColumn
----------------------------------------------------*/
#firstColumn {
    overflow: hidden;
}

/* 2 column ver --- */
#firstColumn .contentsBox ul
{
    width: 290px;
    margin: 0 auto;
}

#firstColumn .contentsBox ul li{
    margin: 0 0 5px 0;
    zoom: 1;    /* IE6 */
}

#firstColumn .contentsBox li.end{
    margin: 0;
}

/*----------------------------------------------------
    .whiteBack .supportList
----------------------------------------------------*/
#support .supportList {
    margin: 0 0 0 18px;
}

#support .supportList li {
    margin: 0 0 14px;
    zoom: 1;    /* IE6 */
}

#support hr {
	border: none;
	height: 1px;
    border-bottom: 1px solid #a9a9a9;
    margin: 0 15px 10px;
}

/*----------------------------------------------------
    #proLineupLink
----------------------------------------------------*/
#prodLineup {
    position: relative;
}

#proLineupLink {
    position: absolute;
    top: 20px;
    right: 7px;
}

/*----------------------------------------------------
    #meddia
----------------------------------------------------*/
#meddia {
    float: left;
}

#meddia .whiteBack {
    overflow: hidden;
    margin: 0 auto 5px;
}

#meddia .whiteBack.end {
    margin: 0 auto;
}

#meddia .thumbs {
    width: 72px;
    padding: 0 10px 10px;
    float: left;
}

#meddia .rbox {
    width: 188px;
    padding: 0 10px 10px 0;
    float: right;
    position: relative;
}

#meddia .rbox .icon {
    position: absolute;
    top: 0;
    right: 6px;
}

/*----------------------------------------------------
    #news, #newsLong
----------------------------------------------------*/
#news {
    float: right;
}

#news .whiteBack {
    margin: 0 auto 5px;
}

#news .whiteBack.end {
    margin: 0 auto;
}

#news ul {
    padding: 0 0 10px;
}

#news ul li {
    padding: 0 10px 0;
}

/* 1 column ver --- */
#newsLong ul {
    width: 594px;
    margin: 0 auto 10px;
    padding: 0 0 8px;
    border-bottom: dotted #ccc 1px;
}

#newsLong ul.end {
    border-bottom: none;
    margin: 0 auto 0;
}

/*----------------------------------------------------
    #relProducts
----------------------------------------------------*/
#relProducts ul {
    overflow: hidden;
}

#relProducts ul li {
    width: 290px;
    height: 105px;
    margin: 0 0 10px 12px;
    _margin: 0 5px 10px 5px;
    float: left;
    overflow: hidden;
}

#relProducts ul li .img {
    float: left;
}

#relProducts ul li .text {
    width: 180px;
    float: right;
}

#relProducts ul li .text .title {
    color: #039;
    margin: 6px 0;
    font-weight:bold;
}

#relProducts .relProMor {
    margin: 4px 0 0 ;
    text-align: right;
}

#relProducts .relProMor a {
    background: url(/cms/images/000022077.gif) no-repeat left 50%;
    padding-left: 18px;
}

/*----------------------------------------------------
    #topSharePage
----------------------------------------------------*/
#topSharePage {
    margin: 20px 0 0 0;
}
#topSharePage .whiteBack {
overflow: visible;
}

#topSharePage ul {
    width: 250px;
    padding: 0 0 2px 8px;
}

#topSharePage ul li {
    float: left;
    margin-right: 6px;
}

/*----------------------------------------------------
    #banner
----------------------------------------------------*/
#banner li {
    margin: 7px 0 0;
}

#banner li.first {
    margin: 20px 0 0;
}

/* iikurashi store --- */
#banner .iikurashi {
    background-color: #E1E1E1;
}

#banner .iikurashi p.text a {
    display: block;
    background: url(/cms/images/000022035.gif) no-repeat 10px 1px; 
    padding: 0 0 2px 30px;
}