@charset "shift_jis";

/*----------------------------------------------------------------------------
	01：reset
----------------------------------------------------------------------------*/
#cmLibrary ul,
#cmLibrary ol,
#cmLibrary li,
#cmLibrary dl,
#cmLibrary dt,
#cmLibrary dd,
#cmLibrary p,
#cmLibrary table,
#cmLibrary form,
#cmLibrary img {
margin:0;
padding:0;
}

#cmLibrary img {border:0;vertical-align:top;}
#cmLibrary ul,ol {list-style:none;}
#cmLibrary table { border-collapse:collapse; border-spacing:0; } 

*:focus {-moz-outline-style:none;}


/*----------------------------------------------------------------------------
	02：Clear Fix Hack (Float Clear Hack)
----------------------------------------------------------------------------*/
#btnBox:after,
.clearfix:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix{
zoom: 1;
}


/*----------------------------------------------------------------------------
	03：common
----------------------------------------------------------------------------*/
/* margin padding */
.marginB10{margin-bottom:10px;}

/* font */
.fontBold{font-weight:bold;}
.fontSize80{font-size:80%;}
.fontSize120{font-size:120%;}

/* float */
.floatL{float:left;}
.floatR{float:right;}

/* align */
.tAlignL{text-align:left;}
.tAlignC{text-align:center;}
.tAlignR{text-align:right;}

/*----------------------------------------------------------------------------
	03：top
----------------------------------------------------------------------------*/
#cmLibrary {
width:760px;
background:#ffffff;
text-align:center;
color:#333333;
font-size:12px;
letter-spacing:1px;
}
#cmLibrWrap {
margin:10px auto;
width:680px;
text-align:left;
}

#cmLibrary #cmLibrTi{
margin:0 0 25px 0;
}
#cmLibrary #cmLibrMainImg{
padding:0 0 40px 0;
background:url(../images/mainimg_bg.jpg) left bottom repeat-x;
}

#cmLibrary #cmLibrTab{
background:url(../images/tab_bg.jpg) no-repeat;
padding:0 0 0 15px;
height:55px;
}
#cmLibrary #cmLibrTab li{
float:left;
}
#cmLibrary #cmLibrTab li a{
width:150px;
height:30px;
display:block;
text-indent:-9999px;
}
#cmLibrary #cmLibrTab li#cmLibrTabEnte a{
background:url(../images/tab_navi.jpg) 0 -30px no-repeat;
}
#cmLibrary #cmLibrTab li#cmLibrTabComm a{
background:url(../images/tab_navi.jpg) -150px -30px no-repeat;
}
#cmLibrary #cmLibrTab li#cmLibrTabEnteSelect a{
background:url(../images/tab_navi.jpg) 0 0 no-repeat;
}
#cmLibrary #cmLibrTab li#cmLibrTabCommSelect a{
background:url(../images/tab_navi.jpg) -150px 0 no-repeat;
}


#cmLibrary #cmLibrTabEnteContents,
#cmLibrary #cmLibrTabCommContents{
margin:0 5px 0 5px;
padding:0 0 15px 0;
display:none;
/*display:block;*/
}
#cmLibrary #cmLibrTabEnteContents .cmLibrDeta{
background:url(../images/ex_dot_h.gif) 452px top repeat-y #d8e7f5;
}
#cmLibrary #cmLibrTabCommContents .cmLibrDeta{
background:url(../images/ex_dot_h.gif) 452px top repeat-y #FCE7CF;
}

#cmLibrary .cmLibrDeta{
margin:0 0 15px 0;
border:#cccccc solid 1px;
clear:both;
}
#cmLibrary .cmLibrDetaL{
display:inline;
float:left;
margin:0 10px;
padding:10px 0;
width:430px;
}
#cmLibrary .cmLibrDetaR{
display:inline;
float:right;
margin:10px;
width:195px;
}
#cmLibrary .cmLibrDetaLIn{
float:right;
width:292px !important;
width:287px;
padding:0 0 5px 0;
}

#cmLibrary .cmLibrDetaTi{
margin:2px 0 3px 0;
font-weight:bold;
width:292px !important;
width:287px;
}
#cmLibrary .cmLibrDetaTxt{
font-size:10px;
line-height:1.4;
margin:0 0 5px 0;
}
#cmLibrary .cmLibrTM{
font-size:9px;
line-height:1.1;
margin:5px 0 0 0;
}
#cmLibrary .cmLibrTM img{
float:left;
margin:0 10px 0 0;
}
#cmLibrary .cmLibrDetaMore{
width:292px !important;
width:287px;
margin:8px 0 0 0;
font-size:10px;
text-align:right;
}
#cmLibrary .cmLibrDetaClose{
margin:8px 0 0 0;
font-size:10px;
text-align:right;
}
#cmLibrary .cmLibrDetaClose a,
#cmLibrary .cmLibrDetaMore a{
color:#333333;
}

#cmLibrary .cmLibrDetaR p{
margin:0 0 0 0;
}
#cmLibrary .cmLibrDetaR dl{
margin:0 0 8px 0;
padding:4px 8px 6px 8px;
font-size:10px;
}
#cmLibrary .cmLibrDetaR dl dt{
margin:0 0 5px 0;
}
#cmLibrary .cmLibrDetaR dl dd{
background:url(../images/ex_dot_h.gif) center repeat-y;
}
#cmLibrary .cmLibrDetaR dl dd ul li{
float:left;
}
#cmLibrary .cmLibrDetaR dl dd ul li.cmLibrDetaReal{
margin:0 19px 0 0;
}
#cmLibrary .cmLibrDetaR dl dd ul li a{
margin:0 0 0 5px;
}

.kyodaku{
	font-size:10px;
	margin-left:10px;
}


#cmLibrary .cmLibrDetaR div.bBox{
margin:0 0 8px 0;
padding:6px 8px 1px 8px;
background:#FFFFFF;
}
#cmLibrary .cmLibrDetaR div.bBox p{
margin:0 0 5px 0;
font-size:10px;
}

#cmLibrary #cmPageTop{
margin:30px 0 0 0;
text-align:right;
}
#cmLibrary #advWrap{
text-align:right;

}
#cmLibrary #adv{
margin:10px 0 20px 0;
text-align:center;
font-size:10px;
letter-spacing:1px;
border:1px solid #666;
padding:3px;
float:right;
}



/*----------------------------------------------------------------------------
	04：flash
----------------------------------------------------------------------------*/

body#flash{
background:#FF3333;
}

#wrap{
width:100%;
height:100%;
}
#flaContents{
position: fixed;
_position:absolute;
top: 0;
_top: expression(documentElement.scrollTop  +'px');
left:0;
z-index:10;
text-align:left;
width:100%;
height:100%;
}

#hack_b10ConT,
#hack_b9ConT,
#hack_b8ConT,
#hack_b7ConT,
#hack_b6ConT,
#hack_b5ConT,
#hack_b4ConT,
#hack_b3ConT,
#hack_b2ConT,
#hack_b1ConT,
#hack_a10ConT,
#hack_a9ConT,
#hack_a8ConT,
#hack_a7ConT,
#hack_a6ConT,
#hack_a5ConT,
#hack_a4ConT,
#hack_a3ConT,
#hack_a2ConT,
#hack_a1ConT{
display:none;
}

/* downloadBox */

#downloadBox{
width:680px;
background:url(../images/dot_2_2.gif) repeat-x;
padding:25px 0 0 0;
}
#downloadBoxL{
width:450px !important;
width:440px;
float:left;
padding:3px 0 0 0;
}
#downloadBoxL p{
font-size:10px;
line-height:1.6;
margin:0 0 0 5px;
}
#downloadBoxR{
width:195px;
float:right;
margin:0 16px 0 0;
}
#bannerBox{
width:193px !important;
width:195px;
background:#EEE;
border:1px solid #CCC;
padding:10px 0 8px 0;
text-align:center;
}

#bannerBox li{
clear:both;
width:260px;
font-size:10px;
margin:0 10px 8px 10px;
}
#bannerBox li span{
width:165px;
float:left;
display:block;
padding:11px 0 0 0;
}
#bannerBox li a{
width:88px;
float:right;
display:block;
}

#bannerBox li#bottomLI{
margin:0 10px 0 10px;
}

.nallow{
margin:10px;
}

.nallow a{
color:#333;
font-size:10px;
background:url(../images/btn_56k.gif) right center no-repeat;
padding:4px 38px 4px 0;
}