@charset "UTF-8";
/*
Theme Name: kitamura 201405


コメント／利用許諾の記述 (あれば)
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,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,menu,time,mark,audio,video,main{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight:normal;
}

article,aside,figure,footer,header,hgroup,nav,section,main{display:block;}

ol,ul{list-style:none;}

blockquote,q{quotes:none;}

blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}

del{text-decoration:line-through;}

table{border-collapse:collapse;border-spacing:0;font-size:inherit;width: 100%;}

td,th{font-weight:normal;vertical-align:top;}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

input[type="radio"]{vertical-align:text-bottom;}

input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}

pre,code,kbd,samp{font-family:monospace,sans-serif;}

img,video,iframe{height:auto;}

/*
* HTML5未サポートブラウザーでインライン要素として表示する for IE6/7/8/9 & FF3
* 制限事項:IE6では'audio[controls]'へのスタイルは適用されません。
*/

audio[controls],
canvas,
video{
display:inline-block;
*display:inline;
zoom:1;
}


/* =============================================================================
基本設定
========================================================================== */

/*
* 1. IE6/7において単位をemでbodyにfont-sizeを設定すると正しいサイズにならない問題を修正
*    参考:http://clagnut.com/blog/348/#c790
* 2. コンテンツの高さに関わらず全てのブラウザーでページをセンタリング（スクロールバーを常時表示する）
* 3. AndroidやiOSにおいてtap highlight colorが親要素を含んでしまう問題を修正（tap highlight colorを消す）
*    参考:www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. iOSにおいて画面の向きが変わった際のテキストサイズ調整を防ぐ
*    参考:www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html,body {
height: 100%;
}

html{
-webkit-tap-highlight-color:rgba(0,0,0,0);/* 3 */
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
overflow-y:scroll;
}
/*
* 'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正
*/

body,
button,
input,
select,
textarea {
font-family: sans-serif;
}


/*
* Chromeにおいてoutlineの表示不具合を修正
*/

a:focus {
outline: thin dotted;
}

/*
* 全てのブラウザーにおいてフォーカス時、マウスホバー時の読みやすさを改善
* 参考: people.opera.com/patrickl/experiments/keyboard/test
*/

a:hover,
a:active {
outline: 0;
}

/*
* IE7/8/9,S5,Chromeにおいてabbr要素がスタイリングされない問題を修正
*/

abbr[title],dfn[title]{
border-bottom:1px dotted;
cursor:help;
}

/*
* S5,Chromeにおいてdfn要素がイタリック体にならない問題を修正
*/

dfn{
font-style:italic;
}

/*
* IE6/7/8/9においてmark要素がスタイリングされない問題を修正
*/

mark{
background:#ff0;
color:#000;
}

/*
* IE6,S5,Chromeにおけるfont-familyの問題を修正
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/

pre,
code,
kbd,
samp{
font-family:monospace,monospace;
font-family:'courier new',monospace;
font-size:1em;
}

/*
* 全てのブラウザーにおいてpre-formatted textの読みやすさを改善
*/

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 */
}

/*
* 1. IE6/7においてquotesプロパティーがサポートされていない問題を修正
* 2. S4においてquotesプロパティーがサポートされていない問題を修正
*/

/* 1 */

q{
quotes:none;
}

/* 2 */

q:before,
q:after{
content:'';
content:none;
}


/*
* 全てのブラウザーにおいてsubおよびsup要素がline-heightに影響する問題を防ぐ
* 参考:gist.github.com/413930
*/

sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sup{
top:-0.5em;
}

sub{
bottom:-0.25em;
}


/*
* 1. IE6/7/8/9において、a要素内側のborderを削除
* 2. IE7において画像の拡大縮小時の画質を改善
*    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/

img{
border:0;/* 1 */
-ms-interpolation-mode:bicubic;/* 2 */
vertical-align:bottom;
}

/*
* IE9においてoverflowの表示問題を修正
*/

svg:not(:root){
overflow:hidden;
}


/*
* IE6/7/8/9, S5, O11におけるmarginの問題を修正
*/

figure {
margin: 0;
}
/*
* 1. IE6/7/8/9において色が継承されない問題を修正
* 2. IE6/7において揃いがおかしい問題を修正
*/

legend{
border:0;/* 1 */
*margin-left:-7px;/* 2 */
}

/*
* 1. 全てのブラウザーにおいてfont-sizeが継承されない問題を修正
* 2. IE6/7,F3/4,S5,Chromeにおけるmarginの差異を修正
* 3. 全てのブラウザーにおいて外観と一貫性を改善
'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正
*/

button,
input,
select,
textarea{
margin:0;/* 2 */
vertical-align:baseline;/* 3 */
*vertical-align:middle;/* 3 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}




/*
* 1. image-typeが'input'とその他についてユーザビリティと一貫性を改善
* 2. iOSにおいてクリック可能な'input'にスタイルが適用できない問題を修正
*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
cursor:pointer;/* 1 */
-webkit-appearance:button;/* 2 */
}

label{cursor:pointer;}

/*
* IE8/9においてbox-sizingプロパティがcontent-boxになっている点を修正
*/

input[type="checkbox"],
input[type="radio"]{
box-sizing:border-box;
}

/*
* 1. S5,Chromeにおいてappearanceプロパティがsearchfieldになっている点を修正
* 2. S5,Chromeにおいてbox-sizingプロパティがborder-box担っている点を修正 (将来的なことを踏まえて-mozも含める)
*/

input[type="search"]{
-webkit-appearance:textfield;/* 1 */
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;/* 2 */
box-sizing:content-box;
padding-right:2px; /* Don't cut off the webkit search cancel button */
width:270px;
}

/*
* S5,Chrome on OSXにおけるpaddingの表示問題を修正
*/

input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

/*
* FF3/4におけるpadding及びborderの表示問題を修正
* 参考:www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/

button::-moz-focus-inner,
input::-moz-focus-inner{
border:0;
padding:0;
}

/*
* 1. IE6/7/8/9におけるデフォルト表示のスクロールバーを削除
* 2. 全てのブラウザーにおいて読みやすさと揃えを改善
*/

textarea{
overflow:auto;/* 1 */
vertical-align:top;/* 2 */
}


/*
画像が伸縮するとブラウザ側で適度に良い感じに描画されて、場合によってはエッジがモワッとした感じにレンダリングされたりしますよね。普通の写真などの場合にはそれほど気にならないかもしれませんが、２値画像だと伸縮時のモワッと感が際立つわけですね。もっとパリっと表示させたいのです。
その場合は以下のスタイルを使用すれば解決出来ます。
※最新のSafari、Mobile Safari、 Firefox
*/
img.crisp-edges {
  image-rendering:optimizeSpeed; // Legal fallback
  image-rendering:-moz-crisp-edges; // Firefox
  image-rendering:-o-crisp-edges; // Opera
  image-rendering:-webkit-optimize-contrast; // Chrome, Safari
  image-rendering:crisp-edges; // CSS3 Proposed
  -ms-interpolation-mode:bicubic; // IE8+
}
strong{
font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

button,fieldset,form,input,label,legend,select,textarea{
font-family:inherit;
font-style:inherit;
font-weight:inherit;
}
