@charset "utf-8";
/*
Theme Name: ietani
Description: 家谷植景研究所テーマ
Version: 2014
*/

/* Base
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
list-style: none;
}

html {
height: 100%;
min-height: 100%;
overflow-y: scroll;
}

body {
color:white;
font-size:13px;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
letter-spacing:1px;
line-height : 200%;
background:#f9f9f9;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

body.error404{
height: 80%;
min-height: 100%!important;
}

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

ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

a:hover,
a:active {outline: none;}

a,
a:link,
a:active,
a:visited{color: white; text-decoration:none;}
a:hover {color: black; text-decoration:none;}

img,
img:hover{border:none;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {max-width:680px; border-collapse: collapse; border-spacing: 0; margin:0 auto;}
th {font-weight: bold; vertical-align: bottom; padding:0 20px 50px 0;}
td {font-weight: normal; vertical-align: top; padding:0 20px 50px 0;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

select {vertical-align: middle;}

pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

select, textarea {font: 99% sans-serif;}

.clickable,
label,
input[type=button],
input[type=submit],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
cursor: pointer;
align-items: flex-start;
text-align: center;
color: white;
font-size: 0.8rem;
letter-spacing: 5px;
width: 80px;
padding: 10px 0;
border: solid 1px black;
border-radius: 5px;
background: black;
color: white;
vertical-align: middle;
}

input[type=button]:hover, 
input[type=submit]:hover, 
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="file"]::-webkit-file-upload-button:hover,
button:hover {
color:white;
border:solid 1px #444;
background:#444;
}

select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

button, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before,
.clear { clear: both; }  

.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}

/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}

.clearfix{
display:block;
zoom: 1;
}

.translate {
position: absolute;
top: 50%;
left: 50%;
}

/* default
-------------------------------------------------------------------------------*/

select, textarea {color: black;}					

::-moz-selection{
background: #eee;
color: white;
text-shadow: none;
}

::selection {
background: #eee;
color: white;
text-shadow: none;
}

ins {background-color: white; color: #444; text-decoration: none;}
mark {background-color: white; color: #444; font-style: italic; font-weight: bold;}

h1{
font-size: 2rem;
font-weight: bold;
letter-spacing:2px;
line-height: 0;
}

h2{
font-size:150%;
font-weight:normal;
letter-spacing:3px;
line-height: 0;
}

h5{
font-size: 0.8rem;
line-height: 100%;
}

/*
scroll
*/

::-webkit-scrollbar {
width:0;
background: white;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: none; 
}
::-webkit-scrollbar-thumb {
background: black;
-webkit-box-shadow: none; 
}
::-webkit-scrollbar-thumb:window-inactive {
background: gray;
}

/* HTML5 Reset end
-------------------------------------------------------------------------------*/

strong{font-weight:bold}
.nomargin{margin:0!important}
.noborder{border:0!important}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignright{text-align:right}
.clearboth{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
img.alignleft,.floatleft{float:left;margin:0 10px 10px 0}
img.alignright,.floatright{float:right;margin:0 0 10px 10px}