/*
########################################################
  ブレイクポイント
########################################################

タブレット
@media screen and (max-width: 960px) {
}

スマホ
@media screen and (max-width: 428px) {
}
*/





/*
########################################################
  Naming rules
########################################################

全体コンテナ         #container (body要素の直下)
ヘッダー             #header (ヘッダー)
フッター             #footer (フッター)
コンテンツ           #contents (コンテンツ) 
汎用コンテナ         #unitBlock
入れ子コンテナ       #unitBlockIn
入れ子コンテナ2      #unitBlockBox 
第1汎用コンテナ      #alphaBlock 
第2汎用コンテナ      #betaBlock 
第3汎用コンテナ      #gammaBlock 
第4汎用コンテナ      #deltaBlock 
第5汎用コンテナ      #zetaBlock 
ポップアップコンテナ #popupBlock 
パンくずナビ         #topicPath
ヘッダーナビ         #headerNavi
グローバルナビ       #globalNavi
ローカルナビ         #localNavi
フッターナビ         #footerNavi
見出し1              #title
見出し2              .headline 
見出し3              .crosshead 
見出し4              .subheading 
見出し5              .index 
見出し6              .subindex 
要約                 .description
コピーライト         .copy
キャプション         .caption
挿入句               .note
ページ内リンク       .pageAnchor
ページ上部へリンク   .toTop 
外部へのリンク       .external

########################################################
*/


/*
########################################################
  css Reset
########################################################
*/

/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	font-weight:normal;
	font-style:normal;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul,
ul, li {
    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;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}



* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

*:focus {
outline: none;
}

/*
########################################################
  font Reset
########################################################
*/


html {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	line-height: 1.4;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}

@media screen and (min-width: 1921px) {
	html {
		font-size: 100%;
	}
}

body {
	font-size: 15px;
	/*font-size: 1.5rem;*/
    font-size: 1.47em;
}

html {
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* clearfix
==================================*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;

   overflow:hidden;
   font-size:0.1em;
   line-height:0;
}

.clearfix {
	display: inline-block;
}

/* exlude MacIE5 */
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */