@charset "utf-8";
/* =============================================================================
	normalize.css
   =============================================================================
	2011-06-21T18:23 UTC (Original)
	http://github.com/necolas/normalize.css
   -------------------------------------------------------------------------- */


/* =============================================================================
	基本設定
   ========================================================================== */

/*
 * 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 {
	height: 100%;
	font-size: 100%; /* 1 */
	overflow-y: scroll; /* 2 */
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
	-webkit-text-size-adjust: 100%; /* 4 */
	-ms-text-size-adjust: 100%; /* 4 */
}

/*
 * 1. IE6/7におけるmarginの修正
 */

body {
	height: 100%;
	margin: 0; /* 1 */
	padding: 0;
	color: #3f4547;
}

/* 
 * 'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正
 */

body,
button,
input,
select,
textarea {
	font: 13px/1.5 "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	*font-size: small;
	*font: x-small;
}

/* font-size reference:
 *	77% = 10px		100% = 13px		124% = 16px		147% = 19px		170% = 22px		193% = 25px
 *	85% = 11px		108% = 14px		131% = 17px		154% = 20px		177% = 23px		200% = 26px
 *	93% = 12px		116% = 15px		139% = 18px		162% = 21px		185% = 24px
 */


/* =============================================================================
	リンク関連
   ========================================================================== */

a {
	color: #3F4547;
	text-decoration: none;
/*
	color: #4098de;
	text-decoration: none;
*/
}
/*
.fadelink a {
	-webkit-transition: .3s ease-in-out;
}
*/

a:hover {
	color: #00b24f;
/*
	color: #db4658;
	text-decoration: underline;
*/
}

a:visited {
}

/*
 * Chromeにおいてoutlineの表示不具合を修正
 */

a:focus {
	outline: thin dotted;
}

/*
 * 全てのブラウザーにおいてフォーカス時、マウスホバー時の読みやすさを改善
 * 参考: people.opera.com/patrickl/experiments/keyboard/test
 */

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


/* =============================================================================
	ヘッドライン関連
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


/* =============================================================================
	タイポグラフィ関連
   ========================================================================== */

/*
 * IE7/8/9, S5, Chromeにおいてabbr要素がスタイリングされない問題を修正
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/*
 * FF3/4, S4/5, Chromeにおいてb,strong要素がboldにならない問題を修正
*/

b, 
strong { 
	font-weight: bold; 
}

i,
em {
	font-style: oblique;
}

blockquote {
	margin: 1em 40px;
}

/*
 * 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;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
 * 1. IE6/7においてquotesプロパティーがサポートされていない問題を修正
 * 2. S4においてquotesプロパティーがサポートされていない問題を修正
 */

/* 1 */

q {
	quotes: none;
}

/* 2 */

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

small {
	font-size: 75%;
}

/*
 * 全てのブラウザーにおいて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;
}


/* =============================================================================
	リスト関連
   ========================================================================== */

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl,
dt,
dd,
dd,
li {
	margin: 0;
	padding: 0;
}


/* =============================================================================
	パラグラフ関連
   ========================================================================== */

p {
	margin: 0;
	padding: 0;
}


/* =============================================================================
	埋め込みコンテンツ
   ========================================================================== */

/*
 * 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 */
}

/*
 * IE9においてoverflowの表示問題を修正
 */

svg:not(:root) {
	overflow: hidden;
}


/* =============================================================================
	Figure要素
   ========================================================================== */

/*
 * IE6/7/8/9, S5, O11におけるmarginの問題を修正
 */

figure {
	margin: 0;
}


/* =============================================================================
	フォーム関連
   ========================================================================== */

/*
 * IE6/7におけるmarginの問題を修正
 */

form {
	margin: 0;
	padding: 0;
}

/*
 * 矛盾のないmarginおよびpaddingの設定
 */

fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/*
 * 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. 全てのブラウザーにおいて外観と一貫性を改善
 */

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	padding: 2px 4px;
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

input {
	border: none;
	background-color: transparent;
}

input[type="text"],
input[type="password"],
textarea {
	border: 1px solid #cfcfcf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
}

select {
	padding: 0;
}

/*
 * 1. FF3/4のUA stylesheetにおいてline-heightが!importantになっている点について修正
 * 2. IE6/7においてインナースペースの表示問題を修正
 */

button,
input {
	line-height: normal; /* 1 */
	*overflow: visible;  /* 2 */
}

/*
 * 1. image-typeが'input'とその他についてユーザビリティと一貫性を改善
 * 2. iOSにおいてクリック可能な'input'にスタイルが適用できない問題を修正
 */

button,
input[type="button"],
input[type="reset"], 
input[type="submit"] {
	cursor: pointer; /* 1 */
	-webkit-appearance: button; /* 2 */
}

/*
 * 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;
}

/*
 * 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;
}

input:focus,
select:focus,
textarea:focus {
	outline: 0;
}

/*
 * 1. IE6/7/8/9におけるデフォルト表示のスクロールバーを削除
 * 2. 全てのブラウザーにおいて読みやすさと揃えを改善
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}


/* =============================================================================
	テーブル関連
   ========================================================================== */

/* 
 * テーブルのセル間のほとんどのスペースを削除
 */

table {
	width: 100%;
	margin: 0 auto;
	border-spacing: 5px;
	border-collapse: separate;
	}

th,
td {
	margin: 0;
	padding: 0.5em 8px;
	border: solid 1px;
	border-color: #d0cfcd;
	background-color: #fff;
	vertical-align: top;
	}
td {
	border: #d0cfcd dotted 1px;
	}

thead th {
	background-color: #e2e2e2;
	padding: 0.5em 8px;
	font-weight: normal;
	vertical-align: middle;
	}

tbody th {
	background-color: #c7c7c9;
	font-weight: normal;
	text-align: left;
	}

tbody .even-row th,
tbody .evenrow th {
	background-color: #c7c7c9;
}

tbody .even-row td,
tbody .evenrow td {
	background-color: #f2f2f4;
}

table p {
	margin-bottom: 1.0em;
}


/* =============================================================================
	インラインレベル要素
   ========================================================================== */

img {
	vertical-align: middle;
}

object {
	outline: 0;
}

del {
	text-decoration: line-through;
}


/* =============================================================================
	ブロックレベル要素
   ========================================================================== */

hr {
	display: none;
	height: 0;
	border: none;
	line-height: 0;
	overflow: hidden;
}


/* =============================================================================
	その他
   ========================================================================== */

.grid {
	zoom: 1;
}
.grid:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.clear {
	clear: both;
}

.accessibly-hidden {
	position: absolute;
	left: -999em;
}

.same a,
a.same,
.load-more a,
.show-all a {
	padding-left: 18px;
	background: url(../images/bg-listhead-1.png) no-repeat 0 50%;
	color: #323232;
	outline: none;
}

.same2 a,
a.same2 {
	padding-left: 22px;
	background: url(../images/bg-listhead-2.png) no-repeat 0 50%;
	color: #323232;
}

a.ext {
	padding-right: 20px;
	background: url(../images/bg-external-link.png) no-repeat 100% 50%;
}

.center {
	text-align: center !important;
}

.left,
.alignleft {
	text-align: left !important;
}

.right,
.alignright {
	text-align: right !important;
}

.relative {
	position: relative;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.no-margin {
	margin: 0 !important;
}

.lerge {
	font-size: larger;
}

.small {
	font-size: smaller;
}

.font-size-93 {
	font-size: 93% !important;
}

.font-size-108 {
	font-size: 108% !important;
}

.gray {
	color: #7d7d7d;
}

.blue {
	color: #4a97ff;
}

.green {
	color: #6ea349;
}

.red {
	color: #aa322c;
}

.bg-red {
	background-color: #d83944 !important;
}

.indent {
	padding-left: 20px;
}

.section {
	margin-bottom: 20px;
}

.whitespace {
	margin: 10px 20px;
}

.listhead {
	padding-left: 24px;
	background: url(../images/bg-listmarker-red.png) no-repeat 0 50%;
}

.flame-background {
	padding: 10px;
	border: 1px solid #cfcfcf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #f2f2f2;
}

.caption {
	display: block;
	padding: 10px 0 20px;
	font-size: 93%;
	color: #7e7e7e;
	font-weight: 700;
	text-align: center;
}

/*
 * IE6,7において、インライン要素への背景画像指定が不正表示されることへの対処
 */

a.inline-bg-fix {
	padding: 0 !important;
	background: none !important;
}

a.inline-bg-fix span.bg-l { margin-right: -0.2em; }
a.inline-bg-fix span.bg-r {
	margin-left: -0.2em;
	padding-right: 15px;
}

a.ext span.bg-r { background: url(../images/bg-external-link.png) no-repeat 100% 50%; }