@charset "shift_jis"; /* CSS Document ////////////////////////////////// /* 全頁共通スタイル -- ヘッダ・フッタ・メニュー // ------------------------------------------------*/ /*********************************** * タグ ***********************************/ body { background-color: white; margin:0px; padding:0px; background: url(/img/header/body_back.jpg) repeat-x; z-index: 10; } /*********************************** * フォント設定 ***********************************/ * { color:#1E1E1E;} body { font-size:12px; font-family: Verdana,Arial,Helvetica,sans-serif; /* スマホ閲覧時のフォント自動調整機能を無効 */ -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; } /* フォントカラー */ .red { color: #FF0000;} /* フォントウェイト */ .bold { font-weight: bold;} .norm { font-weight: normal;} /* フォントサイズ */ .font10px { font-size:10px;} .font11px { font-size:11px;} .font12px { font-size:12px;} .font14px { font-size:14px;} .font15px { font-size:15px;} .font16px { font-size:16px;} .font25px { font-size:25px;} /* テキスト揃え */ .txtleft { text-align: left !important;} .txtright { text-align: right !important;} .txtcenter { text-align: center !important;} /* 行間//line-height */ .txtheight12 { line-height: 12px !important;} .txtheight16 { line-height: 16px !important;} .lineh10 {line-height: 1.0em !important;} .lineh15 {line-height: 1.5em !important;} .lineh20 {line-height: 2em !important;} .lineh25 {line-height: 2.5em !important;} /* ページトップへ戻るテキスト */ .topreturn { font-size: 10px; text-align: right; } /* 注釈文字 */ .antxt { font-size: 85%; vertical-align: top;} /*********************************** * タグ - リンクテキスト設定 ***********************************/ a { text-decoration: none;} a:link { color: blue;} a:visited { color: blue;} a:hover { color:#00bfff;} /*********************************** * ヘッダ ***********************************/ .header { width: 950px; margin: 5px auto 0px; padding: 0px; line-height: 150%; } .header_L { width:307px; height:70px; margin: 0px; vertical-align: top; } .header_L2 { width:307px; height:70px; margin: 0px; vertical-align: top; } .header_R { width: 643px; height: 70px; position: absolute; margin: 0px 0px 0px 307px; vertical-align: top; } /*- もっと身近に、印刷通販。 -*/ .header_title { font-size:14px; margin-left: 80px; margin-top: 5px; font-weight: bold; letter-spacing: 0ex; position: absolute; } /*- 右上部テキスト -*/ .toptitle { margin: 0px; padding: 0px 10px 0px 0px; letter-spacing: 0ex; text-align: right; } /*- 紹介テキスト文 -*/ .headertext { font-size: 10px; margin-top: 0px; margin-bottom: 0px; line-height: 12px; letter-spacing: 0ex; padding: 8px 10px 0px 30px; } /*********************************** * ナビゲーションバー ***********************************/ .skiplink { font-size: 10px; line-height: 10px; } .navibar { height:40px; margin:12px 0px 0px; } .navibar dd a { color: #1E1E1E; width: 158px; background-repeat: no-repeat; display: block; float: left; text-decoration: none; text-align: center; line-height: 40px; letter-spacing: 0ex; } .navibar dd.navibar_l a { background-image: url(/img/header/navibar_left.jpg);} .navibar dd.navibar_l a:hover { background-image: url(/img/header/navibar_left_on.jpg); color: #999999; } .navibar dd.navibar_c a { background-image: url(/img/header/navibar_center.jpg);} .navibar dd.navibar_c a:hover { background-image: url(/img/header/navibar_center_on.jpg); color: #999999; } .navibar dd.navibar_r a { background-image: url(/img/header/navibar_right.jpg);} .navibar dd.navibar_r a:hover { background-image: url(/img/header/navibar_right_on.jpg); color: #999999; } /*********************************** * フッタ ***********************************/ .footer { width:950px; margin: 10px auto;} dl.footer-comment { margin: 4px 0px;} dl.footer-comment dd { font-size: 10px !important; margin: 0px; } dl.footer-company { margin: 0px; border-top: 1px solid #999999; text-align: center; } dl.footer-company dt { margin:10px 0px 0px;} dl.footer-company dd { margin:0px;} /*********************************** * 左側サイドメニュー ***********************************/ /*- 50pxボタン -*/ .menuBtn { margin: 0px 0px 1px 0px;} /*- ドットアンダーライン -*/ .udot { margin:0px 6px; border-bottom:1px dotted #666; } .udot_ml0 { margin:0px 6px 0px 0px; border-bottom:1px dotted #666; } .unon { margin:0px 6px;} /*- 商品メニューブロック -*/ div.menublock { width: 185px; margin: 9px 20px 0px 0px; padding-bottom: 0px; } div.menublock p { margin: 0px;} div.menublock dl { margin: 5px 0px; padding: 0px; border: 1px solid #646464; background-color: #FFFFFF; } div.menublock dl.category { border-color: #FFC800 !important;} div.menublock dl.category dt { border-top: 1px solid #FFC800;} div.menublock dl.category dt:first-child { border-top: none;} div.menublock dt { font-weight:bold; line-height: 16px; margin:0px; } div.menublock dd { margin: 0px; padding: 0px; } div.menublock dd.menuitem { line-height: 30px; text-indent: 12px; display: block; } div.menublock dd.menuitem:hover { color: #00bfff; background-color: #C8FF96; } div.menublock dd.menuitem a { display: block;} div.menublock dd.menuitem a:link { color: #1E1E1E;} div.menublock dd.menuitem a:visited { color: #414141;} div.menublock dd.menuitem a:hover { color: #00bfff;} /*- 問い合わせ -*/ div.menublock dl.information dt { border-top: 1px solid #646464;} div.menublock dl.information p { font-size:10px; line-height: 16px; } div.menublock dd.menuitem dl.contactinfo { border:none; margin:6px 0px; font-size:10px; line-height: 16px; } div.menublock dd.menuitem dl.contactinfo dt { margin-top:8px; border-top: none;} div.menublock dd.menuitem dl.contactinfo dd { text-indent: 12px;} div.menublock dd.menuitem dl.contactinfo:hover { background-color:inherit; color:#000; } /*- バナー -*/ p.left_banner { margin-bottom: 6px; margin-top: 2px; font-size: 11px; margin-right: 20px; } /*********************************** * 左側サイドメニューHOVERサブメニュー ***********************************/ #hovermenu { list-style: none; margin: 0; padding: 0;} #hovermenu li a.arrow_box { background-image: url(/img/item_button/liststyle/arrow_greenlight.gif); background-repeat: no-repeat; background-position: right; cursor: pointer; } div.menublock dd.menuitem a.onclick:hover { background-image: url(/img/icon_gif/icon-clickpointer-s.gif); background-repeat: no-repeat; background-position: right; } #hovermenu ul { display: none; } #hovermenu ul.submenu { position: absolute; width: 18em; padding: 4px 6px 6px; margin: -49px 0 0 172px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #FFC800; background-color: #FFF; color: #FFF; } #hovermenu ul.submenu:after { position: absolute; right: 100%; top: 18px; border: solid transparent; content: " "; height: 0; width: 0; border-color: rgba(255, 200, 0, 0); border-right-color: #FFC800; border-width: 14px; } #hovermenu ul.submenu li { list-style-type: none; margin-left: 1em;} #hovermenu ul.submenu li:first-child { margin: 0 6px 0 -1em; border-bottom: 1px solid #FFC800; } #hovermenu ul.submenu li.subtitle { list-style-type: none; margin-left: 0;} /*********************************** * MouseOnOver半調 ***********************************/ .onover a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background: #fff; } .banner a:hover img { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background: #fff; } .zoomin a:hover img { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background: #fff; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } /*- 逆パターン -*/ .rebanner a img { opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff; } .rebanner a:hover img { opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } /*********************************** * 囲み角丸 ***********************************/ /* R4mm */ .kadoMaru4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /* R6mm */ .kadoMaru6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } /*********************************** * カーソル ***********************************/ .cursor_point { cursor: pointer;} img[onClick], img[onMouseOver] { cursor: pointer;}