@charset 'UTF-8';
/*------ Base --------------------------------------------------------------*/
body {
/*	font:15px verdana,sans-serif;*/
	font-size:14px;
	padding:0px;
	margin : 0px;
	background: #F8F8FF;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.red	{ color:#ff0000; }
.bold	{ font-weight:bold; }
.Bg-co		{ background-color:#c0c0c0; }
.Bg-ff		{ background-color:#ffffff; }
.Bg-w		{ background-color:#ffccff; }
.Bg-m		{ background-color:#ccffff; }
.Bg-white	{ background-color:#FFFFFF; }
.Bg-gray	{ background-color:#696969; }
.Bg-y	{ background-color:	#C0C0C0; }
.second_line { background:#f0f0f0;}


.right	{ text-align:right; }
.left	{ text-align:left; }
.center	{ text-align:center; }
.fright	{ float:right; }
.fleft	{ float:left; }

.imeon	{ ime-mode:active; }
.imeoff	{ ime-mode:disabled; }
.imeauto{ ime-mode:auto; }

h1	{ color:#696969; }
h2	{}
h3	{}

a {
	color: gray;
	margin: 0 auto;
}

#layout{
/*	width:939px;*/
	width:100%;
	margin:0 auto;
	text-align:left;
}

#main {

}

#BottomLine {
	margin-top:36px;
	margin-bottom:5px;
	padding:6px;
}

#footer{
	text-align:center;
	font-size:10px;
}

/*------検索用 ボックス------*/
.frame {
	width: 900px;
	background: none repeat scroll 0 0 #EEEEEE;
	border: 2px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	padding: 0.6em;
	margin:10px auto;
}

/* --- 画面右上通知用 ----------- */
div#notice {
	border: 1px solid #006400;
	background:#9c0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 998;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 10px;
	text-align: left;
}
div#notice a{
	color: #000000;
}
/* ------ ナビゲーションバー（ヘッダーメニュー）----------------------------- */
div.nav {
	width: 100%;				/* ナビゲーションの幅 */
	padding-top: 0px;			/* ナビゲーションの上パディング */
	background-color: #F8F8FF;	/* ナビゲーションの背景色 */
	font-size: 85%;
}
/* --- メニューエリア ----------- */
div.nav ul.nl {
	width: 95%;					/* メニューの幅 */
	margin: 0 auto;				/* メニューのマージン（上下、左右） */
	padding: 0;
	list-style-type: none;
	text-align: center;
}
/* --- メニュー項目 --------- */
div.nav ul.nl li {
	width: 11em;				/* タブの幅 */
	margin-right: 1px;			/* タブの右マージン */
	background: #F8F8FF url(../images/tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
	float: left;
}
/* --- リンク ----------- */
div.nav ul.nl li a {
	display: block;
	position: relative;			/* IE6用 */
	padding: 4px 2px;			/* リンクエリアのパディング（上下、左右） */
	background: url(../images/tab_gen2_right.gif) no-repeat right top; /* タブの背景（右） */
	text-decoration: none;		/* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
	text-decoration: underline;	/* テキストの下線（あり） */
}
/* --- アクティブなタブ --- */
div.nav ul.nl li.active {
	background: #c0c0c0 url(../images/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
div.nav ul.nl li.active a {
	background: url(../images/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
	color: #ffffff;				/* アクティブタブの文字色 */
}
/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
/* --- 見出し --- */
div.nav h2 {
	position: relative;			/* Netscape7用 */
	margin: 0;
	padding: 8px 10px 6px 70px;	/* 見出しのパディング（上右下左） */
	background: #8c8c8c url(../images/heading_icon.gif) no-repeat 45px; /* 見出しの背景 */
	border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
	font-size: 150%;			/* 見出しの文字サイズ */
	color: #ffffff;				/* 見出しの文字色 */
}

/* ------ テーブル デフォルト ---------------------------------------------------------- */
table {
    border-top:1px solid #A9A9A9;
    border-left:1px solid #A9A9A9;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin:1em auto 1em;
}
th{
    border-right:1px solid #A9A9A9;
    border-bottom:1px solid #A9A9A9;
    color:#000000;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
td{
    border-right:1px solid #A9A9A9;
    border-bottom:1px solid #A9A9A9;
    padding:0.3em 1em;
}
/* ------ ボタン装飾 -------------------------------------------------------- */
.button {
	margin: 5px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.button, .button span{
	-moz-border-radius: .3em;
	border-radius: .3em;
}
.button span{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	padding: 0.3em 0.6em;
}
.button:hover{
	box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
.button:active{
	/* When pressed, move it down 1px */
	position: relative;
	top: 1px;
}
.button-blue{
	background: #4477a1;
	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
	background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.button-blue:hover{
	background: #81a8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
	background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
}
.button-blue:active{
	background: #4477a1;
}

.button-gray{
	background: #808080;
/*
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#808080) );
	background: -moz-linear-gradient(-90deg, #C0C0C0, #808080);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0C0C0', endColorstr='#808080');
*/
}
.button-gray:hover{
	background: #C0C0C0;
	background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#C0C0C0) );
	background: -moz-linear-gradient(-90deg, #808080, #C0C0C0);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#C0C0C0');
}
.button-gray:active{
	background: #808080;
}
/* ------ タブ -------------------------------------------------------------- */
#tabs {
	font-size: 100%;
	width: 800px;
	margin: auto;
	background: #F8F8FF;
}

/*-- font-size・・・フォントサイズの設定 --*/

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }
.f25pt{ font-size: 25pt!important; }
.f26pt{ font-size: 26pt!important; }
.f27pt{ font-size: 27pt!important; }
.f28pt{ font-size: 28pt!important; }
.f29pt{ font-size: 29pt!important; }
.f30pt{ font-size: 30pt!important; }
.f31pt{ font-size: 31pt!important; }
.f32pt{ font-size: 32pt!important; }
.f33pt{ font-size: 33pt!important; }

/*-- font-size・・・フォントカラーの設定 --*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

/*-- 装飾なし --*/
.deco-none{text-decoration:none;}

/*-- 改行なし --*/
.disini{
	display: inline-block;
/	_display: inline;
}

.ui-state-highlight {
/*
	height: 2.85em;
*/
	height: 1.75em;
}