@charset "utf-8";

body {
  margin: 0;
  padding: 34px 0 0 0;
  width: 100%;
  background: #fff url('../img/square.gif') repeat-x left top; 
/*  font-size: 90%;*/
  font: 14px/21px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*	line-height: 18px;*/
	color: #660000;
}


a:link {
	color: #630000;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #630000;
}
a:hover {
	text-decoration: none;
	color: #630000;
}
a:active {
	text-decoration: none;
}

/* .style1 {color: #630000} */

ol, ul { margin: 0; }

b.year { background: #993300; color: #fff; padding: 2px 5px; line-height: 2em; }

div#body-area {
  position: relative;
  margin: 0 auto;
  width: 900px;
  background: #fff;
}
div#header {
  width: 100%;
  height: 100px;
  text-align: center;
}


.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.fRight ul,ol {
	list-style: none;
}

/*-------------
secondary-nav
-------------*/
#secondary-nav .menu { 
	margin: 0;
	margin-top: 5px;
	padding: 0;
	float: right;
	clear: right;
}

#secondary-nav .menu li {
	float:left;
	margin-left:5px;
}

#secondary-nav .menu li a {
	float: left;
	font-size:13px;
	font-weight: bold;
	padding:3px 10px;
	background-color:#FFFF99;
	color: #ff3300;
	text-decoration: none;
	border: solid 2px #ff3300;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

#secondary-nav .menu li a:hover { background: #ff3300; color: #fff; }



div#main-area {
  width: 100%;
}

div#content {
  float: left;
  width: 699px;
  text-align: center;
}

div#navi {
  float: left;
  width: 200px;
  text-align: left;
  padding-top: 0px;
  background: #eee; 
}

div#footer {
  width: 100%;
/*  height: 50px;*/
height: 34px;
  clear: both;
  text-align: center;
/*  border-bottom: 5px solid #ff3300;*/
  background: url('../img/square.gif') repeat-x 0 0;
/*  padding: 10px;*/
}

/* サイド画面 */
div.sidebody {
  margin: 5px;
  background: #fff;
  padding: 10px 5px;
/*
  margin: 1.5em 8px;
  line-height: 130%;
  font-size: 90%;*/
}



/*
div.sidebody ul {
  margin: 0 0 0 1.5em;
  padding: 0;
}
div.side-ttl {
  border-left: 4px solid #5396c6;
  padding-left: 7px;
  margin: 1em 0;
  font-weight: bold;
}
*/


/* ヘッダータイトル */

div#head-box {
  text-align: left;
  margin: 0 auto;
/*  width: 94%;*/
  padding: 1em 1.5em;
}
/* サブタイトル */
p#subttl {
  margin: 1em 0;
  color: #053958;
}

/* 記事 */
div.article {
  margin: 0 auto;
  text-align: left;
}

div.body {
  margin: 1em;
  padding: 0 10px; 
}

div.body img { float: right; padding-left: 10px; }
div.body div img { float: none; }
div.body iframe { float: left; padding-right: 10px; }

/* list style 復活 */
div.body ul, div.body ol { padding-left:2em; }
div.body ul li{ list-style-type:disc; }
div.body ol li{ list-style-type:decimal; }

div.body ul li { margin-top: -1em; }

div.body hr { 
margin:8px 0;
padding:0;
clear:both;
height:0;
border:none;
}
* html hr{
border-top: 1px solid;
}
*:first-child+html hr{
border-top:1px solid;
} 



/* 記事タイトル */
/* div.subject { */
h1 {
  border-left: 6px solid #ff3300;
  color: #ff3300;
  font-weight: bold;
  font-size: 150%;
  padding: 5px 5px 5px 10px;
  margin: 1em 12px;
  letter-spacing: 1px;
  color: #ff3300;
}



h2  { 
  clear: both;
    font-weight: bold;
  font-size: 120%;
  padding: 7px 10px 5px 10px; 
  margin: 1em -10px 0 -10px;
  letter-spacing: 1px;
	background-color: #FF3300;
	color: #FFFFFF;
    text-align: center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;

}

div.q { border-bottom: solid 2px #660000; padding: 10px 0; font-weight: bold; }

div.pagetop { clear: both; margin: 10px 0; text-align: right; padding-right: 10px; font-size: 0.9em; }

/* フッター */
div#foot-box {
  padding-top: 10px;
}

div#foot-box span { background: #fff; padding: 1px 14px 0 14px; }

/* ページ繰越 */
div.page {
  margin: 3em auto;
}
#paging {
  text-align: center;
}
#paging li {
  border: 1px solid #ff3300;
  background-color: #ff3300;
  display: -moz-inline-box;
  display: inline-block;
  line-height: 25px;
  width: 25px;
  height: 25px;
}
* html #paging li {
  display: inline;
  margin-right: 3px;
  zoom: 1;
}
*+html #paging li {
  display: inline;
  margin-right: 3px;
  zoom: 1;
}
#paging li a {
  background-color: #fff;
  color: #ff3300;
  display: block;
  text-decoration: none;
  width: 25px;
}
#paging li b {
  color: #fff;
}

#paging li a:hover {
  background-color: #ff3300;
  color: #fff;
}

/* 寄せ */
.ta-c {
  text-align: center;
}
.ta-l {
  text-align: left;
}
.ta-r {
  text-align: right;
}

/* アイコン */
img.icon {
  vertical-align: middle;
  border: none;
}

/* 記事検索 */
input#find {
	width: 120px;
}

/* 検索結果画面 */
table#find {
  margin: 1em auto;
  border-collapse: collapse;
}
table#find th, table#find td {
  border: 1px solid #8080c0;
  padding: 6px;
}
table#find th {
  background: #cbcbe4;
}
table#find td {
  background: #fff;
}





/* side menu用 */
div.sidemenu {
  margin: 5px;
}


/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  position: relative;
}
#cssmenu {
/*  width: 200px; */
  width: 190px;
/*  border-bottom: 4px solid #656659;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu > ul > li:first-child {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#cssmenu > ul > li:first-child > a {
  padding: 15px 10px;
  background: url('img/pattern.png') top left repeat;
  border: none;
/*  border-top: 1px solid #818176;*/
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
}
#cssmenu > ul > li {
/*
  background: #e94f31;
  background: -moz-linear-gradient(#e94f31 0%, #d13516 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516));
  background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%);
  background: linear-gradient(#e94f31 0%, #d13516 100%);
*/
  background: #FF3300;
  background: -moz-linear-gradient(#FF3300 0%, #d13516 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF3300), color-stop(100%, #d13516));
  background: -webkit-linear-gradient(#FF3300 0%, #d13516 100%);
  background: linear-gradient(#FF3300 0%, #d13516 100%);
}
#cssmenu > ul > li:hover {
/*
  background: #e84323;
  background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
  background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
  background: linear-gradient(#e84323 0%, #c33115 100%);
*/
  background: #ff3300;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  background: url('img/pattern.png') top left repeat;
/*  color: #ffffff;*/
  color: #fff;
  border: 1px solid #ba2f14;
  border-top: none;
/*  text-shadow: 0 -1px 1px #751d0c; */
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url('img/1436950285.png') 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url('img/1436950149.png') 96% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
  background: #fff;
  border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194;
}
#cssmenu ul ul li {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
  background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: linear-gradient(#f7f7f7 0%, #ececec 100%);
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #111;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul a:before {
  content: "≫";
  position: absolute;
  left: 10px;
  color: #e94f31;
}
#cssmenu ul ul a:hover {
  color: #e94f31;
}