@charset "UTF-8"; /* ##### SITE NAME ##### Copyright (C) 著作者名 All Rights Reserved. [Base] Formatting browser's default styles 0. Reset 1. HTML, Body, Anchor 2. Headings 3. Lists 4. Tables 5. Forms 6. Others [Layout] 0. Base Layout 1. Header 2. Content 3. Footer [Module] 1. Common Module 90. Others 99. Clearfix */ /*///////////////////////////////////////////////////////////// [Base] //////////////////////////////////////////////////////////////*/ /* ------------------------------------------------------------ 0. Reset ------------------------------------------------------------ */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas { margin: 0; padding: 0; } article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section { display: block; } /* ------------------------------------------------------------ 1. HTML, Body, Anchor ------------------------------------------------------------ */ html { -webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */ } body { font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */ font-size: 16px; line-height: 1.5; } a { color: #000; -webkit-tap-highlight-color: rgba(00,33,99,0.3); /* タップ時の背景色 */ } /* ------------------------------------------------------------ 2. Headings ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* ------------------------------------------------------------ 3. Lists ------------------------------------------------------------ */ li { list-style: none; } /* ------------------------------------------------------------ 4. Tables ------------------------------------------------------------ */ table { border-collapse: collapse; border-spacing: 0; font-size: 100%; } caption, th, td { text-align: left; vertical-align: top; font-weight: normal; } /* ------------------------------------------------------------ 5. Forms ------------------------------------------------------------ */ fieldset { border: none; } input, textarea, select, label { font-size: 100%; vertical-align: middle; } textarea { overflow: auto; } /* ------------------------------------------------------------ 6. Others ------------------------------------------------------------ */ img { border: none; vertical-align: middle; } em, strong { font-weight: bold; font-style: normal; } mark { font-weight: bold; } object { vertical-align: middle; outline: none; } blockquote, q { quotes: none; } q:before, q:after { content: ''; } code { font-family: monospace; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } ins { text-decoration: none; } del { text-decoration: line-through; } abbr, acronym { border: none; font-variant: normal; } abbr[title], dfn[title] { border-bottom: 1px dotted #333; cursor: help; } address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; } hr { display: none; } pre { font-family: monospace; } /*///////////////////////////////////////////////////////////// [Layout] //////////////////////////////////////////////////////////////*/ /* ------------------------------------------------------------ 0. Base Layout ------------------------------------------------------------ */ body { padding: 10px; } /* ------------------------------------------------------------ 1. Header ------------------------------------------------------------ */ body > header { margin-bottom: 10px; padding: 10px; border: 5px solid #ccc; } body > header h1 { font-size: 20px; } /* ------------------------------------------------------------ 2. Content ------------------------------------------------------------ */ #content { margin-bottom: 10px; padding: 10px; border: 5px solid #ccc; } #content h1 { font-size: 20px; } /* ------------------------------------------------------------ 3. Footer ------------------------------------------------------------ */ body > footer { padding: 10px; border: 5px solid #ccc; text-align: center; } /* Navigation ------------------------------------------------- */ body > footer nav { margin-bottom: 10px; border: 3px solid #ccc; } body > footer nav:after { content : ''; display : block; clear : both; } body > footer nav li { float: left; width: 33%; } body > footer nav li:first-child { width: 34%; } body > footer nav a { display: block; padding: 10px 0; border-left: 1px solid #ccc; text-decoration: none; } body > footer nav li:first-child a { border-left: 0; } /* Copyright ------------------------------------------------- */ body > footer .copyright { font-size: 14px; } /*///////////////////////////////////////////////////////////// [Module] //////////////////////////////////////////////////////////////*/ /* ------------------------------------------------------------ 1. Common Elements ------------------------------------------------------------ */ /* Title ------------------------------------------------- */ /* Text ------------------------------------------------- */ /* List ------------------------------------------------- */ /* Form ------------------------------------------------- */ input[type="text"], input[type="password"], input[type="email"] { width: 95%; margin-bottom: 5px; padding: 10px 5px; } input[type="password"] { width: 50%; } /* ------------------------------------------------------------ 2. Common Module ------------------------------------------------------------ */ /* ------------------------------------------------------------ 90. Others ------------------------------------------------------------ */ /* for Voice Browser */ .hidden { position: absolute; width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; } /* Noscript Message */ p#msgNoscript { display: block; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; padding: 5px 0; border-top: 1px solid #f00; border-bottom: 1px solid #f00; background: #fcc; color: #f00; line-height: 1.2; text-align: center; opacity: 0.7; } /* ------------------------------------------------------------ 99. Clearfix ------------------------------------------------------------ */ .group:after { content : ''; display : block; clear : both; }