@charset "UTF-8";
/* 初期化 */
* { margin: 0px auto; padding: 0px;}

/* 共通 */
body{
 background: #FFF;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 14px;
 font-family: "ＭＳ Ｐゴシック","MS Pgothic","メイリオ",Meiryo,Osaka,Verdana,Arial,sans-serif;
 line-height: 100%;
 text-align: left;
 text-decoration: none;
 color: #000;
}

/* ヘッダー */
#head{ width: 100%;  background: #036;}
#head p{ width: 950px; background: url(./img/head02.gif) right no-repeat;}
#navi{ background: url(./img/home.gif) left no-repeat; padding: 10px 0px 10px 30px; line-height: 180%;}
#navi ul{ list-style-type: none;}
#navi li{ display: inline; padding-right: 15px;}
.path{ background: url(./img/navi.gif) right no-repeat;}
#tab { width: 950px;}
#tab ul{ list-style-type: none;}
#tab li{ display: inline; float: left;}
#tab a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}

/* レイアウト全体 */
#all{ width: 950px;}
#container{ padding: 20px 0px;}

/* メイン */
#main{ width: 710px; float: right; margin-left: 20px;}

/* メニュー */
#menu{ width: 220px; float: left;}
#category ul{ list-style-type: none;}
#category li{ border-bottom: 1px solid #DDD; letter-spacing: 1px;}
#category a{ display: block; padding: 20px 0px;}
.desk{ background: url(./img/menu/desk.jpg) right no-repeat;}
.chair{ background: url(./img/menu/chair.jpg) right no-repeat;}
.meeting-chair{ background: url(./img/menu/meeting-chair.jpg) right no-repeat;}
.table{ background: url(./img/menu/table.jpg) right no-repeat;}
.cabinet{ background: url(./img/menu/cabinet.jpg) right no-repeat;}
.locker{ background: url(./img/menu/locker.jpg) right no-repeat;}
.shoes-box{ background: url(./img/menu/shoes-box.jpg) right no-repeat;}
.partition{ background: url(./img/menu/partition.jpg) right no-repeat;}
.whiteboard{ background: url(./img/menu/whiteboard.jpg) right no-repeat;}
.reception{ background: url(./img/menu/reception.jpg) right no-repeat;}
.counter{ background: url(./img/menu/counter.jpg) right no-repeat;}
.entrance{ background: url(./img/menu/entrance.jpg) right no-repeat;}
.executive{ background: url(./img/menu/executive.jpg) right no-repeat;}
.accessory{ background: url(./img/menu/accessory.jpg) right no-repeat;}
.electronic{ background: url(./img/menu/electronic.jpg) right no-repeat;}
.kids{ background: url(./img/menu/menu-kids.jpg) right no-repeat;}
.medical{ background: url(./img/menu/menu-medical.jpg) right no-repeat;}
.latest{ background: #EEE; padding: 10px 10px 20px 10px;}
.latest p{ font-size: 12px;}
.latest b{ font-weight: bold; color: #393;}

/* フッター */
#foot{ width: 100%; background: #036;}
#foot a{ color: #CCE;}
.footarea{ width: 950px;}
.footarea img{ float: left; border-right: 1px solid #CCE;}
.footnavi ul{ list-style-type: none;}
.footnavi li{ display: inline; padding-left: 20px; letter-spacing: 1px;}
.arrow{ background: url(./img/foot/foot.gif) left no-repeat;}

/* トップページ */
.usp { width: 710px;}
.usp p{ line-height: 150%;}
.usp img{ padding-bottom: 10px;}
.usp table{ vertical-align: middle; border-collapse: collapse;}
.usp td{ width: 230px; background: url(./img/usp-bg.gif) no-repeat;}
.support{ width: 710px;}
.support p{ float: left; width: 390px; line-height: 180%;}
.support img{ float: right;}
.select{ width: 710px;}
.select table{ vertical-align: middle; border-collapse: collapse;}
.select td{ text-align: center; border: 2px solid #FFF; letter-spacing: 1px;}
.recommend{ width: 710px;}
.recommend table{ vertical-align: middle; border-collapse: collapse;}
.recommend td{ padding: 7px; letter-spacing: 2px;}
.recommend1{ float: left; width: 220px; text-align: center; padding: 0px 6px;}
.recommend1 img{ width: 220px; height: 220px;}
.recommend1 p{ font-size: 14px; letter-spacing: 2px;}
.news{ list-style: none; overflow: auto; height: 310px;}
.news li{ border-bottom: 1px solid #DDD; padding: 15px 0px 10px 0px;}
.news img{ float: left; border: 1px solid #DDD;}
.news a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.news b{ font-weight: bold; color: #393;}
.top-h1{ background: url(./img/headline03.gif) no-repeat; font-size: 14px; color: #000; font-weight: bold; letter-spacing: 3px; padding: 8px 0px 8px 35px;}
.top-h2{ background: url(./img/headline04.gif) no-repeat; font-size: 14px; color: #000; font-weight: bold; letter-spacing: 3px; padding: 8px 0px 8px 35px;}
.top-h3{ background: url(./img/headline05.gif) no-repeat; font-size: 14px; color: #000; font-weight: bold; letter-spacing: 3px; padding: 8px 0px 8px 35px;}
.top-h4{ background: url(./img/headline06.gif) no-repeat; font-size: 14px; color: #000; font-weight: bold; letter-spacing: 3px; padding: 8px 0px 8px 35px;}
.top-usp{ width: 710px;}
.top-usp table{ vertical-align: middle; border-collapse: collapse; text-align: center;}
.top-usp td{ width: 200px; line-height: 150%; padding: 10px 20px; letter-spacing: 2px;}
.top-cate{ width: 710px; margin: 0px auto; padding: 0px auto;}
.top-cate b{ font-size: 16px; color: #000; font-weight: bold; margin-left: 10px;}
.top-cate table{ vertical-align: middle; border-collapse: collapse; text-align: left;}
.top-cate td{ width: 240px;}
.top-cate ul{ list-style-type: none;}
.top-cate li{ line-height: 210%; padding-left: 20px; letter-spacing: 1px;}
.top-cate-bg{ background: url(./img/cate-bg.jpg) no-repeat;}
.pickup{ width: 710px;}
.pickup table{ vertical-align: middle; border-collapse: collapse;}
.pickup td{ width: 340px; line-height: 150%;}
.pickup img{ width: 340px; height: 220px;}
.pickup p{ font-size: 16px; line-height: 150%;}
.pickup b{ font-weight: bold; color: crd;}

/* カテゴリ */
.cate{ padding: 15px 0px;}
.cate img{ float: left; margin-right: 20px; border: 1px solid #CCC;}
.cate a img{ border: 1px solid #CCC;}
.cate a:hover img{ border: 1px solid #900;}
.cate0 table{ vertical-align: middle; border-collapse: collapse; width: 710px; margin: 0 auto; padding: 0px;}
.cate0 td{ margin: 0 auto; padding: 10px; border: 1px solid #FFF; color: #333;}
.cate1{ background: #EEE; padding: 10px; height: 200px;}
.cate2{ float: left;}
.cate2 p{ text-align: center; line-height: 150%; margin-top: 10px;}
.cate2 img{ border: 1px solid #CCC; margin: 0 auto; padding: 0px;}
.cate2 a img{ border: 1px solid #CCC;}
.cate2 a:hover img{ border: 1px solid #900;}

/* NEWカテゴリ */
.nb-cate{ background: #BDE; padding: 10px; margin: 0px auto; border: none;}
.nb-cate a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.ns-cate{ float: left; width: 330px; background: #BDE; padding: 10px; margin: 0px auto; border: none;}
.ns-cate a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}

/* オカムラ カテゴリ */
.block-l{ width: 710px; margin: 0px auto; border: none;}
.block-l a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.block-m{ float: left; width: 345px; margin: 0px auto; border: none;}
.block-m a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.block-s{ float: left; width: 220px; margin: 0px auto; border: none;}
.block-s a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}

/* 商品一覧（シリーズ） */
.common0{ background: #EEE;}
.common0 ul{ list-style-type: none;}
.common0 li{
 border-bottom: 1px solid #CCC;
 background: url(./img/common/common0.gif) no-repeat;
 padding: 0px 0px 8px 20px;
 margin: 10px 5px;
 letter-spacing: 2px;
}
.item0{ border-bottom: 1px solid #000; padding: 10px 0px;}
.item0 table{ vertical-align: middle; border-collapse: collapse; width: 710px; margin: 0 auto; padding: 0px;}
.item0 td{ padding: 10px;}
.item0 ul{ list-style-type: none;}
.item0 li{ border-bottom: 1px solid #DDD; background: url(./img/common/common1.gif) no-repeat; padding: 0px 0px 10px 20px; margin: 10px 0px; letter-spacing: 2px;}
.item0 a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.item1{ padding: 20px 0px;}
.item1 table{ vertical-align: middle; border-collapse: collapse; width: 360px;}
.item1 td{ text-align: center;}
.item1 td p{ padding: 3px 0px 12px 0px; font-size: 12px; line-height: 120%;}
.item1 td img{ border: 1px solid #CCC;}
.item1 td a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.item1 td a:active{ color: #900;}
.item1 td a:visited{ color: #000;}
.tr-bg{ height: 30px; background: #EEE; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.item2{ padding: 20px 0px;}
.item2 table{ vertical-align: middle; border-collapse: collapse; width: 360px;}
.item2 td{ border-bottom: 1px solid #CCC;}
.item2 td p{ font-size: 12px; line-height: 150%;}
.item2 td img{ border: 1px solid #CCC;}
.item2 td a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.item2 td a:active{ color: #900;}
.item2 td a:visited{ color: #000;}
.item3{ padding: 10px 0px;}
.item3 table{ vertical-align: middle; border-collapse: collapse; width: 710px;}
.item3 td{ text-align: center;}
.item3 td img{ border: 1px solid #CCC;}
.item3 td a img{ border: 1px solid #CCC;}
.item3 td a:hover img{ border: 1px solid #900;}
.item3 td a:active{ color: #900;}
.item3 td a:visited{ color: #000;}
.item3 ul{ list-style: none; background: #EEE; margin: 0 auto;}
.item3 li{ padding: 5px; line-height: 150%;}
.item4{ padding: 0px auto; margin: 0px auto;}
.item4 table{ vertical-align: middle; border-collapse: collapse; width: 710px;}
.item4 td{ text-align: center;}

.state0{ padding: 0px; margin: 0 auto;}
.state0 ul{ list-style: none;}
.state0 li{ display: inline; padding: 0px; margin: 0 auto; background: #FFF; border: none;}
.state0 img{ border: 1px solid #CCC;}
.state1{ float: right; width: 360px; padding: 10px 0px; margin: 0 auto; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.state1 table{ vertical-align: middle; border-collapse: collapse;}
.state1 td{ text-align: left; padding: 0px 5px;}
.state1 td p{ padding: 0px; margin: 0 auto; text-align: right; line-height: 150%;}
.state1 ul{ list-style: none;}
.state1 li{ display: inline; padding: 0px; margin: 0 auto;}
.state1 img{ border: 1px solid #CCC;}
.key{ margin: 0 auto; padding: 0px;}
.key table{ vertical-align: middle; border-collapse: collapse; width: 680px;}
.key td{ border: 1px solid #DDD; padding: 10px;}
.key td p{ text-align: left;}
.key td img{ text-align: center;}

/* 商品詳細 */
.detail{ width: 265px; float: right;}
.detail-state{ margin: 0 auto;}
.detail-state p{ display: inline;}
.detail-state a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.detail-color{ padding: 10px 10px 3px 10px; border: 1px solid #DDD;}
.detail-color p{ display: inline; padding: 3px;}
.detail-info{ padding-top: 15px; text-align: left; font-size: 12px; letter-spacing: 1px;}
.detail-info table{ vertical-align: middle; border-collapse: collapse; width: 265px;}
.detail-info td{ padding: 5px; line-height: 130%;}
.detail-add{ background: #EEE; padding: 10px 5px;}
.detail-add table{ vertical-align: middle; border-collapse: collapse; width: 265px;}
.detail-add td{ padding: 5px 0px;}
.amount{ width: 25px; font-size: 14px; padding: 2px;}
.detail-code{ margin-bottom: 30px;}
.detail-code table{ vertical-align: middle; border-collapse: collapse; width: 710px;}
.detail-code td{ padding: 10px; letter-spacing: 1px; border-bottom: 1px solid #DDD; line-height: 150%;}
.detail-spec{ background: #EEE; padding: 10px;}
.detail-spec table{ border-collapse: collapse; width: 710px;}
.detail-spec td{ vertical-align: top; padding: 10px;}
.detail-spec img{ padding-right: 20px;}
.detail-spec ul{ list-style: none;}
.detail-spec li{ letter-spacing: 2px; padding: 5px 0px;}
.headline-a{ background: url(./img/common/attention.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 2px 0px 3px 50px;}
.headline-p{ background: url(./img/common/point.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 2px 0px 3px 50px;}
.headline-d{ background: url(./img/common/delivery.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 2px 0px 3px 50px;}
.headline-o{ background: url(./img/common/option.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 2px 0px 3px 50px;}
.headline-m{ background: url(./img/common/assemble.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 2px 0px 3px 50px;}

.detail-point0{ float: left; width: 220px; text-align: center; padding: 0px 6px;}
.detail-point0 img{ width: 220px; height: 220px;}
.detail-point0 p{ font-size: 12px;}
.detail-point1{}
.detail-point2{}
.detail-delivery{ padding: 10px;}
.detail-delivery table{ vertical-align: middle; border-collapse: collapse; width: 690px; font-size: 12px; letter-spacing: 1px;}
.detail-delivery th{ background: #999; color: #FFF; font-weight: bold; text-align: center; padding: 10px;}
.detail-delivery td{ padding: 10px; line-height: 130%; border: 1px solid #999;}
.detail-option{ float: left; text-align: center; padding: 3px;}
.detail-option img{ width: 150px; height: 150px; border: 10px solid #EEE;}
.detail-option a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}

/* インフォ */
.guide{ padding: 10px;}
.guide ul{ list-style-type: none;}
.guide li{ letter-spacing: 1px; padding: 20px;}
.guide a{ margin: 25px;}
.guide-delivery{ background: url(./img/info/delivery.gif) left no-repeat;}
.guide-payment{ background: url(./img/info/payment.gif) left no-repeat;}
.guide-cancel{ background: url(./img/info/cancel.gif) left no-repeat;}
.guide-fax{ background: url(./img/info/print.gif) left no-repeat;}
.guide-legal{ background: url(./img/info/legal.gif) left no-repeat;}
.guide-environment{ background: url(./img/info/environment.gif) left no-repeat;}
.guide-policy{ background: url(./img/info/policy.gif) left no-repeat;}
.guide-glossary{ background: url(./img/info/glossary.gif) left no-repeat;}
.guide-faq{ background: url(./img/info/faq.gif) left no-repeat;}
.delivery{ padding: 10px;}
.delivery table{ vertical-align: middle; border-collapse: collapse; width: 690px; letter-spacing: 1px; text-align: center;}
.delivery caption{ font-weight: bold; text-align: left; letter-spacing: 2px; margin-bottom: 10px;}
.delivery th{ background: #EEE; padding: 10px; border: 1px solid #CCC;}
.delivery td{ border: 1px solid #CCC; padding: 10px; line-height: 150%;}
.delivery b{ color: #900;}
.delivery-list{ background: #EEE; padding: 20px;}
.delivery-list ul{ list-style-type: none;}
.delivery-list li{ padding-bottom: 10px; letter-spacing: 1px; line-height: 150%;}
.delivery-list b{ color: #900;}
.info{ background: #EEE url(./img/info/support.jpg) right no-repeat;}
.fax{ background: url(./img/info/fax/pdf.gif) left no-repeat;}
.fax ul{ list-style-type: none;}
.fax li{ display: inline; letter-spacing: 1px;}
.legal{ padding: 10px;}
.legal table{ vertical-align: middle; border-collapse: collapse; width: 690px; letter-spacing: 1px; text-align: center;}
.legal td{ border: 1px solid #CCC; padding: 10px; line-height: 150%;}
.legal ul{ list-style-type: none;}
.legal li{ padding: 5px 0px; letter-spacing: 1px; line-height: 100%;}
.environment{ padding: 10px;}
.environment ul{ list-style-type: none;}
.environment li{ padding: 10px 35px; letter-spacing: 1px; line-height: 150%;}
.ie{ background: url(./img/info/environment/ie.gif) left no-repeat;}
.firefox{ background: url(./img/info/environment/firefox.gif) left no-repeat;}
.chrome{ background: url(./img/info/environment/chrome.gif) left no-repeat;}
.glossary{ background: #eee; padding: 15px; text-align: center;}
.glossary ul{ list-style-type: none;}
.glossary li{ display: inline; letter-spacing: 1px; padding: 0px 5px;}
.word{ margin: 20px 10px;}
.faq{ margin: 20px 5px 30px 5px;}
.faq p{ background: url(./img/info/faq/q.gif) left no-repeat; margin: 15px 0px; padding-left: 35px; color: #900;}
.qa{ background: #EEE; padding: 10px 5px; margin: 20px 0px;}
.q{ background: url(./img/info/faq/q.gif) left no-repeat; margin-bottom: 15px;}
.q p{ padding-left: 35px; color: #900; font-weight: bold;}
.a{ background: url(./img/info/faq/a.gif) left no-repeat;}
.a p{ padding-left: 35px;}
.a b{ font-weight: bold; color: #900;}
.service-area table{ vertical-align: middle; border-collapse: collapse; margin: 0px auto; padding: 0px;}
.service-area td{ padding: 5px; background: #CEC; text-align: center; line-height: 150%;}

/* ニュースバックナンバー */
.article { line-height: 180%; letter-spacing: 2px;}
.article b{ color: #393;}
.article ul{ list-style-type: none;}
.article li{ border-bottom: 1px dotted #999; padding: 5px 10px; margin-top: 20px;}

/* プロフィール */
.profile{ padding: 0px;}
.profile table{ width: 710px; vertical-align: middle; border-collapse: collapse; text-align: center;}
.profile td{ border-bottom: 1px solid #CCC; letter-spacing: 2px; padding: 15px 0px; line-height: 150%;}

/* サイトマップ */
.sitemap{ padding: 10px;}
.sitemap ul{ list-style-type: none;}
.sitemap li{ letter-spacing: 1px; padding: 20px;}
.sitemap a{ margin: 25px;}
.sitemap-guide{ background: url(./img/sitemap/guide.gif) left no-repeat;}
.sitemap-delivery{ background: url(./img/sitemap/delivery.gif) left no-repeat;}
.sitemap-payment{ background: url(./img/sitemap/payment.gif) left no-repeat;}
.sitemap-cancel{ background: url(./img/sitemap/cancel.gif) left no-repeat;}
.sitemap-fax{ background: url(./img/sitemap/print.gif) left no-repeat;}
.sitemap-legal{ background: url(./img/sitemap/legal.gif) left no-repeat;}
.sitemap-environment{ background: url(./img/sitemap/environment.gif) left no-repeat;}
.sitemap-policy{ background: url(./img/sitemap/policy.gif) left no-repeat;}
.sitemap-glossary{ background: url(./img/sitemap/glossary.gif) left no-repeat;}
.sitemap-faq{ background: url(./img/sitemap/faq.gif) left no-repeat;}
.sitemap-link{ background: url(./img/sitemap/link.gif) left no-repeat;}
.sitemap-profile{ background: url(./img/sitemap/profile.gif) left no-repeat;}
.sitemap-desk{ background: url(./img/sitemap/desk.jpg) left no-repeat;}
.sitemap-chair{ background: url(./img/sitemap/chair.jpg) left no-repeat;}
.sitemap-meeting-chair{ background: url(./img/sitemap/meeting-chair.jpg) left no-repeat;}
.sitemap-table{ background: url(./img/sitemap/table.jpg) left no-repeat;}
.sitemap-cabinet{ background: url(./img/sitemap/cabinet.jpg) left no-repeat;}
.sitemap-locker{ background: url(./img/sitemap/locker.jpg) left no-repeat;}
.sitemap-shoesbox{ background: url(./img/sitemap/shoesbox.jpg) left no-repeat;}
.sitemap-partition{ background: url(./img/sitemap/partition.jpg) left no-repeat;}
.sitemap-whiteboard{ background: url(./img/sitemap/whiteboard.jpg) left no-repeat;}
.sitemap-reception{ background: url(./img/sitemap/reception.jpg) left no-repeat;}
.sitemap-information{ background: url(./img/sitemap/counter.jpg) left no-repeat;}
.sitemap-entrance{ background: url(./img/sitemap/entrance.jpg) left no-repeat;}
.sitemap-executive{ background: url(./img/sitemap/executive.jpg) left no-repeat;}
.sitemap-accessory{ background: url(./img/sitemap/accessory.jpg) left no-repeat;}
.sitemap-electronic{ background: url(./img/sitemap/electronic.jpg) left no-repeat;}
.sitemap-medical{ background: url(./img/sitemap/medical.jpg) left no-repeat;}
.sitemap-kids{ background: url(./img/sitemap/kids.jpg) left no-repeat;}
.sitemap-okamura{ background: url(./img/sitemap/okamura.jpg) left no-repeat;}
.sitemap-island{ background: url(./img/sitemap/island.jpg) left no-repeat;}
.sitemap-alumi-partition{ background: url(./img/sitemap/alumi-partition.jpg) left no-repeat;}
.sitemap-smoking-room{ background: url(./img/sitemap/smoking-room.jpg) left no-repeat;}
.sitemap-series{ margin: 0px auto; padding: 0px;}
.sitemap-series ul{ padding: 10px;}
.sitemap-series li{ list-style-type: none; background: url(./img/sitemap/series.gif) left no-repeat; letter-spacing: 1px; padding: 15px 20px;}

/* ショッピングカート */


/* サンクス */
.thanks{ padding: 20px; margin: 20px 0px; background: #EEE;}
.flow{ margin: 20px 0px;}
.flow table{ vertical-align: middle; border-collapse: collapse; width: 710px; letter-spacing: 1px;}
.flow td{ padding: 10px;}

/* 見出し */
h1{ font-size: 14px; font-weight: normal; display: inline;}
h2{ font-size: 14px; color: #FFF; background: url(./img/h2.gif) no-repeat; padding: 8px 0px 8px 10px; letter-spacing: 1px;}
h3{ font-size: 14px; color: #FFF; background: url(./img/h2.gif) no-repeat; padding: 8px 0px 8px 10px; letter-spacing: 1px;}

/* リンク */
a{ text-decoration: underline;}
a:link{ color: #000;}
a:hover{ color: #900; text-decoration: none;}
a:active{ color: #900;}
a:visited{ color: #000;}

/* フォント・テキスト */
p{ letter-spacing: 2px; line-height: 180%;}
b{ font-weight: bold;}
strong{ font-weight: bold;}
.f10{ font-size: 10px;}
.f11{ font-size: 11px;}
.f12{ font-size: 12px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.txl{ text-align: left;}
.txc{ text-align: center;}
.txr{ text-align: right;}
.lh10{ line-height: 100%;}
.lh15{ line-height: 150%;}
.lh20{ line-height: 200%;}
.ls1{ letter-spacing: 1px;}
.ls2{ letter-spacing: 2px;}

/* 画像 */
img{ border: none; line-height: 100%;}
.over a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}

/* マージン */
.mg0{ margin: 0px auto;}
.mg1{ margin: 1px;}
.mg3{ margin: 3px;}
.mg5{ margin: 5px;}
.mg10{ margin: 10px;}
.mg15{ margin: 15px;}
.mg20{ margin: 20px;}
.mg25{ margin: 25px;}
.mg30{ margin: 30px;}
.mg40{ margin: 40px;}
.mg50{ margin: 50px;}
.mt1{ margin-top: 1px;}
.mt3{ margin-top: 3px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mb1{ margin-bottom: 1px;}
.mb3{ margin-bottom: 3px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.ml1{ margin-left: 1px;}
.ml3{ margin-left: 3px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml25{ margin-left: 25px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.mr1{ margin-right: 1px;}
.mr3{ margin-right: 3px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr25{ margin-right: 25px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}
.mr50{ margin-right: 50px;}
.mtb1{ margin: 1px 0px;}
.mtb3{ margin: 3px 0px;}
.mtb5{ margin: 5px 0px;}
.mtb10{ margin: 10px 0px;}
.mtb15{ margin: 15px 0px;}
.mtb20{ margin: 20px 0px;}
.mtb25{ margin: 25px 0px;}
.mtb30{ margin: 30px 0px;}
.mtb40{ margin: 40px 0px;}
.mtb50{ margin: 50px 0px;}
.mlr1{ margin: 0px 1px;}
.mlr3{ margin: 0px 3px;}
.mlr5{ margin: 0px 5px;}
.mlr10{ margin: 0px 10px;}
.mlr15{ margin: 0px 15px;}
.mlr20{ margin: 0px 20px;}
.mlr25{ margin: 0px 25px;}
.mlr30{ margin: 0px 30px;}
.mlr40{ margin: 0px 40px;}
.mlr50{ margin: 0px 50px;}

/* パディング */
.pd0{ padding: 0px;}
.pd1{ padding: 1px;}
.pd3{ padding: 3px;}
.pd5{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;}
.pd25{ padding: 25px;}
.pd30{ padding: 30px;}
.pt1{ padding-top: 1px;}
.pt3{ padding-top: 3px;}
.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt30{ padding-top: 30px;}
.pt40{ padding-top: 40px;}
.pt50{ padding-top: 50px;}
.pb1{ padding-bottom: 1px;}
.pb3{ padding-bottom: 3px;}
.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb20{ padding-bottom: 20px;}
.pb25{ padding-bottom: 25px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}
.pl1{ padding-left: 1px;}
.pl3{ padding-left: 3px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl15{ padding-left: 15px;}
.pl20{ padding-left: 20px;}
.pl25{ padding-left: 25px;}
.pl30{ padding-left: 30px;}
.pl40{ padding-left: 40px;}
.pl50{ padding-left: 50px;}
.pr1{ padding-right: 1px;}
.pr3{ padding-right: 3px;}
.pr5{ padding-right: 5px;}
.pr10{ padding-right: 10px;}
.pr15{ padding-right: 15px;}
.pr20{ padding-right: 20px;}
.pr25{ padding-right: 25px;}
.pr30{ padding-right: 30px;}
.pr40{ padding-right: 40px;}
.pr50{ padding-right: 50px;}
.ptb1{ padding: 1px 0px;}
.ptb3{ padding: 3px 0px;}
.ptb5{ padding: 5px 0px;}
.ptb10{ padding: 10px 0px;}
.ptb15{ padding: 15px 0px;}
.ptb20{ padding: 20px 0px;}
.ptb25{ padding: 25px 0px;}
.ptb30{ padding: 30px 0px;}
.ptb40{ padding: 40px 0px;}
.ptb50{ padding: 50px 0px;}
.plr1{ padding: 0px 1px;}
.plr3{ padding: 0px 3px;}
.plr5{ padding: 0px 5px;}
.plr10{ padding: 0px 10px;}
.plr15{ padding: 0px 15px;}
.plr20{ padding: 0px 20px;}
.plr25{ padding: 0px 25px;}
.plr30{ padding: 0px 30px;}
.plr40{ padding: 0px 40px;}
.plr50{ padding: 0px 50px;}

/* カラー */
.cwh{ color: #FFF;}
.cbk{ color: #000;}
.cgr{ color: #CCC;}
.clg{ color: #EEE;}
.crd{ color: #900;}
.cpk{ color: #F99;}
.cgn{ color: #090;}
.cbl{ color: #009;}
.c036{ color: #036;}
.c17a{ color: #17A;}
.c999{ color: #999;}
.c666{ color: #666;}
.c333{ color: #333;}
.bgwh{ background: #FFF;}
.bgbk{ background: #000;}
.bggr{ background: #CCC;}
.bgdd{ background: #DDD;}
.bglg{ background: #EEE;}
.bgrd{ background: #900;}
.bgpk{ background: #F99;}
.bggn{ background: #090;}
.bgbl{ background: #009;}
.bg036{ background: #036;}
.bg17a{ background: #17A;}
.bg999{ background: #999;}
.bg666{ background: #666;}
.bg333{ background: #333;}

/* ボーダー */
.bd1{ border: 1px solid #DDD;}
.bd2{ border: 2px solid #DDD;}
.bd3{ border: 3px solid #DDD;}
.bd5{ border: 5px solid #DDD;}
.bd5-i{ border: 5px solid #EEE;}
.bt1{ border-top: 1px solid #DDD;}
.bt2{ border-top: 2px solid #DDD;}
.bt3{ border-top: 3px solid #DDD;}
.bt5{ border-top: 5px solid #DDD;}
.bb1{ border-bottom: 1px solid #DDD;}
.bb2{ border-bottom: 2px solid #DDD;}
.bb3{ border-bottom: 3px solid #DDD;}
.bb5{ border-bottom: 5px solid #DDD;}
.bl1{ border-left: 1px solid #DDD;}
.bl2{ border-left: 2px solid #DDD;}
.bl3{ border-left: 3px solid #DDD;}
.bl5{ border-left: 5px solid #DDD;}
.br1{ border-right: 1px solid #DDD;}
.br2{ border-right: 2px solid #DDD;}
.br3{ border-right: 3px solid #DDD;}
.br5{ border-right: 5px solid #DDD;}
.bbt1{ border-top: 1px solid #333;}

/* 表示・配置 */
.cl{ clear: both;}
.din{ display: inline;}
.dib{ display: block;}
.fl{ float: left;}
.fr{ float: right;}

/* リスト */
.ln{ list-style: none;}

/* テーブル */
.tdw100{ width: 100px;}
.tdw150{ width: 150px;}