@charset "Shift_JIS";

/*
css-menu
------------------------
1. content bg
2. content blockSfw
3. leftTopSide
4. leftTopSide info
5. leftTopSide productInfo
------------------------*/


/*
1. content bg
------------------------*/
#content{
background: url(../images/com_008.gif) repeat-y;
}


/*
2. content blockSfw
------------------------*/
#content #blockSfw{
width: 900px;
height: 428px;
}

/*
3. leftTopSide
------------------------*/
#content #topLeftSide{
width: 740px;
height: auto;
float: left;
}

/*
4. leftTopSide info
------------------------*/
#topLeftSide #info{
width: 740px;
height: auto;
background-color: #f1f6ea;
}
#infoTitle{
width: 740px;
height: 30px;
background: url(../images/h2_top_002.jpg) no-repeat;
}
#infoTitle h2{
float: left;
position: relative;
top: 4px;
left: 5px;
}
#infoTitle p{
float:right;
position: relative;
top: 4px;
right: 5px;
}
#info dl{
padding: 10px;
border-bottom: 1px dotted #3b5a39;
}
#info dt{
float: left;
padding-right: 3px;
}

/*
5. leftTopSide productInfo
------------------------*/
#productInfo{
width: 740px;
height: auto;
}

#productInfoLeft{
width: 570px;
float: left;
}
#productInfoRight{
margin-left: 10px;
width: 159px;
float: right;
}



/*
7. TopRightSide
------------------------*/
#content #topRightSide{
width: 265px;
height: auto;
float: right;
background-color: #f3f3f3;
border: 1px solid #ccccc4;
}

#topRightSide #recNewBox{
margin: 5px auto;
width: 255px;
border: 1px solid #3366cc;
background-color: #edf5ff;
}
#topRightSide #recNewBox p{
padding: 5px;
}
#topRightSide #recExpBox{
margin: 0 auto;
width: 255px;
height: auto;
border: 1px solid #e17b34;
background-color: #fff5ed;
}
#topRightSide .recBox{
padding: 5px;
width: 245px;
}
#topRightSide .recBoxLeft{
width: 87px;
height: 61px;
float: left;
}
#topRightSide .recBoxRight{
width: 148px;
height: auto;
float: right;
}

#topRightSide .recBoxRight ul.vMiddle{
position: relative;
top: 20px;
}

#topRightSide .recBoxRight li.liBlue{
padding-left: 10px;
padding-bottom: 3px;
background: url(../images/top_004.gif) no-repeat 0 6px;
}
#topRightSide .recBoxRight li.liOrange{
padding-left: 10px;
padding-bottom: 3px;
background: url(../images/top_005.gif) no-repeat 0 6px;
}
.dot_bdr{
border-bottom: 1px dotted #3366cc;
}




/*
8. class
------------------------*/
.mgnT20{
margin-top: 20px;
}