@charset "shift_jis";
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 78%;
	line-height: 1.8;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #2b333f;
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
p {
	padding-bottom: 10px;
}
ul{
	list-style-type: none;
}
img {
	border: none;

}


/*HPを囲む枠。両サイドの影を入れている。
------------------------------------------------------------------*/
#wrapper {
	background: #FFFFFF url(images/bg.gif) repeat-y center;
	width: 849px;
	margin-right: auto;
	margin-left: auto;
}


/*HP本体の枠。ここは基本的に変更しないように。
------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 835px;
	margin-right: auto;
	margin-left: auto;
}


/*ヘッダー。メイン画像が入っている所。
------------------------------------------------------------------*/
#header {
	background: url(images/main_imgR2.jpg) no-repeat left top;
	height: 160px;
	position: relative;
}


/*ヘッダー内のh1タグの設定。
------------------------------------------------------------------*/
#header h1 {
	font-size: 5px;
	color: #FFFFFF;
	position: absolute;
	left: 20px;
	top: 3px;
	width: 800px;
}


/*メインメニューの設定。
------------------------------------------------------------------*/
#menu li {
	display: inline;
	text-align: right;
}


/*コンテンツ。文章が入る２列部分の背景をここで設定。
------------------------------------------------------------------*/
#contents {
	background: url(images/contents_bg.gif) repeat-y left;
	padding-top: 20px;
}

/*コンテンツ。文章が入る１列部分の背景をここで設定。（ファイルアップロード用）
------------------------------------------------------------------*/
#contents2 {
	background: url(images/contents2_bg.gif) repeat-y left;
	padding-top: 20px;
}

/*メインコンテンツ。（左側）
------------------------------------------------------------------*/
#main {
	float: left;
	width: 550px;
	display: inline;
	margin-right: 10px;
	margin-left: 20px;
}

#main2 {
	overflow: auto;
	float: left;
	height: 550px;
	width: 550px;
	display: inline;
	margin-right: 10px;
	margin-left: 20px;
}

#main p {
	padding-right: 5px;
	padding-left: 5px;
}


/*サブコンテンツ。（右側）
------------------------------------------------------------------*/
#sub {
	float: right;
	width: 229px;
	color: #36455c;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -7px;
}
#sub h3 {
	border: 3px double #ffffff;
	background: #3969ad;
	font-size: 100%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #FFFFFF;
}

/*テーブル部分（独自追加）。
------------------------------------------------------------------*/

table.sample {
    border-collapse: collapse;
    border: 2px solid green; /* 外側の枠線 */
 }
table.sample td {
    border-width: 1px 0px; /* 上下だけ引く */
    border-color: green; /* 線色：緑 */
    border-style: solid; /* 線種：実線 */
    padding: 0.3em; /* セル内側の余白 */
 }



table.sample2 {
    width: 550px;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
}
table.sample2 th {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
    background: #4682B4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.sample2 td.e {
  width: 15px;
}
table.sample2 td {
    border-width: 1px 0px; /* 上下だけ引く */
    border-color: green; /* 線色：緑 */
    border-style: solid; /* 線種：実線 */
    padding: 0.3em; /* セル内側の余白 */
}
table.sample2 tr:nth-child(2n+1) {
    background: #f5f5f5;
}

table.sample2 tr:nth-child(1) {
    background: #808080;
    color:#ffffff;
}


table.sample3 {
    width: 550px;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
}
table.sample3 th {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
    background: #4682B4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.sample3 td {
    border-width: 1px 0px; /* 上下だけ引く */
    border-color: green; /* 線色：緑 */
    border-style: solid; /* 線種：実線 */
    padding: 0.2em; /* セル内側の余白 */
    line-height: 140%;
    font-size: 85%
}
table.sample3 tr:nth-child(2n+1) {
    background: #f5f5f5;
}

table.sample3 tr:nth-child(1) {
    background: #808080;
    color:#ffffff;
}


table.sample4 {
    width: 550px;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
}
table.sample4 th {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
    background: #4682B4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.sample4 td {
    border-width: 1px 0px; /* 上下だけ引く */
    border-color: green; /* 線色：緑 */
    border-style: solid; /* 線種：実線 */
    padding: 0.2em; /* セル内側の余白 */
    line-height: 140%;
    font-size: 85%
}
table.sample4 tr:nth-child(2n+1) {
    background: #f5f5f5;
}

table.sample4 tr:nth-child(1) {
    background: #808080;
    color:#ffffff;
}

table.sample5 {
    width: 550px;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
table.sample5 th {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
    background: #4682B4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table.sample5.td.ce1 { width: 75px; }
table.sample5.td.ce2 { width: 55px; }
table.sample5.td.ce3 { width: 60px; }
table.sample5.td.ce4 { width: 65px; }
table.sample5.td.ce5 { width: 100px; }
table.sample5.td.ce6 { width: 475px; }
    th.ce7 { width: 15px; }
    th.ce8 { width: 60px; }
    th.ce9 { width: 130px; }


table.sample5 td {
    border-width: 1px 0px; /* 上下だけ引く */
    border-color: green; /* 線色：緑 */
    border-style: solid; /* 線種：実線 */
    padding: 0.2em; /* セル内側の余白 */
    line-height: 140%;
    font-size: 85%
}
table.sample5 tr:nth-child(2n+1) {
    background: #f5f5f5;
}


table.sample6 tr:nth-child(1) {
    background: #808080;
    color:#ffffff;
}

table.sample6 {
    width: 550px;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
table.sample6 th {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
    background: #4682B4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    font-size: 85%
}

table.sample6 td {
    border-width: 1px 0px; /* 上下だけ引く */
    border-color: green; /* 線色：緑 */
    border-style: solid; /* 線種：実線 */
    padding: 0.2em; /* セル内側の余白 */
    line-height: 140%;
    font-size: 85%
}
table.sample6 tr:nth-child(2n+1) {
    background: #f5f5f5;
}

table.sample6 tr:nth-child(1) {
    background: #808080;
    color:#ffffff;
}

/*スクロール用（独自追加）。
------------------------------------------------------------------*/

div.smenu {
  width: 540px;
  height: 300px;
  background-color: white;
  overflow: scroll;
}

/*ハイパーリンク色指定用（独自追加）。
------------------------------------------------------------------*/

#redline:link {
 color:#FF0000;
 }


/*TOPICS部分。
------------------------------------------------------------------*/
ul#topics {
	padding: 0px 12px 20px 8px;
}
#topics li {
	border-bottom: 1px dotted #CCCCCC;
	text-indent: -1em;
	padding-left: 1em;
}


/*フッター
------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 835px;
	text-align: center;
	background: #999999 url(images/footerB.gif) no-repeat bottom;
	height: 60px;
	padding-top: 10px;
	color: #1f549b;
}
#footer a {
	color: #FFFFFF;
}



/*clearfix（※ここは変更しない）
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */