/* Social Button */
.social ul {
  text-align: center;
}
.social li {
  display: -moz-inline-box;
  display: inline-block;
  padding-right: 10px;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

/* font */
h1,h2,h3,h4,body {
font-family:
	"Times New Roman", 
	Verdana, 
	Roboto, 
	"Droid Sans", 
	"游ゴシック", 
	YuGothic, 
	"ヒラギノ角ゴ ProN W3", 
	"Hiragino Kaku Gothic ProN", 
	"メイリオ", 
	Meiryo, 
	sans-serif;
}

/* color */
body { background-color:#000066;}/* deep blue */
a:link { color:#ccffff;}/* light blue */
a:visited { color:#ffcccc;}/* light purple */
a:active { color:#ffff66;}/* yellow */
a:hover { color:#66ffff;}/* blue */
body { color:#ffffff;}/* white */

/* size */
h1 { text-align:center;}
h1 { font-size:xx-large;}
h2 { font-size:x-large;}
h3 { font-size:large;}
h4 { font-size:medium;}

/* chapter */
body { counter-reset:chapter;}
h2   { counter-reset:section;}
h3   { counter-reset:subsec;}
h4   { counter-reset:subsubsec;}
h2:before { content:counter(chapter)". ";}
h3:before { content:counter(chapter)"."counter(section)". ";}
h4:before { content:counter(chapter)"."counter(section)"."counter(subsec)". ";}
h2:before { counter-increment:chapter;}
h3:before { counter-increment:section;}
h4:before { counter-increment:subsec;}

/* list */
ol li { list-style-type:none;}
ol li { list-style-position:inside;}
ol li { counter-increment:cnt;}
ol li:before { display:marker;}
ol li:before { content:"(" counter(cnt) ") ";}

/* paragraph */
p { text-indent:1em;}

/* table */
table { margin-left:auto;}
table { margin-right:auto;}
th { text-align:center;}
th { vertical-align:top;}
td { vertical-align:top;}

/* breadcrumb */
ul.breadcrumb li { display:inline;}
ul.breadcrumb { list-style:none;}
ul.breadcrumb { margin:0px;}
ul.breadcrumb { padding:0px;}

/* equation */
div.eq { text-align:center;font-family:"Times New Roman";}

/* img */
img{
    background-color: #ffffff;/* white */
    color: #000000;/* black */
}

/* iPhone */
@media screen and (max-device-width: 480px) {
  body { -webkit-text-size-adjust: 100%;}
  body { max-width: 100%;}
  body { height: auto;}
  table { width: 100%;}
  table { height: auto;}
  img { max-width: 100%;}
  img { height: auto;}
  iframe {max-width: 100%;}

  /* size */
  h1 { font-size:medium;}
  h2 { font-size:medium;}

  div.updates {
    max-width:90%;
    height:250px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    border:inset;
    margin: 10px;
  }

  iframe.updates {
    max-width:100%;
    height:100%;
    border:none;
    display:block;
  }
}