@charset "UTF-8";
/* CSS Document */



html{ width:100%; height:100%;}
body{ width:100%; height:100%; padding:0; margin:0;}


img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

h1{ margin: 0px; padding: 0px; display:inline-block; }
h2{ margin: 0px; padding: 0px;display:inline-block;  }
h3{ margin: 0px; padding: 0px; }
h4{ margin: 0px; padding: 0px; }

.box-cr{ margin: 0px; padding: 0px; clear: both; float: none; }
.group-box{ margin: 0px; padding: 0px; float: none; }

body.top{ background-color: #000000; background-image: url(../img/top_bg.gif); background-repeat: repeat-x; background-position: 0px 0px; color: #cccccc;  }
body.product{ background-color: #ffffff; background-image: url(../img/product_bg.gif); background-repeat: repeat-x; background-position: 0px 0px; color: #666666;  }
body.second{ background-color: #ffffff; background-image: url(../img/second_bg.gif); background-repeat: repeat-x; background-position: 0px 0px; color: #666666;  }
body.mail{ background-color: #ffffff; background-image: url(../img/mail_bg.gif); background-repeat: repeat-x; background-position: 0px 0px; color: #666666;  }


a:link{ color: #FF6600; text-decoration: none; }
a:visited{ color: #FF6600; text-decoration: none; }
a:hover{ color: #FF9900; text-decoration: underline; }

.base{ padding: 0px; float: none; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 820px; }
.base-padd{ margin: 0px; float: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; text-align: left; }

/*header▼*/
.header{ margin: 0px; float: none; padding-top: 7px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; background-image: url(../img/logo_top.gif); background-repeat: no-repeat; background-position: 10px 0px; }
.header h1{ margin: 0px; float: left; width: 355px; height:33px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 122px; }
.header h2{ margin: 0px; padding: 0px; float: right; width: 140px;  height:33px}

.header-product{ margin: 0px; float: none; padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(../img/logo_product.gif); background-repeat: no-repeat; background-position: 10px 0px; }
.header-product h1{ margin: 0px; float: left; width: 355px; height:33px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 122px; }
.header-product h2{ margin: 0px; float: right; width: 140px; height:33px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }

.header-second{ margin: 0px; float: none; padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(../img/logo_second.gif); background-repeat: no-repeat; background-position: 10px 0px; }
.header-second h1{ margin: 0px; float: left; width: 355px; height:33px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 122px; }
.header-second h2{ margin: 0px; float: right; width: 140px; height:33px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }

h3.main-copy{ margin: 0px; clear: left; float: none; position: absolute; padding-top: 17px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.second-main{ margin: 0px; padding: 0px; float: right; }
/*header▲*/

/*navi▼*/
.navi-base{ padding-top: 18px; padding-right: 0px; padding-bottom: 28px; padding-left: 0px; margin: 0px; float: left; overflow: hidden;  }
.navi-base-second{padding-top: 18px; padding-right: 0px; padding-bottom:11px; padding-left: 0px; margin: 0px; float: left; overflow: hidden;}
ul.navi{ float: left; display: inline-block; white-space: nowrap; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
ul.navi li{ display: block; margin: 0px; float: left; height: 24px; list-style-type: none; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; font-size: 0px; line-height: 0px; }
ul.navi li.st{ padding-left: 122px; }
ul.navi li.nolink{ filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
/*navi▲*/

/*sub-navi▼*/
.subnavi-base{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 31px; margin: 0px; overflow: hidden; float: none; clear: both;  }
.subnavi-base2{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 222px;margin: 0px;overflow: hidden;float: none; }
ul.subnavi{ display: inline-block; margin: 0px; height: 29px; font-size: 0px; line-height: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
ul.subnavi li{ display: inline-block; margin: 0px; padding: 0px; float: left; height: 29px; list-style-type: none; font-size: 0px; line-height: 0px; }
ul.subnavi li.str{ background-image: url(../img/subnavi_str.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 1px; }
ul.subnavi li.end{ background-image: url(../img/subnavi_end.gif); background-repeat: no-repeat; background-position: 100% 0px; padding-right: 1px; }
/*sub-navi▲*/

/*pankuzu▼*/
.pankuzu-base{margin: 0px;padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px;float: none; }
ul.pankuzu{ font-size: 10px; color: #999999; margin: 0px; padding: 0px; float: none; display: block;  }
ul.pankuzu li{ display: inline; list-style-type: none; margin: 0px; padding: 0px; }
ul.pankuzu li a{ padding-right: 5px; padding-left: 5px; }
ul.pankuzu li.stay{}
ul.pankuzu li.stay span{ padding-left: 5px;color: #333333; }
/*pankuzu▲*/

/*content-top▼*/
*html .top-content{ float:left;}
.top-content{ background-image: url(../../top_img/main.jpg); background-repeat: no-repeat; background-position: 100% 0px; margin: 0px;  padding-top: 135px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.top-content h3{ float: none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; display: block;  clear: both; }
/*content-top▲*/

/*content-second▼*/
#content{ margin: 0px; float: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; text-align: left; background-color: #ffffff;}
#content p{ display: block; float: none; }
#content p.honbun{ font-size: 12px; line-height: 2em; }
#content h4.midashi{ background-image: url(../img/midashi_base.gif); background-repeat: repeat-x; background-position: 0px 100%; margin: 0px; clear: both; float: none; padding-top: 35px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; }

/*▼01*/
.product-left{ margin: 0px; padding: 0px; float: left; width: 340px; }
.product-right{ margin: 0px; padding: 0px; float: right; width: 425px; }
.blue-hukidahi-base{ background-color: #96badf; font-size: 11px; line-height: 1.65em; color: #333333; margin: 0px; clear: both; float: none; padding-top: 10px; padding-right: 17px; padding-bottom: 12px; padding-left: 17px; background-image: url(../../product/img/top/kakomi02.gif); background-repeat: no-repeat; background-position: 0px 100%; }
.product-top-f{ margin: 0px; float: none; padding: 0px; }
.product-top-f dl{ margin: 0px; float: none; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: left; }
.product-top-f dt{ margin: 0px; padding: 0px; float: none; }
.product-top-f dt.title{ margin: 0px;  padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.product-top-f dt.photo-left{ padding: 0px; float: left; width: 205px; margin: 0px; }
.product-top-f dd{ font-size: 12px; line-height: 1.65em; margin: 0px;  padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.product-top-f dd span{ display: block; margin: 0px; float: right; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; bottom:0%;}
.product-top-f dd span.cap{ font-size: 11px; line-height: 1.65em; color: #999999; margin: 0px; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
/*▲01*/

/*▼02*/
.feature{ margin: 0px; padding: 0px; float: none; }
.feature h4{ margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.feature dl{ margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.feature dt{ margin: 0px; padding: 0px; }
.feature dt.midashi{ margin: 0px; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.feature dt.photo-R{ margin: 0px; float: right; width: 300px; text-align: right; padding: 0px; }
.feature dd{ font-size: 12px; line-height: 1.65em; margin: 0px; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.feature dd.icon{ margin: 0px; float: none; padding-top: 5px; }
.feature dd.cap{ font-size: 10px; line-height: 1.65em; color: #999999; padding-top: 10px; }
.feature dt.photo-R span{ font-size: 11px; line-height: 1.65em; color: #004992; text-align: left; display: block; margin: 0px; clear: both; float: none; padding-top:0px; padding-right: 5px; padding-bottom: 10px; padding-left: 15px; background-color: #FFFFFF; }
/*▲02*/

/*▼03*/
.example{ margin: 0px; padding: 0px; float: none; }
.example h4{ margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; display:block;}
.example span{ font-size: 13px; line-height: 1.65em; margin: 0px; float: none; padding-top:25px; padding-right: 10px; padding-bottom: 25px; padding-left: 65px; clear: both; display: block; }
.example span.cap{ font-size: 10px; line-height: 1.65em; color: #999999; padding-top: 10px; }
.example span.img{ margin: 0px; float: none; padding-top: 0px; padding-right: 10px; padding-left: 10px; }
/*▲03*/

/*▼かんたんセット*/
.kantan{ margin: 0px; padding: 0px; float: none; }
.kantan div.pro{ margin: 0px; padding: 0px; float: none; text-align: left; clear: both; background-image: url(../../product/img/kantan/product_img.jpg); background-repeat: no-repeat; background-position: 100% 15px; width: 800px; height: 505px; }
.kantan div.pro p.honbun{ font-size: 12px; line-height: 1.5em; color: #666; display: block; margin: 0px; clear: both; float: none; width: 255px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.kantan div.name{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
.kantan div.copy{margin: 0px; clear: both; float: none;padding: 0px;}
.kantan div.icon{ margin: 0px; clear: both; float: none; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.kantan h4{ margin: 0px; clear: both; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; display: block; }
.kantan dl{ margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.kantan dt{ margin: 0px; padding: 0px; }
.kantan dd table{ background-color: #999; }
.kantan dd table.no-color{ background-color: #fff; }
.kantan dd table th{ font-size: 11px; line-height: 1.65em; color: #333; background-color: #d5e5f5; }
.kantan dd table td{font-size: 11px; line-height: 1.65em; color: #666; background-color:#FFF; }
.kantan dd table td.no-color{ background-color: #FFF; padding-bottom: 7px; }
.kantan dt.midashi{ margin: 0px; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.kantan dt.photo-R{ margin: 0px; float: right; text-align: right; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
.kantan dd{ font-size: 12px; line-height: 1.65em; margin: 0px; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.kantan dd.icon{ margin: 0px; float: none; padding-top: 5px; }
.kantan dd.cap{ font-size: 10px; line-height: 1.65em; color: #999999; padding-top: 10px; }
.kantan dt.photo-R span{ font-size: 11px; line-height: 1.65em; color: #004992; text-align: left; display: block; margin: 0px; clear: both; float: none; padding-top:0px; padding-right: 5px; padding-bottom: 10px; padding-left: 15px; background-color: #FFFFFF; }
.kantan div.midashi-K{ margin: 0px; clear: both; float: none; padding-top: 50px; padding-right: 0px; padding-bottom: px; padding-left: 0px; }
.kantan div.soft{ margin: 0px; clear: both; float: none; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.kantan div.soft div.soft-left{ margin: 0px; padding: 0px; float: left; width: 420px; } 
.kantan div.soft div.soft-right{ margin: 0px; padding: 0px; float: left; width: 370px; } 
.kantan div.soft div.soft-right dl{ margin: 0px; padding: 0px; clear: both; float: none; } 
.kantan div.soft div.soft-right dl dt{ margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; } 
.kantan div.soft div.soft-right dl dd{ font-size: 11px; line-height: 1.5em; color: #666; margin: 0px; clear: both; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } 

/*▲かんたんセット*/

/*▼04*/
.parts{ text-align: center; margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; }
/*▲04*/

/*▼05*/
.spec{ margin: 0px; padding: 0px; float: none; }
.spec h4{ margin: 0px; clear: both; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; }
.spec table{ background-color: #999999;  }
.spec td{ font-size: 11px; line-height: 1.65em; color: #666666; text-align: left; vertical-align: top; padding:3px; background-color: #FFFFFF; }
.spec td.title{ color: #333333; font-size: 11px; line-height: 1.65em; font-weight: 500; white-space: nowrap; background-color: #d5e5f5; }
.spec td.title2{ color: #333333; font-size: 11px; line-height: 1.65em; font-weight: 500; white-space: nowrap; background-color: #c4d4e4; }
.spec td.sub-title{ color: #333333; font-size: 11px; line-height: 1.65em; font-weight: 400; white-space: nowrap; background-color: #d5e5f5; }
.spec td.sub-title2{ color: #333333; font-size: 11px; line-height: 1.65em; font-weight: 400; white-space: nowrap; background-color: #c4d4e4; }
.spec td.grey{ background-color: #eeeeee; }
.spec-cap{ font-size: 9px; line-height: 1.65em; color: #999999; padding-top: 10px; }
.tabele-wid{ margin: 0px; float: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.spec-left{ margin: 0px; padding: 0px; float: left; width: 465px; }
.spec-left span{ margin: 0px; padding: 0px; float: left; vertical-align: top; }
.spec-right{ margin: 0px; padding: 0px; float: right; width: 310px; }
/*▲05*/

/*content-second▲*/


/*topics▼*/
.topics-cont{ margin: 0px; float: none; padding: 0px; }
.topics-cont h4{ background-image: url(../img/title_base.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; float: left; height: 40px; padding: 0px; width: 800px; }
.topics-cont h4 span.right{ margin: 0px; float: right; width: 130px; text-align: right; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }
.topics-cont h4 span.left{ margin: 0px; float: left; width: 350px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.topics-cont-kakomi01{ margin: 0px; padding: 0px; clear: none; float: none; height: 25px; width: 800px; background-image: url(../../topics/img/kakomi01.gif); background-repeat: no-repeat; background-position: 0px 15px; }
.topics-cont-kakomi02{ margin: 0px; float: none; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; background-image: url(../../topics/img/kakomi02.gif); background-repeat: repeat-y; background-position: 0px 0px; }
.topics-cont-kakomi-t{ font-size: 12px; line-height: 2em; color: #666666; display: block; margin: 0px; float: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.topics-cont-kakomi02 h5{ font-size: 16px; line-height: 1.65em; font-weight: 500; color: #333333; background-image: url(../../topics/img/icon_topics_midashi.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; float: none; padding-top: 2px; padding-right: 0px; padding-bottom: 17px; padding-left: 35px; }
.topics-cont-kakomi03{ margin: 0px; padding: 0px; clear: none; float: none; height: 10px; width: 800px; background-image: url(../../topics/img/kakomi03.gif); background-repeat: no-repeat; background-position: 0px 0px; }

.topics-cont dl{ background-image: url(../img/tensen02.gif); background-repeat: repeat-x; background-position: 0px 100%; margin: 0px; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; text-align: left; }
.topics-cont dt{ font-weight: 600;font-size: 12px; line-height: 1.5em; color: #333333; display: block; margin: 0px; background-image: url(../../topics/img/icon_list.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 13px; float: none; }
.topics-cont dl.report dt{ background-image: url(../../report/img/icon_list.gif);}
.topics-cont dt a{ display:block;font-weight: 400;}
.topics-cont dt a:link{ color: #333333; text-decoration: none; }
.topics-cont dt a:visited{ color: #333333; text-decoration: none; }
.topics-cont dt a:hover{ color: #666666; text-decoration: underline; }
.topics-cont dt.new span{ padding-right: 35px; display: block; background-image: url(../../topics/img/new.gif); background-repeat: no-repeat; background-position: 100% 0px; }
.topics-cont h6{ margin: 0px; float: none; padding-top: 25px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; }
/*topics▲*/

/*contact▼*/
.contact{ margin: 0px; float: none; padding: 0px; }
.contact h4{ background-image: url(../img/title_base.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; float: left; height: 40px; width: 800px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.contact h4 span.left{ margin: 0px; float: left; width: 350px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.contact-form-base{ margin: 0px; float: none; padding-top: 15px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.contact-form-base p{ font-size: 12px; line-height: 2em; color: #333333; margin: 0px; float: none; display: block; padding: 0px; }
.contact-form-base p.cap{ font-size: 11px; line-height: 1.65em; color: #999999; margin: 0px; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

form{ margin: 0; float: none; padding-top: 15; padding-right: 0; padding-bottom: 0; padding-left: 0; }
input.fbox { background-color: #eee; border: solid 1px #ccc }
td.f1title{ color: #333; font-size: 12px; line-height: 1.5em; background-image: url(../../contact/img/form_icon.gif); background-repeat: no-repeat; background-position: 10px 50%; padding-left: 23px; }
/*contact▲*/


/*topics-top▼*/
.topics{ margin: 0px; padding: 0px; float: left; width: 570px;  }
.topics-title{ background-image: url(../../top_img/info_base.gif); background-repeat: repeat-x; background-position: 0px 100%; margin: 0px; padding: 0px; float: none; height: 22px; }
.topics-title ul{ margin: 0px; padding: 0px; float: right; }
.topics-title ul li{ margin: 0px; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; display: inline-block; list-style-type: none; }
.topics dl{ background-image: url(../img/tensen01.gif); background-repeat: repeat-x; background-position: 0px 100%; margin: 0px; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; text-align: left; }
.topics dt{ font-size: 11px; line-height: 1.5em; color: #CCCCCC; display: block; margin: 0px; background-image: url(../img/icon_news.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 13px; float: none; }
.topics dt a{display:block;}
.topics dt a:link{ color: #CCCCCC; text-decoration: none; }
.topics dt a:visited{ color: #CCCCCC; text-decoration: none; }
.topics dt a:hover{ color: #ffffff; text-decoration: underline; }
.topics dt.new a span{ padding-right: 35px; display: block; background-image: url(../img/icon_new.gif); background-repeat: no-repeat; background-position: 100% 0px; }
.topics dl.report dt{ background-image: url(../img/icon_report.gif); }
.white10{ margin: 0px; float: none; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }
.white101{ margin: 0px; float: none; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; visibility: hidden; }

/*recommend-top▼*/
.recommend{ margin: 0px; padding: 0px; float: right; width: 200px; }
.recommend-title{ background-image: url(../../top_img/info_base.gif); background-repeat: repeat-x; background-position: 0px 100%; margin: 0px; padding: 0px; float: none; height: 22px; }
.recommend dl{ background-image: url(../img/tensen01.gif); background-repeat: repeat-x; background-position: 0px 100%; margin: 0px; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; text-align: left; }
.recommend dl.banner{ background-image: none; }
.recommend dt.banner{ background-image: none; margin: 0px; padding: 0px; float: none; }
.recommend dt{ font-size: 12px; color: #CCCCCC; background-image: url(../img/icon_recommend.gif); background-position: 3px 50%; background-repeat: no-repeat; display: block; clear: both; float: none; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 13px; }
.recommend dt a{display:block;}
.recommend dt a:link{ color: #CCCCCC; text-decoration: none; }
.recommend  dt a:visited{ color: #CCCCCC; text-decoration: none; }
.recommend  dt a:hover{ color: #ffffff; text-decoration: underline; }
.recommend-padd{ margin: 0px; float: none; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; background-color: #222222; }
/*recommend-top▲*/

/*mail-magazine▼*/
.mail-magazine{ margin: 0px; padding: 0px; float: none; }
.mail-magazine h4{ margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.mail-magazine dl{ margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.mail-magazine dt{ margin: 0px; padding: 0px; }
.mail-magazine dt.midashi{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; display: block; }
.mail-magazine dt.photo-R{ margin: 0px; float: right; width: 210px; text-align: right; padding: 0px; }
.mail-magazine dd{ font-size: 12px; line-height: 2em; margin: 0px; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.mail-magazine dd.icon{ margin: 0px; float: none; padding-top: 5px; }
.mail-magazine dd.cap{ font-size: 10px; line-height: 1.65em; color: #999999; padding-top: 10px; }
.mail-magazine dt.photo-R span{ font-size: 11px; line-height: 1.65em; color: #004992; text-align: left; display: block; margin: 0px; clear: both; float: none; padding-top:0px; padding-right: 5px; padding-bottom: 10px; padding-left: 15px; background-color: #FFFFFF; }
.mail-magazine dd.sp-bar{ background-image: url(../img/midashi_base.gif); background-repeat: repeat-x; background-position: 0px 50%; margin: 0px; clear: both; float: none; padding-top: 30px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; }
.mail-magazine h4{ margin: 0px; float: none; padding-top: 40px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; display: block;}
.mail-magazine h4 a.list{ margin: 0px; clear: both; float: right; padding-left: 15px; display: block; text-align: right; padding-top: 3px; }
.mail-magazine dl.magazine-list{ background-image: url(../img/tensen02.gif); background-repeat: repeat-x; background-position: 0px 100%; margin: 0px; float: none; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
.mail-magazine dl.magazine-list dt{ background-image: url(../../mailmagazine/img/icon_title.gif); background-repeat: no-repeat; background-position: 0px 50%; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 65px; display: block; }

.mail-magazine dl.grey{ background-color: #eeeeee; } 
.mail-magazine dl.top{ padding-top: 0px; } 
.mail-magazine dl.magazine-list dt span.date{ font-size: 12px; line-height: 1.65em; font-weight: bold; color: #007f24; margin: 0px; float: none; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; display: block; clear: both; }
.mail-magazine dl.magazine-list dt span.midashi{ margin: 0px; padding: 0px; float: none; font-size: 14px; line-height: 1.65em; color: #333333; display: block; background-image: url(../../mailmagazine/img/button_syousai.gif); background-repeat: no-repeat; background-position: 100% 50%; }
.mail-magazine dl.magazine-list dt span.midashi02{ margin: 0px; padding: 0px; float: none; font-size: 14px; line-height: 1.65em; color: #333333; display: block; background-image:none; }
.mail-magazine dl.magazine-list dt span.button{ margin: 0px; float: right; display: block; padding: 0px; width: 100px; text-align: right; display: block;}
.mail-magazine dl.magazine-list dt a{ display: block; }
.mail-magazine dl.magazine-list dt a:link{ color: #333333; text-decoration: none; }
.mail-magazine dl.magazine-list dt a:visited{ color: #333333; text-decoration: none; }
.mail-magazine dl.magazine-list dt a:hover{ color: #666666; text-decoration: underline; }
.mail-magazine dl.magazine-list dd{  }
.mail-magazine ul.list-navi{ text-align: right; display: block; margin: 0px; float: right; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; }
.mail-magazine ul.list-navi li{ display: block; margin: 0px; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; }
.mail-magazine ul.list-navi li.bunsu{ font-size: 14px; font-weight: bold; color: #333333; text-align: center; } 
.mail-magazine div.magazine-kakomi-t{ font-size: 12px; line-height: 1.65em; color: #666666; margin: 0px; float: none; padding-top: 15px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.mail-magazine p{ font-size: 12px; line-height: 2em; color: #333333; margin: 0px; float: none; display: block; padding-top: 15px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;  }
.mail-magazine p.cap{ font-size: 11px; line-height: 1.65em; color: #999999; margin: 0px; float: none; padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.mail-magazine ul.error{ margin: 0px; float: none; padding-top: 15px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; list-style-type: none; }
.mail-magazine ul.error li{ font-size: 12px; line-height: 2em; color: #2080CE; }
/*mail-magazine▲*/


/*footer▼*/
.footer{ margin: 0px; float: none; padding-top: 35px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: right; width: 100%; bottom: 0%;}
.footer-padd{ padding: 0px; float: none; width: 800px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
ul.under-link{ font-size: 10px; line-height: 1.5em; margin: 0px; padding: 0px; float: none; white-space: nowrap; }
ul.under-link li{ border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; display: inline; padding-left: 5px; padding-right: 5px; list-style-type: none; }
ul.under-link li.end{ border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; display: inline; list-style-type: none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC;  }
.copyright{ margin: 0px; clear: both; float: none; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.footer p.caption{ font-size: 9px; color: #666666; white-space: nowrap; margin: 0px; clear: both; float: none; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; line-height: 1.3em; }
.footer-bg{ background-image: url(../img/top_footer_bg.gif); background-repeat: repeat-x; background-position: 0px 5px; margin: 0px; float: none; padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.footer-bg-w{ background-image: url(../img/second_footer_bg.gif); background-repeat: repeat-x; background-position: 0px 5px; margin: 0px; float: none; padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
/*footer▲*/

/*font size▼*/
.c10{ font-size: 10px; line-height: 1.65em; }
.c11{ font-size: 11px; line-height: 1.65em; }
.c11-2em{ font-size: 11px; line-height: 2em; }
.c12{ font-size: 12px; line-height: 1.65em; }
.c12-2em{ font-size: 12px; line-height: 2em; }
.c13{ font-size: 13px; line-height: 1.65em; }
.c14{ font-size: 14px; line-height: 1.65em; }
.c16{ font-size: 16px; line-height: 1.60em; }
/*font size▲*/

@media print {
.kantan div.pro{ margin: 0px; padding: 0px; float: none; text-align: left; clear: both; background-image: url(../../product/img/kantan/product_img.jpg); background-repeat: no-repeat; background-position: 100% 15px; width: 800px; }
body.product{background-image: none;}
body.second{background-image:none;}
.footer{display:none;}
.header-product{display:none;}
.header-second{display:none;}

}