@charset "shift_jis";


/*----------------------------------------------------------------------------


GIG 4.0 Renewal 201009

▼TABLE OF CONTENTS

[1.PERSONAL]

  1 UI2000,UI2001 [last:20150108]
  2 UI2002        [last:20121211]
  3 UI1307        [last:20110421]

[2.BUSINESS]

  1 CLIENT SERVER - COMMON UI6000,UI6001
  1-1 UI6000 [last:20110421]
　1-2 UI6001 [last:20110421]
  
  2 DIRECT - UI6004       [last:20110719]
  3 mailLP - UI5396 other [last:20110208]
  4 STYLISTIC - UI5231    [last:20110401]
  5 mailLP -  UI5410      [last:20111110]
  6 UI5306      [last:20111125]

[3.DELETE]

  home_mart.css


----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------

[PERSONAL]

-----------------------------------------------------------------------------*/
.maincontents {
	width: 790px;
	float: left;
}

/*----------------------------------------------------------------------------

[UI2000,UI2001]

-----------------------------------------------------------------------------*/


#ui2000wi{margin-bottom:20px;}

#ui2000wi h1{margin:0 0 0 0;padding:0 0 0 0;}
#ui2000wi h2{margin:0 0 15px 0;padding:0 0 0 0;}
#ui2000wi ul,#ui2000wi dl,#ui2000wi dt,#ui2000wi dd{margin:0;padding:0;}
#ui2000wi p{margin:0;}
#ui2000wi li{list-style:none;}
#ui2000wi a.txtLink{
background:url(/image/ui2000/link_icon_001.gif) no-repeat 0 50%;
padding-left:10px;

}
#ui2000wi{ position:relative !important; } /* おすすめ構成オンマウステキスト表示用 */


/*[TITLE]
-----------------------------------------------------------------------------*/


#ui2000wi .ttlAreaA01{
margin-bottom:20px;

}
/*#ui2000wi .ttlAreaA01 h1{
margin-bottom:10px;

}*/
#ui2000wi .ttlAreaA01 .mainTitle01{
margin-bottom:10px;

}
#ui2000wi .ttlAreaA01 .ttlBlockA01{
background:url(/image/ui2000/title01_bg_002.gif) repeat-y 0 0;

}
#ui2000wi .ttlAreaA01 .ttlBlockA01 .ttlBlockInner{
background:url(/image/ui2000/title01_bg_001.gif) no-repeat 0 0;

}
#ui2000wi .ttlAreaA01 .ttlBlockA01 .ttlBlockInner p{
background:url(/image/ui2000/title01_bg_003.gif) no-repeat 0 100%;
text-align:center;
padding:7px 0;
font-size:90%;

}


/*[RECOMMEND]
-----------------------------------------------------------------------------*/


/*デスクトップ オススメ構成*/
.bgWf2rBk{background:url(/image/ui2000/reco_desk_thumb_14su.png) no-repeat 20px 47px;}
.bgWf1rBk{background:url(/image/ui2000/reco_desk_thumb_14su.png) no-repeat 20px -2200px;}
.bgWf1rWh{background:url(/image/ui2000/reco_desk_thumb_14su.png) no-repeat 20px -2062px;}
.bgWd2m20d{background:url(/image/lp/14su/parts/ui3823_catalog.png) no-repeat 20px -1450px;}
.bgWd2rNd{background:url(/image/lp/14su/parts/ui3823_catalog.png) no-repeat 20px -2350px;}
.bgWd2r20d{background:url(/image/lp/14su/parts/ui3823_catalog.png) no-repeat 20px -2500px;}

.bgWf2lBk{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -10px;}
.bgWf2lWh{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -110px;}
.bgWf1mBk{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -260px;}
.bgWf1mWh{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -405px;}
.bgWw1mBk{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -545px;}
.bgWw1mWh{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -705px;}
.bgWd2l{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -855px;}
.bgWd2lNd{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -1005px;}
.bgWd1l{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -1155px;}
.bgWd1lNd{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -1303px;}

.bgEh30kWh{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -1455px;}
.bgD551gw{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -1605px;}
.bgEh30kBk{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -1755px;}
.bgWf2jBk{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -1905px;}
.bgFh52mWh{background:url(/image/ui2000/reco_desk_thumb.png) no-repeat 20px -2068px;}


/*ノートパソコン オススメ構成*/
.bgWa2rBk{background:url(/image/ui2001/reco_note_thumb_14su.png) no-repeat 20px 50px;}
.bgWa2rWh{background:url(/image/ui2001/reco_note_thumb_14su.png) no-repeat 20px -100px;}
.bgWa1rBk{background:url(/image/ui2001/reco_note_thumb_14su.png) no-repeat 20px -1450px;}

.bgWa2mBk{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px 40px;}
.bgWa2mWh{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -110px;}
.bgWa1mBk{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -1460px;}
.bgWs1mBk{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -260px;}
.bgWs1mWh{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -410px;}
.bgWu1mBk{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -560px;}
.bgWu1mRd{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -710px;}
.bgWt1pSv{background:url(/image/ui2001/reco_note_thumb_14sp.png) no-repeat 20px 40px;}

.bgWa1kWh{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -1010px;}
.bgWa2kBk{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -2210px;}
.bgA743gw{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -1160px;}
.bgWs1kBk{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -1310px;}
.bgAh42kWh{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -860px;}
.bgAh42mWh{background:url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -1610px;}
.bgWa3jBk{background: url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -1760px;}
.bgWc1jPk{background: url(/image/ui2001/reco_note_thumb.png) no-repeat 20px -1910px;}

.bgWa1mOlBk{background:url(/image/ui2001/Wa1mOlBk.png) no-repeat;}
.bgWa2mOlBk{background:url(/image/ui2001/Wa2mOlBk.png) no-repeat;}


/*タブレット オススメ構成*/
.bgWq2mSk{background:url(/image/ui2002/reco_tablet_thumb.png) no-repeat 20px 30px;}
.bgWq2mKd{background:url(/image/ui2002/reco_tablet_thumb.png) no-repeat 20px -120px;}
.bgWq2mNk{background:url(/image/ui2002/reco_tablet_thumb.png) no-repeat 20px -260px;}
.bgWq1mKc{background:url(/image/ui2002/reco_tablet_thumb.png) no-repeat 20px -410px;}
.bgWq1mNk{background:url(/image/ui2002/reco_tablet_thumb.png) no-repeat 20px -560px;}
.bgWq1mSk{background:url(/image/ui2002/reco_tablet_thumb.png) no-repeat 20px -715px;}


#recommendArea{
margin-bottom:25px;
}

#recommendBdr{
border:solid 1px #ccc;
}

.recoTypeHeading{
float:left;
margin:10px 2px 0 5px !important;
}

.recoItem{
width:248px;
float:left;
}

.recoItem.last{
position:absolute;
right:1px;
}

.recoTab .recoItem{
width:262px;
}

.itemInner:hover{
background:#ffd !important;
}

.cataAnc{
text-decoration:none;
display:block;
border-right:solid 1px #eee;
color:#555 !important;
min-height:105px;
padding:14px 0 9px 0;
margin:5px 0;
}

.last .cataAnc{
border:none;
}

.itemTtl{
font-size:110%;
font-weight:bold;
font-style:normal;
display:block;
text-align:center;
text-decoration:underline;
color:#222;
margin-bottom:15px;
}

.itemTxt01{
display:block;
margin-left:135px;
font-size:90%;
margin-bottom:5px;
}

.itemPrice{
display:block;
margin-left:135px;
font-size:90%;
margin-bottom:20px;

height:1.3em;
overflow:hidden;
}

.itemLink{
margin-left:135px;
font-size:90%;
color:#4084f2;
padding-left:12px;
background: url(/image/ui2000/reco_arrow01bl.gif) no-repeat left 0.4em;
}

/* old IE */  *+html .itemLink{
background: url(/image/ui2000/reco_arrow01bl.gif) no-repeat left 0.2em;
}

.newLine{
width:750px;
margin-left:20px;
height:0px;
border-bottom:solid 1px #eee;
}

.captionInner{
padding: 7px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #333;
text-shadow: 1px 1px 0px rgb(0, 0, 0);
font-size:90%;
color:#fff;
/*background: #777;*/
background: url(/image/ui2000/reco_bg_hex666_95per.png);
line-height:1.5em;
}

.itemCaption{
display:none;
position:absolute;

zoom:1;
z-index:1;
width:248px;
}

.row01 .itemCaption{
top:210px;
}

.row02 .itemCaption{
top:350px;
}

.last .itemCaption{
top:124px;
}

/* old IE */  *+html .last .itemCaption{
top:122px !important;
}

/* old IE */  *+html .row01 .recoItem.last{
z-index:2;
}

/* old IE */  *+html .row02 .recoItem.last{
z-index:1;
}

.recoTab .itemCaption{
width:262px;
}

.itemCaption span{
text-decoration:underline;
font-weight:bold;
}


/*[LINEUP]
-----------------------------------------------------------------------------*/


#ui2000wi .lineupAreaA01{
margin-bottom:30px;

}
#ui2000wi .lineupAreaA01 .section{
background:url(/image/ui2000/lineup_bg_001.gif) no-repeat 0 100%;
margin-bottom:20px;
position:relative;

}
#ui2000wi .lineupAreaA01 .section#fullWidth{
background:url(/image/ui2000/lineup_bg_004.gif) no-repeat 0 100%;
padding-top:1px;
border-top:1px solid #ccc;

}
#ui2000wi .lineupAreaA01 .section.lastChild{
width:390px;
background:url(/image/ui2000/lineup_bg_003.gif) no-repeat 0 100%;

}
#ui2000wi .itemBlockA01{
width:390px;
float:left;

}
#ui2000wi .section#fullWidth .itemBlockA01{
width:393px;
float:left;

}
#ui2000wi .itemBlockA01 .itemBlockinner{
border-top:1px solid #ccc;
padding:1px 2px;
padding-bottom:8px;

}
#ui2000wi .section#fullWidth .itemBlockA01 .itemBlockinner{
width:390px;
border:none;
padding:0 2px;
padding-bottom:2px;

}
#ui2000wi .section#fullWidth .itemBlockA01 .itemBlockinner .adjust{
margin-right:-3px;

}
#ui2000wi .itemBlockA01 .itemBlockinner p{
font-size:90%;

}
#ui2000wi .itemBlockA01 .itemBlockinner h3{
margin:0;

}
#ui2000wi .itemBlockA01 .itemBlockinner .txt{
margin:0 10px;
font-size:90%;
_font-size:88%;

}
#ui2000wi .itemBlockA01 .itemBlockinner p.btn{
text-align:center;
margin-bottom:10px;
margin-top:7px;

}
#ui2000wi .section#fullWidth p.btn{
text-align:center;
padding-bottom:17px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockA01{
border:1px solid #c1e0f0;
margin:5px;
background-color:#FFF;
padding:1px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockA01 .specInner{
background-color:#edf6f9;
padding:8px 5px 0 5px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockA01 p{
float:left;
width:140px;
margin-top:2px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockA01 ul{
float:right;
width:215px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockA01 ul li{
padding-left:100px;
text-align:right;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockA01 ul li strong{
font-size:120%;
_font-size:110%;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockA01 ul li span{
font-size:70%;
_font-size:60%;

}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon01{background:url(/image/ui2000/lineup_icon_001.gif) no-repeat 0 0.1em;}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon02{color:#ee0000;background:url(/image/ui2000/lineup_icon_002.gif) no-repeat 0 0.1em;}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon03{color:#ee0000;background:url(/image/ui2000/lineup_icon_003.gif) no-repeat 0 0.1em;}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon04{color:#ee0000;background:url(/image/ui2000/lineup_icon_004.gif) no-repeat 0 0.1em;}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon05{color:#ee0000;background:url(/image/ui2000/lineup_icon_005.gif) no-repeat 0 0.1em;}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon06{color:#ee0000;background:url(/image/ui2000/lineup_icon_006.gif) no-repeat 0 0.1em;}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon07{color:#ee0000;background:url(/image/ui2000/lineup_icon_007.gif) no-repeat 0 0.1em;}
#ui2000wi .itemBlockA01 .itemBlockinner ul li.icon08{color:#ee0000;background:url(/image/ui2000/lineup_icon_008.gif) no-repeat 0 0.1em;}

#ui2000wi .itemBlockA01 .itemBlockinner .specBlockB01{
border:1px solid #ccc;
margin:5px;
background-color:#FFF;
padding:1px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockB01 .specInner{
background-color:#f9f9f9;
padding:8px 5px 0 5px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockB01 p{
float:left;
width:140px;
margin-top:2px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockB01 ul{
float:right;
width:215px;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockB01 ul li{
padding-left:100px;
text-align:right;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockB01 ul li strong{
font-size:120%;
_font-size:110%;

}
#ui2000wi .itemBlockA01 .itemBlockinner .specBlockB01 ul li span{
font-size:70%;
_font-size:60%;

}
#ui2000wi .itemBlockB01{
width:390px;
float:left;

}
#ui2000wi .section#fullWidth .itemBlockB01{
width:790px;

}

#ui2000wi .itemBlockB01 p.more{
text-align:center;
margin-bottom:7px;

}

#ui2000wi .lineupAreaA01 .aceBlock .itemBlockinner div:first-child{
	background-color:#F2F2F2;
}


#ui2000wi .aceBlock .itemBlockA01 .itemBlockinner .aceTitle{
	float:left;
	font-size:100%;
	margin-top:5px;
	width:240px;
}
#ui2000wi .aceBlock .itemBlockA01 .itemBlockinner .aceTitle strong{
	display:block;
	margin-top:10px;
	font-size:120%;
}
#ui2000wi .aceBlock .aceText{
	margin-top:10px;
	font-size:90%;
}
#ui2000wi .aceBlock .itemBlockA01 .itemBlockinner .specBlockB01 .specInner{
	background-color:#fafac8;
}



/*[SUPPORT]
-----------------------------------------------------------------------------*/


#ui2000wi .supportBlockA01{
background-color:#f0f0f0;
border:1px solid #e0e0e0;
padding:8px 7px;
margin-bottom:15px;

}
#ui2000wi .supportBlockA01 .supportBlockInner{
background:url(/image/ui2000/support_bg_002.gif) repeat-y 0 0;

}
#ui2000wi .supportBlockA01 .supportBlockInner .column3Block{
background:url(/image/ui2000/support_bg_003.gif) no-repeat 0 100%;

}
#ui2000wi .supportBlockA01 .supportBlockInner .columnInner{
background:url(/image/ui2000/support_bg_001.gif) no-repeat 0 0;

}
#ui2000wi .supportBlockA01 .supportBlockInner dl{
width:254px;
margin-right:6px;
padding-bottom:10px;
float:left;
font-size:90%;
_font-size:88%;

}
#ui2000wi .supportBlockA01 .supportBlockInner .fLeft{
width:254px;
margin-right:6px;
float:left;

}
#ui2000wi .supportBlockA01 .supportBlockInner .fLeft dl{
margin-right:0;
padding-bottom:10px;
float:none;

}
#ui2000wi .supportBlockA01 .supportBlockInner .fLeft dl.bg{
background:url(/image/ui2000/support_bg_004.gif) no-repeat 0 100%;
padding-bottom:16px;

}
#ui2000wi .supportBlockA01 .supportBlockInner dt{
text-align:center;
margin-top:1px;

}
#ui2000wi .supportBlockA01 .supportBlockInner dd{
margin:10px;

}





/*----------------------------------------------------------------------------

[UI2002]

/*[MAIN VISUAL]
-----------------------------------------------------------------------------*/


#ui2002 .mainVisual{
width:790px;
margin-bottom:30px;

}
#ui2002 img{
vertical-align:top;

}
#ui2002 .mainVisual .inner{
background:url(/image/ui2002/mainVisual_bg.jpg) no-repeat left bottom #c2c2c2;

}
#ui2002 .mainVisual .mainVisualTxt{
background:url(/image/ui2002/mainVisual_bg02.gif) no-repeat left top;
border:solid 1px #cccccc;

}
#ui2002 .mainVisual .mainVisualTxt p{
text-align:center;
margin:8px 0;
font-size:90%;

}
/*#ui2002 .mainVisual .mainVisualTxt p a{
background: url(/image/common/menu_icon_001.gif) no-repeat scroll 0 0.47em;
padding-left: 10px;
	
}*/
#ui2002 .mainVisual .inner .mainLeft{
float:left;
/*width:390px;*/

}
#ui2002 .mainVisual .inner .mainLeft h2{
margin-top:40px;

}
#ui2002 .mainVisual .inner .mainLeft p{
width:380px;
margin:17px 0 16px 10px;
font-size:90%;

}
#ui2002 .mainVisual .inner .mainLeft .wrapper{
_width:380px;

}
#ui2002 .mainVisual .inner .mainLeft .valueBlock{
float:left;
/*width:378px;*/
_width:378px;
margin:17px 0 0 5px;
background:#000000;
border:solid 1px #5a5a5a;

}
#ui2002 .mainVisual .inner .mainLeft .valueBlock p{
width:102px;
float:left;
margin:10px 0 0 7px;

}
#ui2002 .mainVisual .inner .mainLeft .valueBlock .value{
float:left;
margin:5px 0 6px 50px;
_margin:5px 0 6px 10px;

}
#ui2002 .mainVisual .inner .mainLeft .valueBlock .value dl{
margin:5px 0 0 0;
padding:0;

}
#ui2002 .mainVisual .inner .mainLeft .valueBlock .value dl dt{
float:left;
margin:0 0 0 10px;
_margin:0;
padding:0;

}
#ui2002 .mainVisual .inner .mainLeft .valueBlock .value dl dd{
float:left;
color:#ffffff;
font-size:120%;
font-weight:bold;
margin:0 7px 0 10px;
_margin:0 0 0 10px;
padding:0 10px 0 0;

}
#ui2002 .mainVisual .inner .mainLeft .valueBlock .value dl dd span{
font-size:70%;

}
#ui2002 .mainVisual .inner .mainLeft .btnArea{
margin:2px 0 18px 0;
text-align:center;

}


/*[MONITOR]
-----------------------------------------------------------------------------*/


#ui2002 .mainBlock{
margin:0 0 37px 0;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
border-left:solid 1px #cccccc;

}
#ui2002 .monitorBlock p{
margin:0;
padding:20px 10px;

}
#ui2002 .monitorBlock ul{
margin:0 9px;
padding:0;

}
#ui2002 .monitorBlock ul li{
float:left;
list-style:none;

}


/*[DESCRIPTION]
-----------------------------------------------------------------------------*/


#ui2002 .descriptionBlock ul{
padding:10px 0 20px 30px;
font-size:90%;

}
#ui2002 .descriptionBlock .cuponArea{
width:768px;
border:solid 1px #d6cdb0;
margin:0 9px 10px;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner{
border:solid 1px #ffffff;
background:#fdfaf0;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special{
margin:0 0 0 12px;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special h4{
float:left;
margin:0;
padding:20px 0 13px;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special .specialInner{
float:left;
margin:20px 0 0 17px;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special .specialInner span.offValue{
font-size:200%;
color:#ee0000;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special table{
width:618px;
margin:12px 0 2px;
text-align:center;
border:solid 1px #cccccc;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special table th{
width:33%;
padding:15px 0;
border-right:solid 1px #cccccc;
background:#eeeeee;
font-weight:normal;
font-size:90%;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special table td{
padding:11px 0;
border-right:solid 1px #cccccc;
border-top:solid 1px #cccccc;
background:#ffffff;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special table .Nob{
border-right:none;

}
#ui2002 .descriptionBlock .cuponArea .cuponInner .special .emphasis{
margin:0;
color:#ee0000;
font-size:145%;
font-weight:bold;

}


/*[SUPPORT]
-----------------------------------------------------------------------------*/


#ui2002 .supportBlockA01{
background-color:#f0f0f0;
border:1px solid #e0e0e0;
padding:8px 7px;
margin-bottom:15px;

}
#ui2002 .supportBlockA01 .supportBlockInner{
background:url(/image/ui2000/support_bg_002.gif) repeat-y 0 0;

}
#ui2002 .supportBlockA01 .supportBlockInner .column3Block{
background:url(/image/ui2000/support_bg_003.gif) no-repeat 0 100%;

}
#ui2002 .supportBlockA01 .supportBlockInner .columnInner{
background:url(/image/ui2000/support_bg_001.gif) no-repeat 0 0;

}
#ui2002 .supportBlockA01 .supportBlockInner dl{
width:254px;
margin-right:6px;
padding-bottom:10px;
float:left;
font-size:90%;
_font-size:88%;

}
#ui2002 .supportBlockA01 .supportBlockInner .fLeft{
width:254px;
margin-right:6px;
float:left;

}
#ui2002 .supportBlockA01 .supportBlockInner .fLeft dl{
margin-right:0;
padding-bottom:10px;
float:none;

}
#ui2002 .supportBlockA01 .supportBlockInner .fLeft dl.bg{
background:url(/image/ui2000/support_bg_004.gif) no-repeat 0 100%;
padding-bottom:16px;

}
#ui2002 .supportBlockA01 .supportBlockInner dt{
text-align:center;
margin-top:1px;

}
#ui2002 .supportBlockA01 .supportBlockInner dd{
margin:10px;

}
#ui2002 .supportBlockA01 .supportBlockInner dd span{
color:#777777;

}
#ui2002 ul, #ui2002 dl, #ui2002 dt, #ui2002 dd {
margin:0;
padding:0;

}

/*----------------------------------------------------------------------------

[UI1307]

-----------------------------------------------------------------------------*/


/*[COMMON]
-----------------------------------------------------------------------------*/


#ui1307{
width:980px;
padding-bottom:17px;
background:url(/image/ui1307/bg_page.gif) repeat;
font-size:90%;

}
#ui1307 h1,#ui1307 h2,#ui1307 h3,#ui1307 h4,#ui1307 h5,#ui1307 h6,
#ui1307 div,#ui1307 p,
#ui1307 dl,#ui1307 dt,#ui1307 dd,
#ui1307 ul,#ui1307 ol,#ui1307 li,
#ui1307 th,#ui1307 td{
margin:0;
padding:0;

}
#ui1307 p{line-height:1.5;}
#ui1307 li{list-style:none;}
#ui1307 img{vertical-align:bottom;}
#ui1307 table{
border-collapse:collapse;
border-spacing:0;

}
#ui1307 h1{}
#ui1307 h2{padding:1px 3px 20px 3px;}
#ui1307 h3{padding:0 0 28px 22px;}
#ui1307 h4{padding:0 3px 20px 3px;}
#ui1307 h5{
background:url(/image/ui1307/bg_item.gif) no-repeat 0 0;
font-size:140%;
margin-bottom:15px;
padding:8px 0 8px 15px;
border-bottom:1px solid #cccccc;

}
#ui1307 h6{
width:864px;
margin:0 0 24px 20px;
padding:26px 0 8px 0;
background:url(/image/ui1307/bg_dotted.gif) repeat-x 0 100%;

}
#ui1307 .emphasis{
color:#ee0000;
font-size:200%;
font-weight:bold;

}
#ui1307 .delimitation{
width:908px;
height:40px;
background:url(/image/ui1307/bg_delimitation.gif) no-repeat 0 0;
margin:0 18px 30px 18px;

}


/*[MAIN VISUAL]
-----------------------------------------------------------------------------*/


#ui1307 .mainVisual{
width:1011px;
_width:980px;
height:348px;
min-height:348px;
background:url(/image/ui1307/bg_main_v.jpg) no-repeat 0 0;

}


/*[DIVISION]
-----------------------------------------------------------------------------*/


#ui1307 .box{
width:908px;
background:url(/image/ui1307/bg_box.gif) no-repeat 0 0;
margin:0 36px 30px 36px;
padding-top: 1px;

}
#ui1307 .box .inner{
width:908px;
background:url(/image/ui1307/bg_box_inner.gif) no-repeat 0 100%;
padding-bottom:25px;

}
#ui1307 .contents{
width:948px;
background:url(/image/ui1307/bg_contents.gif) no-repeat 0 0;
margin:0 16px;
padding-top:31px;

}
#ui1307 .contents .inner{
width:948px;
background:url(/image/ui1307/bg_contents_inner.gif) no-repeat 0 100%;
padding-bottom:60px;

}
#ui1307 .contBlock{
width:874px;
background:url(/image/ui1307/bg_sec_arrow.gif) no-repeat 50% 100%;
margin:0 37px;
padding-bottom:90px;

}
#ui1307 .contBlockL{
width:417px;
float:left;

}
#ui1307 .contBlockR{
width:432px;
float:right;
margin-top:15px;

}
#ui1307 .section{
width:908px;
background:url(/image/ui1307/bg_section.gif) no-repeat 0 0;
margin:0 20px 30px 20px;
padding-top: 2px;

}
#ui1307 .section .inner{
width:908px;
background:url(/image/ui1307/bg_section_inner.gif) no-repeat 0 100%;
padding-bottom:15px;

}


/*[BOX]
-----------------------------------------------------------------------------*/


#ui1307 .boxBlock{
width:874px;
margin:0 17px;

}
#ui1307 .boxBlockL,
#ui1307 .boxBlockR{
width:432px;
padding-bottom:25px;
background:url(/image/ui1307/bg_base.gif) repeat 0 0;

}
#ui1307 .boxBlockL{float:left;}
#ui1307 .boxBlockR{float:right;}

#ui1307 .boxBlockL dl,
#ui1307 .boxBlockL dt,
#ui1307 .boxBlockL dd{
width:265px;
float:left;

}
#ui1307 .boxBlockR dl,
#ui1307 .boxBlockR dt,
#ui1307 .boxBlockR dd{
width:265px;
float:left;

}
#ui1307 .boxBlockL dl,
#ui1307 .boxBlockR dl{
padding:20px 10px 0 15px;

}
#ui1307 .boxBlockL dt,
#ui1307 .boxBlockR dt{
margin-bottom:12px;
padding-bottom:8px;
background:url(/image/ui1307/bg_dotted.gif) repeat-x 0 100%;

}
#ui1307 .boxBlockL p.fl,
#ui1307 .boxBlockR p.fl{
width:130px;
margin:25px 0 0 0;

}


/*[CONTENTS]
-----------------------------------------------------------------------------*/


#ui1307 .contBlockR table.specTable{
width:432px;
margin-bottom:8px;
border:1px solid #cccccc;

}
#ui1307 .contBlockR table.specTable th{
width:23%;
background:url(/image/ui1307/bg_th.gif) no-repeat 0 0;
padding:5px 0 9px 0;
border:1px solid #cccccc;
text-align:center;

}
#ui1307 .contBlockR table.specTable th#ttlSpec{background:url(/image/ui1307/bg_spec.gif) no-repeat 0 0;}
#ui1307 .contBlockR table.specTable th#ttlGuarantee{background:#fff4c7;}

#ui1307 .contBlockR table.specTable td{
padding-left:12px;
border:1px solid #cccccc;

}
#ui1307 .priceBlock{
width:432px;
margin-bottom:15px;

}
#ui1307 .priceBlockL{
width:210px;
float:left;
margin-bottom:15px;

}
#ui1307 .priceBlockL table th{
width:85px;
_width:90px;
padding-bottom:3px;
font-weight:normal;
text-align:left;

}
#ui1307 .priceBlockL table td{padding-bottom:3px;}
#ui1307 .priceBlockR{float:right;}

#ui1307 .spot{
background:url(/image/ui1307/bg_spot.gif) no-repeat 0 0;
padding-top:3px;

}
#ui1307 .spot .inner{
width:432px;
background:url(/image/ui1307/bg_spot_inner.gif) no-repeat 0 100%;
padding-bottom:8px;

}


/*[PHOTO]
-----------------------------------------------------------------------------*/


#ui1307 #wrap{
width:417px;
margin-bottom:10px;

}
#ui1307 #main{
width:417px;
height:200px;
margin-bottom: 25px;

}
#ui1307 #main img{
position:absolute;

}
#ui1307 #thumb ul{
width:417px;
height:32px;

}
#ui1307 #thumb ul li{
float:left;
margin-right:15px;

}


/*[SECTION]
-----------------------------------------------------------------------------*/


#ui1307 .itemList{
width:874px;
background:url(/image/ui1307/bg_item_inner.gif) no-repeat 0 100%;
margin:0 17px 15px 17px;
padding-bottom:20px;

}
#ui1307 .itemList li{
float:left;
width:432px;
margin-right:10px;

}
#ui1307 .section dl{
width:402px;
margin:0 15px;

}
#ui1307 .section dl dt{
float:right;
width:120px;

}
#ui1307 .section dl dd{
width:270px;

}


/*[ITEM]
-----------------------------------------------------------------------------*/


#ui1307 .item{
width:904px;
background:url(/image/ui1307/bg_base.gif) repeat 0 0;
margin:0 22px 30px 22px;

}
#ui1307 .item ul{
width:864px;
margin:0 20px;
padding-bottom:30px;

}
#ui1307 .item ul li{
width:422px;
float:left;
margin:0 20px 25px 0;

}
#ui1307 .item dl dt{
width:422px;
margin-bottom:12px;
padding-bottom:8px;
background:url(/image/ui1307/bg_dotted.gif) repeat-x 0 100%;

}


/*----------------------------------------------------------------------------

[BUSINESS]

-----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------

[CLIENT SERVER - COMMON UI6000,UI6001]

-----------------------------------------------------------------------------*/


#clientS{font-size:90%;}

#clientS p,#clientS h3,#clientS dl,#clientS dt,#clientS dd,#clientS ul,#clientS h2{
margin:0;
padding:0;

}
#clientS img{vertical-align:top;}
#clientS .fLerge01{font-size:120%}

#clientS .lineBg01{
padding-bottom:4px !important;
background:url(/image/ui6000/line_bg_001.gif) repeat-x 0 100%;

}
#clientS .txtLink01{
background:url(/image/ui6000/icon_arrow_001.gif) no-repeat 0 0.4em;
padding-left:10px;

}
#clientS .txtLink02{
background:url(/image/ui6000/icon_arrow_001.gif) no-repeat 0 0.4em;
padding-left:10px;
margin-right:15px;

}
#clientS .txtLink03{
background:url(/image/ui6000/icon_arrow_002.gif) no-repeat 0 0.4em;
background:url(/image/ui6000/icon_arrow_002.gif) no-repeat 0 0\9;
_background:url(/image/ui6000/icon_arrow_002.gif) no-repeat 0 0.4em;
padding-left:10px;

}
#clientS .ttlAreaA01{margin-bottom:15px;}
#clientS div.naviscrolltop{margin-bottom:35px;}

#clientS div.naviscrolltop p{
background:url(/image/ui6000/arrow-topofpage.gif) no-repeat 100% 0.3em;
font-size:100%;

}
#clientS div.naviscrolltop p a{padding-right:15px;}

#clientS .cautionBlockA01{
text-align:center;
border:1px solid #CCC;
margin-bottom:5px;
background-color:#EEEEEF;
font-size:110%;

}
#clientS .cautionBlockA01 p{
border:1px solid #FFF;
padding:3px;
font-size:110%;
color:#ee0000;

}


/*[ITME]
-----------------------------------------------------------------------------*/


#clientS .itemAreaA01{}
#clientS .itemBlockA01{margin-bottom:35px;}
#clientS .itemAreaA01 h2{margin-bottom:20px;}
#clientS .itemAreaA01.itemBlockA01 h2{margin-bottom:17px;}
#clientS .itemAreaA01 .infoBlockA01{float:right;}

#clientS .itemAreaA01 .infoBlockA01 .itemImage{
float:left;
width:190px;
position:relative;

}
#clientS .itemAreaA01 .infoBlockA01 .itemImage .icon{position:absolute}

#clientS .itemAreaA01 .infoBlockA01 .infoBlockInner{
float:left;
width:600px;

}
#clientS .itemAreaA01 .infoBlockA01 .txt{
padding-bottom:10px;
margin-bottom:2px;

}
#clientS .itemAreaA01 .infoBlockA01 .txt .moreInfo{
display:block;
margin-top:4px;
margin-bottom:7px;
margin-left:-7px;

}
#clientS .itemAreaA01 .infoBlockA01 .txt .moreInfo img{
padding-top:2px;
margin:0 5px 0 7px;

}
#clientS .itemAreaA01 .infoBlockA01 .csTxt{
background:url(/image/ui6000/line_bg_001.gif) repeat-x 0 100%;
padding-bottom:12px;
margin-bottom:8px;

}
#clientS .itemAreaA01 .infoBlockA01 .csTxt img{
vertical-align:top;
margin-right:10px;

}


/*[BUY]
-----------------------------------------------------------------------------*/


#clientS .itemAreaA01 .buyAreaA01{
margin:0px 10px 4px 0;
padding-bottom:10px;
padding-top:4px;
background:url(/image/ui6000/line_bg_001.gif) repeat-x 0 0;

}
#clientS .itemAreaA01 .buyBlockA01,.itemAreaA01 .buyBlockB01{
width:286px;
float:left;
padding-top:10px;

}
#clientS .itemAreaA01 .buyBlockB01{
float:right;
background:url(/image/ui6000/line_bg_001.gif) repeat-y 0 0;

}
#clientS .itemAreaA01 .buyBlockInner{margin:0 0 0 10px;}

#clientS .itemAreaA01 .buyAreaA01 .info{
float:left;
width:125px;

}
#clientS .itemAreaA01 .buyAreaA01 .info span{
font-size:150%;
color:#ee0000;
font-weight:bold;

}
#clientS .itemAreaA01 .buyAreaA01 .info span span{
font-size:50%;
font-weight:normal;

}
#clientS .itemAreaA01 .buyAreaA01 .btn{
float:right;
width:151px;

}


/*[OUTLET]
-----------------------------------------------------------------------------*/


#clientS .itemAreaA01 .outletBlockA01{
width:600px;
background:url(/image/ui6000/outlet_bg_001.gif) left top no-repeat;
padding:10px 0 0 0;

}
#clientS .itemAreaA01 .outletBlockA01, x:-moz-broken{
margin: 0 0 25px 0;

}
#clientS .itemAreaA01 .outletBlockA01 .outletBlockInner{
width:600px;
background:url(/image/ui6000/outlet_bg_002.gif) left bottom no-repeat;
padding:0 0 10px 0;

}
#clientS .itemAreaA01 .outletBlockA01 dl dt{
float:left;
padding:0 10px;

}
#clientS .itemAreaA01 .outletBlockA01 dl dd{
float:left;

}
#clientS .itemAreaA01 .outletBlockA01 dl dd img{
margin-right:10px;

}
#clientS .itemAreaA01 .outletBlockA01 dl dd.txtLink{
margin-top:6px;

}
#clientS .itemAreaA01 .outletBlockA01 dl dd.txtLink a{
background:url(/image/ui6000/icon_arrow_001.gif) left center no-repeat;
padding-left:10px;

}
#clientS .itemAreaA01 .outletBlockA01 dl dd.txtLink span{
color:#ee0000;
font-weight:bold;

}


/*[SPEC]
-----------------------------------------------------------------------------*/


#clientS .itemAreaA01 .specBlockA01,.ui6000 .itemAreaA01 .specBlockB01,.ui6001 .itemAreaA01 .specBlockB01{
border:1px solid #e0e0e0;
background-color:#f0f0f0;
padding:8px 7px;
clear:both;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner{background:url(/image/ui6000/spec_bg_002.gif) repeat-y 0 0;}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .section{background:url(/image/ui6000/spec_bg_001.gif) no-repeat 0 0;}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner{background:url(/image/ui6000/spec_bg_003.gif) no-repeat 0 100%;}

#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock{
float:left;
width:384px;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock{
float:right;
width:384px;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock ul,
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock ul{
margin:10px 12px 30px 12px;
padding:0;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner li,
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner li{
margin-left:1.6em;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner ul .ttl,
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner ul .ttl{
list-style:none;
padding:3px;
text-align:center;
font-weight:bold;
background-color:#EEE;
margin:0 0 7px 0;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner ul .sttl,
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner ul .sttl{
list-style:none;
font-weight:bold;
margin:0 0 7px 0;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock ul li img,
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock ul li img{
margin-left:5px;

}
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock ul li.caution01,
#clientS .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock ul li.caution01{
list-style:none;
margin-top:20px;
margin-left:5px;

}
#clientS .itemAreaA01 .specBlockB01 .specBlockInner{background:url(/image/ui6000/spec_bg_005.gif) repeat-y 0 0;}
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .section{background:url(/image/ui6000/spec_bg_004.gif) no-repeat 0 0;}
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner{background:url(/image/ui6000/spec_bg_006.gif) no-repeat 0 100%;}

#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .osConBlock{
float:left;
width:254px;
margin-right:6px;

}
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .cpuConBlock{
float:left;
width:254px;
margin-right:6px;

}
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .graphicsConBlock{
float:left;
width:254px;

}
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .osConBlock ul,
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .cpuConBlock ul,
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .graphicsConBlock ul{
margin:10px 10px 30px 10px;
padding:0;

}
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .osConBlock ul li img,
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .cpuConBlock ul li img,
#clientS .itemAreaA01 .specBlockB01 .specBlockInner .sectionInner .graphicsConBlock ul li img{
margin-left:5px;

}
#clientS .itemAreaA01 .specBlockC01{
clear:both;

}
#clientS .itemAreaA01 .specBlockC01 table{
background-color:#CCC;
width:100%;

}
#clientS .itemAreaA01 .specBlockC01 table th{
padding:4px;
background:url(/image/ui6001/cell_bg_002.gif) 0 0 repeat;
text-align:center;
white-space:nowrap;

}
#clientS .itemAreaA01 .specBlockC01 table td{
background-color:#FFF;
padding:4px;

}
#clientS .price01{
color:#ee0000;
font-size:140%;
text-align:center;
margin:0;
font-weight:bold;

}
#clientS .price01 span{
color:#ee0000;
font-size:60%;
font-weight:normal;

}


/*----------------------------------------------------------------------------

[UI6000]

-----------------------------------------------------------------------------*/


/*[MAIN]
-----------------------------------------------------------------------------*/


.ui6000 .mainAreaA01{
background:url(/image/ui6000/main02_bg_002.gif) no-repeat 0 100%;
margin-bottom:25px;

}
.ui6000 .mainBlockA01{
width:790px;

}
.ui6000 .mainBlockA01 .conBlockA01{
width:264px;
float:left

}
.ui6000 .mainBlockA01 .conBlockB01{
width:263px;
float:left

}
.ui6000 .mainAreaA01 .itemList{padding:0 7px;}

.ui6000 .mainAreaA01 .itemList .itemListInner{
border:1px solid #CCC;
background-color:#FFF;
margin-bottom:5px;
text-align:center;
padding:1px;
position:relative;
overflow:hidden;
_width:245px;

}
.ui6000 .mainAreaA01 .itemList .effect6000 .motion01{
background-color:#FFFFFF;
position:absolute;
width:100%;
height:100%;
_height:1000px;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
top:0px;
display:block;

}
.ui6000 .mainAreaA01 .itemList a{
background-color:#f9f9f9;
padding:9px 0 3px 0;
margin:0;
display:block;
color:#ee0000;
font-size:140%;
text-decoration:none;
cursor:pointer;

}
.ui6000 .mainAreaA01 .itemList a img{margin-bottom:5px;}
.ui6000 .mainAreaA01 .itemList a .small{font-size:60%;}

.ui6000 .mainAreaA01 .itemListBlockB01 .itemListInner{
border:1px solid #ffcc33;
background-color:#FFF;

}
.ui6000 .mainAreaA01 .itemListBlockB01 a{
background-color:#FFF;
padding:0 0 3px 0;

}
.ui6000 .pt03{padding-top:3px !important;}

/*----------------------------------------------------------------------------

[UI6001]

-----------------------------------------------------------------------------*/


/*[MAIN]
-----------------------------------------------------------------------------*/
.ui6001 .mainAreaA01{
background:url(/image/ui6000/main02_bg_002.gif) no-repeat 0 100%;
margin-bottom:25px;

}
.ui6001 .mainBlockA01{
width:790px;

}
.ui6001 .mainBlockA01 .conBlockA01{
position:relative;
width:264px;
float:left;

}
.ui6001 .mainBlockA01 .conBlockB01{
position:relative;
width:263px;
float:left;

}
.ui6001 .mainBlockA01 .conBlockB01 span.new{
position:absolute;
top:15px;
left:142px;

}
.ui6001 .mainBlockA01 .conBlockA01 span.new{
position:absolute;
top:15px;
left:143px;

}
.ui6001 .mainAreaA01 .itemList{padding:0 7px;}

.ui6001 .mainAreaA01 .itemList .itemListInner{
border:1px solid #CCC;
background-color:#FFF;
margin-bottom:5px;
text-align:center;
padding:1px;
position:relative;
overflow:hidden;
_width:245px;

}
.ui6001 .mainAreaA01 .itemList .effect6000 .motion01{
background-color:#FFFFFF;
position:absolute;
width:100%;
height:100%;
_height:1000px;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
top:0px;
display:block;

}
.ui6001 .mainAreaA01 .itemList a{
background-color:#f9f9f9;
padding:9px 0 3px 0;
margin:0;
display:block;
color:#ee0000;
font-size:140%;
text-decoration:none;
cursor:pointer;

}
.ui6001 .mainAreaA01 .itemList a img{margin-bottom:5px;}
.ui6001 .mainAreaA01 .itemList a .small{font-size:60%;}

.ui6001 .mainAreaA01 .itemListBlockB01 .itemListInner{
border:1px solid #ffcc33;
background-color:#FFF;

}
.ui6001 .mainAreaA01 .itemListBlockB01 a{
background-color:#FFF;
padding:0 0 3px 0;

}
.ui6001 .pt03{padding-top:3px !important;}

/*[CLEARSURE]
-----------------------------------------------------------------------------*/


.ui6001 .csBlockA01{margin-bottom:35px;}

#clientS .csBlockA01 h2{margin-bottom:0;}
#clientS .csBlockA01 h3{margin-bottom:5px;}
#clientS .csBlockA01 p{
margin-bottom:5px;

}
.ui6001 .csBlockA01 .csInner{
background:url(/image/ui6001/clearsure_bg_001.gif) no-repeat 0 100%;
padding:10px 20px;

}
.ui6001 .csBlockA01 .csInner .ttl{
display:block;
margin-bottom:5px;

}
.ui6001 .csBlockA01 .csInner .fRight{
float:right;
margin-left:20px;

}
.ui6001 .csBlockA01 .csInner .txtLink01{
display:block;
margin-top:8px;

}


/*----------------------------------------------------------------------------

[UI6004]

-----------------------------------------------------------------------------*/


/*[COMMON]
-----------------------------------------------------------------------------*/


#ui6004{font-size:90%;}
#ui6004 p,#ui6004 h3,#ui6004 dl,#ui6004 dt,#ui6004 dd,#ui6004 ul,#ui6004 h2{
margin:0;
padding:0;

}
#ui6004 h2,#ui6004 h3{margin-bottom:10px;}
#ui6004 img{vertical-align:top;}

#ui6004 li{
margin:0;
padding:0;
list-style:none;

}
#ui6004 .fLerge01{font-size:120%}

#ui6004 .txtLink01{
background:url(/image/ui6004/icon_arrow_001.gif) no-repeat 0 0.4em;
padding-left:10px;

}
#ui6004 .ttlAreaA01{margin-bottom:20px;}
#ui6004 div.naviscrolltop{margin-bottom:35px;}

#ui6004 div.naviscrolltop p{
background:url(/image/ui6004/arrow-topofpage.gif) no-repeat 100% 0.3em;
font-size:100%;

}
#ui6004 div.naviscrolltop p a{padding-right:15px;}
#ui6004 .mr06{margin-right:6px;}


/*[MAIN]
-----------------------------------------------------------------------------*/


#ui6004 .mainAreaA01{margin-bottom:20px;}


/*[CAMPAIGN]
-----------------------------------------------------------------------------*/


#ui6004 .campaignAreaA01 .newLineUp{
width:790px;
margin:0 0 20px;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection{
float:left;
width:395px;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection .sectionImg{
float:left;
width:176px;
margin:20px 0 0 10px;
_margin:20px 0 0 5px;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection .sectionTxt{
float:left;
width:188px;
margin:10px 0 0 12px;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection .sectionTxt dl{
margin-bottom:15px;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection .sectionTxt dl dt{
font-size:120%;
font-weight:bold;
color:#ee0000;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection .sectionTxt dl dd{
font-size:250%;
font-weight:bold;
color:#ee0000;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection h3{
margin-bottom:0;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection h4{
font-size:130%;
margin-bottom:15px;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection .newSectionInner01{
width:395px;
background:url(/image/ui6004/dottedBg01.gif) no-repeat top left;
padding-bottom:15px;

}
#ui6004 .campaignAreaA01 .newLineUp .newSection .newSectionInner02{
width:395px;
background:url(/image/ui6004/dottedBg02.gif) no-repeat top left;
padding-bottom:15px;

}
#ui6004 .campaignAreaA01{margin-bottom:10px;}

#ui6004 .campaignAreaA01 .lineUp{
width:790px;
background:url(/image/ui6004/dotted_bg_02.gif) no-repeat bottom left;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01{
background:url(/image/ui6004/dotted_bg_01.gif) no-repeat top left;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerLeft{
width:375px;
float:left;
margin-top:10px;
margin-left:20px;
_margin-left:13px;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerLeft .lineUpInnerTextBox{
width:184px;
float:left;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerLeft .lineUpInnerItemBox{
width:176px;
float:left;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerBlock{
width:358px;
margin-bottom:20px;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerSpec{
width:358px;
background:url(/image/ui6004/lineUpSpecModel_bg_02.gif) no-repeat bottom left;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerSpecBox{
width:358px;
background:url(/image/ui6004/lineUpSpecModel_bg_01.gif) no-repeat top left;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerSpecBox p{
padding-top:15px;
padding-bottom:10px;
padding-left:5px;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerSpecBox p.adjust03{
padding:0 0 10px 10px;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerSpecBox ul{
width:358px;
margin-left:25px;
_margin-left:13px;
padding-bottom:10px;

}
#ui6004 .campaignAreaA01 .lineUp .lineUpInner01 .lineUpInnerSpecBox ul li{
float:left;
width:90px;
margin-left:13px;

}
#ui6004 .campaignAreaA01 .campaignSpanA01{
margin-bottom:10px;
text-align:right;

}
#ui6004 .campaignAreaA01 .campaignSpanA01 img{
vertical-align:bottom;
margin-top:2px;
margin-right:10px;

}
#ui6004 .campaignAreaA01 .campaignSpanA01 strong{
font-size:120%;

}
#ui6004 .campaignAreaA01 .campaignPriceA01{
margin-bottom:30px;

}
#ui6004 .campaignAreaA01 .campaignPriceA01 li{
display:inline;
width:258px;
margin-right:8px;

}
#ui6004 .campaignAreaA01 .campaignPriceA01 li p{
margin-top:10px;
padding-bottom:6px;

}
#ui6004 .campaignAreaA01 .campaignPriceA01 li .campaignPriceInner{
background:url(/image/ui6004/campaignPriceA01_li_bg.gif) no-repeat bottom right;

}
#ui6004 .campaignAreaA01 .campaignPriceA01 li .campaignPriceInner strong{
margin-right:25px;
margin-left:12px;
padding-bottom:12px;

}
#ui6004 .campaignAreaA01 .deskBlockA01,#ui6004 .campaignAreaA01 .noteBlockA01{
margin-bottom:15px;

}
#ui6004 .campaignAreaA01 .deskBlockA01 h3,#ui6004 .campaignAreaA01 .noteBlockA01 h3
,#ui6004 .campaignAreaA01 .campaignPriceA01 h3{
padding-left:8px;
margin-bottom:15px;

}
#ui6004 .campaignAreaA01 .deskBlockA01 table,#ui6004 .campaignAreaA01 .noteBlockA01 table{
width:790px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;

}
#ui6004 .campaignAreaA01 .deskBlockA01 table th,#ui6004 .campaignAreaA01 .noteBlockA01 table th{
width:480px;
text-align:left;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
padding-top:11px;
padding-bottom:10px;
background:url(/image/ui6004/table_th_bg.gif) no-repeat top left;

}
#ui6004 .campaignAreaA01 .deskBlockA01 table th.lastChild,#ui6004 .campaignAreaA01 .noteBlockA01 table th.lastChild{
border-top:1px solid #CCC;
border-right:none;

}
#ui6004 .campaignAreaA01 .deskBlockA01 table td,#ui6004 .campaignAreaA01 .noteBlockA01 table td{
text-align:right;
border-top:1px solid #CCC;

}
#ui6004 .campaignAreaA01 .deskBlockA01 table td .couponPrice,#ui6004 .campaignAreaA01 .noteBlockA01 table td .couponPrice{
margin-right:11px;

}
#ui6004 .campaignAreaA01 .deskBlockA01 table td img,#ui6004 .campaignAreaA01 .noteBlockA01 table td img{
margin:7px 7px;

}
#ui6004 .campaignAreaA01 .deskBlockA01 table th img,#ui6004 .campaignAreaA01 .noteBlockA01 table th img{
margin-right:9px;
margin-left:9px;

}
#ui6004 .campaignAreaA01 .priceList{
width:238px;
background:url(/image/ui6004/line_bg_001.gif) repeat-x 0 100%;
margin:10px 10px 6px 10px;
padding-bottom:10px;
text-align:center;

}
#ui6004 .couponWrapper{
width:693px;
margin:0 auto 20px;
_margin-left:50px;
background:url(/image/ui6004/coupon_bg_bottom.gif) no-repeat bottom left;

}
#ui6004 .couponWrapper h3{
padding:15px 0 22px;
text-align:center;
background:url(/image/ui6004/coupon_bg_top.gif) no-repeat top left;

}
#ui6004 .couponWrapper h3.couponCam{
padding:15px 0 22px;
text-align:center;
background:url(/image/ui6004/coupon_bg_top_02.gif) no-repeat top left;

}
#ui6004 .couponWrapper table.couponNumber{
width:520px;
margin:0 auto 10px;
_margin:0 0 10px 120px;
font-weight:bold;

}
#ui6004 .couponWrapper table{
width:693px;
padding-bottom:10px;

}
#ui6004 .couponWrapper table th{
padding-left:10px;
font-weight:normal;
font-size:120%;
text-align:left;

}
#ui6004 .couponWrapper table td{
font-size:120%;
text-align:right;

}
#ui6004 .couponWrapper table td img{
margin:8px;

}
#ui6004 .couponWrapper .caution{
margin:0 10px;
padding-bottom:10px;
font-size:90%;

}
#ui6004 .itemBlockA01 .priceList{margin-bottom:6px;}


/*[ITME]
-----------------------------------------------------------------------------*/


#ui6004 .itemAreaA01{}
#ui6004 .itemBlockA01{margin-bottom:30px;}
#ui6004 .itemBlockA01 h3{margin-bottom:10px;}


#ui6004 .itemAreaA01 .infoBlockA01{
margin-bottom:20px;

}
#ui6004 .itemAreaA01 .infoBlockA01 .itemImage{
width:190px;
position:relative;

}
#ui6004 .itemAreaA01 .infoBlockA01 .lowEnergy{
width:172px;
background:#eeeeee;
padding-top:8px;
padding-bottom:8px;
margin-top:10px;
margin-right:18px;
_margin-right:9px;
text-align:center;

}
#ui6004 .itemAreaA01 .infoBlockA01 .lowEnergy a{
background:url(/image/ui6004/arrow_004.gif) left 0.4em no-repeat;
padding-left:10px;

}
#ui6004 .itemAreaA01 .infoBlockA01 .itemImage .icon{position:absolute}


#ui6004 .itemAreaA01 .infoBlockA01 .infoBlockInner{
float:left;
width:600px;

}
#ui6004 .itemAreaA01 .infoBlockA01 .infoBlockInner .section{
background:url(/image/ui6004/line_bg_001.gif) repeat-x 0 100%;
padding-bottom:8px;
margin-bottom:10px;

}
#ui6004 .itemAreaA01 .infoBlockA01 .infoBlockInner .profit{
border:solid 1px #fcb5b5;

}
#ui6004 .itemAreaA01 .infoBlockA01 .infoBlockInner .profit p{
padding:10px;
font-weight:bold;
border:solid 1px #ffffff;
background:#fff7f7;
text-align:center;

}


/*[LINK]
-----------------------------------------------------------------------------*/


#ui6004 .itemAreaA01 .linkBlockA01{
background:url(/image/ui6004/line_bg_001.gif) repeat-x 0 100%;
padding-bottom:10px;
margin-bottom:12px;

}
#ui6004 .itemAreaA01 .linkBlockA01 ul{
float:right;
margin-top:15px;

}
#ui6004 .itemAreaA01 .linkBlockA01 li{
float:left;
margin-right:10px;

}
#ui6004 .itemAreaA01 .infoBlockInner h4{
border-bottom:solid 1px #383838;
padding-bottom:8px;

}
#ui6004 .itemAreaA01 .infoBlockInner li a{
background:url(/image/ui6000/icon_arrow_001.gif) left center no-repeat;
padding-left:10px;

}

/*[TXT]
-----------------------------------------------------------------------------*/


#ui6004 .itemAreaA01 .txtBlockA01{
width:268px;
float:left;

}
#ui6004 .itemAreaA01 .txtBlockA01 p{
line-height:1.5;

}
#ui6004 .en{
font-size:70%;

}
#ui6004 .price01{
color:#ee0000;
font-size:160%;
text-align:center;
margin:0 0 0 6px;
font-weight:bold;

}
#ui6004 .price01 span{
font-size:60%;
font-weight:normal;

}


/*[BUY]
-----------------------------------------------------------------------------*/


#ui6004 .itemAreaA01 .buyBlockA01{
width:332px;
float:right;

}
#ui6004 .itemAreaA01 .buyBlockA01 a{
margin-right:10px;

}


/*[OUTLET]
-----------------------------------------------------------------------------*/


#ui6004 .itemAreaA01 .outletBlockA01{
width:600px;
background:url(/image/ui6004/outlet_bg_001.gif) left top no-repeat;
padding:10px 0 0 0;

}
#ui6004 .itemAreaA01 .outletBlockA01 .outletBlockInner{
width:600px;
background:url(/image/ui6004/outlet_bg_002.gif) left bottom no-repeat;
padding:0 0 10px 0;

}
#ui6004 .itemAreaA01 .outletBlockA01 dl dt{
float:left;
padding:0 10px;

}
#ui6004 .itemAreaA01 .outletBlockA01 dl dd{
float:left;

}
#ui6004 .itemAreaA01 .outletBlockA01 dl dd img{
margin-right:10px;

}
#ui6004 .itemAreaA01 .outletBlockA01 dl dd.txtLink{
margin-top:6px;

}
#ui6004 .itemAreaA01 .outletBlockA01 dl dd.txtLink a{
background:url(/image/ui6000/icon_arrow_001.gif) left center no-repeat;
padding-left:10px;

}
#ui6004 .itemAreaA01 .outletBlockA01 dl dd.txtLink span{
color:#ee0000;
font-weight:bold;

}


/*[SPEC]
-----------------------------------------------------------------------------*/


#ui6004 .itemAreaA01 .specBlockA01{
border:1px solid #e0e0e0;
background-color:#f0f0f0;
padding:8px 7px;
clear:both;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner{background:url(/image/ui6004/spec_bg_002.gif) repeat-y 0 0;}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .section{background:url(/image/ui6004/spec_bg_001.gif) no-repeat 0 0;}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner{background:url(/image/ui6004/spec_bg_003.gif) no-repeat 0 100%;}

#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock{
float:left;
width:384px;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock{
float:right;
width:384px;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock ul,
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock ul{
margin:10px 12px 30px 12px;
padding:0;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner li{
margin-left:1.6em;
list-style:disc;
margin-bottom:5px;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner ul .ttl{
list-style:none;
padding:3px;
text-align:center;
font-weight:bold;
background-color:#EEE;
margin:0 0 7px 0;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner ul .sttl{
list-style:none;
font-weight:bold;
margin:0 0 7px 0;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock ul li img,
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock ul li img{
margin-left:5px;

}
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .osConBlock ul li.caution01,
#ui6004 .itemAreaA01 .specBlockA01 .specBlockInner .sectionInner .cpuConBlock ul li.caution01{
list-style:none;
margin-top:20px;
margin-left:5px;

}


/*[ECO]
-----------------------------------------------------------------------------*/


#ui6004 .ecoAreaA01 p.ecoinfo{
border:#999 solid 1px;
text-align:center;
padding:18px 0;
margin-bottom:20px;
font-weight:bold;

}
#ui6004 .ecoAreaA01 .ecoBg{
background:url(/image/ui6004/eco_bg_top.gif) no-repeat left top #eeeeee;
font-weight:bold;
margin-bottom:20px;

}
#ui6004 .ecoAreaA01 .ecoBg h3{
background:url(/image/ui6004/eco_bg_bottom.gif) no-repeat left bottom;
padding:9px 0 9px 10px;

}
#ui6004 .ecoAreaA01 .ecoBlockInnerL{
float:left;
width:382px;

}
#ui6004 .ecoAreaA01 .ecoBlockInnerR{
float:right;
width:382px;

}
#ui6004 .ecoAreaA01 h4{
border-left:#007eb5 solid 5px; 
padding-left:10px;
margin-top:0;
margin-bottom:15px;

}
#ui6004 .ecoAreaA01 ul{
margin-bottom:15px;
margin-left:1px;

}
#ui6004 .ecoAreaA01 ul li{
list-style:inside;

}
#ui6004 .ecoAreaA01 ol{
width:490px;
padding:0;
_padding-left:10px;
margin-top:2px;
_margin-top:5px;
padding-left:5px;


}
#ui6004 .ecoAreaA01 ol li{
list-style:decimal;
margin-left:20px;

}
#ui6004 .ecoAreaA01 h5{
background:url(/image/ui6004/line_bg_001.gif) repeat-x 0 100%;
padding-bottom:10px;
margin-top:0;
margin-bottom:12px;

}
#ui6004 .ecoAreaA01 h5 span{
background:url(/image/ui6004/eco_h5_icon.gif) left center no-repeat;
padding-left:15px;
font-size:110%;

}
#ui6004 .ecoAreaA01 p.ecoDownload{
background:#f0f0f0;
text-align:center;
padding-top:18px;
padding-bottom:18px;
margin-bottom:13px;

}
#ui6004 .ecoAreaA01 .ecoSleep{
float:left;
width:550px;

}


/*[INFOMATION]
-----------------------------------------------------------------------------*/


#ui6004 .infoAreaA01{
background-color:#f0f0f0;
text-align:center;
padding:15px 0;
margin-bottom:10px;

}
#ui6004 .infoAreaA01 p{
width:600px;
margin:0 auto;
text-align:left;

}
#ui6004 .infoAreaA01 p span{
color:#ee0000;

}


/*[INTEL]
-----------------------------------------------------------------------------*/


#ui6004 .intelAreaA01{
font-size:100%;
color:#666;
border:solid 1px #cccccc;

}
#ui6004 .intelImg{
float:left;
width:242px;

}
#ui6004 .intelArea{
float:left;
width:540px;

}


/*[COUPON]
-----------------------------------------------------------------------------*/


#ui6004 .couponBlockA01,
#ui6004 .couponBlockB01{
width:750px;
margin:0 20px 35px 20px;
padding-top:22px;

}
#ui6004 .couponBlockA01{background:url(/image/ui6004/couponA_bg_001.gif) no-repeat 0 0;}
#ui6004 .couponBlockB01{background:url(/image/ui6004/couponB_bg_001.gif) no-repeat 0 0;}
#ui6004 .couponBlockA01 .couponBlockInner{background:url(/image/ui6004/couponA_bg_002.gif) no-repeat 0 100%;}
#ui6004 .couponBlockB01 .couponBlockInner{background:url(/image/ui6004/couponB_bg_002.gif) no-repeat 0 100%;}

#ui6004 .couponBlockA01 dl dd{
font-weight:bold;
color:#ee0000;

}
#ui6004 .couponBlockA01 .itemLead{
background:url(/image/ui6004/couponA_bg_003.gif) no-repeat 50% 0;
padding:13px 0;
text-align:center;

}
#ui6004 .couponBlockB01 .itemLead{
background:url(/image/ui6004/couponB_bg_003.gif) no-repeat 50% 0;
padding:13px 0;
text-align:center;

}
#ui6004 .couponBlockA01 dl dd.bgLine{
background:url(/image/ui6004/couponA_bg_004.gif) no-repeat 50% 100%;
margin-bottom:8px;
padding-bottom:8px;

}
#ui6004 .couponBlockB01 dl dd.bgLine{
background:url(/image/ui6004/couponB_bg_004.gif) no-repeat 50% 100%;
margin-bottom:2px;
padding-bottom:16px;
font-size:100%;

}
#ui6004 .couponBlockB01 .itemPrice{
width:600px;
background:url(/image/ui6004/couponB_bg_005.gif) repeat-x 0 100%;
margin: 0 0 15px 0;
padding:0 75px 5px 75px;

}
#ui6004 .couponBlockB01 .itemPrice dt{margin-bottom:3px;}
#ui6004 .couponBlockB01 .itemPrice dd{
width:300px;
float:left;
font-weight:bold;
color:#ee0000;

}
#ui6004 .couponBlockB01 .itemPrice dd img{margin-top:5px;}

#ui6004 .couponBlockA01 span.price01,
#ui6004 .couponBlockB01 span.price01{font-size:300%;}
#ui6004 .couponBlockA01 span.price02,

#ui6004 .couponBlockB01 span.price02{font-size:250%;margin-left:10px;}


/*[B531販促用]
-----------------------------------------------------------------------------*/


#ui6004 .b531Area{
margin-bottom:10px;
	
}
#ui6004 .b531Area h2{
margin:0;
padding:0;
	
}
#ui6004 .b531Area h3{
margin:0;
padding:10px;
background:#ffedf0;
color:#fe0000;
font-size:120%;

}
#ui6004 .b531Area h4{
padding-bottom:5px;
margin:10px 0 3px;
border:1px solid #000000;
border-width:0 0 1px;
font-size:140%;

}
#ui6004 .b531Item{
float:left;
width:180px;

}
#ui6004 .b531TxtValue{
float:left;
width:580px;
margin-left:15px;

}
#ui6004 .b531TxtValue .b531Bg{
background:url(/image/ui6004/b531Bg.gif) no-repeat 0 100%;

}
#ui6004 .b531TxtValue .b531Box{
float:left;
width:280px;
padding-top:10px;

}
#ui6004 .b531TxtValue dl dd{
float:left;

}
#ui6004 .b531TxtValue dl dd span.price{
color: #EE0000;
font-size: 250%;
font-weight: bold;

}
#ui6004 .b531TxtValue dl dd img{
margin-top:5px;

}


/*----------------------------------------------------------------------------

[mailLP]

-----------------------------------------------------------------------------*/


/*[COMMON]
-----------------------------------------------------------------------------*/


#mailLP{font-size:90%;}
#mailLP h1,#mailLP h2,#mailLP h3,#mailLP h4,#mailLP h5,#mailLP h6,
#mailLP div,#mailLP p,
#mailLP dl,#mailLP dt,#mailLP dd,
#mailLP ul,#mailLP ol,#mailLP li,
#mailLP th,#mailLP td{
margin:0;
padding:0;

}
#mailLP li{list-style:none;}
#mailLP img{vertical-align:bottom;}
#mailLP table{
border-collapse:collapse;
border-spacing:0;

}
#mailLP h1{}
#mailLP h2{padding-bottom:15px;}
#mailLP h3{padding-bottom:20px;}
#mailLP h4{font-size:140%;}
#mailLP h5{}
#mailLP h6{}
#mailLP .emphasis{
font-size:160%;
font-weight:bold;
color:#ee0000;

}
#mailLP a.txtLink{
background:url(/image/common/top/menu_icon1.gif) 0 0.47em no-repeat;
_background:url(/image/common/top/menu_icon1.gif) 0 0.4em no-repeat;
padding-left:10px;

}
#mailLP .bnr{
width:950px;
height:100px;
background:#ffffff;
margin:0 15px;

}
#mailLP div.naviscrolltop{margin-bottom:35px;}
#mailLP div.naviscrolltop p{
background:url(/image/common/v4icons/arrow-topofpage.gif) no-repeat 100% 0.3em;
font-size:100%;

}
#mailLP div.naviscrolltop p a{padding-right:15px;}


/*[MAIN VISUAL & NAV]
-----------------------------------------------------------------------------*/


#mailLP .mainVisual{
width:980px;
background:url(/image/ui5396/bg_main_v.gif) repeat;

}
#mailLP .mainVisual ul li{
float:left;

}
#mailLP .mainVisual ul li.lastChild{
width:945px;
margin-left:18px;
_margin-left:9px;
padding:0 0 20px 0;

}
#mailLP .pageNav{
width:980px;
height:60px;
min-height:60px;

}
#mailLP .pageNav ul li{
width:245px;
float:left;

}


/*[DIVISION]
-----------------------------------------------------------------------------*/


#mailLP .contents{
width:980px;
background:url(/image/ui5396/bg_contents.gif) repeat;
margin-bottom:10px;
padding-bottom:25px;

}
#mailLP .section{
width:948px;
background:url(/image/ui5396/bg_section.gif) no-repeat 0 0;
margin:0 16px 20px 16px;
padding-top:21px;

}
#mailLP .section .inner{
width:948px;
background:url(/image/ui5396/bg_section_inner.gif) no-repeat 0 100%;
padding:0 22px 15px 22px;

}
#mailLP .item{
width:904px;

}
#mailLP .itemBlockL{
float:left;
width:275px;

}
#mailLP .itemBlockR{
float:right;
width:614px;


}


/*[COUPON -LEFT CATEGORY-]
-----------------------------------------------------------------------------*/


#mailLP .couponBlock{
width:275px;
background:url(/image/ui5396/bg_line_stripe.gif) repeat;
margin-bottom:10px;
padding:15px 0;

}
#mailLP .numberBlock{
width:240px;
background:url(/image/ui5396/bg_number.gif) no-repeat 0 0;
margin:0 17px;
text-align:center;
padding-top:7px;

}
#mailLP .numberBlock .inner{
width:240px;
background:url(/image/ui5396/bg_number_inner.gif) no-repeat 0 100%;
padding:0 7px 7px 7px;

}
#mailLP .numberBlock dl dt,
#mailLP .numberBlock dl dd{
float:left;

}
#mailLP .numberBlock dl dt{
padding:2px 12px;

}
#mailLP .numberBlock dl dd{
padding-top:3px;

}


/*[SPEC -RIGHT CATEGORY-]
-----------------------------------------------------------------------------*/


#mailLP .sepcBlock{
width:614px;
background:url(/image/ui5396/bg_spec.gif) no-repeat 0 0;
margin-bottom:15px;
padding-top:1px;

}
#mailLP .sepcBlock .inner{
width:614px;
background:url(/image/ui5396/bg_spec_inner.gif) no-repeat 0 100%;
padding:0 1px 12px 1px;

}
#mailLP .sepcBlock .ttl{
width:612px;
height:35px;
background:url(/image/ui5396/bg_spec_ttl.gif) no-repeat 0 0;

}
#mailLP .sepcBlock .ttl h4{
margin-left:15px;
padding-top:7px;

}
#mailLP .sepcBlock ul{
padding:7px 0 10px 0;

}
#mailLP .sepcBlock ul li{
float:left;
margin-right:6px;

}
#mailLP .priceBlock{
width:584px;
background:url(/image/ui5396/bg_line_dotted.gif) repeat-x 0 0;
margin: 0 15px;
padding-top:12px;

}
#mailLP .priceBlock table{
float:left;

}
#mailLP .priceBlock table th{
width:100px;
_width:105px;
font-weight:normal;
text-align:left;

}
#mailLP .priceBlock .btn{
float:right;

}


/*----------------------------------------------------------------------------

[STYLISTIC]

-----------------------------------------------------------------------------*/


/*[COMMON]
-----------------------------------------------------------------------------*/


#ui5231{font-size:90%;}
#ui5231 h1,#ui5231 h2,#ui5231 h3,#ui5231 h4,#ui5231 h5,#ui5231 h6,
#ui5231 div,#ui5231 p,
#ui5231 dl,#ui5231 dt,#ui5231 dd,
#ui5231 ul,#ui5231 ol,#ui5231 li,
#ui5231 th,#ui5231 td{
margin:0;
padding:0;

}
#ui5231 p{line-height:1.5;}
#ui5231 li{list-style:none;}
#ui5231 img{vertical-align:bottom;}
#ui5231 table{
border-collapse:collapse;
border-spacing:0;

}
#ui5231 h1{}
#ui5231 h2{padding:1px 3px 20px 3px;}
#ui5231 h3{padding:0 0 28px 22px;}
#ui5231 h4{
background:url(/image/ui5231/bg_item.gif) no-repeat 0 0;
font-size:140%;
margin-bottom:15px;
padding:8px 0 8px 15px;
border-bottom:1px solid #cccccc;

}
#ui5231 h5{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:solid 1px #cccccc;

}
#ui5231 .emphasis{
font-size:160%;
font-weight:bold;
color:#ee0000;

}
#ui5231 a.txtLink{
background:url(/image/common/top/menu_icon1.gif) 0 0.47em no-repeat;
_background:url(/image/common/top/menu_icon1.gif) 0 0.4em no-repeat;
padding-left:10px;

}
#ui5231 div.naviscrolltop{margin-bottom:35px;}
#ui5231 div.naviscrolltop p{
background:url(/image/common/v4icons/arrow-topofpage.gif) no-repeat 100% 0.3em;
font-size:100%;

}
#ui5231 div.naviscrolltop p a{padding-right:15px;}

#ui5231 .emphasis{
color:#ee0000;
font-size:160%;
font-weight:bold;

}
#ui5231 .box#boxCoupon .emphasis{font-size:300%;}

#ui5231 .mt50{
margin-top:50px;

}


/*[MAIN VISUAL]
-----------------------------------------------------------------------------*/


#ui5231 .mainVisual{
width:980px;
height:340px;
min-height:340px;
background:url(/image/ui5231/bg_main_v.jpg) no-repeat 0 0;

}
#ui5231 .mainVisual ul{
width:376px;
margin-left:38px;

}
#ui5231 .mainVisual ul li{
float:left;

}


/*[DIVISION]
-----------------------------------------------------------------------------*/


#ui5231 .contents{
width:980px;
background:url(/image/ui5231/bg_contents.gif) repeat;
margin-bottom:10px;
padding-bottom:15px;

}
#ui5231 .box{
width:908px;
background:url(/image/ui5231/bg_box.gif) no-repeat 0 0;
margin:0 36px 30px 36px;
padding-top: 1px;

}
#ui5231 .box .inner{
width:908px;
background:url(/image/ui5231/bg_box_inner.gif) no-repeat 0 100%;
padding-bottom:25px;

}
#ui5231 .section{
width:948px;
background:url(/image/ui5231/bg_section.gif) no-repeat 0 0;
margin:0 16px 20px 16px;
padding-top:31px;

}
#ui5231 .section .inner{
width:948px;
background:url(/image/ui5231/bg_section_inner.gif) no-repeat 0 100%;
padding-bottom:30px;

}
#ui5231 .section#secMerit{
margin-bottom:35px;

}
#ui5231 .secBlock{
width:904px;
margin:0 22px;

}
#ui5231 .secBlockL{float:left;}
#ui5231 .secBlockR{float:right;}

#ui5231 .section#secSpec .secBlockL{width:370px;}
#ui5231 .section#secSpec .secBlockR{width:520px;}
#ui5231 .section#secIf .secBlockL{width:650px;}
#ui5231 .section#secIf .secBlockR{width:220px;}



/*[BOX]
-----------------------------------------------------------------------------*/


#ui5231 .boxBlock{
width:864px;
margin:0 22px;

}
#ui5231 .boxBlockL{
float:left;
width:485px;

}
#ui5231 .boxBlockR{
float:right;
width:365px;
height:121px;
min-height:121px;
background:url(/image/ui5231/bg_coupon.gif) no-repeat 0 0;

}
#ui5231 .box#boxCoupon .boxBlockR dl{
margin-top:17px;
text-align:center;

}
#ui5231 .box#boxBuy .boxBlock{
width:874px;
margin:0 17px;

}
#ui5231 .box#boxBuy .boxBlockL{width:570px;}
#ui5231 .box#boxBuy .boxBlockR{
width:282px;
height:auto;
background:none;

}


/*[SECTION -SPEC-]
-----------------------------------------------------------------------------*/


#ui5231 .secBlockR table.specTable{
width:519px;
margin-bottom:10px;
border:1px solid #cccccc;

}
#ui5231 .secBlockR table.specTable th{
width:20%;
background:url("/image/ui5231/bg_th.gif") no-repeat 0 0;
padding:5px 0 9px 0;
border:1px solid #cccccc;
text-align:center;

}
#ui5231 .secBlockR table.specTable td{
padding-left:12px;
border:1px solid #cccccc;

}
#ui5231 .priceBlock{
width:100%;
margin-bottom:15px;
padding-top:16px;

}
#ui5231 .priceBlock table{
float:left;

}
#ui5231 .box#boxBuy .priceBlock{
width:282px;
margin:0;
padding:0;

}
#ui5231 .priceBlock table th{
width:100px;
_width:105px;
padding-bottom:3px;
font-weight:normal;
text-align:left;

}
#ui5231 .priceBlock table td{
padding-bottom:3px;

}
#ui5231 .priceBlock .btn{
float:right;

}
#ui5231 .spot{
width:519px;
background:url(/image/ui5231/bg_spot.gif) no-repeat 0 0;
padding-top:3px;

}
#ui5231 .spot .inner{
width:519px;
background:url(/image/ui5231/bg_spot_inner.gif) no-repeat 0 100%;
padding-bottom:15px;

}
#ui5231 .spot ul{
padding: 8px 25px 0 25px;

}
#ui5231 .spot ul li{
margin-right:5px;
display:inline;

}
#ui5231 .spot ul li img{
vertical-align:middle;

}


/*[SECTION -Interface-]
-----------------------------------------------------------------------------*/


#ui5231 .section#secIf .secBlockR ul{width:220px;}
#ui5231 .section#secIf .secBlockR ul li{margin-bottom:7px;}


/*[SECTION -Merit-]
-----------------------------------------------------------------------------*/


#ui5231 .itemList{
width:904px;
background:url(/image/ui5231/bg_item_inner.gif) no-repeat 0 100%;
margin:0 22px 15px 22px;
padding-bottom:20px;

}
#ui5231 .itemList li{
float:left;
width:447px;
margin-right:10px;

}
#ui5231 .section#secMerit dl{
width:417px;
margin:0 15px;

}
#ui5231 .section#secMerit dl dt{
float:right;
width:160px;

}
#ui5231 .section#secMerit dl dd{
width:247px;

}


/*----------------------------------------------------------------------------

[HOME_MART.css] 20101012 ×DELETE×

-----------------------------------------------------------------------------*/


/* ----- お知らせ ----- */

div.martmaincontents div#information {
position: static;
clear: both;
float: left;
width: 370px;
border-style: none;
margin: 20px 0px 0px 0px;
padding: 0px;
}
div.martmaincontents div#information ul {
margin-top: 0px;
padding-top: 0px;
}
div.martmaincontents div#information ul li {
font-size: 90%;
}
div.martmaincontents div#information a {
text-decoration: none;
}
div.martmaincontents div#information a:hover {
text-decoration: underline;
}
div.martmaincontents div#information a img {
border-style:none;
}
div.martmaincontents div#information div.moreinfo {
display: inline;
height: 15px;
overflow: visible;
border-style: none;
margin: 0px 0px 0px 5px;
padding: 0px 17px 0px 0px;
background: url("/image/common/arrow-next.gif") no-repeat right center;
}
div.martmaincontents div#information div.moreinfo a {
text-decoration: underline;
}

/* ----- 更新情報 ----- */

div.martmaincontents div#update {
position: static;
clear: both;
float: left;
width: 370px;
border-style: none;
margin: 20px 0px 0px 0px;
padding: 0px;
}
div.martmaincontents div#update th {
vertical-align:text-top;
text-align: right;
width: 4.5em;
font-size: 90%;
font-weight: normal;
white-space: nowrap;
}
div.martmaincontents div#update td {
vertical-align:text-top;
text-align: left;
font-size: 90%;
font-weight: normal;
padding-left: 3px;
}
div.martmaincontents div#update a {
text-decoration: none;
}
div.martmaincontents div#update a:hover {
text-decoration: underline;
}
div.martmaincontents div#update a img {
border-style:none;
}
div.martmaincontents div#update div.moreinfo {
display: inline;
height: 15px;
overflow: visible;
border-style: none;
margin: 0px 0px 0px 5px;
padding: 0px 17px 0px 0px;
background: url("/image/common/arrow-next.gif") no-repeat right center;
}
div.martmaincontents div#update div.moreinfo a {
text-decoration: underline;
}

/* ----- バナー ----- */

div.banner {
clear: left;
border-style: none;
margin: 12px 0px 0px 0px;
padding: 0px;
}
div.banner ul {
display: block;
list-style: none;
border-style: none;
margin: 0px;
padding: 0px;
}
div.banner li {
display: block;
list-style: none;
border-style: none;
margin: 10px 0px;
padding: 0px;
font-size: 90%;
line-height: 100%;
}
div.banner li span a {
text-decoration: none;
margin: 0px;
padding: 0px;
line-height: 110%;
}
div.banner li span a:hover {
text-decoration: underline;
}
div.banner a img {
border-style: none;
vertical-align: bottom;
margin: 2px 0px;
padding: 0px;
}

/* ----- バナー 法人新聞広告 ----- */

div.banner li div.ba03 {
border-style: solid;
border-width: 2px 1px 1px 1px;
border-color: #666666;
}
div.banner li div.ba03 a img { margin: 0px 0px 7px 0px; }

/* ----- バナー 囲みあり ----- */

div.banner li div.ba01 { margin-bottom:23px; border: 1px solid #999999; }
div.banner li div.ba01 a img { margin: 0px 0px 3px 0px; }

/* ----- VeriSign ----- */

div#vsign {
clear: both;
border-style: none;
margin: 10px 0px 0px 0px;
padding: 0px;
}
div#vsign p {
font-size: 90%;
line-height: 130%;
border-style: none;
}
div#vsign p img { border-style: none; }
div#vsign p a { border-style: none; }
div#vsign hr {
height: 1px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #990033;
background: none;
color: #990033;
}

/* ----- お気に入り ----- */

div.favi {
clear: both;
border-style: none;
margin: 0px;
padding: 10px 0px 0px 0px;
}
div.favi p {
display: block;
height: 21px;
overflow: visible;
border-style: none;
margin: 0px;
padding: 0px 54px 0px 0px;
background: url("/image/common/ic_favi2.gif") no-repeat right center;
text-align: right;
font-size: 90%;
}

/* ----- outline ----- */

div#outline { clear: both; }

div#outline p {
text-align: center;
margin: 0px;
padding: 0 0px 5px 0px;
font-size: 90%;
}



/* ----- closeup ----- */

a.closeupcss:link { text-decoration: none; color: #000; }
a.closeupcss:visited { text-decoration: none; color: #000; }
a.closeupcss:hover { text-decoration: underline; color: #f00; }
a.closeupcss:active { text-decoration: underline; color: #f00; }

div.pickup {
border: 1px solid #145886;
padding: 3px 0px 3px 3px;
}

div.pickup h3 { margin-top: 0px; }
div.pickup p { margin-top: 0px; line-height: 1.2em; }
div.pickup hr.line010 { border-style: dotted; }


/* ----- 法人 関連リンク ----- */

div.mainmenu div.FI1 {
clear: left;
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 90%;
background: #f0f1f1;
}

div.mainmenu div.FI1 p { padding: 4px 0px 0px 20px; }

/* ----- 法人 登録無料ご優待ページ ----- */

div.FI2 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 22px 0px;
background: #DDF2C0 url(/image/member/top_bottom.gif) no-repeat bottom;
}

div.FI2 p {
padding: 4px 0px 4px 5px;
color:#000000;
font-size: 90%;
font-weight: bold;
}

div.FI2 form {
display: block;
border-style: none;
margin: 10px auto;
padding: 0px;
vertical-align:middle;
}

/* ----- 法人 ご優待ページ ----- */
div.leftmainmenu div#welcome img{ border-style: none; }
div.leftmainmenu div#welcome a img{ border-style: none; }

/* ----- 法人 ラインナップ ----- */
div#lineup { margin-top: 20px; }

/* ----- 法人 製品比較表 ----- */
div#comparison { 
margin-top: 20px;
}
div#comparison div {
margin:0px 9px;
}
div#comparison div a img {
margin:0px 1px;
border: 0px none;
vertical-align:bottom;
}


/* -- 周辺機器専用テーブル -- */

table.device {
margin-top: 2%;
width: 100%;
}
table.device td.frame {
width: 10px;
}
table.device td.frameblue {
border: 1px solid #9999cc;
width: 178px;
}
table.device td.framewhite {
border: 1px solid #ffffff;
width: 178px;
}
table.device td.frameblue h3 {
text-align: center;
margin: 0px;
padding: 3px;
border-bottom: 1px solid #9999cc;
background-color: #eeeeff;
}
table.device td.frameblue h3 a img {
border: 0px none;
}
table.device td p {
line-height: 120%;
font-size: 86%;
margin: 5px;
}
table.device td p a img {
border: 0px none;
float: left;
margin: 0px 5px 5px 0px;
}

/* -- ハードディスクキャビネット、バックアップキャビネット、UPS(無停電電源装置)用 追加 -- */

div.lay2col-left280px { width: 100%; border-style: none; margin-top: 10px; }
div.lay2col-left280px div.col1 { float: left; width: 290px; border-style: none; }
div.lay2col-left280px div.col1 div.innerblock { margin: 0px; padding: 0px; }
div.lay2col-left280px div.col2 { float: left; width: 445px; border-style: none; }
div.lay2col-left280px div.col2 div.innerblock { margin: 0px; padding: 0px; }


@media print {
div.lay2col-left280px div.col1 { width: 100%; }
div.lay2col-left280px div.col2 { width: 100%; }
}

/* ----- pcサーバ専用 ここまで -----*/





/* ----- リニューアル対応 -----*/

#ui2k{
	width:980px;
	display:inline-block;
    *display: inline;  
    *zoom: 1; 
}

#ui2k .maincontents{
	float:right;
	width:790px;
}

#ui2k ~ #menuArea{
	display:none;
}

#ui2kDummy{
	width:980px;
	height:0;
}









/* menu.css
-------------------------------------------*/

#menuArea {
    border-style: none;
    float: right;
    font-size: 100%;
    position: static;
    width: 175px;
	font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

#menuArea.personal li,
#menuArea.personal p,
#menuArea.personal h3 {
    font-size: 90%;
}

#menuArea.personal ul,
#menuArea.personal li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menuArea.personal dd {
	margin-left: 0;
	line-height: 1.3;
}

#menuArea.personal p {
    margin: 0;
    padding: 0;
}
#menuArea.personal img {
    vertical-align: top;
}
#menuArea.personal a.txtLink {
    background: url(/image/common/top/menu_icon1.gif) 0 0.45em no-repeat;
    padding-left: 10px;
}
#menuArea.personal .menuBlockA01 {
    background: url(/image/common/top/login_bg2.gif) 0 0 repeat-y;
    margin-bottom: 20px;
}
#menuArea.personal .menuBlockA01 .menuBlockInner {
    background: url(/image/common/top/login_bg1.gif) 0 0 no-repeat;
}
#menuArea.personal .menuBlockA01 .menuBlockBg {
    background: url(/image/common/top/login_bg3.gif) 0 100% no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    _zoom: 1;
}
#menuArea.personal .menuBlockA01 .section {
    margin: 0 6px;
    padding: 0;
    text-align: center;
    margin-bottom: 7px;
}
#menuArea.personal .menuBlockA01 .section.line {
    padding-bottom: 10px;
    background: url(/image/common/top/login_line.gif) 0 100% repeat-x;
}
#menuArea.personal .menuBlockA01 p {
    margin-left: 2px;
}
#menuArea.personal .menuBlockA01 .section02 {
    margin: 0 6px;
    padding: 0 0 5px 6px;
}
#menuArea.personal .menuBlockA01 .section p {
    text-align: left;
}
#menuArea.personal .menuBlockB01 {
    background: url(/image/common/top/menu_title2.gif) 0 0 no-repeat;
    _zoom: 1;
    padding-top: 7px;
    margin-bottom: 20px;
    _font-size: 90%;
    z-index: 0;
}
#menuArea.personal .menuBlockB01 .section,
#menuArea.personal .menuBlockB01 .section {
    margin-bottom: 20px;
}
#menuArea.personal .menuBlockB01 h3 {
    margin: 0 8px 8px 8px;
    padding: 0;
}
#menuArea.personal .menuBlockB01 .section li,
#menuArea.personal .menuBlockB01 .section dl {
    margin: 0;
    padding: 0;
    background: url(/image/common/top/menu_line.gif) 0 100% repeat-x;
    margin-top: 5px;
    min-height: 41px;
    _height: 41px;
    font-size: 90%;
    z-index: 0;
}
#menuArea.personal .menuBlockB01 .section li img,
#menuArea.personal .menuBlockB01 .section dt {
    float: left;
    width: 35px;
    z-index: 0;
}
#menuArea.personal .menuBlockB01 .section dd {
    display: block;
    float: right;
    width: 120px;
    _width: 130px;
    padding-left: 10px;
    background: url(/image/common/top/menu_icon1.gif) 0 50% no-repeat;
    margin-top: 10px;
    z-index: 0;
}
#menuArea.personal .menuBlockC01 {
    border-bottom: 1px solid #CCC;
    _zoom: 1;
    margin-bottom: 20px;
}
#menuArea.personal .menuBlockC01 .ttlBlockA01 {
    border: 1px solid #CCC;
    background-color: #FFF;
}
#menuArea.personal .menuBlockC01 h3 {
    margin: 1px;
    padding: 5px 5px 2px 6px;
    background: url(/image/common/top/menu_title1.gif) 0px 0px no-repeat;
}
#menuArea.personal .menuBlockC01 li ul {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding-bottom: 4px;
}
#menuArea.personal .menuBlockC01 li img {
    cursor: pointer;
}
#menuArea.personal .menuBlockC01 li li {
    font-size: 100%;
    margin-left: 8px;
    background: url(/image/common/top/menu_line.gif) 0 100% repeat-x;
    padding-bottom: 5px;
    padding-top: 5px;
}
#menuArea.personal .menuBlockC01 .off {
    display: none;
}
#menuArea.personal .menuBlockC01 .on {
    display: none;
}
#menuArea.personal .menuBlockD01 {
    background: url(/image/common/top/menu_title2.gif) 0 0 no-repeat;
    padding-top: 10px;
    margin-bottom: 40px;
    _zoom: 1;
}
#menuArea.personal .menuBlockD01 h3 {
    margin: 0 8px 8px 8px;
    padding: 0;
}
#menuArea.personal .menuBlockD01 li {
    margin-bottom: 10px;
}
#menuArea.personal .menuBlockE01 {
    background: url(/image/common/top/menu_line.gif) 0 100% repeat-x;
}
#menuArea.personal .menuBlockE01 .section {
    background: url(/image/common/top/menu_line.gif) 0 100% repeat-x;
    padding: 10px 0;
}

/* for employee */
#menuArea.personal .textsmall {
	font-size: 84%;
}

#menuArea.personal .innerblock {
	padding: 8px;
}