@charset "uft-8";

/* ▼----- 疑似クラス -----▼ */
a:link{
	color: #0000ff;
	text-decoration: underline;
}

a:visited{
	text-decoration: underline;
}
a:hover{
	color: #ff0000;
	text-decoration: underline;
}
a:active{
	top: 1px;
	left: 1px;
	position: relative;
	color: #ff0000;
	text-decoration: underline;
}

/* ▼----- 基本デザイン -----▼ */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; */
	font-family: sans-serif;
}

html {
	overflow: visible !important;
	height: 100%;
}

body {
	height: 100%;
	background: #FFFFFF url(../images/building_bg.png) center top repeat-y;
}

/* ▼----- ページ外枠 -----▼ */
#building {
	overflow: visible !important;
	width: 920px;
	min-height:100%;
	line-height: 1.5em;
	margin:0 auto;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	background-color: #FFF;
	color: #333;
}

/* ▼----- ヘッダー -----▼ */

#header {
	background-color: #0065CE;
}

/* ▼----- パンくずリスト -----▼ */

#topicpath {
	padding: 5px 15px;
	background-color: white;
	border-bottom: solid 2px #CCC;
}

/* ▼----- メインフレーム -----▼ */
#frame {
	float: right;
	width: 920px;
	background: none;
}

/* ▼▼▼----- コンテンツ部の設定 -----▼▼▼ */
#contents {
	font-size: 100%;
	width: 95%;
	padding: 15px;
}

/* ▼----- ２段組レイアウトのフレーム -----▼ */

.in-content-l {
	width:420px;
	float:left;
}
.in-content-l h2 {
	letter-spacing: 0.2em;
}

.in-content-r {
	width:420px;
	float:right;
}
.in-content-r h2 {
	letter-spacing: 0.2em;
}

.c-both{
	clear:both;
}

/* ▼▼▼----- サブメニュー -----▼▼▼ */
#submenu {
	float: left;
	width: 200px;
	height: 100%;
	padding-top: 10px;
	font-size: 100%;
	display: none;
}

/* ▼----- フッター -----▼ */
#footer {
	clear: both;
	padding: 10px 0;
	border-top: 3px solid #CCCCCC;
	text-align: center;
	display: none;
}

/* ▼----- ナビゲーション -----▼ */
#globalNav {
	overflow: auto;
	width: 100%;
	background: #E8E8E8;
	border-bottom: 3px solid #CCCCCC;
	font-size: 100%;
}
#globalNav li {
	float: left;
	overflow: hidden;
	list-style: none;
	width: 114px;
	border-right: 1px solid #CCCCCC;
}
#globalNav li a {
	display: block;
	list-style: none;
	overflow: hidden;
	width: 100%;
	line-height: 2.5em;
	background: #e8e8e8 url(../images/global_nav_a_bg.png) 0 0 repeat-x;
	color: #333333;
	text-decoration: none;
	text-align: center;
}

/* ▼----- ナビゲーション・ロールオーバー効果 -----▼ */

#globalNav li a:hover {
	list-style: none;
	background: #50b622 url(../images/global_nav_a_bg.png) 0 -100px repeat-x;
	color: #ffffff;
	font-size: 100%;
}

/* ▼----- h1要素（ページの大見出し） -----▼ */
#contents h1 {
	font-size: 140%;
	font-weight: normal;
	letter-spacing: 0.5em;
	vertical-align: text-bottom;
	padding: 10px 15px;
	border-bottom: 1px solid #cccccc;
	border-left: 6px solid #2d78bf;
	background: url(../images/contents_h2_bg.gif) left top repeat-x;
}

/* ▼----- h2要素（ページの中見出し） -----▼ */
#contents h2 {
	font-size: 110%;
	font-weight: normal;
	padding: 3px 10px;
	letter-spacing: 0.2em;
	background-color: #e6e6fa; /* lavender */
	border-left: 6px solid #2d78bf;
	border-bottom: 1px solid #c0c0c0; /* silver */
}

/* ▼----- h3要素（ページの小見出し） -----▼ */
#contents h3 {
	font-size: 100%;
	font-weight: normal;
	margin-left: 1em;
	margin-top: 1em;
	padding: 3px 10px;
	border-width: 0px 0px 1px 6px;
	border-style: solid;
	border-color: #0850b2;
}

/* ▼----- h3要素（ページの小見出し） -----▼ */
#contents h4 {
	font-size: 100%;
	font-weight: normal;
	margin-left: 2em;
	margin-top: 1em;
	padding: 3px 10px;
	border-width: 0px 0px 0px 6px;
	border-style: solid;
	border-color: #4682b4; /* steelblue */
}

.hfourp {
	font-size: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	text-indent: 1em; 
	letter-spacing: 0.1em;
}


/* ▼----- メインコンテンツ部のスタイル -----▼ */
#contents p {
	font-size: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 15px;
	text-indent: 1em; 
	letter-spacing: 0.1em;
}

#contents ul {
	font-size: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 30px;
	letter-spacing: 0.1em;
}

#contents ol {
	font-size: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 30px;
	text-indent: 1em; 
	letter-spacing: 0.1em;
}

#contents .htwoul {
	font-size: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3em;
	letter-spacing: 0.1em;
}

#contents table {
	font-size: 100%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 2em;
	letter-spacing: 0.1em;
}

#contents .date {
	font-size: 85%;
	text-align: right;
	color: #666666;
}

#contents .pgtop {
	font-size: 85%;
	text-align: right;
	color: #666666;
	margin: 10px 3px 0px 10px;
	padding-bottom: 10px;
	letter-spacing: 0.1em;
}

/* ▼----- 日付の書式 -----▼ */

.date {
	color: #666;
	font-size: 100%;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

/* ▼----- リストのクラス設定 -----▼ */
#contents .list,
#submenu .list {
	margin-bottom: 20px;
	list-style: none;
}
#contents .list li {
	margin: 10px 3px 0 10px;
	padding-left: 20px;
	background: url(../images/waterdot.gif) left center no-repeat;
	border-bottom: 1px solid #cccccc;
	list-style: none;
	letter-spacing: 0.1em;
}

#submenu .list li {
	margin: 10px 3px 0px 10px;
	padding-left: 20px;
	background: url(../images/arrow.gif) left center no-repeat;
	border-bottom: 1px solid #cccccc;
	list-style: none;
	letter-spacing: 0.1em;
}

#submenu .list li a{
	display: block;
}

/* ▼----- コンテンツタイトル（リスト形式）の見出し -----▼ */
#contents .list h2 {
	font-size: 100%;
	padding: 3px 10px;
	background-color: #f3f3f3;
	border-left: 6px solid #2D78BF;
	border-bottom: 1px solid #CCCCCC;
}

/* ▼----- サブメニュータイトル（リスト形式）の見出し -----▼ */
#submenu .list h2 {
	padding: 3px 15px;
	color: #FFFFFF;
/*	background-color: #2D78BF; */
	background-color: #0065CE;
	display: none;
}

/* ▼----- 表（テーブル）の基本スタイル -----▼ */

table {
  border-collapse:collapse;
  border-style:solid;
	table-layout: fixed;
  border-width:1px;
	border-color: black;
	margin: 20px 5px 20px 15px;
}
/*thead行全体の装飾*/
thead {
	font-weight: normal;
	background-color: #b0c4de; /*lightsteelblue*/
}

/*見出しセルの装飾*/
th {
  color:black;/*文字色*/
  font-weight:normal;/*太字は重いのでノーマルに*/
  /*左右余白の設定*/
	padding:0.3em 0.5em;

  /*ケイ線*/
  border-style:solid;
  border-width:1px;
	border-color: black;
}

/*データ・セルの装飾*/
td {
  /*左右余白の設定*/
	padding:0.3em 0.5em;
	letter-spacing: 0.1em;

  /*ケイ線*/
  border-style:solid;
  border-width:1px;
	border-color: black;
/*  border-color:#cccccc; */
}

/*数値データのセルに対して右寄せ*/

th.lt {
	text-align:left;
}


td.rt {
	text-align:right;
}

.ct {
	text-align: center;
}

td.tp {
	vertical-align: top;
}

/*1行おきにtrに背景色*/
.cl {
	background-color: #e6e6fa; /*lavender*/
}

.tableul {
	margin-left: 15px;
}

/* --- セルの20％×5均等割 --- */
.fivecell {
	width: 120px;
}

/* --- セルの25％×4均等割 --- */
.fourcell {
	width: 150px;
}

/* --- セルの30％×3均等割 --- */
.threecell {
	width: 170px;
}

/* --- セルの40％×2均等割 --- */
.twocell {
	width: 250px;
}

/* --- セルの80％×1均等割 --- */
.onecell {
	width: 510px;
}

/* --- テーブル内の折り返し禁止セル --- */
.nwcell {
	white-space: nowrap;
}

.imgnb {
	border: none;
}

/* ▼----- 外部リンクアイコンの表示 -----▼ */

a[href^="http"] {
	background:url(../images/arrow_outlink.gif) no-repeat right center;
	padding-right:15px;
}

a[href^="#"] {
	background:url(../images/icn_pagedown.gif) no-repeat right center;
	padding-right:15px;
}


/* ▼----- 外部リンクアイコンの非表示 -----▼ */

a[href^="http://www.adobe.com"] {
	padding:0;
	background:transparent;
}

a[href^="#pagetop"] {
	padding:0;
	background:transparent;
}

a[href^="#header"] {
	padding:0;
	background:transparent;
}

/* ▼----- photo contents -----▼ */
.l_photo {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}

.r_photo {
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
}