@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	margin-top: 0;
	background-image: url(jsm/images/decolation/bgr-grid.jpg);
	background-color: #DDD;
	background-repeat: repeat-x;
	background-position: top;
}
a {
	text-decoration: none;
	color: #304269;
  
}
a:hover {
	text-decoration: none;
	color:#F26101;
}
a:active {
	text-decoration: none;
	color:#D9E8F5;
}
img {
border:0px;
}
p {
  line-height: 120%;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 95%;
}
h1 {
  font-size: 130%;
  color: #304269; /* 文字の色 */
  border-left-color: #304269; /* 左枠の色 */
  padding: 5px 0px 0px 10px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 2px; /* 枠の幅 */
  background: url(http://jsm.or.jp/jsm/images/decolation/h1ub.gif) left bottom repeat-x;
}
h2 {
  font-size: 120%;
  color: #7195B0; /* 文字の色 */
  padding: 5px 0px 0px 10px; /* 余白の幅 */
  background: url(http://jsm.or.jp/jsm/images/decolation/h2ub.gif) left bottom repeat-x;
  border-width: 0px 0px 0px 3px; /* 枠の幅 */
}
h3 {
	background-image:url(http://jsm.or.jp/jsm/images/decolation/h3ic.gif);
	background-repeat:no-repeat;
    background-position:left center;
	font-size: 110%;
  color: #304269; /* 文字の色 */
  padding: 0px 0px 0px 20px; /* 余白の幅 */
}
h4 {
	background-image:url(http://jsm.or.jp/jsm/images/decolation/h4ic.gif);
	background-repeat:no-repeat;
    background-position:left center;
	font-size: 110%;
  color: #F26101; /* 文字の色 */
  padding: 0px 0px 0px 20px; /* 余白の幅 */
}
ul {
	padding: 0px;
    margin: 0px;
}
.ul_toplist {
	text-align: right;
	float: right;
	
}
li {
	padding: 0px;
    margin: 0px;
	font-size: 95%;
}
ul li {
      list-style-type: none;    /* リストマークの非表示 */
	  text-decoration: none;
}
#all {
	width: 800px;
	padding: 10px;
	text-align:left;
	margin: 0px auto;
	background-color:#FFF;
}
#header {
	width: 780px;
}
#topList li{
	float: left;
	margin: 0 10px 0 10px;
	font-family:"sans-serif";
	font-size: 12px;
}
#topNav {
	overflow: hidden;
	width: 780px;
	height: 40px;
	margin: 1px 1px 1px 1px;
}
#topNav ul li {
	float: left;
	width: 111px;
	height: 40px;
}
#topNav ul li a:hover{
border-bottom:2px solid #91BED4;
} 
#topNav ul li a:active{
border-bottom:2px solid #F26101;
} 
#aside {
	float: left;
	width: 160px;
	line-height: 1.2;
}
#aside .secretariat {
   font-family:"sans-serif";
   font-size: 14px;
}
#main {
	width: 610px;
	float: right;
}
#footer {
	width: 780px;
	text-align: center;
	font-size: 12px;
	clear:both;
}
/* パンくずリスト-----*/
#topicPath {
	height: 40px;
	margin: 15px 0 15px 0;
	border-bottom: 1px solid #D9E8F5;
	font-size: 90%;
	line-height: 1;
}
#topicPath li {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 32px;
	background: #D9E8F5 url(http://jsm.or.jp/jsm/images/decolation/pkend.gif) left center no-repeat;
}
#topicPath li.first {
	padding-left: 30px;
	background: #D9E8F5 url(http://jsm.or.jp/jsm/images/decolation/pkhome.gif) left center no-repeat;
}
#topicPath li.last {
	background: #FFFFFF url(http://jsm.or.jp/jsm/images/decolation/pknext.gif) left center no-repeat;
}
/* サイドナビ*/
#sideNav ul li {
	padding: 0 0px 0px 0;
	height: 26px;
	background: url(http://jsm.or.jp/jsm/images/decolation/sn.jpg) ;
}
#sideNav ul li a {
	display: block;
	width: 136px; /* for WinIE6 */
	padding: 8px 8px 6px 16px;
	text-decoration: none;
	color: #304269;
}
#sideNav ul li a:hover,
#sideNav ul li a:focus {
}
#sideNav ul li ul {
	margin-left: 20px;
	font-size: 90%;
}
#sideNav ul li ul li {
	padding-bottom: 0;
	background: none;
	border-top: 1px solid #D9E8F5;
}
#sideNav ul li ul li a {
	width: 128px; /* for WinIE6 */
	padding: 6px 8px 4px 24px;
	background: url(http://jsm.or.jp/jsm/images/arrow.gif) 6px 11px no-repeat;
}
#sideNav ul li ul li a:hover,
#sideNav ul li ul li a:focus {
	background: #91BED4 url(http://jsm.or.jp/jsm/images/arrow.gif) 7px 11px no-repeat;
}