﻿.category_row
{
 width:100%;
 height:auto;
 margin:0 auto;
 padding:5px 0px 0px 0px;
 clear:both;
}

.category_row_inner
{
/* background-image:url('/Images/row_center.jpg');*/
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    background-image: none;
    background-repeat: repeat-y;
    background-position: top left;
    float: left;
    font-size: 100%;
    display: inline-flex;
    justify-content: center;
}

.category_container
{
    width: 33%;
    height: auto;
    border-width: 0 1px 0 1px;
    border-color: #afafaf;
    border-style: solid;
    box-sizing: border-box;
    margin: 0 0 0 5px;
    padding: 0px 0px 0 0px;
    float: left;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 45%, #F9F9F9 65%, #EBEBEB 100%, #dedede 100%);
    border-bottom: 1px solid #afafaf;
}

.category_row_bottom
{
 width:100%;
 height:5px;
 margin:0px;
 padding:0px;
 background-repeat: no-repeat;
 background-position:top left;
 float:left; 
 font-size:0% !Important;
}

.category_container2
{
    width: 33%;
    height: auto;
    border-width: 0 1px 0 1px;
    border-color: #afafaf;
    border-style: solid;
    margin: 0;
    padding: 0px 0px 0 0px;
    float: left;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 45%, #F9F9F9 65%, #EBEBEB 100%, #dedede 100%);
    box-sizing: border-box;
    border-bottom: 1px solid #afafaf;
}

.category_row_inner h2
{
 Background: linear-gradient( #ffffff 0%, #E6EBFF 20%, #F2F5FF 65%, #F2F5FF 95%, #FFFFFF 100%);
 color: #003333;
 font-size: 125%;
 padding: 4px 5px 3px 7px;
 margin: 0px;
 letter-spacing:0.05em;
 line-height: 150%;
 border-left: solid 5px #3c9;
 border-right: none;
 border-bottom: none;
 border-top: 1px solid #9fb7d4;
 box-shadow: 0 2px 3px rgba(0,0,0,0.2);
 height:auto;
 margin-bottom:6px;
}

.recommend_header
{
 padding:0;
 width:284px;
 border-left: solid 5px #3c9;
 border-right: 1px solid #9fb7d4;
 border-bottom: 1px solid #7295c0;
 border-top: 1px solid #9fb7d4;
 height:auto;
 margin-bottom:0px;
 Background-color:#f3f3ff;	
 background-image:url('/topimage/ac203.gif');
 background-repeat:repeat;
}

.category_row_inner h3
{
 letter-spacing:0.03em;
 font-weight:200;
 margin:0;
 padding:2px 0 2px 10px;
 font-size: 108%;
 background-image: url('/Images/arrow_b.gif');
 background-image: url('/css/Browser_C/LMenuV_torinet_syozoku/ac1.gif');
 background-repeat: no-repeat;
 background-position: left center;  
}

.category_row_inner h3 a
{
}

.category_row_inner ul
{
 padding: 0px;
 padding: 0px 3px 2px 0px;
 margin:0 0 2px 15px;
 clear:both;
}

.category_row_inner ul li
{
 font-weight:normal;
 font-size: 100%;
 line-height:130%;
 list-style-type:none; /*FF対策*/
 padding-top:4px;
 padding-bottom:5px;
 padding-left:0px;
 margin:0px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #CCCCCC;
}

.category_row_inner ul li:last-child
{
 border: none;
}

.category_row_inner ol
{
 width:130px;
 float:left;
 padding: 4px 0px 2px 10px;
 margin:0 0 2px 3px;
}

.category_row_inner ol li
{
 list-style-type: decimal;
 font-weight:normal;
 font-size: 108%;
 line-height:130%;
 padding-top:4px;
 padding-right:0px;
 padding-bottom:4px;
 padding-left:3px;
 margin:0px;
 margin-left:2px;
 margin-right:0px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #CCCCCC;
list-style-position: inside;
}

.category_row_inner ol li a
{
 padding-left:0.3em;
 padding-left:0.8em;
}

.category_row_inner.summary
{
 font-size: 95%;
 padding:2px 0 2px 15px ;
}