@charset "utf-8";

/* style.css
* * * * * * * * * * * * * * * * * * * * */

/***** reset *****/

/* @group nomalize.css */

/* HTML5 display definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}
.oldie { display: inline; zoom: 1}
html { font-size: 100%; overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%}
body { margin: 0;color:#1a1a1a;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top: 0}

body, button, input, select, textarea {
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}
.oldie body, .oldie button, .oldie input, .oldie select, .oldie textarea { font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}

a:focus { outline:  thin dotted}
a:hover, a:active { outline:  0}

/* Typography */

h1, h2, h3 { font-size:  1em}
abbr[title] { border-bottom:  1px dotted}
b, strong { font-weight:  bold}
small { font-size:  100%}

sub, sup { font-size:  75%;
line-height:  0;
position:  relative;
vertical-align:  baseline}
sup { top:  -0.5em}
sub { bottom:  -0.25em}

p, li, dt, dd, th ,td {
line-height:  1.5;
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}

/* Lists */

ul{ padding:0px;list-style: none;}
ol { padding:0px}
dd { padding:0px}
nav ul, nav ol,figure ul { padding:  0;
list-style:  none}

/* Embedded content */

img { border:  0;
-ms-interpolation-mode:  bicubic;
vertical-align:bottom}

img, object, video { max-width: 100%}

/* fix ie8 max-width bug
http://wordpress.mfields.org/2011/scaling-images-in-ie8-with-css-max-width/
コメント欄のAndrew TG氏のコメント以下より
*/
.ie8 img{
width : auto;
height : auto}

/* Figures */

figure { margin:  0 auto;
text-align: center}

/* Forms */

form { margin:  0}

fieldset { border:  1px solid #c0c0c0;
margin:  0 2px;
padding:  0.35em 0.625em 0.75em}

legend { border:  0;
}

button, input, select, textarea { font-size:  100%;
margin:  0;
vertical-align:  baseline;
*vertical-align:  middle}

button, input { line-height:  normal}

button, input[type="button"],
input[type="reset"],
input[type="submit"] { cursor:  pointer;
-webkit-appearance:  button;
*overflow:  visible; 
}

input[type="checkbox"], input[type="radio"] { box-sizing:  border-box;
padding:  0}

input[type="search"] { -webkit-appearance:  textfield;
-moz-box-sizing:  content-box;
-webkit-box-sizing:  content-box;
box-sizing:  content-box}

input[type="search"]::-webkit-search-decoration { -webkit-appearance:  none}

button::-moz-focus-inner, input::-moz-focus-inner { border:  0;
padding:  0}

textarea { overflow:  auto;
vertical-align:  top}

/* Tables */
table { border-collapse:  collapse;
border-spacing:  0}

/* micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ = */
.cf:before,.cf:after{content: "";display: table}
.cf:after{clear: both}
.cf{zoom:1}

/* links */
a,a:link,a:visited{
color: #333;
text-decoration: none}
 
a:hover{
color: #333; 
text-decoration: underline}
 
a:hover .red{
color: #333; 
text-decoration: underline}
 
a:active, a:focus{color: #000}

a:link,a:visited{color: #333}
a:hover{color: #555}

@font-face {
   font-family: Ubuntu;
   src: url("../fonts/Ubuntu-Regular.ttf");
}

@font-face {
   font-family: Seshat;
   src: url("../fonts/Seshat.otf");
}

@font-face {
   font-family: Questrial;
   src: url("../fonts/Questrial-Regular.ttf");
}

@font-face {
   font-family: Aileron;
   src: url("../fonts/Aileron-Heavy.otf");
}

/* @end */

@media only screen and (min-width: 768px){

html { font-size: 100%;
}

}

@media only screen and (min-width: 980px){

/*html { font-size: 100%;
}*/

}
