body {
	margin:0 0 30px 0;
	padding: 0;
	text-align:center;
	background-color: #f6f6f4;/*#cccccc;*/
	/*font-family:'�l�r �o�S�V�b�N','���C���I',Meiryo,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro',sans-serif;*/
	/*font-family: "Lucida Grande",Meiryo,"�l�r �o�S�V�b�N",sans-serif;*/
font-family: Meiryo,"�l�r �o�S�V�b�N" ,"Lucida Grande",sans-serif;
}
a {color: #336699; text-decoration: none;}
a:hover {color: red; text-decoration: underline;}

#stage {
	overflow: hidden; /*float�̉���*/
	position: relative; /*DW�Ő����Ƀv���r���[*/
	zoom:1; /*IE6�����Ή�*/
	width: 800px;
	margin: 0px auto;
	text-align: left;
	/*background-color: #f1eede;*/
	background-image: url(img/contents_bg.gif);
	background-repeat: repeat-y;
	/* shadow
	-moz-box-shadow: 4px 4px 6px #aaa;
	-webkit-box-shadow: 4px 4px 6px #aaa;
	box-shadow: 4px 4px 6px #aaa;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6px);
*/
}
#topHeader {
	width: 800px;
	height: 105px;
	background-image: url("img/topheader.gif");
	background-repeat: no-repeat;
	color: white;
}
#topHeader h1 {display: none;}
#topHeader h2 {display: none;}
#header {
	width: 800px;
	height: 60px;
	background-image: url("img/header.gif");
	background-repeat: no-repeat;
	background-size: contain;
	color: white;
	cursor: pointer;
}
#header h1 {display: none;}
#menu {
	width: 800px;
	/*background-image: url("img/menu_bg.jpg");
	background-repeat: no-repeat;*/
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	clear: both;
   	background: #B2A070;
   	border-bottom: 1px solid #92804E;
position: relative;
display:block;
min-height:24px;
}
#menu ul {
	margin:0;
	padding: 0 0 0 3em;
	list-style-type: none;
	/*overflow: hidden;*/

}
#menu ul li {
	margin:0 3em 0 0;
	padding: 0;
	float:left;
position: relative;
}
#menu a {color: white}
#menu a:hover {color: #7b6b42; text-decoration: none;}

/* dropdown menu */
#menu ul ul {
  position: absolute;
  top: 100%;
  left: -3em;
min-width:100%;
 display: none;
margin:0;
padding:0;
overflow:auto;
}
#menu ul li:hover > ul {
  display: block;
}
#menu ul ul li {
  float: none;
  margin: 0;
padding:2px 8px;
white-space:nowrap;
display:block;
text-align:center;
background: rgba(178,160,112, 0.9);
}
#menu ul ul li:not(:first-child) {
  border-top: 1px dotted #fff;
}
/**/

#sidebar {
	width: 175px;
	float: left;
	padding: 2px 20px 20px;
	font-size: 80%;
	line-height: 140%;
}
#sidebar p {margin-top: 0.5em;font-size:100%;}

#sidebar ul {margin-left:0px;margin-bottom:1.5em;padding-left:12px;list-style:none;
}
#sidebar li {margin-bottom:4px;line-height:1.2em;}

#sidebar li.lastLi {margin-top: 0.75em; text-align: right;font-size: 80%;font-weight:bold}

#sidebar h2 {
	margin: 0;
	padding: 0;
}
#sidebar h2 img {
	border-left: 1px solid #d3cc96;
	border-bottom: 1px solid #d3cc96;
}
ul.update {
	margin: 0.75em 0 1em;
	padding: 0;
	list-style-type: none;
	clear:both;
}
ul.update li {
	padding: 0px 0px 5px 10px;
	margin:0;
	background:url(img/icon_arrow.png) no-repeat 0 5px;
	line-height:1.2em;
}
#topContents {
	background-color: white;
	padding: 20px 25px 30px 25px;
	margin-left: 205px;
	font-size: 80%;
	line-height: 120%;
	border-left: 4px solid #dfd9b3;
}

#topContents .ttl_contents{
margin:0;
padding:0 10px;
display:block;
height:24px;
line-height:24px;
color:#fff;
background:#000;
text-align:left;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:15px;
}

#contents {
	background-color: white;
	padding: 20px 55px 30px 55px;
	margin-left: 205px;
	font-size: 90%;
	line-height: 180%;
	border-left: 4px solid #dfd9b3;
}
h3 {
	border-bottom: 1px solid silver;
	}
h4 {
	background-color: #d3cc96;
	color: white;
	font-size: 100%;
	padding: 2px 0.5em 2px 0.5em;
	/*border-left: 3px solid #b5a84d;*/
}
#contents li {
	margin-bottom: 0.5em;
}

.articleCategory {
	border-bottom: 1px dotted #cac080;
	font-size: 100%;
	padding-left: 0em;
	font-weight: bold;
	margin-bottom: 0.5em;
	color:#333;
}
#copyright {
	margin-top:40px;
	border-top: silver solid 1px;
	text-align: right;
	font-size: 12px;
	line-height:2em;
	clear:both;
}
#about li {margin-top: 1.5em;font-weight:bold;}
.topMenu {margin: 0 5px;}
.topMenu ul{margin:0;padding:0;list-style:none;}
.topMenu li{margin:0;padding:0 0 0 1em;line-height:1.8em;}
.topMenu h5{margin:0 0 8px 0;padding:0;line-height:1.4em;border-bottom:1px solid #666666}

#backnumber {
	background-color: white;
	padding: 20px 55px 30px 55px;
	margin-left: 205px;
	font-size: 90%;
	line-height: 180%;
	border-left: 4px solid #dfd9b3;
}

#backnumber ul {margin-left:0px;padding-left:0px;list-style:none;
}

figure.right {
float:right;
margin:0 0 11px 11px;
max-width:50%;
}
figure.right img {
width:auto;
max-width:100%;
}
figure.block {
display:block;
margin:1em auto;
text-align:center;
width:auto;
max-width:100%;
}
figure.block img {
width:auto;
max-width:100%;
}
figcaption{
text-align:center;
font-size:11px;
line-height:1.3;
}

/*���p�����Ȃ�*/
.quote {
	color: sienna;
}

/* SP�v�f�����\�� */
.sp {
	display: none;
}

/* pagetop */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

   /* �\���̈悪640px�ȉ��̏ꍇ�ɓK�p�����X�^�C�� */
@media screen and (max-width: 639px) {

/* PC�v�f�����\���iSP�v�f���\���j */
.pc {
	display: none;
}
.sp {
	display: inherit;
}

body {
	text-align: left;
	background:none;

}
   #stage {
   	width: 100%;
   	margin:0;
  	padding:0;
   	background: white;
	-moz-box-shadow: none; /* firefox */
	-webkit-box-shadow: none; /* Safari,Chrome */
	box-shadow: none; /* Opera */
   	}
   #topHeader{
   		width: 100%;
   		height:100%;
   		background: #000;
   		margin:0;
   		padding:0.25em 0;
   	}
   	#topHeader h1 {
   		display: block;
   		color: white;
   		margin:10px 10px;
   		padding:0 0 7px;
   		font-size: 24px;
   		line-height: 1em;
   		border-bottom:1px solid red;
   		text-align: center;
   		}
   	#topHeader h2 {
   	   		display: block;
   		color: white;
   		margin:0;
   		padding:0 10px 5px;
   		font-size: 18px;
   		line-height: 1em;
      	text-align: center;
   	}
   #header{
   		width: 100%;
   		height:100%;
   		background: #000;
   		margin:0;
   		padding:0.25em 0.0em;
      	text-align: center;
   	}
   	#header h1 {
   		display: block;
   		color: white;
   		margin:0;
   		padding:0.25em 0.0em;
   		font-size: 24px;
   		line-height: 1em;
      	text-align: center;
   		}

   	#header a:link, #header a:hover {
	   	color: white;
	   	text-decoration: none;
	 }

	 a.headerLink:link, a.headerLink:hover {
	   	color: white;
	   	text-decoration: none;
	 }

   #menu {
   	width: 100%;

   }

   #menu ul {
	   padding:0.5em 1em;
overflow: hidden;
   }
   #menu ul li {
		font-size: 16px;
   	      text-align: left;
   	      margin-right:2em;
   	}

#menu ul li:hover > ul {
  display: none;
}

   #sidebar {
   	width: 100%;
   	float:none;
   	background:#F1EEDE;
   	margin:0;
   	padding: 0;
   	}
   #sidebar .category {
   	padding: 1em;
   }
   #topContents {
	  width: none;
	  margin:0;
	  border: none;
   	}
   #contents {
	  width: none;
	  margin:0;
	  padding:0 1em;
	  border: none;
	  clear:both;
	  font-size:14px;
   	}
   #contents > img.img_width_auto {
   	width:auto !important;
   	height: auto !important;
   }
   #contents > div:not(.img_width_auto) > img {
   	width:100%;
   	height: auto;
   }
#copyright {
	text-align: left;
	font-size:10px;
}

#backnumber {
	background-color: white;
	  margin:0;
	  padding:0 1em;
	font-size: 14px;
	line-height: 180%;
	border:none;
}

.tdTop {
	width:100%;
}
.tdTop img {
	width:100%;
	height:auto;
}

img.actual {
	width: auto;
	height: auto;
}

.updateTitle {
	display:block;
	margin-top:30px;
}
}/* //media query */

/* �\���̈悪640px�ȏ��̏ꍇ�ɓK�p�����X�^�C�� */
@media screen and (min-width: 640px) {

.pagetop a:hover {
    display: block;
    /*background-color: #b2d1fb;*/
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

	#topHeader {
		background-color: #000;
		background-image: url("img/topheader_ttl.gif"), url("img/topheader_img.gif");
		background-position: left center, right center;
	}
	#header {
		background-color: #000;
		background-image: url("img/header_ttl.gif"), url("img/header_img.gif");
		background-position: left center, right center;
	}
	#menu {
	line-height: 32px;
	min-height:32px;
	}
	#topContents > table td.pc {
		padding-left: 25px;
	}
}

/* �\���̈悪900px�ȏ��̏ꍇ�ɓK�p�����X�^�C�� */
@media screen and (min-width: 900px) {
	#stage, #topHeader, #header, #menu {
		width:calc(100vw - 100px);
		max-width: 1070px;
	}
	#header {
		background-size: auto 100%;
	}
	#topContents > table{

	}
	#topContents > table .tdTop {
		width:calc(100vw - 100px - 135px);
		max-width: 1070px;
	}
	#topContents > table .tdTop #topPict {
		width:100%;
	}
	#topContents > table .tdTop #topPict img {
		width:100%;
		height: auto;
	}
	#topContents > table td.pc {
		width:110px;
		padding-left: 25px;
	}

}/* //media query */