@charset "shift-JIS";

/*========================================================================================================================================================================
Main Contents
========================================================================================================================================================================== */
#mainContents {
width:580px;
text-align:left;
padding:0 7px;
}

#mainContents h1 {margin:10px 0 0;}
#mainContents h1#printer {background:url(/images/printer/headline_printer.jpg) top left no-repeat; width:580px; height:50px;}
#mainContents h1#downloadSoft {background:url(/images/download-soft/headline_download_soft.jpg) top left no-repeat; width:580px; height:50px;}
#mainContents h1#businessPc {background:url(/images/pc/headline_business_pc.jpg) top left no-repeat; width:580px; height:50px;}


#mainContents h1#printer span,
#mainContents h1#downloadSoft span,
#mainContents h1#businessPc span {display:none;}

#mainContents h2 {margin:0 0 10px 0;}
#mainContents h3 {margin:0 0 5px 0; color:#900; font-size:98%;}
#mainContents h3.bgc {background-color:#E6EDFF; padding:5px;}
#mainContents h4 {margin:0 0 5px 0;}

#mainContents #desc {
background-color:eee;
border:1px solid #ddd;
padding:5px 10px;
margin-bottom:10px;
width:558px;
}

#mainContents #desc {
/* for IE 8 only */
width /*\**/: 580px\9;
}

#mainContents .mBox {
width:580px;
text-align:left;
margin:0 auto;
padding:10px 0 0 0;
overflow:hidden;
position:relative;
zoom:1;
}

.mBoxLeft {
width:280px;
float:left;
}

.mBoxRight {
width:280px;
float:right;
}

.mBoxLeft2 {
width:178px;
float:left;
padding-right:10px;
}

.mBoxCenter2 {
width:179px;
float:left;
padding-right:15px;
}

.mBoxRight2 {
width:178px;
float:left;
padding-right:15px;
}



/*-------------------------------
パンくずリスト
--------------------------------*/
ol#topicPath {margin:0 10px 15px 10px;}
ol#topicPath li {display:inline;}

/*-------------------------------
Box / 
--------------------------------*/
.mBoxImgTxt {
width:285px;
margin:0 0 10px 0;
overflow:hidden;
position:relative;
zoom:1;
}

.mBoxImg {
width:110px;
float:left;
}

.mBoxTxt {
width:175px;
float:right;
}


.itemPoint {font-size:80%;}
.itemPoint span {color:#f00;}
.itemPoint2 {color:386BA1; font-weight:bold; font-size:90%;}

.itemPrice span {color:#666;}

.itemPrice2 {color:#f00; font-weight:bold; font-size:110%;}
.itemPrice2 span { font-size:80%; color:#666; font-weight:normal;}


.moreLinks {width:580px; text-align:right;}


/*-------------------------------
LineUpBox / 
--------------------------------*/
.lineUpBox {
width:280px;
margin:0 0 0 0;
overflow:hidden;
position:relative;
zoom:1;
}

.lineUpBox div.left {
float:left;
width:60px;
}

.lineUpBox div.right {
float:left;
width:220px;
}

ul.lineUpUl {margin:0 0 30px 0;}
ul.lineUpUl li {
line-height:1.8;
list-style:none;
margin:0;
font-size:96%;
background-image:url(../images/icon/arrow.gif);
padding-left: 15px;
background-repeat: no-repeat;
background-position: left 4px;}




/*-------------------------------
バナー
--------------------------------*/
#mainContents #banner {margin:10px 0;}
#mainContents #banner p {margin:10px 0;}