@charset "shift_jis";

/* css framework(2nd level and below) ++++++++++++++++++++++++++++++++++

HTML Document
	|-- n8_cmn.css				(/common/css/ - this file)
	|		|--n8_pglayout.css	(/common/css/ - page layout)
	|		|--n8_hdft.css		(/common/css/ - header footer)
	|		|--n8_navi.css		(/common/css/ - global menu, local menu)
	|
	|-- n8_xxxxx.css			(/xxxxx/css/n8_xxxxx.css) depends on the level u are
	|-- n8_print.css			(/common/css/ - print)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* TOC +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
00: common usage and generality
01:	inner-page link(ONLY INDEX)
02:	inner-page link
03:	oneUnit
04:	Link Banner area( download and feature )
05:	linkPgTop (caution!)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* 00 common usage and generality ++++++++++++++++++++*****+++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.astrisk{ 
list-style:none;
font-size:83%;
}

.ledList{
margin:0 0 15px 15px;
list-style:disc;
}

h2{
clear:both;
padding-bottom:7px;
}

.caution{ color:#db2728; }





/* 01 inner-page link(ONLY INDEX) ++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pwrIdxLink{
width:555px;
margin-top:21px;
margin-bottom:17px;
list-style:none;
font-size:0;
line-height:0;
}

.pwrIdxLink:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.pwrIdxLink{ display:inline-block; }

/* Hide from IE-mac \*/
*html .pwrIdxLink{ height:1%;}
.pwrIdxLink{ display:block;}
/* End hide form IE-mac */


.pwrIdxLink li{
float:left;
width:188px;
padding-bottom:6px;
}

.pwrIdxLink li.rEnd{ width:178px; }



/* 02 inner-page link ++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

dl.pwrPgLink{ 
padding-bottom:28px;
}

dl.pwrPgLink dt{
padding-left:14px;
padding-bottom:17px;
background:url(/useful/powerup/images/n8_icon_tri_down.gif) no-repeat left 5px;
}


dl.pwrPgLink ul{
width:535px;
list-style:none;
font-size:0;
line-height:0;
}

dl.pwrPgLink ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

dl.pwrPgLink ul{ display:inline-block; }

/* Hide from IE-mac \*/
*html dl.pwrPgLink ul{ height:1%;}
dl.pwrPgLink ul{ display:block;}
/* End hide form IE-mac */


dl.pwrPgLink ul li{
float:left;
width:178px;
}

dl.pwrPgLink li img{
margin-bottom:12px;
}

dl.pwrPgLink li#endPgLink{ margin-right:0; }





/* 03 oneUnit ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.bfrDL{
font-size:83%;
margin-left:10px;
margin-bottom:25px;
list-style:none;
}

.bfrDL li{ padding-bottom:3px;}

.boxPwr{
margin-bottom:18px;
padding-bottom:14px;
border-bottom:1px solid #e8e8e8;
}

.boxPwr:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.boxPwr{ display:inline-block; }

/* Hide from IE-mac \*/
*html .boxPwr{ height:1%;}
.boxPwr{ display:block;}
/* End hide form IE-mac */

p.addSrv{ 
margin-bottom:18px;
padding-left:10px;
}

.boxPwr dl{
width:368px;
float:left;
}

.boxPwr dt{ font-weight:bold;}

.boxPwr dt img{
margin-left:9px;
vertical-align:text-bottom;
}
.boxPwr dd span{
display:block;
padding:8px 0 7px 0;
font-size:83%;
text-align:right;
}

.boxPwr dd ul{
float:none;
margin:5px 0 0 15px;
text-align:left;
list-style:disc;
}

.boxPwr dd ul li{
margin-bottom:3px;
line-height:1.333;
}


.boxPwr dd ul.addTxt{
float:none;
width:368px;
margin:2px 0 4px 0;
text-align:left;
font-size:83%;
list-style:none;
}

.boxPwr dd ul.addTxt li{ 
margin-bottom:0;
}


.boxPwr dd ul.addTxt span{ display:inline;font-size:100%;}



/* 04 Link Banner area( download and feature ) +++++++++++++++++++++++++

two patterns available for link banner area

- pattern01: used only by ul w/ class name, "dlBtns"
- pattern02: used only by dl w/ class name, "dlBnrs"
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* pattern01 */
.boxPwr ul.dlBtns{
width:137px;
float:right;
font-size:83%;
list-style:none;
}

.boxPwr ul.dlBtns li{
padding-bottom:8px;
list-style:none;
line-height:1;
}

.boxPwr ul.dlBtns li img{ margin-top:1px; }
.boxPwr ul.dlBtns li img.iconOS{ margin-bottom:3px; }

.boxPwr ul.dlBtns span{ 
display:block;
text-align:right;
}

.boxPwr ul.dlBtns span a{
padding-left:10px;
background:url(/common/images/n8_icon_link-mini.gif) no-repeat left 2px;
}



/* pattern02 */
.boxPwr dl.dlBnrs{
width:137px;
float:right;
list-style:none;
}

.boxPwr dl.dlBnrs dt{
font-size:0;
line-height:0;
}

.boxPwr dl.dlBnrs dt img{ margin:0 0 6px 0; }
.boxPwr dl.dlBnrs dd{
margin:0; 
padding:0 2px 9px 0;
text-align:right;
}

.boxPwr dl.dlBnrs dd img{
display:block;
margin-bottom:7px;
}

.boxPwr dl.dlBnrs dd span{
display:block;
margin:0;
padding:0;
}

.boxPwr dl.dlBnrs span a{
padding-left:10px;
background:url(/common/images/n8_icon_link-mini.gif) no-repeat left 2px;
}





/* 05 linkPgTop (caution!) +++++++++++++++++++++++++++++++++++++++++++++
linkPgTop( default setting:padding-bottom:30px; see n8_pglayout.css)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.linkPgTop{ padding-bottom:25px;}