@charset "utf-8";

/*************************************************************************
*  作成者         : 
*  作成日         : 
*  最終更新日     : 
**************************************************************************
*  主要色         : #f8f8f8
*  サブ色         : #f8f8f8
*  強調色         : #f8f8f8
*  背景色         : #f8f8f8
*  テキスト       : #e6e6e6
*  リンク         : #039
*  ボーダー       : #000, #ccc
*************************************************************************/

/** 目次 *****************************************************************
 *  1. 中核モジュール
 *      1.1. Universal selector - 全称セレクタ
 *      1.2. Structure Module - 構造モジュール
 *      1.3. Text Module - テキスト・モジュール
 *      1.4. Hypertext Module - ハイパーテキスト・モジュール
 *      1.5. List Module - リスト・モジュール
 *  2. テキスト拡張モジュール
 *      2.1. Edit Module - 編集モジュール
 *  3. フォーム・モジュール
 *      3.1. Forms Module - フォーム・モジュール
 *  4. 表モジュール
 *      4.1. Tables Module - 表モジュール
 *  5. 画像モジュール
 *      5.1. Image Module - 画像モジュール
 *  6. オブジェクト・モジュール
 *      6.1. Object Module - オブジェクト・モジュール
*************************************************************************/

/*************************************************************************
 *  1. 中核モジュール
*************************************************************************/
/*--------------------------------------
  1.1. Universal selector
---------------------------------------*/

*{
	margin:	 0;
	padding: 0;
	color: black;
	font-size: 100%;
	background-color: transparent;
}

/*--------------------------------------
  1.2. Structure Module
---------------------------------------*/

html {
	color: #333;
	background: #fff;
}

body {
	color: #000;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background: #fff;
}

html > body {
}


/*--------------------------------------
  1.3. Text Module
---------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	padding: 1em 16px;
	font-weight: bold;
}

h1 {
	font-size: 170%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 130%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
}

p,
pre,
address,
cite {
	margin: 0.8em 18px;
	font-size: 90%;
}

p {
	line-height: 1.5;
	text-align: justify;
}

pre {
	clear: both;
	line-height: 1.2;
	margin: 1.1em18px;
	padding: 1em 5%;
	overflow: auto;
	border: 1px solid #ccc;
	font-size: 80%;
	white-space: pre;
}

/* 整形文の長文対策 { */
	pre { /* モダンブラウザ用 */
		width: auto;
	}

	* html pre { /* IE 用 */
		width: 100%;
	}
/* } 整形文の長文対策 */

/* タイトル属性表示(モダンブラウザ用) { */
	pre[title]::before {
		content: attr(title);
		display: block;
		margin-bottom: 0.8em;
		color: #333;
	}
/* } タイトル属性表示 */

/* ソースコード { */
	pre > code {
		line-height: 1.2;
		display: block;
		width: auto;
	}
	
	pre > code[class]::before,
	pre > code[class]::after {
		background: transparent;
		color: #999;
		font-size: 75%;
		line-height: 1;
		display: block;
	}
	
	pre > code[class]::before {
		content: "<" attr(class) ">";
		margin: 0em -2% 1em;
	}
	
	pre > code[class]::after {
		content: "</" attr(class) ">";
		margin: 1em -2% 0em;
	}
/* } ソースコード */


blockquote {
	clear: both;
	line-height: 1.2;
	margin: 1.1em 18px;
	border: 1px solid #ccc;
	font-size: 80%;
}

blockquote * {
	font-size: 100%;
	line-height: 1;
}

blockquote[title]::before {
	content: attr(title);
	display: block;
	padding: .5em 18px;
	line-height: 1;
	border-bottom: 1px dotted #ccc;
	font-size: 100%;
	font-weight: bold;
	background: #eee;
}

blockquote[cite]::after {
	content: attr(cite);
	display: block;
	padding: .5em 18px;
	line-height: 1;
	border-top: 1px dotted #ccc;
	font-size: 100%;
	text-align: right;
}

cite {
}

em,
strong {
	padding-left:2px;
	padding-right:2px;
	letter-spacing: 2px;
	font-weight: bold;
	font-style: normal;
	background: transparent;
}

em {
}

strong {
	color: #900;
}

address {
	line-height: 1.2;
	font-style:normal;
}

abbr {
	border: 0 none;
	letter-spacing: inherit;
}

abbr[title] {
	border-bottom: 1px dotted #666;
	font-family: Arial, Helvetica, sans-serif;
	cursor: help;
}

code,
var,
samp,
kbd {
	font-family: "Osaka－等幅", monospace;
}

code{
}

var {
	border-bottom: 1px dotted #ccc;
}

samp {
}

kbd {
	padding: 0 0.4em;
	border: 1px solid #ccc;
	text-transform: uppercase;
	background-color: #f5f5f5;
}

dfn {
	font: small-caps 100%/1 Helvetica, Arial, sans-serif;
}

dfn::before,
dfn::after {
	content: '"';
}

q {
	quotes: "\300c " "\300d " "\300e " "\300f "; /* "「" "」" "『" "』" */
	padding-left:2px;
	padding-right:2px;
	letter-spacing: 2px;
	color: #555;
}

q::before,
q::after {
	font-family: "Arial Unicode MS", "Lucida Sans Unicode", "MS UI Gothic", sans-serif;
}

q::before {
	content: open-quote;
}

q::after {
	content: close-quote;
}


/*--------------------------------------
  1.4. Hypertext Module
---------------------------------------*/

a {
	text-decoration: underline;
}

a[href^="http"]::after,
a[href^="mailto"]::after,
a[href$="zip"]::after,
a[href$="lzh"]::after {
	content: "";
	margin: 0px 3px;
	vertical-align: middle;
}

a:link {
	background: transparent;
	color: #039;
}

a[href^="http"]:link::after {
	content: url("image/common/leave-site-blue.gif");
}

a[href^="mailto"]:link::after {
	content: url("image/common/email.gif");
}

a[href$="zip"]:link::after,
a[href$="lzh"]:link::after {
	content: url("image/common/download.gif");
}


a:visited {
	background: transparent;
	color: #033;
}

a[href^="http"]:visited::after {
	content: url("/image/common/leave-site-purple.gif");
}

a[href^="mailto"]:visited::after {
	content: url("/image/common/email.gif");
}

a[href$="zip"]:visited::after,
a[href$="lzh"]:visited::after {
	content: url("/image/common/download-purple.gif");
}

a:hover {
	background: transparent;
	color: #099;
	text-decoration: none;
}

a[href^="http"]:hover::after {
	content: url("/image/common/leave-site-green.gif");
}

a[href^="mailto"]:hover::after {
	content: url("/image/common/email-open.gif");
}

a[href$="zip"]:hover::after,
a[href$="lzh"]:hover::after {
	content: url("/image/common/download-green.gif");
}


a:active {
	background: transparent;
	color: #0cc;
	text-decoration: none;
}

a[href^="http"]:active::after {
	content: url("/image/common/leave-site-yellow.gif");
}

a[href^="mailto"]:active::after {
	content: url("/image/common/email-open.gif");
}

a[href$="zip"]:active::after,
a[href$="lzh"]:active::after {
	content: url("/image/common/download-yellow.gif");
}

/*--------------------------------------
  1.5. List Module
---------------------------------------*/
/* リストのネスト(マーカー) { */
ul {
	list-style-type: disc;
}
	ul ul {
		list-style-type: circle;
	}
	
		ul ul ul {
			list-style-type: square;
		}
	

ol {
	list-style-type: decimal;
}
	ol ol {
		list-style-type: upper-roman;
	}
	
		ol ol ol {
			list-style-type: lower-roman;
		}
/* } リストのネスト(マーカー) */

ul,
ol,
dl {
	list-style-position: inside;
	margin: 1em 16px;
	padding: 1px 8px;
}

li,
dt,
dd {
	font-size: 90%;
}

dt {
	color: #004171;
}

/*
dd {

}
*/

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size:100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.4em 8px;
}


/*************************************************************************
 *  2. テキスト拡張モジュール
*************************************************************************/
/*--------------------------------------
  2.1. Edit Module
---------------------------------------*/

del {
	color: #666666;
	text-decoration:	line-through;
}

del[datetime]::before{
	content: " ( "attr(datetime)"削除) ";
}

ins{
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	}

ins[datetime]::before{
	content: " ( "attr(datetime)"修正) ";
}

/*************************************************************************
 *  3. フォーム・モジュール
*************************************************************************/
/*--------------------------------------
  3.1. Forms Module
---------------------------------------*/

form {
	clear: both;
	/*background-color: #F7F7F7;
	border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	margin: 0.5em 16px 1em 16px;*/
	padding: 1px 0 1em 0;
}

form dl,
form p {
	margin: 0.4em 16px;
}

fieldset {
	border: none;
	padding: 1px 0;
}

legend {
	display: none;
	font-size: 85%;
	background-color: #e8e8e8;
	padding: 0.1em 8px;
}

input,
textarea {
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color: white;
	border: none;
	border-top: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	padding: 0.1em 8px;
}

input:hover,
textarea:hover {
	background-color: #eaeeef;
	border-top: 1px solid #b9c3c8;
	border-left: 1px solid #b9c3c8;
}

input:focus,
textarea:focus {
	background-color: #e2e6e7;
	border-top: 1px solid #a7abac;
	border-left: 1px solid #a7abac;
}

/* 整形文の長文対策 { */
	textarea { /* モダンブラウザ */
		width: 100%;
		padding: 0.4em 8px;
	}

	* html textarea {
		width: 90%; /* IE 用(スクロールバー操作不可回避) */
	}
/*} 整形文の長文対策 */

p input {
	margin-left: 8px;
}

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

input.submit {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6c737a;
	border-width: 1px;
	border-style: solid;
	border-color: #c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	padding: 1px 0.5em;
}

input.submit:hover {
	color: black;
	background-color: white;
}

select {
	color:#FFF;
	font-size: small;
}

optgroup {
}

option {
	margin: 0 5px 0 0;
}



/*************************************************************************
 *  4. 表モジュール
*************************************************************************/
/*--------------------------------------
  4.1. Tables Module
---------------------------------------*/

table {
	/*background-color: #f5f5f5;*/
	border-width: 1px;
	border-style: solid;
	border-color: #c1ced4 #97a4aa #97a4aa #c1ced4;
	margin: 0.5em 1em;
}

/* 表の横マージン { */
	table {
		margin: 1.2em 8%;
	}
	
	.section > table{
		margin: 1.2em auto;
	}
/* } 表の横マージン */

caption {
	font-size: 80%;
	color: #454e58;
	background-color: #f5f5f5;
	border: 1px solid #97a4aa;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #c1ced4 #97a4aa #97a4aa #c1ced4;
}

colgroup {
}

.number + thead + tbody td {
	text-align: right;
}

/*
colgroup:hover {
	background: #eee;
	color: inherit;
}
*/

col {
}

thead {
}

tbody {
}

tfoot {
}

thead th,
thead td {
}

tfoot th,
tfoot td {
}

tr {
}

tr:hover {
	/* background: #eee;
	color: inherit; */
}


th,
td {
	font-size: 80%;
	line-height: 1.2;
	color: white;
	padding : 0.1em 8px;
}

th {
	font-weight: normal;
	color: #536066;
	/*background-color: #f5f5f5;*/
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #d2d2d2;
}

td {
	color: #2d3b4e;
	/*background-color: white;*/
	border-width: 1px;
	border-style: solid;
	border-color: white #bfc3c4 #bfc3c4 white;
}

td:hover {
	/* background: transparent;
	color: #900; */
}



/*************************************************************************
 *  5. 画像モジュール
*************************************************************************/
/*--------------------------------------
  5.1. Image Module
---------------------------------------*/

img {
	vertical-align: bottom;
}

a img {
	border:none;
}

/*************************************************************************
 *  6. オブジェクト・モジュール
*************************************************************************/
/*--------------------------------------
  6.1. Object Module
---------------------------------------*/

object {
}

param {
}

embed {
}