@charset "Shift_JIS";

/***************************************************
対象：front
最終更新日：2008/10/28
***************************************************/

/*▼表示ずれを直すためにコメントアウト（2009.3.31）*/

/*回り込み解除*/

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

/*
.clearfix {
display: inline-block;
}
*/

/*	
.clear{
clear:both;
display: block;
font-size:1px;
line-height:0px;
}
*/

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

/*
*html.clear{
height:0px;
}
*/

/*▲表示ずれを直すためにコメントアウト（2009.3.31）*/

/*▼表示ずれを直すために追記（2009.3.31）*/

.logoRight{
display:block !important;
}

/*▲表示ずれを直すために追記（2009.3.31）*/

/* ===== カドカワードパーツ ===== */


/*色設定*/

div#partsBoxColor01{
border:1px solid #b6b6b6;
}

div#partsBoxColor01 p.logoCenter a{
display:block;
width:102px;
height:18px;
background:#b6b6b6 url(http://img02.kadokaword.jp/images/front_tx_parts_logo01.png) no-repeat left top;
margin:0 auto;
}

*html div#partsBoxColor01 p.logoCenter a{
display:block;
width:102px;
height:18px;
background:url(http://img02.kadokaword.jp/images/front_tx_parts_logo01_ie6.gif) no-repeat left top;
margin:0 auto;
}

div#partsBoxColor01 p.logoRight a{
float:right;
display:block;
width:100px;
height:18px;
background:#b6b6b6 url(http://img02.kadokaword.jp/images/front_tx_parts_logo02.png) no-repeat left top;
}

*html div#partsBoxColor01 p.logoRight a{
float:right;
display:block;
width:100px;
height:18px;
background:url(http://img02.kadokaword.jp/images/front_tx_parts_logo02_ie6.gif) no-repeat left top;
}

div#partsBoxColor01 p.logoCenter span, div#partsBoxColor01 p.logoRight span{
font-size:1px;
left:-9999px;
position:absolute;
}

div#partsBoxColor01 em a {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro";
    color: #09f;
    font-style: normal;
}

/* W300px */

div.partsBoxW300{
width:293px;
padding:40px 0 0px 5px;
background:url(/images_news/h3_bg_kadokawa.gif) no-repeat left top;
}

div.partsBoxW300 ul.goodsImg{
display:block;
}

div.partsBoxW300 ul.goodsImg li{
display:block;
text-align:left;
margin-bottom:15px;
margin-right:5px;
}

div.partsBoxW300 ul.goodsImg li dd img{
margin-top:3px;
margin-right:5px;
}

div.partsBoxW300 ul.goodsImg li dl{
display:block;
}

div.partsBoxW300 ul.goodsImg li dt.img{
float:left;
display:block;
width:60px;
height:auto;
text-align:center;
margin-right:5px;
}

div.partsBoxW300 ul.goodsImg li dd{
float:right;
display:block;
width:223px;
}

div.partsBoxW300 ul.goodsImg li em{
display:block;
line-height:120%;
}

div.partsBoxW300 ul.goodsImg li span.gray{
display:block;
color:#999999;
font-size:86%;
}

div.partsBoxW300 ul.goodsImg li span.copy{
clear:both;
display:block;
color:#999999;
font-size:78%;
line-height:130%;
padding-top:2px;
}

div.partsBoxW300 ul.goodsTxt{
display:block;
}

div.partsBoxW300 ul.goodsTxt li{
text-align:left;
margin-bottom:20px;
margin-right:5px;
}

*html div.partsBoxW300 ul.goodsTxt li{
margin-bottom:0px;
}

div.partsBoxW300 ul.goodsTxt li img{
margin-top:3px;
margin-right:5px;
}

div.partsBoxW300 ul.goodsTxt li em{
display:block;
line-height:140%;
text-align:left;
}

div.partsBoxW300 ul.goodsTxt li span.gray{
display:block;
color:#999999;
font-size:86%;
}

div.partsBoxW300 ul.goodsImgGrid{
display:block;
margin-bottom:15px;
margin-right:-10px;
}

div.partsBoxW300 ul.goodsImgGrid li{
float:left;
display:block;
width:136px;
font-size:86%;
text-align:left;
margin-right:10px;
}

div.partsBoxW300 ul.goodsImgGrid li img{
margin:0 4px 5px 0;
}

div.partsBoxW300 ul.goodsImgGrid li dl{
display:block;
}

div.partsBoxW300 ul.goodsImgGrid li dt.img{
float:left;
display:block;
width:60px;
height:auto;
text-align:center;
margin-right:5px;
}

* html div.partsBoxW300 ul.goodsImgGrid li dt.img{
margin-right:0px;
}

div.partsBoxW300 ul.goodsImgGrid li dd{
float:right;
display:block;
width:70px;
}

div.partsBoxW300 ul.goodsImgGrid li em{
display:block;
line-height:130%;
}

div.partsBoxW300 ul.goodsImgGrid li span.gray{
display:block;
color:#999999;
margin:5px 0;
}

div.partsBoxW300 ul.goodsImgGrid li span.gray img{
margin:0 1px 0 0;
*margin:0 3px 0 0;
}

div.partsBoxW300 ul.goodsImgGrid li span.copy{
clear:both;
display:block;
color:#999999;
font-size:84%;
line-height:130%;
padding-top:2px;
}

div.partsBoxW300 ul.goodsTxtGrid{
display:block;
margin-bottom:20px;
margin-right:-10px;
}

div.partsBoxW300 ul.goodsTxtGrid li{
float:left;
width:136px;
text-align:left;
margin-right:10px;
}

div.partsBoxW300 ul.goodsTxtGrid li img{
margin:0 4px 5px 0;
}

div.partsBoxW300 ul.goodsTxtGrid li a{
display:block;
}

div.partsBoxW300 ul.goodsTxtGrid li a img{
margin:0 4px 5px 0;
}

div.partsBoxW300 ul.goodsTxtGrid li em{
display:block;
line-height:140%;
text-align:left;
}

div.partsBoxW300 ul.goodsTxtGrid li span.gray{
display:block;
color:#999999;
font-size:86%;
}

div.partsBoxW300 ul.wordImg{
display:block;
}

div.partsBoxW300 ul.wordImg li{
display:block;
text-align:left;
margin-bottom:15px;
margin-right:5px;
}

div.partsBoxW300 ul.wordImg li dl{
display:block;
}

div.partsBoxW300 ul.wordImg li dt.img{
float:left;
display:block;
width:60px;
height:auto;
text-align:center;
margin-right:5px;
margin-bottom:3px;
}

div.partsBoxW300 ul.wordImg li dd{
float:right;
display:block;
width:223px;
}

div.partsBoxW300 ul.wordImg li em{
display:block;
line-height:130%;
}

div.partsBoxW300 ul.wordImg li span{
display:block;
font-size:86%;
margin-bottom:3px;
}

div.partsBoxW300 ul.wordImg li span.copy{
clear:both;
display:block;
color:#999999;
font-size:78%;
line-height:130%;
}

div.partsBoxW300 ul.wordTxt{
display:block;
}

div.partsBoxW300 ul.wordTxt li{
text-align:left;
margin-bottom:20px;
margin-right:5px;
}

*html div.partsBoxW300 ul.wordTxt li{
margin-bottom:5px;
}

div.partsBoxW300 ul.wordTxt li em{
display:block;
line-height:140%;
text-align:left;
}

div.partsBoxW300 ul.wordTxt li span{
display:block;
font-size:86%;
}


/* ツールチップ*/

span.copy a{
color:#999999!important;
}

span.copy a:hover{
background:#ffffff;
text-decoration:none;
position:relative;
}

span.copy a.tooltip span{
display:none;
}

span.copy a.tooltip:hover span{
display:block;
position:absolute;
float:left;
top:0px;
background:#ffffff;
left:0;
line-height:1.5;
padding-bottom:3px;
}

ul.wordImg li span.copy a.tooltip span{
display:none;
}

ul.wordImg li span.copy a.tooltip:hover span{
display:block;
position:absolute;
float:left;
top:0px;
background:#ffffff;
left:0;
font-size:100%;
line-height:130%;
padding-bottom:3px;
}

div.partsBoxW120 ul.goodsImg li span.copy a.tooltip:hover span{
width:108px;
}

div.partsBoxW140 ul.goodsImg li span.copy a.tooltip:hover span{
width:128px;
}

div.partsBoxW160 ul.goodsImg li span.copy a.tooltip:hover span{
width:148px;
}

div.partsBoxW180 ul.goodsImg li span.copy a.tooltip:hover span{
width:168px;
}

div.partsBoxW300 ul.goodsImg li span.copy a.tooltip:hover span{
width:288px;
}

div.partsBoxW300 ul.goodsImg li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}

div.partsBoxW468 ul.goodsImg li span.copy a.tooltip:hover span{
width:456px;
}

div.partsBoxW468 ul.goodsImg li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}

div.partsBoxW728 ul.goodsImg li span.copy a.tooltip:hover span{
width:350px;
}

div.partsBoxW728 ul.goodsImg li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}

div.partsBoxW300 .goodsImgGrid li span.copy a.tooltip:hover span{
width:135px;
}

div.partsBoxW300 .goodsImgGrid li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}

div.partsBoxW468 .goodsImgGrid li span.copy a.tooltip:hover span{
width:135px;
}

div.partsBoxW468 .goodsImgGrid li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}

div.partsBoxW728 .goodsImgGrid li span.copy a.tooltip:hover span{
width:170px;
}


div.partsBoxW120 ul.wordImg li span.copy a.tooltip:hover span{
width:108px;
}

div.partsBoxW140 ul.wordImg li span.copy a.tooltip:hover span{
width:128px;
}

div.partsBoxW160 ul.wordImg li span.copy a.tooltip:hover span{
width:148px;
}

div.partsBoxW180 ul.wordImg li span.copy a.tooltip:hover span{
width:168px;
}

div.partsBoxW300 ul.wordImg li span.copy a.tooltip:hover span{
width:288px;
}

div.partsBoxW300 ul.wordImg li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}

div.partsBoxW468 ul.wordImg li span.copy a.tooltip:hover span{
width:456px;
}

div.partsBoxW468 ul.wordImg li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}

div.partsBoxW728 ul.wordImg li span.copy a.tooltip:hover span{
width:350px;
}

div.partsBoxW728 ul.wordImg li span.copy a.tooltip:hover span/*IE5.5+*/{
>top:15px;
}