@charset "utf-8";
/* 表紙index */ /* 新規追加 */
h1 {
	background-color: #fff0f5 /* 800080 */ ; color: white;
	border-style: none; border-width: 1;
	margin-left: 100px; margin-right: 100px;
	font-size: 20pt; font-weight: bold; font-family: Verdana; 
	-webkit-border-radius: 7px 7px 7px  7px;
	-moz-border-radius: 7px 7px 7px  7px;
	border-radius: 7px 7px 7px  7px;4
	

}
h3.item-title7 {
	 
	background-image: url(yufu161212.jpg) ;
	background-repeat: no-repeat;
	background-position: center;
	height:280px;
	width: 600px;
	color:red;
	padding: 5px 5px 5px 5px;
	border-radius: 7px 7px 7px  7px;
	-webkit-border-radius: 7px 7px 7px  7px;
	-moz-border-radius: 7px 7px 7px  7px;
	text-align: center;
	box-shadow: 5px 5px 10px grey;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: normal;font-family: Verdana;
}

/* --- 表全体 --- */

table, th, td {
    border: none;
}


table.example {
width: 650px; /* 表の幅650 */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 80%;
}

/* --- 表タイトル --- */
table.example caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.example thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- フッタセル --- */
table.example tfoot td {
background-color: #deefff; /* #f5f5f5;フッタセルの背景色 */
}

/* --- 表ボディ --- */
table.example tbody {
background-color: #ffffff; /* ボディの背景色 */
}

/* --- マウスオーバー時 --- */
table.example tbody tr:hover {
background-color: #6bc9c4; /* 行の背景色#e5e5e5 */
}

/* --- 奇数行 --- */
table.example tr.odd {
background-color: #ffffff; /* 奇数行の背景色 */
}

/* --- 偶数行 --- */
table.example tr.even {
background-color: #f5f5f5; /* 偶数行の背景色 */
}


/* topicPath */

#topicPath_01 {

    margin:10px 0;
    clear: both;
}

#topicPath_01 li {
	  
    display:inline;
    line-height:110%;
    list-style-type:none;
    border-style: solid; border-color: RED; border-width: 0 0 1px 0;
    
}

/* 先頭に戻るボタンは外枠に丸みを帯びた半透明のボタン　*/
.back {
 position: fixed;
 bottom: 320px;
 right: 10px;
clear: both; /* 通常必要ないが、忘れずに */
  
 border:1px solid #888888;
 padding:2pt;
 background-color: #ffffff;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
 -khtml-opacity: 0.85;
 opacity:0.85;
     
 text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa; 
 -webkit-box-shadow: 1px 1px 2px #E7E7E7;
 -moz-box-shadow: 1px 1px 2px #E7E7E7; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
}

.pagebottom {
 position: fixed;
 bottom: 320px;
 left: 10px;
clear: both; /* 通常必要ないが、忘れずに */
  
 border:1px solid #888888;
 padding:2pt;
 background-color: #fff0f5;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
 -khtml-opacity: 0.85;
 opacity:0.85;
     
 text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa; 
 -webkit-box-shadow: 1px 1px 2px #E7E7E7;
 -moz-box-shadow: 1px 1px 2px #E7E7E7; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
}