/*
--------------------------------------------------------------------------------
 Section1. tag settings
--------------------------------------------------------------------------------
 */

h2 {
	margin: 0 0 10px;
	padding: 0 10px;
	
	border-top: solid 1px #fff;
	border-bottom: solid 1px #b2b2b2;
	border-left: solid 1px #fff;
	
/*	background: #777;*/
	background: url(../image/h3_bg.gif) repeat-x;
	
/*	color: #fff;*/
	
	text-align: left;
	
	font-size: 100%; /* 77%(10px)/77%(10px) */
	font-weight: bold;
}

p {
	margin: 10px;
	padding: 0 10px;
}

img {
	border: none;
}

header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}

/*
--------------------------------------------------------------------------------
 Section2. id settings
--------------------------------------------------------------------------------
 */
 
#container-top {
	width: 100%;
}

@media screen and (min-width: 960px) {
#container-top {
	/*width: 880px;*/
	width: 1080px;
	
	
	margin: 0 auto;
	padding: 5px 10px 0 10px;
	
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	
	/*background: url(../image/bg_image.png) repeat-y top center;*/
}
}
 
#top-pict {
	display: none;
	margin 0;
	padding 0;
}

@media screen and (min-width: 960px) {
#top-pict {
	display: block;

	margin: 10px 10px 0;
	padding: 0;
	
	border: 1px solid #b2b2b2;
	border-radius: 3px;
}
}

#wrapper-center {
	width: 95%;
	margin: 10px 10px 0;
	padding: 0;
}

@media screen and (min-width: 960px) {
#wrapper-center {
	display: block;
//	height: 560px;
	width: 1058px;
}
}

#wrapper-left { /* needs using with #wrapper-right */
	clear: both;
	float: left;
	
	/*height: 450px;*/
	height: 510px;
	/*width: 540px;*/
	width: 600px;
	
	margin: 0;
	padding: 0 0 0 10px;
}

#wrapper-right { /* needs using with #wrapper-left */
	float: right;
	
	/*height: 450px;*/
	height: 510px;
	/*width: 310px;*/
	width: 370px;
	
	margin: 0;
	padding: 0 10px 0 0;
}

#search, #notice, #topics, #update-info, #height-adv {
	margin: 10px 0;
	padding: 0 0 10px 0;
	
	border: 1px solid #b2b2b2;
	border-radius: 3px;
}

/* for fine adjustment */
@media screen and (min-width: 960px) {
#notice {
	/*height: 265px;*/

//	overflow-y: scroll;
}
}

@media screen and (min-width: 960px) {
#update-info {
	/*height: 220px;*/
	
//	overflow-y: scroll;
}
}

#height-adv {
	text-align: center;

	/*height: 290px;*/
	/*height: 407px;*/
	height: 467px;
}

#search {
	height: 80px;
}

#width-adv {
	margin: 10px 10px 0;
	padding: 5px 10px;
	
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	
	text-align: center;
}

/*
--------------------------------------------------------------------------------
 Section3. class settings
--------------------------------------------------------------------------------
 */

/*
--------------------------------------------------------------------------------
 This CSS is written by Hasura-Tora.
 
 Last Updated: March 25th, 2021
--------------------------------------------------------------------------------
 */