/*------　style.css　日本語コメント＆フォント名使用のためUTF-8で保存------*/

/*------　basic elements　------*/
body {
	margin: 0px;	padding: 0px;
	background: #FFF url(background.jpg) repeat-x;
	background-position: top center;
	background-attachment: fixed;
	font-size: 13px;
	font: 13px 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	text-align: center;
	}
img {
	border: none;
	}
.visible { display: block; }
.invisible { display: none; }

/*------　div: page (defines the area of content)  ------*/
#page {
	width: 900px;
	margin-left: auto; margin-right: auto;	/*--FF用--*/
	background: #FFF;
	}
#pagetop .invisible {
	display: none;
	}

/*------　div: header ------*/
#header{
	width: 100%; height: 75px;	/*--title54 + globalnav21 + 余白0--*/
	margin: 0px;
	text-align: left;
	}


/*------　div: header > title------*/
#header #title {
	width: 100%; height: 54px;
	background: transparent url(header.jpg) no-repeat;
	}
#header #title h1 { 
	display: none;
	}
#header #title span {
	display: none;
	}
#header #title img {	/*--タイトルロゴのクリック用透明GIF--*/
	width: 200px; height: 40px;
	border: none;
	}
#header #solonav {
	width: 350px; height: 20px;
	margin-left: 560px; margin-top: 15px;
	position: absolute;
	top: 0px;
	text-align: center;
	color: #6F9CDD;
	}
#header #solonav a {
	color: #A9C5ED;
	}
#header #solonav a:hover {
	color: #FA0;
	}

#info {
	position: absolute;
	top: 15px; left: 50%;
	padding-left: 180px;
	text-align: left;
	color: #6F9CDD !important;
	}
/*------　div: header > globalnav ------*/
#globalnav {
	width: 890px; padding-right: 10px;
	height: 15px;	padding-top: 6px; /*--高さ21px--*/
	text-align: right;
	background: transparent url(globalnav.jpg);
	color: #6F9CDD;
	}
#globalnav a {
	width: 150px;
	color: #6F9CDD;
	}
#globalnav a:hover {
	color: #FA0;
	}




/*------　div: content ------*/
#content {
	clear: both;
	height: 100%;	/*全ブラウザ用*/
	padding-top: 40px;
	overflow: auto;	/*IE以外*/
	width: 100%; 
	background: url(content-bg.jpg) no-repeat;
	}


/*------　div: content > localnav ------*/
#localnav {
	width: 100%; height: 30px;	/*--高さ30px--*/
	padding: 0px;
	background: transparent;
	border-bottom: 6px solid #6F9CDD;

	}
#localnav ul {
	margin: 0px 0px 0px 30px;		/*--左端の開始位置--*/
	padding: 0px;
	list-style: none;
	}
#localnav li {
	display: block;
	width: 130px;
	margin-right: 8px;
	text-align: center;
	background: #CCC url(localnav.gif);
	float: left;
	}
#localnav a {
	display: block;
	width: 130px;
	height: 20px; padding-top: 10px;
	color: #555 !important;
	text-decoration: none;
	}
#localnav a:hover {
	color: #FFF !important;
	background: #3E83D0 url(localnav.gif);
	}
#localnav .selected {
	display: block;
	background: #6F9CDD url(localnav.gif);
	}
#localnav .selected a {
	color: #FFF !important;
	text-decoration: none;
	} 

/*------　div: content > main ------*/
#content #main {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 20px;
	background: transparent;
	text-align: left;
	float: right;
	}
#content #main #billboard {		/*--看板画像--*/
	width: 100%;
	margin: 0px;	padding: 0px;
	}
#content #main #billboard img {
	margin: 0px;	padding: 0px;
	border: none;
	}

#content #main #info {
	margin: 0px 0px 20px 20px;
	text-align: left;
	color: #666;
	}
#content #main #info a {
	text-decoration: none;
	}
#content #main h2 {
	display: block;
	height: 26px; padding-top: 4px;	/*--計30px--*/
	margin: 0px 10px 20px 10px;
	background: #FFF url(h2-bg.jpg);
	border-left: 0px solid #0A5DBA;
	}
#content #main h2 span {
	display: block;
	margin-left: 27px;
	font-size: 15px;
	color: #666;
	}




/*------　div: content > main > block ------*/
#content #main .block {
	margin: 20px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 140%;
	background: transparent;
	}
#content #main h3 {
	margin: 0px 15px 0px 15px;
	padding-left: 10px;
	background: transparent;
	border-left: 10px solid #888;
	border-bottom: 1px solid #AAA;
	font-size: 15px;
	color: #1256A3;		/*--ブロックタイトルの文字色--*/
	}
#content #main #alert {
	border: 1px solid #888;
	padding: 10px;
	background: #FCC;
	}
#content #main .article {		/*--記事のインデント設定はpaddingで行う--*/
	margin: 10px 20px 10px 20px;
	padding: 0px 10px 25px 10px;
	color: #666;	/*--記事の文字色--*/
	}
#content #main .noindent {	/*--.articleの幅めいっぱい使いたい場合--*/
	padding: 0px;
	}
#content #main a {
	color: #1256A3;
	}
#content #main a:hover {
	color: #F80;
	}
#content #main .pagetop {
	height: 40px; padding-top: 0px;
	margin-right: 0px;
	border-top: 1px dotted #CCC;
	}
#content #main .pagetop a {
	display: block;
	margin-top: 0px;	/*--FF対策--*/
	margin-right: 45px;
	text-align: right;
	text-decoration: none;
	}

/*------　div: content > main > table関連 ------*/
#content #main #tableblock {
	/*--インラインフレーム廃止に伴いブロック化--*/
	width: 700px; height: 500px;
	overflow: auto;
	}
#content #main #tableblock2 {
	/*--インラインフレーム廃止に伴いブロック化 ただし縦--*/
	width: 700px;
	overflow: auto;
	}


#content #main table, #content #main th, #content #main td {
	border: 1px solid #CCC;		/*--ボーダー色はデザインに合わせる--*/
	border-collapse: collapse;
	padding: 3px;
	font-size: 13px;
	color: #666;	/*--下の.articleのフォント色と合わせる--*/
	}	/*--ここの設定は下位のtableに継承される為、細かく記述しないこと--*/

#content #main table.textop td, .textop th {	/*--table内の文字を全て上揃えにしたい時--*/
	vertical-align: top;
	}
#content #main table.center {	/*--tableを中央配置したい時--*/
	margin-left: auto; margin-right: auto;
	}
#content #main .noborder table, #content #main .noborder td, #content #main .noborder th {	/*--tableを線なしにする場合--*/
	border: none;	/*<div class="noborder">でtableの前後を囲む*/
	}
#content #main .showborder table, #content #main .showborder td, #content #main .showborder th {	/*--noborder内のtableを特別に線ありにする場合--*/
	border: 1px solid #CCC;	/*<div class="showborder">でtableの前後を囲む*/
	}

#content .tr0 { background: #EEF6FB; }
#content .tr1 { background: #FDD; }
#content .tr2 { background: #EEE; }


/*------　div: content > main > img関連 ------*/
#content #main img.left {
	margin-right: 10px; margin-bottom: 5px;
	float: left;
	}
#content #main img.right {
	margin-left: 10px; margin-bottom: 5px;
	float: right;
	}
#content #main .tile table, #content #main .tile td {	/*--タイル状配置--*/
	border: none;
	padding: 2px;
	}
#content #main .tile img {
	margin: 0px;
	vertical-align: bottom; /*--画像をbaseline(スキマ有)ではなくbottomに配置(IE6以外)--*/
	}

/*------　div: content > main > news形式 ------*/
#content #main .news {
	margin-top: 10px;
	border-bottom: 1px dotted #DDD;
	}
#content #main .detailLink {
	text-align: right;
	margin-bottom: 5px;
	}
#content #main .detailLink a {
	text-decoration: none;
	}
#content #main hr {
	border-top: 1px dotted #B7C4E3;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	}

/*------　div: content > main > link形式 ------*/
#content #main .mark {	/*--リンク集など先頭にマークを入れる時--*/
	display: block;
	padding-left: 20px;
	margin: 10px 0px 0px 0px;
	background: url(arrow.gif) no-repeat;
	background-position: 0px 4px;
	}


/*------　div: content > main > list形式 ------*/
ul.kanri {
	width: 550px;
	margin: 0px;
	padding: 10px;
	list-style: none;
	background: #EEE;
	}
.kanri li {
	white-space: nowrap;	/*改行を禁止*/
	margin-left: 10px;

	float: left;
}

table.kanri {
	width: 550px;
	margin: 0px;
	padding: 10px;
	list-style: none;
	background: #EEE;
	}

/*------　div: footer  ------*/
#footer {
	clear: both;
	width: 100%;	height: 115px;
	}

/*------　div: footer > footnav ------*/
#footer #footnav {
	height: 2px;
	margin: 0px;
	background: transparent;
	border-top: 1px solid #6F9CDD;
	border-bottom: 3px solid #6F9CDD;
	}

/*------　div: footer > copyright ------*/
#footer #copyright {
	height: 80px;	padding-top: 20px; /*--計100px--*/
	margin: 0px;
	background: transparent url(footer.jpg);
	color: #777;
	}
#footer #copyright a {
	color: #888;
	text-decoration: none;
	}
#footer #copyright a:hover {
	color: #F80;
	}
	
	
	/*
contact form start ---------------*/

.article th {
	padding:10px 5px 10px 8px;
	margin:0;
	
	line-height:1.4;
	border:solid 2px #fff;
	background: #eef6fb;

	vertical-align:top;	
	text-align:left;
	font-weight:normal;
	font-size:75%;

	color:#696969;
	}

.article th span {
	color:#f30;
	margin:0 0 0 5px;
	padding:0;
	}

.article td {
	font-size:75%;
	line-height:1.5;
	color:#696969;
	
	padding:11px 5px 11px 11px;
	background:#fff;
	}

.article td span {
	margin:0 10px 0 0;
	padding:0;
	}	
	
ul.submit {
	width:426px;
	
	margin:30px auto;
	padding:0;
	
	list-style:none;
	
	text-align:center;
	}
p.thanks {
	width:362px;
	margin:20px 100px 40px 100px;
	line-height:1.6;
	}


/*=======　共通で使用するクラス　========*/

/*------　text colors　------*/
.accent {	color: #F00;	}
.hot	{	color: #E64;	}
.cool	{	color: #AAA;	}
.confirm	{	color: #808;	}
.passed	{	color: #F00;	}
.alert {	color: #F00;	}
.thlink a {	color: #888 !important;	}
.indent10 { margin-left: 10px;  }
.indent20 { margin-left: 20px;  }
.indent30 { margin-left: 30px;  }

/*------　text style　------*/
.exp {
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
.modalBackground 
{
 background-color:Gray;
 filter:alpha(opacity=60);
 opacity:0.60;   
}    
.updateProgress
{
  position:  absolute;
  overflow:  auto;
  text-align:  left;
  color:   #AAAAAA;
  background-color: #FFFFFF;
  width:   380px;
  height:   60px;
  font-size:  9pt;
  border-style: double;
  border-color: #000000;
  padding:  5px;
  cursor:   hand;
  z-index: 110;
}
.updateProgressMessage
{
    margin:3px; 
    vertical-align: middle;
}
/*------　for application edit page　------*/
.accordionBlock {   width: 550px; border-top: 1px solid #CCC;   }
.titleBlock {
    padding: 5px;
    background: #EEF6FB;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #CCC;
    }
.detailBlock {
    padding: 5px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #CCC;
}