/*
  File Name: test02.css
  Created  : 2012.10.09.  by Y.Sakakibara
  Modified : 2014.07.01.  sjis --> utf8

  エビスコム著：HTML/XHTML&スタイルシート　デザインブック、ソシム(2009). 佐倉南図書館蔵
  榊原が勉強のため作成（白神ブナ林、緑）
  サブメニュー対応


*/
@charset "UTF-8";

body	/* bodyの標準設定 */
{
	background-color: #006666;	/* 枠外の背景色 */
	background-image: url(../images/back_border_grn_780x10.png);
	background-repeat: repeat-y;
	background-position: top center;
	margin: 0;	/* 上下左右のマージン：0 */
	padding: 0;	/* 上下左右のPadding：0 */
}

body#underc		/* 工事中のページ */
{	margin: 0;	/* 周りの余白ゼロ */
	padding: 0;
	background-image: url(../images/rect_undercons_350x225.png);
	background-repeat: repeat;
	background-position: top left;
}

a		/* a要素のリンクの標準文字色 */
{
	color: #017acd;
}
sub,sup {
	font-size: 80%;
}

/* --------------- コンテナ ------------ */
/*  ヘッダ、フッタ、コンテンツの全体をまとめる */
div#container
{
/*	background-image: url(../images/line_wall7_grn_190x20.png);*/	/* サイドバー用の画像 */
/*	background-repeat: repeat-y; */		/* y方向に繰り返し */
	background-color: #ffffe4;
//	background-color: #ffffff;
	border-left: solid 1px #666666;		/* 左境界の1pxの実線 */
	border-right: solid 1px #666666;
	width: 760px;
	margin-left: auto;	/* auto により中央配置 */
	margin-right: auto;
}

/* -------------- ヘッダー --------------- */
div#header
{
	background-color: #00440a;	/* ヘッダー部分の背景色 */
/*	background-image: url(../images/Shirakami_bunarin_2012_P1050661.jpg);	*/ /* ヘッダー部分の画像 */
/*	background-image: url(../images/Goshikinuma_2014_P1130191.jpg);*/	/* ヘッダー部分の画像 */
	background-image: url(../images/20150917_ohotsuku_P1180075.jpg);	/* ヘッダー部分の画像 */
	background-repeat: repeat;
	background-position: right bottom;
	padding:  8px 20px 135px;	/* 上、左右、下のpadding */
}

div#header h1
{	margin: 0;
}

div#header p	/* ヘッダ中のp要素：サブタイトルのスタイル指定 */
{
	background-image: url(../images/bar_ddarkgreen_450x30.png);
	background-repeat: no-repeat;
	color: #ffffff;		/* 文字色を白 */
	font-size: 0.75em;	/* フォントサイズ 0.75em=(16*0.75=12px) */
	margin: 5px 0px 0px 0px;	/* 上、左、下、右のマージン */
	padding-left: 5px;	/* 上、左、下、右のマージン */
}

/* ----------- ヘッダ、フッタ中のメニュー ---------*/
ul#tmenu,ul#bmenu	/* トップ、ボトムメニューのul要素のとき */
{
	font-size: 0.63em;	/* 文字サイズ:10pt */
	margin-left: 0;
	padding-left: 0;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
	text-align: right;	/* テキスト右揃え */
}

ul#tmenu li,ul#bmenu li
{
	list-style-type: none;	/* リストスタイルなし */
	display: inline;	/* インライン表示 */
}

ul#bmenu li a
{
	text-decoration: none;		/* テキスト修飾なし */
	border-left: solid 1px #ffffff;	/* 左側境界solid,1px,白 */
	padding: 2px 8px;	/* 上下3px,左右10px */
	color: #ffffff;		/* テキスト色 */
}

ul#tmenu li a
{
	text-decoration: none;		/* テキスト修飾なし */
	border-left: solid 1px #ffffff;	/* 左側境界solid,1px,白 */
	padding: 2px 8px;	/* 上下3px,左右10px */
	color: #ffffff;		/* テキスト色 */
	background-image: url(../images/bar_ddarkgreen_400x30.png);
}

ul#tmenu li.menulast a,ul#bmenu li.menulast a	/* メニュー最後のみ右境界を追加 */
{
	border-right: solid 1px #ffffff;
}


/* --------------- パンくずリスト -------------*/
p#bread
{
	font-size: 0.75em;
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: 20px;
}

/* ------------- メニュー ------------- */
ul#menu		/* ul要素のid=menuの時 */
{
	font-size: 0.75em;	/* 文字サイズ:12px */
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	height: 30px;	/* 高さ：30px */
	background-color: #00440a; /* 背景色 */
	position: absolute;	/* submenu */
}
ul#menu ul
{
	margin: 0;
	padding: 0;
	font-size: 1em;
}

ul#menu li
{
	list-style-type: none;	/* リストマーク：なし*/
	float: left;	/* メニューを左に寄せ、続くメニューを回り込ませる*/
}

ul#menu ul li
{
	float: none;
}

ul#menu li a
{
	display: block;
	width: 151px;		/* 右側境界を含め152x5menu=760px */
	line-height: 30px;
	text-decoration: none;
	text-align: center;	/* テキスト中央 */
	color: #ffffff;		/* テキスト色 */
	background-color: #00440a;	/* 背景色 */
	border-right: solid 1px #ffffff;	/*右側の境界,solid,1px,白 */
}

ul#menu ul li a
{
	border-top: solid 1px #00b624;	/*右側の境界,solid,1px,白 */
}

ul#menu li a:hover	/* マウスカーソルがoverしたとき */
{
	background-color: #00b624;	/* */
}

ul#menu li.menulast a
{
	border-right: none;	/* 最後のメニューのとき右側境界1pxはない、効果なし*/
}

ul#menu ul ul li a	/*  */
{	background-color:#00440a;
	border-top: solid 1px #ffffff;
}

ul#menu li ul li a:hover, ul#menu li a:hover	/* プルダウンメニュー選択時の表示 */
{	background-color: #00b624;
	color: #ffffff;
}

ul#menu li ul li	/* プルダウンメニューを隠す */
{
	display:none;
}

ul#menu li:hover ul li
{
	display:block;
}

/* ------------ コンテンツ ---------------- */
div#content
{	width: 710px;	//510px;
	float: right;
	margin-top: 0px;
	margin-left: auto;
	margin-right: 30px;
	margin-bottom: 25px;
	display: inline;	/* float指定のとき、IE5,IE6対策 */
}

div#content h2
{	background-color: #003e00;	/* 濃い緑 */
	background-image: url(../images/rect_grn_564x46.png);
	background-repeat: repeat;	//no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0;
}

div#content h3#orig	/* 本来のh3 */
{
/*	background-color: #ccffcc;	/* 薄い緑 */
/*	background-image: url(../images/rect_tt_grn.png);
	background-repeat: no-repeat; */
	font-size: 0.875em;
/*	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0; */
}

div#content h3
{	background-color: #dfffdf;	/*#ccffcc; */	/* 薄い緑 */
	background-image: url(../images/rect_tt_grn.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0;
}

div#content h4.chap
{	background-color: #eeffcc;	/* 薄い緑 */
	background-image: url(../images/circle_yellow4_19x19.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: blue;
	line-height: 19px;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}


div#content p
{	font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px;
}

/* ----------- 例題のスタイル ---------  */
div#content legend
{	font-size: 0.75em;
	font-weight: bold;
	color: blue;
	margin-top: 10px;
	margin-bottom: 0px;
}

div#content fieldset
{
	background-color: #efffcc;
	width: 680px;	//470ppx;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
//	font-size: 12px;	/* 文字サイズ:12px */
}

/* ----------- コードのスタイル ---------  */
div#content pre
{
	background-color: #ddeedd;
	width: 650px;	//610px;	//470px;
	font-size: 0.75em;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: scrool;	//auto		/* 右側にはみ出したとき折り返し */
}
div#content code
{
/*	overflow: auto;*/	/* 右側にはみ出したとき折り返し */
}

/* ----------- 画像のスタイル ---------  */
.imgcaption	{
	text-align:center;
	font-size: 1.0em;
//	border: solid 1px #888888;
	padding:0px;
//	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}
.imgcaption p	{
	margin: 0;
	font-weight: bold;
}
.imgcaption img	{margin-bottom: 0px;}

div#content p#message
{	margin-top: 0;
}

/* ----------- 表のスタイル ---------  */
div#content table {
	font-size: 0.75em;
	line-height: 1.6;
	width: 100%;
	margin-left: 0px;
	empty-cells: hide;
/*	border-collapse: collapse; */
	border-collapse: separate;
}
div#content caption {
	padding-top: 5px;
	font-weight: bold;
}

table#table1 th, table#table2 th, table#table3 th, table#table4 th
{
	text-align: center;
	vertical-align: center;
	background-color: #eeffee;
}

table#table1 th#th1 {
	width: 100px;
}

table#table2 th#th1 {
	width: 80px;
}
table#table3 th#th1 {
	width: 80px;
}
table#table4 th#th1 {
	width: 50px;
}
table#table4 th#th2 {
}

table#table1 td {
	padding-left: 5px;
}

/* ----------- 表のスタイル（一重線） ---------  */

div#content table.table_co,
div#content table.table_c1
{
	border-collapse: collapse;
	background-color: #ffeeee;
}

table.table_co td,
table.table_co th,
table.table_co tr,
table.table_c1 td,
table.table_c1 th,
table.table_c1 tr
{
	empty-cells:show;
	border: solid 1px #aaaaaa;
	padding: 2px;
}

table.table_co th,
table.table_c1 th
{
	text-align: center;
	vertical-align: center;
	background-color: #eeffee; 
}

/*-----------------------------------------------*/

div#content p.return {
	margin-top: 10px;
	text-align: right;
}

div#content ul li {
	font-size: 0.75em;
	line-height: 1.6;
	list-style-type: square;	/* リストマーク：四角*/
}

div#content ul#none li {
	font-size: 0.75em;
	line-height: 1.6;
	list-style-type: none;	/* リストマーク：四角*/
}

/* ----------- リストのスタイル ---------  */
div#content ul li#small {
	font-size: 0.75em;
	line-height: 1.6;
	padding-left: 0px;
}

div#content ul#note li {
	margin-top: 0px;
	font-size: 0.75em;
	line-height: 1.6;
	list-style-type: none;	/* リストマーク：なし*/
/*	text-decoration: underline; */
}

div#content ul.listup li		/* ul要素内のli要素のとき */
{	background-image: url(../images/circle_grn_10x10.png);
	background-repeat: no-repeat;
	background-position: 0 6px;	/* (x,y)=(0,6) */
	padding-left: 13px;	/* 左Padding */
	padding-top: 2px;	/* 上Padding */
	list-style-type: none;
}

div#frame
{	border: solid 1px #666666;	/* インラインフレーム境界描画*/
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
/*	height: 150px;  */
	overflow: scroll;
}

span.ul
{
	text-decoration: underline;
}


p.feed
{	margin-bottom: 10px;
	margin-left: 12px;
}

p.feed a
{	background-color: #ddffdd;	/* 薄い緑 */
	font-size: 0.75em;
	color: #000000;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #66cc00;	/* 黄緑 */
	padding: 5px;
}

p.feed a:hover	/* 追加 */
{	background-color: #aaffaa;	/* やや薄い緑 */
}

p.feed img
{	border: none;
	vertical-align: middle;
}
/*  サイドメニュー、アコーディオンメニュー */

ul.sidemenu
{	border-top: solid 2px #111;	/* 濃い黒 */
	font-size: 0.75em;
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 6px;
	padding-left: 0;
	line-height: 0;
	list-style: none;
}

ul.sidemenu li
{	list-style-type: none;
}

ul.sidemenu li a
{	display: block;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	background-color: #000;
	border-bottom: solid 2px #111;
	padding-left: 5px;
}

ul.sidemenu li a:hover
{	background-color: #222;
}

ul.sidemenu ul		/* ul要素のとき */
{	margin: 0;
	padding: 0 0px;
}

ul.sidemenu ul li a	/* ul要素中のli要素のa要素のとき */
{	background-color: transparent;
	color: #fff;
	border-bottom: solid 2px #111;
	line-height: 24px;
	padding-left: 15px;
	font-weight: normal;
}

ul.sidemenu ul li a:hover
{	background-color: #222;	/* やや薄い緑 */
}

/*  added by Y.Saka 2015.07.31 for html to php convert */
ul.ssmenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.category {
	margin-top:5px;
	height: 25px;
	line-height: 25px;
	text-indent:30px;
/*	background:url("../gif/category_plus_r1.gif");*/	/* 220x40px */
	cursor:pointer;
	border-bottom: solid 2px #111;	/* 濃い緑 */
}

div.open {
.*	background:url("../gif/category_minus_r1.gif");*/	/* 220x40px */
	color: #ccc;
}

ul.ssmenu a{
	display:block;
	height: 25px;
	line-height: 25px;
	color: #164158;
}

ul.ssmenu li{
/*	background:url("../gif/menu_r1.gif");*/	/* 220x35px */
	text-indent:25px;
}

ul.ssmenu li.rollover{
/*	background:url("../gif/menu_over_r1.gif");*/	/*220x35px */
}

/* ------------- フッター ------------- */
div#footer
{
	color: #ffffff;		/* 文字の色 */
	background-color: #00440a;	/*  背景色を指定 */
	margin-top: 25px;	/* トップマージン */
	padding-top:12px;	/* トップPadding */
	padding-bottom: 12px;	/* ボトムPadding */
	clear: both;
}

address
{	font-size: 0.75em;
	font-style: normal;
	text-align: center;	/*left;*/
}


div#figs img {
	border: solid 1px #888888;
}

/* ----------- 実技問のスタイル ---------  */
p#ans {
	margin-left:10px;
	font-size: 0.9em;
	background-color: #dddddd;
	border: solid 1px #887777;
}
div#figs ul#jitsu, div#figs li#jitsu,
div#figs li#jitsulast {
	margin:0;
	padding:0;
}
div#figs li#jitsu, div#figs li#jitsulast {
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}
div#figs li#jitsulast {
	float:inherit;
}
/*  jquery Tool Tip No.2 */
#preview{
	position:absolute;
/*	overflow:visible; 影響なし */
//	position:fixed;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}


input {
	background-color: #effecc;	/* 入力枠の背景色 */
}

div#source {
	color: #aa0000;
	font-size: 0.75em;	/* 文字サイズ:12px */
}

h3#small {
	background-color: #aaccaa;
}

#anaume {
	font-size: 0.75em;	/* 文字サイズ:12px */
}
h4
{
	background-color: #aaffaa;
}
#comment {
	font-size: 0.75em;	/* 文字サイズ:12px */
}