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

CSS Information

Site URL:    http://www.personal-media.co.jp/ckkandroid/
File name:   manual.css
Summary:     manual styles 
Created:     2012-06-07
Last update: 2012-06-07 by kubo
Auther:      KUBO Hiroshi
Copyright:   (C) 2012 Personal Media Corp.

Order of description

__clearfix  Micro Clearfix
__minimum   Minimum Setting
__press   Press Release Setting

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

@charset "UTF-8";

/* ===================================================================== 
  __clearfix Micro clearfix
===================================================================== */

/* For modern browsers */

.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


/* ===================================================================== 
  __minimum Minimum Setting
===================================================================== */

body  {
  width: 100%;
  margin: 1em 0;
  color: #222;
  font-family: sans-serif;
}


a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
  margin: 0 0 0.5em;
  line-height: 1.1;
  letter-spacing: -1px;
}

p{
  margin: 0 0 1em;
  line-height: 1.4;
  color: #333;
}

ul{
  margin: 0 0 2em;
  padding: 0;
  list-style-position: inside;
}


/* Base Layout */

#wrapper{
  width:95%;
  margin: 0 auto;;
}

header{
  width:100%;
}

nav {
  margin: 0;
}

#common-contents{
  margin: 2em 0 1em;
}


article.main{
  width:100%;
}

section{
  margin: 0 0 2em;
}

aside.side{
  width:100%;
}

footer{
  width:100%;
}


/* Design */

header h1 {
  font-size:2em;
  margin: 0 0 0.2em;
}

p.tagline{
  font-size:0.9em;
  text-align:left;
  color:#555;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #d21f33;
}

nav ul li {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  color:#fff;
  border-bottom: 1px solid #d2001b;
}

nav ul li a {
    color:#fff;
}

nav ul li a.langchange{
    color:#FFFF00
}

.main h1 {
  font-size: 1.6em;
}


article.main h2{
  font-size: 1.4em;
  padding-left:8px;
  margin-top: 1.3em;
  border-left: 5px solid #333333;
}

article.main h3{
  border-bottom: 1px solid #333333;
}

aside.side h1 {
  font-size: 1.3em;
  color: #333;
  border-bottom: 1px dotted #ddd;
}

aside.side ul li {
  font-size: 1.1em;
  line-height: 1.5;
}

small {
  text-transform: uppercase;
}

img{
  max-width:100%;
  height: auto;
}


figure{
    text-align:center;
}


figure img{
    max-width:90%;
    border:1px gray solid;
}

figurecaption{
    display:block;
    text-align:center;
    font-weight:bold;
    margin-top:1em;
    margin-bottom:2em;
}

dt{
    font-weight:bold;
}

table, td,th{
  border:solid 1px #888888;
}

td,th{
    padding: 2px 4px;
}

th{
    background-color:#cccccc;
}



dd{
    margin-left: 1em;
}

.nowrap{
    white-space:nowrap;
}


header{
    display:none;
}

aside.side ol{
  border-left: 3px solid #333333;
  margin-left:3px;
}

p.memo{
    margin-left:1.0em;
    text-indent:-1.0em;
}



/* ===================================================================== 
  __press
===================================================================== */

h1.pr{
    margin: 20px 0px 15px 0px;
    padding: 0px;
    background: none;
    font-size: 150%;
    font-weight: bold;
    text-align:center;
    height:100%;
    color:#444;
    border:#fff 1px solid;
}

p#prsub{
    margin: 0px 0px 24px 0px;
    padding: 0px;
    background: none;
    font-weight: bold;
    text-align:center;
    color:#555;
}

p#prdate{
    margin: 5ex 0px 5px 0px;
    text-align:right;
}

p#pradd{
    text-align:right;
    font-size:smaller;
}

div.narrow{
    width:75%;
    margin:0px auto;
}

dl.footnotemini,
dl.footnote{
    margin: 24px 0px 24px 0px;
    padding:5px;
}


dl.footnote dt{
    float: left;
    clear:both;
    width:2em;
    margin: 0px;
    font-weight:normal
}


dl.footnote dd{
   margin-left: 2em;
   margin-bottom: 12px;
}

dl.footnotemini dt{
    float: left;
    clear:both;
    width:1.2em;
    margin: 0px;
    font-weight:normal
}

dl.footnotemini dd{
   margin-left: 1.2em;
   margin-bottom: 12px;
}


ul.pr{
  list-style: square none outside;
  margin-top:10px;
  margin-left:20px;
}

ul.pr li{
  background-image:none;
  padding-left: 0px;
  padding-bottom: 7px;
  line-height:144%;
}


@media only screen and (min-width: 541px){

nav {
  margin: 0;
  padding: 0;
  background-color: #d21f33;
}

nav ul {
  padding: 1px 0;
}

nav ul li {
  float:left;
  width:  auto;
  margin: 0;
  text-align: center;
  line-height: 2.5em;
  border-right: 1px solid #eee;
  padding-left:5px;
  padding-right:5px;
}

article.main {
  width: 64%;
  float: left;
}

aside.side {
  width: 30%;
  float: right;
}

aside.side ul li {
  font-size: 1em;
}

dd{
    margin-left: 2em;
}

header{
    display:block;
}

p#pradd{
    font-size: 100%;
}


}