@charset "shift_jis";

/* ------------------------------------------------------------
 マウスコンピューター　popup　CSS
 更新日:08/08/11
 
------------------------------------------------------------ */

/* 0:layout
----------------------------------*/

body#popup{
background:url(/images/common/body_bg_popup.gif) repeat-x top;
}

/* 1:headerArea
----------------------------------*/

div#headerArea{
background:none;
position:relative;
width:480px;
margin:0 auto 30px;
padding:0 15px;
border-bottom:1px solid #c8c8c8;
}

div#headerArea p.tagLine{
font-size:12px;
font-weight:bold;
color:#666666;
width:400px;
height:22px;
overflow:hidden;
margin:10px 0 0 0;
}

div#headerArea p.tagLine a{
text-decoration:none;
color:#666666;
}

div#headerArea p.logo{
height:auto;
width:auto;
margin:0 0 5px 0;
}

div#headerArea p.close{
position:absolute;
top:10px;
right:15px;
}

/* 2:contentsMain
----------------------------------*/

div#contentsMain{
width:480px;
margin:0 auto;
}

div#contentsMain h1{
margin:0 0 6px 0;
}

div#contentsMain ul.localNav{
width:480px;
overflow:hidden;
margin:20px 0;
}

div#contentsMain ul.localNav li{
float:left;
margin:0 4px 0 0;
}

div#contentsMain table.itemTBL{
border:none;
border-bottom:1px solid #e3e3e3;
border-collapse:collapse;
margin:5px 0;
width:480px;
}

div#contentsMain table.itemTBL td{
border:none;
}

div#contentsMain h2{
background:url(/images/common/h2_bg_popup.gif) repeat-x bottom;
border-top:2px solid #FCAD1D;
font-size:117%;
width:470px;
padding:5px;
overflow:hidden;
margin:0 0 15px 0;
}

div#contentsMain h2 span.main{
float:left;
width:28%;
}

div#contentsMain h2 span.sub{
float:right;
width:70%;
text-align:right;
font-weight:normal;
font-size:90%;
}

div#contentsMain .blue,
div#contentsMain table.itemTBL a{
color:#0066CC;
font-weight:bold;
}

div#contentsMain .notes,
div#contentsMain .notesL{
color:#666666;
}

div#contentsMain p.notes{
text-align:right;
margin:0 0 15px 0;
}

div#contentsMain p.notesL{
margin:0 0 15px 0;
}

p.pageTopArea{
width: 480px;
}

div#contentsMain table.itemTBL a.link{
display:inline;
font-weight:normal;
background-position:0 3px;
}


/* 3:footerArea
----------------------------------*/


div#footerAreaInner{
position:relative;
width:500px;
}

div#footerArea ul{
width:500px;
margin:0 auto;
}

div#footerArea ul li.copyright{
float:none;
}



div#footerArea p.close{
position:absolute;
bottom:10px;
right:0;
}