/* CSS Document */





/*==========================================================



トップページビジュアル



==========================================================*/



#headerbanner{

list-style:none;

margin:0 0 8px 0;

padding:0;

min-height:176px;

}



* html #headerbanner{

height:176px;

}

/*==========================================================



トップページバナー



==========================================================*/

#contents ul.banner_area{

width:512px;

height:96px;

list-style:none;

margin:0;

padding:0 0 5px 0;

overflow:hidden;

}



/*====== 筆まめDirect ========*/

#contents ul.banner_area #banner_fudemame_direct{

float:left;

padding:0 0 0 24px;

}

/*横長バナー用*/

#contents ul.banner_area #banner_fudemame_direct_wide{

float:left;

padding:0 0 0 0;

}



/*====== 筆まめナビ ========*/

#contents ul.banner_area #banner_fudemame_navi{

float:left;

}





/*====== 各タイトル ========*/

#contents h2{

position:relative;

padding:0 0 14px 0;

margin:0;

clear:both;

}



#contents h2 span{

margin:0;

padding:0;

position:absolute;

left:424px;

top:8px;

}

/*==========================================================



筆まめネットからのお知らせ



==========================================================*/

#note{

font-size:0.857em;

width:42.667em;

margin:0 0 16px 0;

padding:2px 0 16px 0;

background:url(/img/common/contents_separator.png) left bottom no-repeat;



}



* html #note{

width:512px;

font-size:85.7%;

}



*:first-child+html #note{

padding:0 0 14px 0;

}



#note h4 {

font-size:1em;

font-weight:bold;

margin:16px 0 10px 0;

}



#note p{

margin:0 0 0 0;

padding:0 0 0 0;

line-height:1.2em;

}



#note .date,

#note .address{

margin-bottom:1em;

}

#note .best_regards{

margin-top:1em;

}







/*==========================================================



新製品のご紹介



==========================================================*/

#new_products{

padding:0 0 2px 0;

margin:0 0 0 0;

list-style:none;

}



#new_products li{

width:36.571em;

min-width:512px;

margin:0 0 14px 0;

padding:0 0 12px 0;

background:url(/img/common/contents_separator.png) left bottom no-repeat;

clear:both;

overflow:hidden;

}

/*IE6*/

* html #new_products li{

width:512px;

margin:0 0 11px 0;

}

/*IE7*/

*:first-child+html #new_products li{

margin:0 0 11px 0;

}





/*====== 製品 ========*/

#new_products li dl{

float:left;

}



/*====== 製品名 ========*/

#new_products li dl dt{

/*width:27.429em;*/

width:26.286em;

/*min-width:384px;*/

min-width:368px;

min-height:24px;

/*padding:1px 0 0 0;*/

margin:0 0 7px 0;

border-bottom:1px #333333 solid;

color:#535353;

padding:1px 0 0 16px;

background: url(/img/common/marker_splite.png) 0px -234px no-repeat;

}

/*IE6*/

* html #new_products li dl dt{

width:368px;

height:24px;

}



#new_products li dl dt a{

font-weight:bold;

/*background: url(/img/common/marker_splite.png) 0px -236px no-repeat;*/

/*padding:0 15px 1px 16px;*/

padding:0 15px 1px 0;

}

#new_products li dl dt span{

white-space:nowrap;

}



#new_products li dl dd {

width:27.429em;

min-width:384px;

margin:0 0 6px 0;

}

/*IE6*/

* html #new_products li dl dd {

width:384px;

}



/*====== 製品イメージ ========*/

#new_products li .products_image {

width:120px;

min-width:120px;

height:124px;

padding:2px 8px 0 0;

margin:0;

float:left;

}



/*====== 説明文 ========*/

#new_products li dl dd.explanation p{

margin:0 0 0 16px;

}



/*====== 郵便番号検索 ========*/

#new_products li dl dd.zip_search a{

padding:0 8px 0 16px;

font-weight:bold;

background:url(/img/common/marker_splite.png) 0px -351px no-repeat;

}



/*==========================================================



サポートからのお知らせ



==========================================================*/

#support_info{

width:504px;

height:48px;

list-style:none;

padding:2px 0 0 8px;

margin:0 0 16px 0;

background:url(/img/common/contents_separator.png) left bottom no-repeat;

}



#support_info li{

float:left;

padding:0 8px 0 0;

}



/*==========================================================



アップデートプログラム



==========================================================*/

#contents #update {

padding:0 0 6px 8px;

}

/*IE6*/

* html #contents #update {

padding:0 0 5px 8px;

}

/*IE7*/

*:first-child+html #contents #update {

padding:0 0 5px 8px;

}



#update_pg{

min-width:495px;

padding:1px 0 10px 8px;

margin:0 0 16px 0;

list-style:none;

}

#update_pg li{

margin:0;

padding:0 0 7px 0;

}

#update_pg li a{

font-weight:bold;

background:url(/img/common/marker_splite.png) 0px -235px no-repeat;

padding:0 0 0 16px;

display:block;

}

* html #update_pg li a{

display:inline-block;

}





/*==========================================================



What's New



==========================================================*/

#update_history{

min-width:495px;

padding:1px 0 10px 8px;

margin:0 0 15px 0;

list-style:none;

}

/*IE6*/

* html #update_history{

width:auto;

padding:1px 0 9px 8px;

}

/*IE7*/

*:first-child+html #update_history{

padding:1px 0 9px 8px;

}



#update_history li{

padding:0 0 7px 0;

}



#update_history li a{

font-weight:bold;

background:url(/img/common/marker_splite.png) 0px -235px no-repeat;

padding:0 0 0 16px;

display:block;

}

* #update_history li a{

display:inline-block;

}