@charset "UTF-8";

/* 全サイト共通 */
/* @group
===========================================================================
===========================================================================
*/

/* @group ブラウザ・リセット
===========================================================================
*/

/* @group レイアウト
---------------------------------------------------------------------------
*/

body, div, p, blockquote, pre,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
table, th, td,
embed, object {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table, th, td, img { border: 0px; }

.left  { float: left;  }
.right { float: right; }

/* @end */


/* @group タイポグラフィー
---------------------------------------------------------------------------
*/

* {
	font-style: normal;
	font-weight: normal;
	font-variant:normal;
	text-decoration: none;
	vertical-align: baseline;
}

b, strong { font-weight: bold; }
i, em, var { font-style: italic; }
u { text-decoration: underline; }
s, strike { text-decoration: line-through; }
tt, pre, code, kbd, samp { font-family: monospace; }
abbr, acronym { border-bottom: 1px dotted #000; } 

ins { text-decoration: none; }
del { text-decoration: line-through; }

sub { vertical-align: sub;}
sup { vertical-align: super; }

/* @end */


/* @group その他
---------------------------------------------------------------------------
*/

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}
th,td {
	border: 0px;
	empty-cells: hide;
	vertical-align: middle;
}
th img, td img { vertical-align: middle; }
caption, th { text-align: left; }

img { border: 0px; }

a img { cursor: pointer; }
a img { text-decoration: none !important; }

hr {
	height: 0px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px solid #000;
}

/* @end */
/* @end */


/* @group 共通設定
===========================================================================
*/

/* Firefoxでswfなどを縦100%でレンダリングさせる場合、「height: 100%;」が必要。 */
/* html, body { height: 100%; } */


/* Firefox と Safari でスクロールバーを強制表示。Chrome、Operaは？ */
html:not([lang*=""]) { overflow-y: scroll; } /* Firefox */
html:not(:only-child:only-child) { /* Safari */
	min-height: 100%;
	padding-bottom: meirio
}


/* IE6のquirkモードで margin: auto; によるセンタリングができないバクの対策。
後続の子ブロック要素で text-align: center; を指定して左寄せに戻す必要あり。
ただし、そもそもquirksモードに入らなければよい。 */
body { text-align: center; }


/* FireFoxでembed要素、Operaでobject要素の下に余白ができてしまう問題を回避。 */
object, embed { vertical-align: top; }


/* @group Clearfix
---------------------------------------------------------------------------
*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; }
.clearfix { min-height: 1px; }
* html .clearfix { display: inline-block; } /* IE5以前のみ */
/*\*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /**/ /* Mac版IEから隠す */

/* @end */
/* @end */


/* @group プリンター関連
===========================================================================
*/

/* プリント時以外は表示しない要素。 */
.printOnly { display : none; }

/* プリンタ用指定 */
@media print {

	/* overflowにvisible以外を指定した要素も印刷されるように。 */
	* { overflow: visible; }

	/* プリントされず、レイアウトからも消える要素。 */
	.noPrint { display: none; }

	/* プリントされないものの、レイアウトには影響を与える要素（単なる非表示）。 */
	.noPrintContent { visibility: hidden; }

	/* プリント時以外は表示しない要素。＝プリント時のみ表示する要素。 */
	.printOnly, div.printOnly { display: block; }
	span.printOnly, label.printOnly { display: inline; }
	table.printOnly { display: table; }
	tr.printOnly { display: table-row; }
	td.printOnly { display: table-cell; }

}

/* @end */

/* @end */

/* タイポグラフィー */
/* @group
===========================================================================
===========================================================================
*/

/* @group #1 一般
===========================================================================
*/

/* @group フォント
---------------------------------------------------------------------------
*/

html[lang='en'] body, *[lang='en'], .alphanum {
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif;
	/*font-family: 'Times New Roman', serif;*/
}

html[lang='ja'] body, *[lang="ja"] {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Arial', 'Verdana', sans-serif;
	/*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 'メイリオ', 'ＭＳ Ｐ明朝', 細明朝, リュウミンL, 'Times New Roman', serif;*/
	/*font-family: 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4', 'Hiragino Maru Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Verdana', sans-serif;*/
}

* html body {
	/* for IE6 */
	font-family: 'メイリオ', 'Arial', 'Verdana', 'ＭＳ Ｐゴシック', sans-serif;
	/*font-family: 'メイリオ', 'Times New Roman', 'ＭＳ Ｐ明朝', 細明朝, リュウミンL, serif;*/
}

/* @end */


/* @group フォント・サイズ
---------------------------------------------------------------------------
*/

body { font-size: 12px; }
* html body { font-size: 75%; } /* for IE6 */
body { line-height: 1.67em; } /* 20px */

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

table { font-size: inherit; }

sub { font-size: 80%; }
sup { font-size: 80%; }

big   { font-size: 110%; }
small { font-size: 90%; }
/* @end */


/* @group 文字色
---------------------------------------------------------------------------
*/

body { color: #333; }
a { text-decoration: none; }
a:link { color: #00f; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:link:hover,  a:visited:hover  { color: #8e9fc7; }
a:link:active, a:visited:active { color: #8e9fc7; }
a:link:focus,  a:visited:focus  { color: #8e9fc7; }

/* @end */


/* @group 段落関連
---------------------------------------------------------------------------
*/
p, ul, ol, dl, blockquote,
div.para {
	margin: 0 0 25px;
}
div.para > p,
div.para > ul,
div.para > ol,
div.para > dl,
div.para > blockquote {
	margin-top: 0;
	margin-bottom: 0;
}
.lastP { margin-bottom: 0; }

/* hr は b や small などと同じく見栄えを制御するもので、文書を意味的に構造化するものではない。
意味的に区切るには div を使用する。 */
hr {
	height: 0px;
	margin: 50px 0px;
	border-width: 0px;
	border: none;
	border-bottom: 1px solid #cfd6e7;
}

ul, ol {
	margin-left: 1.5em;
}

/* @end */


/* @group スタイル
---------------------------------------------------------------------------
*/

.paren {
	font-size: 0.92em; /* 11px */
	line-height: 1.82em; /* 20px */
}
html[lang='ja'] .paren {
/*	display: inline-block; */
	height: 1.5em;
	margin-right: -0.5em;
	margin-left: -0.5em;
}
html[lang='ja'] .alphanum .paren {
	margin-right: 0em;
	margin-left: 0em;
}
*:first-child+html .paren { height: 100%; } /* for IE7+ */

.note {
	font-size: 0.92em; /* 11px */
	line-height: 1.82em; /* 20px */
	color: #666;
}

.aster {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

.copyright {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

div.button {
	display: inline;
	margin-right: 10px !important;
	padding: 3px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 0.92em /* 11px */ ;
	background-color: #e6e6e6;
}
div.button a,
div.button a:visited,
div.button a:hover,
div.button a:active,
div.button a:link,
div.button a:link:visited,
div.button a:link:hover,
div.button a:link:active {
	outline: none;
	text-decoration: none;
	color: #666;
}

td, th {
	vertical-align: top;	
}

td.date {
	white-space: nowrap;
}

td.dash {
	padding: 0px 5px;
}

td.article {
	padding-left: 1em;
}

/* @end */
/* @end */


/* @group #2 その他
===========================================================================
*/


/* @end */

/* @end */


/* レイアウト */
/* @group
===========================================================================
===========================================================================
*/

/* #1 基本レイアウト */
/* @group
===========================================================================

+-------------------------------------+
| #upper                              |
| +---------------------------------+ |
| | #header                         | |
| +---------------------------------+ |
| +---------------------------------+ |
| | #contents (.clearfix)           | |
| |                                 | |
| +---------------------------------+ |
+-------------------------------------+

+-------------------------------------+
| #lower                              |
| +---------------------------------+ |
| | #footer                         | |
| +---------------------------------+ |
+-------------------------------------+

*/

/* 縦方向 */
/* @group
---------------------------------------------------------------------------
lowerを画面下部に貼り付かせる。
*/

html, body, div#upper { height: 100%; }

body > div#upper {
	height: auto;
	min-height: 100%;
}

div#contents {
	padding-bottom: 100px; /* フッターの高さ 50px + 実質的padding 50px */
}

div#lower {
	position: relative;
	height: 50px; /* フッターの高さ */
	margin-top: -50px; /* フッターの高さ（-） */
	clear: both;
}

/* @end */


/* 横方向 */
/* @group
---------------------------------------------------------------------------
*/

div#upper {
	clear: both;
	position: relative;
	width: 960px; /* レイアウトの横幅 */
	margin-left: auto;
	margin-right: auto;
}

div#lower {
	clear: both;
	width: 960px; /* レイアウトの横幅 */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#header,
div#contents,
div#footer {
	clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
}


/* @end */


/* Z軸方向*/
/* @group
---------------------------------------------------------------------------
*/
div#header   { z-index: 20; }
div#contents { z-index: 10; }
div#menu     { z-index: 30; }
div#lower    { z-index: 20; }

/* @end */



/* 背景 */
/* @group
---------------------------------------------------------------------------
*/

body { background: #f5f5f1; }

div#upper { background: #fff url(/_img/bg.gif) repeat-y; }
div#lower { background: url(/_img/bg_footer.gif) no-repeat bottom; }

div#header { background-color: #fff; }
div#contents { background: url(/_img/bg_gradation.gif) repeat-x; }

/* @end */


/* @end */


/* #2 #header内のレイアウト */
/* @group
===========================================================================
*/
div#header {
	position: relative;
	padding-top: 30px;
}

/* タイトルロゴ */
/* @group
---------------------------------------------------------------------------
*/
div#header h1 {
	width: 370px;
	height: 40px;
	margin-bottom: 20px;
}

div#header h1 a {
	outline: none;
}

/* @end */

/* メニュー */
/* @group
---------------------------------------------------------------------------
*/

ul#menu_main,
ul#menu_language {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#menu_main li,
ul#menu_language li {
	list-style: none;
	float: left;
	margin: 0;
	font-size: 0px;
	line-height: 0;
}

ul#menu_main li a,
ul#menu_language li a {
	display: block;
	padding: 0;
	padding-right: 10px;
	margin-right: 20px;
}

ul#menu_main li a:hover {
	background: url(/_img/menu/_arrow.gif) no-repeat right center;
}
ul#menu_main li a.current:hover {
	background-image: none;
}

ul#menu_main {
	width: 800px;
	height: 15px;
	padding-top: 20px;
	padding-bottom: 25px;
	border-top: 1px solid #e5e5e5;
}

ul#menu_language {
	position: absolute;
	top: 55px;
	right: 0px;
}

ul#menu_main a.current {
	cursor: default;
}

/* @end */



/* @end */


/* #3 #contents内のレイアウト */
/* @group
===========================================================================
*/

/* 基本レイアウト */
/* @group
---------------------------------------------------------------------------
*/
div#contents {
	min-height: 200px;
	padding-top: 32px;
	line-height: 2em;
}

.d-flex {
	display: flex;
}

div#contents .body {
	width: 640px;
	margin-left: 140px;
	text-align: justify;
}

div#contents .col1 {
	width: 490px !important;
}

div#contents .col2 {
	top: 220px;
	width: 140px;
	padding-left: 20px;
}

div#contents .col2 input {
	
}

div#contents .body p,
div#contents .body li,
div#contents .body blockquote,
div#contents .body dd,
div#contents .body table,
div#contents .body h4,
div#contents .body h5 {
	margin-bottom: 1.5em;
	text-align: justify;
}

div#contents h2,
div#contents h3 {
	position: relative;
	left: -140px;
	top: 33px;
	width: 110px;
	/*height: 20px;*/
	padding-bottom: 8px;
	border-bottom: 1px solid #e1e1e1;
	text-align: right;
	font-weight: normal; /* n add */
}

div#contents h2 { font-size: 1.5em;  /* 18px */ }
div#contents h3 { font-size: 1.33em; /* 16px */ }


div#contents .blog h2 { color: #999; }
div#contents .blog h4 { font-size: 1.5em; /* 18px */ }

ol { margin-left: 2em; }

/* @end */



/* #4 #footer内のレイアウト */
/* @group
===========================================================================
*/

/* 基本レイアウト */
/* @group
---------------------------------------------------------------------------
*/
div#footer {
	font-size: 0.83em; /* 10px */
	color: #999;
}

/* @end */


/* @end */

/* @end */