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

/*
Theme Name: White Board Plaza 2024a
Theme URI: https://www.wb-plaza.com/
Description: hana 
Version: 3.5
Author: Applet
Portfolio: http://studio.applet.co.jp

*/

body {
	margin: 0px auto;
	padding: 0px;
	color: #666465;
	font-family: "新ゴ R","メイリオ", "MS Pゴシック", "ヒラギノ角ゴ Pro W2", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

img {
	border: 0px;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #009900;
}

strong {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF3C3C;
	font-size: larger;
}
.pc_none {
	display: none;
}
.none_320 {
	display: none;
}
@media screen and (max-width: 768px) {
	.sp_none {
		display: none;
	}
	.pc_none {
		display: block;
	}
	br.pc_none {
		display: inline;
	}
	#subpage img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　
  }
	header.pc_none {
		position: fixed;
		z-index: 100;
		width: 100%;
	}
	.w_50 {
		width: 50% !important;
	}
	.w_33 {
		width: 33% !important;
	}
	.w_66 {
		width: 66% !important;
	}
}
@media screen and (max-width: 320px) {
	br.none_320 {
		display: inline;
	}
}

#wrapper {
	width: 1180px;
	margin: 0px auto;
	background: url('images/header_bg.jpg') repeat-x;
	background-position: top;
	padding: 0 0 0 0;
}
@media screen and (max-width: 768px) {
	#wrapper {
		width: 100%;
		position: relative;
		background: none;
	}
}

#header {
	width: 1280px;
	background: url("https://www.wb-plaza.com/images/header_bg1.png") repeat-x top;
	background-color: #8ebf03;
	height: 60px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0 0;
	border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #00CC00;
}

#header h1 {
	margin: 0;
	margin-top: 0;
	padding: 1;
	height: 25px;
	font-size: 13px;
	font-color: #fff;
	font-weight: normal;
    indent: 0px;
}
#header h1 a {
	width: 1380px;
	height: 15px;
	margin-top: 0px;
	text-indent: 0px;
}

#description{
	height: 12px;
	font-size: 12px;
	padding-top: 0px;
	margin-top: 2px;
}
#hpane {
	width: 1180px;
	padding: 5px;
	overflow: hidden;
	background: #f8f6f7;
	border: 1px solid #f8f6f7;
}

#hpane #user {
	width: 100%;
	float: left;
}

#hpane #msgs {
	width: 100%;
	float: right;
	text-align: right;
}


/*
++++++++++++++++++
Navigation
++++++++++++++++++
*/
/* グローバルナビの位置調整 */
/*header .nav-content {
	overflow: hidden;
}*/

/*header .nav-content ul {
  max-width: 480px;
  float: right;
  text-align: right;
}
header .nav-content ul li {
	display: inline;
	font-size: 100%;
}
header .nav-content ul li a {
	color: #FFF;
	display: inline-block;
	padding: 8px 30px 8px 30px;
}
header .nav-content ul li a:last-child {
	padding-right: 0px;
}*/
@media screen and (max-width: 768px) {
	.header .header__heading {
		padding: 8px 10px 8px;
		/*background: url("https://www.wb-plaza.com/images/header_bg1.jpg") repeat-x top;*/
		height: 40px;
		position: relative;
		z-index: 3;
	}
	.header .header__heading p {
		color: #fff;
		margin: 0;
		font-size: 100%;
		width: 80%;
	}
  .nav-content {
		position: absolute;
		width: 100%;
		top: -735px;
		z-index: 2;
		-webkit-transition: 1.5s top;
				transition: 1.5s top; 
	}
  .nav-content ul {
	  width: 100%;
		margin: 0;
		padding: 0;
		background-color: #fff;
		overflow: hidden;
  }
  .nav-content ul li {
	float:none;
	display: block;
	font-size: 0.8em;
	}
	.nav-content ul li.nav_title {
		clear: both;
		background-color: #9dd44a;
		padding: 5px 0;
		color: #fff;
		font-size: 0.9em;
		text-align: center;
		font-weight: bold;
	}
	.nav-content ul li.nav_list {
		float: left;
		width: 49.8%;
	}
	.nav-content ul li.nav_list a:nth-child(odd) {
		border-right: 1px solid #BBB;
	}
  .nav-content ul li a {
		text-align: center;
		display: block;
		padding: 10px 0px;
		color: #666;
		background-color: #FFF;
		border-bottom: 1px solid #BBB;
	}
  .is-open .nav-content {
		top: 55px; 
	}
	.header .header__heading p {
		font-size: 5px;
	}
	.header .header__heading p span {
		font-size: 22px;
		font-weight: bold;
		display: inline-block;
		margin-top: 3px;
	}
}

/* ナビゲーション スマホ用表示時
----------------------------------------------------- */
@media screen and (max-width: 768px) {
  #js-cover {
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 50px;
    opacity: 0;
    z-index: 1;
  }

  .menu-button {
		width: 40px;
		height: 42px;
		display: block;
		position: absolute;
		right: 14px;
		top: 15px;
		background: url(images/sp_nav_menu_bg.png) center 90% no-repeat;
	}
  .menu-button i {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: background 0.5s;
            transition: background 0.5s;
    position: relative;
    left: 5px;
    top: 15px; }
  .menu-button i:before,
  .menu-button i:after {
		content: "";
		display: block;
		width: 30px;
		height: 2px;
		border-radius: 3px;
		background: #fff;
		position: absolute;
		-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
				transform: rotate(0deg);
		-webkit-transition: all 0.3s !important;
				transition: all 0.3s !important; }
		.menu-button i:before {
		-webkit-transform: translateY(8px);
			-ms-transform: translateY(8px);
				transform: translateY(8px); }
		.menu-button i:after {
		-webkit-transform: translateY(-8px);
			-ms-transform: translateY(-8px);
				transform: translateY(-8px); 
	}

  .is-open .menu-button i {
	background: none; }
  .is-open .menu-button i:after {
    -webkit-transform: translateY(0px) rotate(-45deg);
        -ms-transform: translateY(0px) rotate(-45deg);
            transform: translateY(0px) rotate(-45deg); }
  .is-open .menu-button i:before {
    -webkit-transform: translateY(0px) rotate(45deg);
        -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg); }
}

/* ナビゲーション 
----------------------------------------------------- */
#nav {
	width: 1320px;
	height: 0auto;
	font-size: 16px;
	background: url("https://www.wb-plaza.com/images/header_bg1.png") repeat-x top;
	margin: 0 0 0 0;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic","sans-serif";
	
}

#nav h1 {
	font-size: 9px;
	margin: 2px;
	padding: 2px;
}

#nav ul {
	width: 1280px;
	list-style-type: none;
	margin: 0px;
	padding: 15px 10px 10px 10px;
}

#nav ul li {
	list-style-type: none;
	margin-top: 0px;
	padding: 0px;
	float: right;
}

#nav a {
  color:#fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  display: block;
  border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 16px;
	background: rgba(255,255,255,0.01);

}

#nav a:hover {
	background-color: #00E300;
    background: url("images/header_bg.jpg") repeat-x 0 0;
}

#nav .naalignleft {
　　　width: 25%;
　　　float: left;
	  margin-top: 0;
	  background: rgba(255,255,255,0.01);

}

#nav .naalignright {
　　　width: 75%;
　　　float: right;
	margin-top: 10px;
	background: rgba(255,255,255,0.01);

	}

/*
+++++++++++++++++++
Continue With the Layout
+++++++++++++++++++
*/

#content-wrap {
	width: 1200px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

#content-wrap #pane {
	width: 1180px;
	float: left; 
}




#content-wrap #content {
	width: 1200px;
	padding: 5px;
    padding-top: 0px;
    line-height: 150%;
    font-size: 12px;
}


#content-wrap #subpage1 {
	width: 1100px;
	color: #4D4A4B;
	padding-right: 10px;
	line-height: 1.5;
	text-align: center;
}

#subpage1 .box27 {
	position: relative;
    word-break: break-all;
	justify-content: center;
	width: 95%;
	margin: 2em auto;
    padding: 15px 10px 10px 0px;
	align-content: center;
	text-align:  center;  
	font-size: 12px;
    line-height: 100%;
}
#subpage1 .box27 .flexbox {
	width: 85%;
	height: 80px; /*高さを指定*/ 
	margin: 0 auto;
	display: flex;
    justify-content: center;
    align-items: center;
	align-content: center;
	font-size: 14px;
    line-height: 100%;
}
#subpage1 .box27 .flexbox .box {
	position: relative;
    word-break: break-all;
	margin: 0px 0px 0px 0px;
	vertical-align: text-top;
	width: 310px;
    padding: 5px 3px 5px 3px;
	font-size: 22px;
    line-height: 100%;
}
#subpage1 .box27 .flexbox .box .box-title {
    display: inline-block;
    margin: 3px 10px 6x 0px;
    padding: 12px 2px 2px 2px;
	height: 52px;
    line-height: 100%;
	background: url("https://www.wb-plaza.com/img/wbsc-c01w.png");
	background-repeat: no-repeat;
	width: 300px;
	font-size: 22px;
	letter-spacing: -2px;
    color: #333333;
    font-weight: 900;
}
#subpage1 .box27 .flexbox .box a {
    line-height: 100%;
}
@media screen and (max-width: 460px) {
	table .widelink { 
　　　width: 95%; 
　　}
     
　　table .widelink td { 
    　width:100%;
    　border: 1px solid #408233; 
    　color: #333333; 
 　  }
  
　　table .widelink td a{
    　display:block;
    　width:100%;
      height:100%;
 　  } 
　　table.widelink td a:hover{
　　  background-color: #A9FDA6;
 　  }
}
.box28 {
    position: relative;
    float: left;
    word-break: break-all;
    justify-content: center;
	width: 326px;
	margin: 0.26em 0.36em 0.26em 0.36em;
    padding: 10px 7px 7px 7px;
    border: solid 1px #666666;
	border-radius: 8px;
	font-size: 11px;
    line-height: 130%;
	text-align: justify;
}
.box28 .box-title {
    display: inline-block;
    margin: 20px 10px 10x 30px;
    padding: 2px 20px 2px 10px;
	height: 30px;
    line-height: 160%;
	background: url("https://www.wb-plaza.com/img/wbsc-cb290.png");
	background-repeat: no-repeat;
	width: 300px;
    font-size: 16px;
    color: #333333;
    font-weight: bolder;
}
.box28 p {
    margin: 0px; 
    padding: 4px 0px 5px 0px;
	font-size: 12px;
	line-height: 130%;
}

.box28 .box-01 {
    background:#ffffff;
    margin: 0px 2px 5px 2px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #333333;
	border-radius: 0px;
	word-break: break-all;
	font-size: 11px;
	letter-spacing: -1px;
	line-height: 176%;
}
.box28 .box-02 {
    background:#ffffff;
    margin: 2px 2px 2px 2px;
	padding: 1px 6px 1px 6px;
	border:1px solid #333333;
	border-radius: 8px;
	word-break: break-all;
	font-size: 12px;
	line-height: 110%;
}
.box28 .box-03 {
    background:#ffffff;
    margin: -7px 2px 4px 2px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #333333;
	border-radius: 0px;
	word-break: break-all;
	font-size: 12px;
	line-height: 130%;
}
.box28 img {
    margin: 8px 0px 2px 0px; 
    padding: 0;
}
.box28 .box {
    position: relative;
    word-break: break-all;
    justify-content: center;
	width: 300px;
    margin: 10px 10px 10px 7px;
    padding: 2px 8px 7px 8px;
    border: solid 1px #666666;
	font-size: 11px;
    line-height: 110%;
	text-align: justify;
}
.box28 .box .box-title {
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 10px 10px;
	width: 270px;
    min-height: 18px;
    line-height: 150%;
    font-size: 14px;
	background: url("https://www.wb-plaza.com/img/wbsc-cb250.png");
	background-repeat: baseline no-repeat;
    color: #333333;
    font-weight: bold;
}
.box28 .box .box-01 {
    background:#ffffff;
    margin: 0px 2px 5px 2px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #333333;
	border-radius: 0px;
	word-break: break-all;
	font-size: 10px;
	line-height: 100%;
}
.box28 .box .box-02 {
    background:#ffffff;
    margin: 2px 2px 2px 2px;
	padding: 2px 6px 1px 6px;
	border: 1px solid #333333;
	border-radius: 8px;
	word-break: break-all;
	font-size: 11px;
	line-height: 180%;
}
.box28 .box .box-03 {
    background:#ffffff;
    margin: -6px 2px 4px 2px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #333333;
	border-radius: 0px;
	word-break: break-all;
	font-size: 10px;
	line-height: 100%;
}
.box28 .box p {
    margin: 0px; 
    padding: 10px 0px 8px 0px;
	font-size: 11px;
	line-height: 120%;
}
.box28 .box ul {
    margin: 0px; 
    padding: 0px 0px 0px 20px;
	font-size: 11px;
	line-height: 100%;
}
.box28 .box li {
    margin: 0px; 
    padding: 0px;
	font-size: 11px;
	line-height: 100%;
}
@media screen and (max-width: 460px) {
	.box28 {
	width: 95%;
	}
	.box28 .box {
	width: 88%;
	}
	.box28 .box .box-title {
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 5px 5px;
	width: 262px;
    min-height: 18px;
    line-height: 150%;
    font-size: 14px;
	background: url("https://www.wb-plaza.com/img/wbsc-cb250.png");
	background-repeat: baseline no-repeat;
    color: #333333;
    font-weight: bold;
}
}
.box29 {
    position: relative;
    float: right;
    word-break: break-all;
    justify-content: center;
	width: 326px;
	margin: 0.26em 0.36em 0.26em 0.36em;
    padding: 10px 8px 7px 7px;
    border: solid 1px #666666;
	border-radius: 8px;
	font-size: 11px;
    line-height: 130%;
	text-align: justify;
}
.box29 .box-title {
    display: inline-block;
    margin: 20px 10px 12x 30px;
    padding: 2px 20px 2px 10px;
	height: 30px;
    line-height: 160%;
	background: url("https://www.wb-plaza.com/img/wbsc-cb290.png");
	background-repeat: no-repeat;
	width: 300px;
    font-size: 16px;
    color: #333333;
    font-weight: bolder;
}
.box29 p {
    margin: 0px; 
    padding: 4px 0px 5px 0px;
	font-size: 12px;
	line-height: 130%;
}
.box29 img {
    margin: 2px 0px 2px 0px; 
    padding: 0;
}
@media screen and (max-width: 460px) {
	.box29 {
    position: relative;
    float: left;
    word-break: break-all;
    justify-content: center;
	width: 336px;
	margin: 0.36em auto;
    padding: 10px 10px 7px 10px;
    border: solid 1px #666666;
	border-radius: 8px;
	font-size: 10px;
    line-height: 110%;
	text-align: justify;
}}
.box29 .box {
    position: relative;
    word-break: break-all;
    justify-content: center;
	width: 300px;
    margin: 10px 10px 10px 7px;
    padding: 2px 8px 7px 8px;
    border: solid 1px #666666;
	font-size: 11px;
    line-height: 120%;
	text-align: justify;
}
.box29 .box .box-title {
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 5px 10px;
    height: 18px;
    line-height: 150%;
    font-size: 14px;
	background: url("https://www.wb-plaza.com/img/wbsc-cb250.png");
	background-repeat: no-repeat;
    color: #333333;
    font-weight: bold;
}
.box29 .box p {
    margin: 0px; 
    padding: 10px 0px 8px 0px;
	font-size: 11px;
	line-height: 120%;
}
.box29 .box ul {
    margin: 0px; 
    padding: 0px 0px 0px 20px;
	font-size: 11px;
	line-height: 100%;
}
.box29 .box li {
    margin: 0px; 
    padding: 0px;
	font-size: 11px;
	line-height: 100%;
}
#subpage1 .box30 {
	position: relative;
    word-break: break-all;
	justify-content: center;
	width: 70%;
	margin: 0;
    padding: 15px 10px 10px 15px;
    border: solid 1px #666666;
	background: #E7E7E7;
	text-align:  center;  
	font-size: 12px;
    line-height: 140%;
}
@media screen and (max-width: 460px) {
    #subpage1 .box30 {
    position: relative;
	word-break: break-all;
	text-align:  center;
	padding: 4px 4px 4px 4px;
	width: 98%;
}}
#subpage1 .box30 .box1 {
    position: relative;
    float: left;
    word-break: break-all;
	text-align: left;
	width: 330px;
	height: 310px;
	margin: 2em auto;
    padding: 10px 10px 10px 20px;
    border: solid 1px #666666;
	background: #ffffff;
	font-size: 11px;
    line-height: 130%;
}
#subpage1 .box30 .box1 .box-title {
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 5px 10px;
    height: 18px;
    line-height: 150%;
    font-size: 14px;
	background: url("https://www.wb-plaza.com/img/wbsc-cb290.png");
	background-repeat: no-repeat;
    color: #333333;
    font-weight: bold;
}
#subpage1 .box30 .box2 {
    position: relative;
    float: right;
    word-break: break-all;
	text-align: left;
	width: 330px;
	height: 310px;
	margin: 2em auto;
    padding: 10px 10px 10px 20px;
    border: solid 1px #666666;
	background: #ffffff;
	font-size: 11px;
    line-height: 130%;
}
@media screen and (max-width: 460px) {
    #subpage1 .box30 .box2 {
    position: relative;
    float: left;
    word-break: break-all;
	text-align: left;
	width: 310px;
	height: 310px;
	margin: 2em auto;
    padding: 10px 10px 10px 20px;
    border: solid 1px #666666;
	background: #ffffff;
	font-size: 11px;
    line-height: 120%;
}}
    #subpage1 .box30 .box2 .box-title {
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 5px 10px;
    height: 18px;
    line-height: 150%;
    font-size: 14px;
	background: url("https://www.wb-plaza.com/img/wbsc-cb290.png");
	background-repeat: no-repeat;
    color: #333333;
    font-weight: bold;
}
    #subpage1 .box30 .flexbox {
	width:100%;
	height:130px; /*高さを指定*/ 
	display: flex;
    justify-content: center;
    align-items: center;
	align-content: center;
	margin: 10px 0px 0px 10px;
	font-size: 12px;
    line-height: 130%;
}
    #subpage1 .box30 .flexbox .box3 {
    word-break: break-all;
	margin: 5px 3px 5px 7px;
	width: 153px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #666666;
	background: #ffffff;
	font-size: 11px;
    line-height: 130%;
}
@media screen and (max-width: 460px) {
    #subpage1 .box30 .flexbox .box3 {
	width: 110px;
}}
    #subpage1 .box30 .flexbox .box3 .box-title {
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 5px 0px;
    height: 18px;
    line-height: 150%;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
    #subpage1 .box30 .box4 {
    position: relative;
    word-break: break-all;
	text-align: center;
	width: 480px;
	margin: 2em auto;
    padding: 10px 10px 10px 10px;
    border: solid 1px #666666;
	background: #ffffff;
	font-size: 12px;
    line-height: 140%;
}
    #subpage1 .box30 .box4 .box-title {
    display: inline-block;
    padding: 0px;
    margin: 2px 0px 5px 10px;
	padding: 8px 20px 16px 20px;
    height: 18px;
    line-height: 150%;
    font-size: 16px;
	background-repeat: no-repeat;
    color: #333333;
    font-weight: bolder;
}
    #subpage1 .box30 .box4 p {
    margin: 0px; 
    padding: 3px 0px 3px 3px;
	font-size: 14px;
	line-height: 150%;
}
@media screen and (max-width: 460px) {
    #subpage1 .box30 .box4 {
    position: relative;
    word-break: break-all;
	text-align: center;
	width: 80%;
	margin: 0.2em auto;
    padding: 5px 5px 5px 4px;
    border: solid 1px #666666;
	background: #ffffff;
	font-size: 12px;
    line-height: 120%;
}
    #subpage1 .box30 .box4 .box-title {
    display: inline-block;
    padding: 0px;
    margin: 4px 0px 5px 4px;
	padding: 4px 10px 8px 10px;
    line-height: 130%;
    font-size: 16px;
    color: #333333;
    font-weight: bolder;
}
    #subpage1 .box30 .box4 p {
    margin: 0px; 
    padding: 3px 0px 3px 3px;
	font-size: 14px;
	line-height: 150%;
}
}
 subpage1 .box31 {
	position: relative;
    word-break: break-all;
	justify-content: center;
	width: 95%;
	margin: 2em auto;
    padding: 15px 10px 10px 0px;
	align-content: center;
	text-align:  center;  
	font-size: 12px;
    line-height: 140%;
}
#subpage1 .box31 .flexbox {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	align-content: center;
	font-size: 12px;
    line-height: 130%;
}
#subpage1 .box31 .flexbox .box1 {
    position: relative;
    float: left;
    word-break: break-all;
    justify-content: center;
	width: 165px;
	height: 240px; /*高さを指定*/ 
	margin: 0.5em 0 0.5em 0.7em;
    padding: 5px 5px 5px 5px;
    border: solid 1px #666666;
	border-radius: 8px;
	font-size: 10px;
    line-height: 120%;
	text-align: justify;
}
#subpage1 .box31 .flexbox .box1 .box-title {
    display: inline-block;
    margin: 10px 10px 10x 14px;
    padding: 5px 5px 3px 5px;
	height: 16px;
    line-height: 100%;
	width: 140px;
    font-size: 14px;
    color: #333333;
    font-weight: bolder;
}
#subpage1 .box31 .flexbox .box1 p {
    margin: 0px; 
    padding: 3px 0px 3px 0px;
	font-size: 11px;
	line-height: 130%;
}
#subpage1 .box31 .flexbox .box1 img {
    margin: 0px 0px 0px 0px; 
	text-align: center;
    padding: 0;
}
@media screen and (max-width: 460px) {
	subpage1 .box31 {
	position: relative;
    word-break: break-all;
	justify-content: center;
	width: 95%;
	margin: 0.2em auto;
    padding: 10px 2px 10px 2px;
	text-align:  center;  
	font-size: 12px;
    line-height: 140%;
}
    #subpage1 .box31 .flexbox .box1 {
	position: relative;
	float: left;
	width: 166px;
	margin: 4px 2px 4px 2px;
    padding: 2px 2px 2px 2px;
}
	#subpage1 .box31 .flexbox .box1 img {
	width: 90%;
}
}
.box32 {
    position: relative;
    word-break: break-all;
    justify-content: center;
	width: 95%;
	margin: 2em auto;
    padding: 15px 10px 10px 10px;
    border: solid 1px #666666;
	background: #ffffff;
	text-align:  center;  
	font-size: 12px;
    line-height: 140%;
}


.cell-link {
	padding: 0;
	height: 0;
}
.cell-link a{
	height: 100%;
	padding: 0px 0px;
	display: flex;
	align-items: center;
	text-align: center;
	vertical-align: middle;	
}


#content-wrap #arch {
	width: 1380px;
	float: left;
	padding-left: 5px;
	font-size: 12px;
	color: #767475;
}
@media screen and (max-width: 768px) {
	#content-wrap {
		width: 98%;
		height: auto;
		padding: 0;
	}

	#content-wrap #content {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
	}
	#content-wrap #subpage1 {
		float: none;
		width: 99%;
		height: auto;
		padding: 0 1%;
	}
	#content-wrap #arch {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
	}
}

#pane .module {
	width: 260px;
	padding: 5px;
}

#featArticles {
	width: 260px;
	border: 1px solid #e2e2e2;
	padding-bottom: 5px;
	margin-bottom: 14px;
}

#featArticles .aHead {
	height: 16px;
	padding-left: 20px;
	background: url("images/icon_article.gif") no-repeat;
}



#featArticles .heading {
	background: url("images/head_feat-articles.gif") no-repeat;
	height: 28px;
	margin-bottom: 5px;
}

#featArticles #browse {
	width: 260px;
	padding: 5px;
	padding-left: 25px;
	margin: 0 auto;
	background: #eff8ea url("images/icon_tick.gif") no-repeat;
	background-position: 5px 5px;
	border: 1px solid #b4c9a7;
}

#sNotes {
	width: 260px;
	border: 1px solid #EBEAE2;
margin-bottom: 14px;
}

#sNotes a {
border-bottom: 1px solid #efefef;
}

#sNotes a:hover {
border-bottom: 1px solid #ccc;
}

#sNotes .heading {
	background: url("images/head_sidenotes.gif") no-repeat;
	height: 31px;
	margin-bottom: 5px;
}

#fContent {
	width: 100%;
}

#content .heading {
	background: url("images/head_fresh-content.gif") no-repeat;
	height: 23px;
	width: 100%;
        margin-bottom: 5px;
}

#ads {
	width: 100%;
        border-top: 1px solid #e2e2e2;
        padding-top: 15px;
        clear: both;
}

#ads .ablock {
	width: 260px;
        margin-right: 32px;
	float: left;
}

#ads .ableft {
   width: 260px;
   float: right;
}

/* Whitespace and dividers */


#whitespace {
   width: 100%;
   height: 10px;
   background-color: #fff;
}

.wspace {
   width: 100%;
   height: 10px;
   background-color: #fff;
}




/* footer */

#footer {
	margin: 15px 0;
	padding-top: 3px;
	border-top: 3px solid #ebebe8;
	width: 100%;
    background: #fff;
  overflow: hidden
}

#footer .heart {
	background: url("images/icon_heart.gif") no-repeat;
	padding-right: 16px;
}
.footer-left {
  width: 48%;
  float: left;
}
.footer-right {
  width: 48%;
  float: right;
}
@media screen and (max-width: 768px) {
  .footer-left {
    width: 96%;
    margin:  0 auto 15px;
    float: none;
  }
  .footer-right {
    width: 96%;
    margin:  0 auto 15px;
    float: none;
  }
}

.red {
	color: #ae141e;
}


/* Homepage & Single Posts */

#insidewords {
	padding: 5px;
	line-height: 150%;
	font-size: 12px;
}

#content h2 {
	font-size: 14px;
	font-weight: -1px;
	color: #ca1717;
	padding: -5px;
	background: #F3F1EA;
}

#content h2 img {
	vertical-align: middle;
}

#content h2 a {
	color: #ca1717;
}

#content h2 a:hover {
	color: #555;
}

#content .dropped {
	margin-left: 25px;
}

#content .dropped a {
	color: #666;
}

/* POST COMMENTS */

#commentarea {

	float: left;
	padding-left: 5px;
	font-size: 11px;
	margin-top: 10px;
}

#precomments {
	width: 100%;
}

#precomments img {
	vertical-align: text-bottom;
}

.comleft {
	width: 98%;
	float: left;
}

.comright {
	width: 1%;
	float: right;
}


/* comments */
h3#comments {
  font-size:14px;
  color: #666;
  margin: 0px;
}
#commentsheader {
	background-image: url(images/comment_head.gif);
	height: 55px;
	width: 300px;
}
.commentsblock{
	margin:0.5em;
	padding:1em;
}
.commentsblock textarea{
	width:250px;
}
.commentsblock input,
.commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus,
.commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:11px;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding: 0px;
  width: 80%;
}
ol.commentlist a {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #ca1717;
  display: inline;
}
ol.commentlist a:hover {
  color: #222;
  text-decoration: none; 
}
.cauthor {
  font-weight: bold;
  font-size: 12px;
}
.cauthor a {
  color: #555;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #ca1717;
}
.cauthor a:hover {
  color: #222;
  text-decoration: none; 
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#fff;
	padding:0.5em;
}
.alt2{
	background: #fff url('images/postdata.gif') 15px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
}
.comment-even,
.comment-preview {
	background-color: #F8FAFC;
}
.comment-odd {
	background-color: #fff; /* Change this colour to add "Flip flopping" backgrounds */
}
.authorcomment { /* Author background color */
	background-color: #f7f7f7;
}
/* Comment/Trackback Favatars & Gravatars */
.comment-favatar {
	-moz-opacity:2%;
	opacity: 2%;
	background: center center;
	float: right;
	margin: 2px 0 0 0; 
	width: 16px;
	height: 16px;
}
.comment-favatar:hover {
	-moz-opacity:2%;
	opacity: 2%;
}
.trackback-favatar {
	background: center center;
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 6px 0 2px;
	cursor: pointer;
}
.comment-gravatar img {
	float: right;
	padding: 2px;
	margin: 0;
	border: 1px solid #A5A5A3;
	width: 30px;
	height: 30px;
	background: #fff url(wp-content/gravatars/avatar.jpg) no-repeat center center;
}
#commentform textarea {
	width: 90%;
}
.gravatar {
	margin-right: -5px;
	float: right;
	border: 0px;
}
ol.commentlist blockquote {
	background: #F8FAFC url("images/blockquote.gif") no-repeat left top;
	border: 1px solid #ebebeb;
	padding:1px;
  line-height: normal;
	font-size: 10px;
}



/* SINGLE POST CLASSES */

#subpage1 {
	margin-top: 15px;
}
#subpage1 .entrytext {
  color: #666;
}
#subpage1 .comment {
			color: #c00;
}
#subpage1 p  {
	margin-left: 0.7em;
}
#subpage1 a.look {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #33CC00;
}
#subpage1 h1 { /* Comment Titles */
	color: #222222;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 0px;
	height: 38px;
    margin-left: auto;
    margin-right: auto;
	letter-spacing: -2px;
	font-size: 30px;
	font-weight: bolder;
}
@media screen and (max-width: 460px) {
#subpage1 h1 { /* Comment Titles */
	color: #111111;
	text-align: center;
	padding-top: 4px;
	padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
	letter-spacing: -2px;
	font-size: 26px;
	font-weight: bolder;
}
}
#subpage1 h2 { /* Comment Titles */
	color: #111111;
	text-align: center;
	padding-top: 0px;
	padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
	min-height: 28px;
	font-size: 24px;
	letter-spacing: -2px;
	font-weight: bolder;
	
}
#subpage1 h3 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #52595C;
	color: #222222;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 18px;
	margin-top: 2.5em;
	letter-spacing: -1;
	font-weight: 900;
	line-height: 160%;
}
#subpage1 h3a {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #52595C;
	color: #222222;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	margin-left: 0px;
	font-size: 14px;
	margin-top: 0.2em;
}
#subpage1 h4 {
	font-weight: bold;
	color: #333333;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 12px;
	margin-left: 20px;
	margin-top: 0px;
	font-size: 16px;
}
#subpage1 h5 {/*ページリンクに関する見出し*/
	float:right;
	height: auto;
　　font-weight: bold;
	color: #333333;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 60px;
	margin-left: 0px;
	font-size: 14px;
}
#subpage1 h6 {/*ページリンクに関する見出し*/
	float:left;
	margin: 2px;
	height: 0;
　　font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	color: #222222;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-left: 0px;
	font-size: 16px;
}
#subpage1 h7 {/*ページリンクに関する見出し*/
	float:left;
	margin: 1px;
　　font-weight: bold;
	font-size: 15px;
	color: #222222;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 3px;
	margin-left: 0px;
}
#subpage1 a.look:hover {
	background-color: #FFFF99;
	color: #000000;
}

@media screen and (max-width: 768px) {
	#subpage1 {
		margin: 0;
	}
	#subpage1 table{
		width: 93.5% !important;
		margin: 0 3% !important;
	}
	#subpage1 p  {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}	

@media screen and (max-width: 768px) {
	#subpage1 h4 {
		margin: 0 3%;
	}
	#subpage1 p  {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}



/* SINGLE POST -table */
#subpage1 .table-10 {
	border: 1px #E3E3E3 solid;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 3px;
	margin-bottom: 0;
	background: #ffffff;
	font-size: 14px;
	line-height: 150%;
	width: 90%;
}

@media screen and (max-width: 768px) {
	#subpage h1 {
		background: #ffffff;
		height: auto;
		padding: 4px 4%;
	}
	#subpage h2 {
		background-position: left bottom;
		font-size: 22px;
		line-height: 1.2;
		min-height: 25px;
    margin-bottom: 10px;
		
	}
	#subpage .table-10,
	#subpage .table-08 {
		width: 90.5% !important;
		margin: 0 2%;
		padding: 0;
	}
		#subpage .table-09 {
		width: 90.5% !important;
		margin: 0 2%;
		padding: 0;
	}
}
@media screen and (max-width: 320px) {
	#subpage .table-10 td{
		white-space: nowrap;
		padding-left: 1px;
		margin-left: 2px;
		
	}
		#subpage .table-10 ul{
		padding-left: 1px;
		margin-left: 2px;
	}
}
#subpage1 .table-12 {
    border-collapse: collapse;
    border-spacing: 1;
	margin: 0 auto;
}
#subpage1 .table-12 th {
	border: 0px;
	min-content: 32px;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 2px;
	padding-bottom: 2px;
	background: #ffffff;
	vertical-align:middle;
	font-size: 18px;
	line-height: 130%;
	color: #444444;
	text-align: justify;
}
#subpage1 .table-12 td {
	border: 0px;
	min-content: 19px;
	vertical-align:middle;
	height: 20px;
	padding-top: 3px;
	padding-left: 16px;
	padding-right: 2px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background: url("https://www.wb-plaza.com/images/mark03.png");
	background-repeat: no-repeat;
	background-position-y: center;
	font-size: 14px;
	line-height: 130%;
	text-align: justify;
}
@media screen and (max-width: 460px) {
　　#subpage1 .table-12 {
	width: 90%;	
	padding-top: 2px 2px 2px 5px;
	margin: auto;
	background: #ffffff;
	line-height: 180%;
}
#subpage1 .table-12 th {
	border: 0px;
	padding-top: 12px;
	padding-left: 18px;
	padding-right: 2px;
	padding-bottom: 2px;
	background: #ffffff;
	font-size: 18px;
	line-height: 160%;
	text-align: justify;
}
　　#subpage1 .table-12 td {
	border: 0px;
	min-content: 20px;
	height: 30px;
	vertical-align:middle;
	padding-top: 0px;
	padding-left: 18px;
	padding-right: 2px;
	padding-bottom: 0px;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background: url("https://www.wb-plaza.com/images/mark03.png");
	background-repeat: no-repeat;
	background-position-y: center;
	font-size: 14px;
	line-height: 180%;
	text-align: justify;
}	
}
.postpicclass { 
  display:block; 
  margin: 0 auto;
  padding: 3px;
  border: 1px solid #efefef;
}
.postnobrdr { 
  display:block; 
  margin: 0 auto;
  padding: 3px;
  border: 0px;
}
.postsingleimg { 
	display:block; 
	padding: 3px;
	border: 1px solid #efefef;
}
.postsingleimg a { 
	border: 0px;
}


#subpage1 .postInfo {
font-size: 11px;
border-top: solid 2px #cc0000;
padding: 5px 0px 5px 0px;
margin: 15px 0px 0px 0px; 
}
			
#subpage1 blockquote {
width: 95%;
margin: 0 auto;
font-style: italic;
font-size: 1.3em;
border:3px double #ccc;
border-width:3px 0;
text-align: center;
padding:0.5em;
color: #666666;
}

#subpage1 blockquote a img {
border: 0px;
}




/*
******************************
IMPROVED POST BIT (NEW!)
******************************
*/

.singlepost {
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #efefef;
font-size: 10px;
line-height: 5px;
}

.singlepost img {
vertical-align: middle;
}

.singlepost h1 {
　color: #009900;
　font-size: 20px;
}

.titlespec {
	color: #333333;
	font-size: 18px;
line-height: 30px;
}

#socialbookmarks {
width: 100%;
margin-top: 10px;
padding-top: 7px;
padding-bottom: 7px;
border-top: 2px solid #efefef;
border-bottom: 1px solid #efefef;
}

#socialbookmarks img {
border:0px;
padding-right:4px;
background-color: #fff;
margin-right: 5px;
}

#socialbookmarks img a {
border:0px;
padding-right:4px;
background-color: #fff;
margin-right: 5px;
}


/*
+++++++++++++
Archives
+++++++++++++
*/

.arctext {
font-size: 12px;
line-height: 20px;
color: #555;
margin-bottom: 15px;
}

.minipost {
color: #888;
font-size: 10px;
margin-left: 10px;
}
#arch h1 {
color: #ca1717;
font-size: 18px;
margin: 0px;
font-weight: normal;
}

#arch h3 {
color: #ca1717;
font-size: 16px;
margin: 0px;
font-weight: normal;
}

#arch h3 a {
color: #ca1717;
background-color: #f2f2f2;
}

#arch h3 a:hover {
color: #555;
}

#arch h2 {
font-size: 16px;
}

/*
+++++++++++++
Search
+++++++++++++
*/

#search {
	width: 220px;
        border: 1px solid #e2e2e2;
        margin-bottom: 14px;
        padding-bottom: 5px;
}

#search .heading {
background: url("images/search_bg.gif") no-repeat;
	height: 23px;
	margin-bottom: 5px;
}

#search #browsetwo {
	width: 160px;
	padding: 5px;
	padding-left: 25px;
	margin: 0 auto;
        margin-top: 10px;
	background: #FAF8F1 url("images/icon_info.png") no-repeat;
	background-position: 5px 5px;
	border: 1px solid #E2DFD6;
}

#searchform {
margin-left: 5px;
}

#searchformsb {
margin-left: 5px;
margin-bottom: 10px;
}

/*
+++++++++++++
Features (Internals)
+++++++++++++
*/

.featmod {
height: 100%;
width: 100%;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 10px;
}

.featmod img {
margin-right: 15px;
vertical-align: middle;
}

#feed {
	width: 980px;
    margin: 0 auto;
    margin-top: 0px;
	padding: 4px 2px 0px 5px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #efefef;
    vertical-align: middle;
	align-content: center;
}
#feed .h2{
	align-content: center;
	color: #222222;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-left: 0px;
	font-size: 24px;
	letter-spacing: normal;
}
#feed .h3{
	color: #222222;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	margin-left: 0px;
	font-size: 14px;
	letter-spacing: normal;
}

#feed .icon {
	background: url("images/feediconlarge.gif") no-repeat;
	height: 28px;
	display: block;
        padding: 5px 5px 0 35px;
	font-size: 1.1em;
}

#feed span {
	font-weight: normal;
}

/*
****************
Archives Nav
****************
*/

#arch .navigation {
width: 100%;
padding: 5px;
background-color: #f7f7f7;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
margin-bottom: 5px;
}

/*
****************
Newsletter Subscribe (HP)
****************
*/

#nlSub {
	width: 250px;
	border: 1px solid #e2e2e2;
}

#nmSub a {
border-bottom: 1px solid #efefef;
}

#nlSub a:hover {
border-bottom: 1px solid #ccc;
}

#nlSub .heading {
background: url("images/head_newsletter.gif") no-repeat;
	height: 23px;
	margin-bottom: 5px;

}

.form{
	margin:22px 0px -5px 0px;
	background-color:#bbb;
}

.form th{
	vertical-align:top;
	background: #ffffdd;
	text-align: left;
	font-size:12px;
	font-weight:lighter;
	color:#333;
	line-height:130%;
	width: 110px;
	padding-top: 8px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 11px;

}

.form td{
	vertical-align:top;
	background: #fff;
	padding: 5px 10px;
	font-size:12px;
	color:#333;
}

td p{

	margin:4px 0px 5px 0px;

	line-height:140%;

}	

.submit{
	text-align:center;
	margin-top:20px;
}
p.adobe-reader {
	background-color: #ecf0f3;
	padding: 7px;
	font-size: 10px;
	line-height: 130%;
	color: #666666;
}

p.adobe-reader img {
	float: left;
	margin:5px 10px 10px 0px;
}

p.pdf-icon {
	line-height: 23px;
	height: 23px;
	text-align: right;
	margin-bottom: 10px;
}

p.pdf-icon a {
	padding:5px 0px 5px 26px;
	background: url(images/pdf_icon.gif) no-repeat left center;

}

.caution{
	color:#c00;
	font-weight:bold;
}

.part-number {
	margin: 15px 0px 0px 0px;
	background-color: #A4DFFF;
	}

.part-number th {

	font-weight: lighter;

	padding: 5px;

	background-color: #dff4ff;

	}

.part-number td {

	background: #FFFFFF;

	padding: 5px;

	}
table.table-01 {
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-01 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 1px 1px 1px 1px;
	background: #FFFFD1;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	white-space: nowrap;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;	
}

table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
    text-align: center;
    white-space: nowrap;
}

table.table-01a {
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-01a th {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 5 5 5 5px;
    background:#FFC ;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.table-01a td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 5 5 5 5px;
    text-align: left;
    white-space: nowrap;
}

table.table-02 {
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-02 th {
	padding: 5px;
	border: 0px;
	border-width: 0 0 1px 1px;
	background: #FFFFC0;
	line-height: 120%;
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
}
table.table-02 td {
    padding: 0px;
    border: 0px;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}

table.table-03 {
	width: 70px;
	border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
	background: #FF0000;
	background-repeat: no-repeat;
    border-color: #FFFFFF;
    border-width:1px;
    border-style:solid;
    color: #FFFFFF;
	margin-left:16px;
	padding: 3px 5px 3px 5px;
}

table.table-03 th {
	border: 0px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF0000;
	font-size: 10px;
	padding: 3px 5px 3px 5px;
}
table.table-03 td {
	border: 0px;
	text-align: center;
	background: #FF0000;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

table.table-04 {
	width: 630px;
	border: 0px;
}

table.table-04 th {
	font-style:normal;
	height: 25px;
	border: 0px;
	color: #FFF;
	background: #F93;
	font-size: 12px;
	vertical-align: middle;
}

table.table-05 {
	width: 600px;
	border: 0px;
}
table.table-05 td {
    text-align: center;
}

table.table-06 {
	width: 690px;
	border-width: 2px;
	border-style:solid;
	border-collapse: collapse; 
	border-color:#666666;

}
table.table-06 th{
	border-width: 2px;
	border-style:solid;
	border-collapse: collapse;
	border-color:#666666;
	padding: 0px;
}
table.table-06 td {
	border: 2px #666666 dotted;
	border-collapse: collapse; 
	}
table.table-06a {
	width: 710px;
	border-width: 2px;
	border-style:solid;
	border-collapse: collapse; 
	border-color:#666666;
}
table.table-06a th{
	border-width: 2px;
	border-style:solid;
	border-collapse: collapse;
	border-color:#666666;
	padding: 0px;
}
table.table-06a td {
	border: 2px #666666 dotted;
	border-collapse: collapse; 
	}
table.table-07 {
	border: 1px #666666 ; 
　　border-top-style:none;
　　border-left-style:dotted;
　　border-right-style:dotted;
　　border-bottom-style:none;
　　border-collapse: collapse;
}
table.table-08 {
	background: #ffffff;
	text-shadow: 1px;
	text-outline: #676767;
	color: #111111;
	font-size: 16px;
}
table.table-08 th {
   background: url("https://www.wb-plaza.com/images/header_bg2.jpg") repeat-x 0 0;
	text-shadow: 1px;
	text-outline: #676767;
	color: #111111;
	font-size: 12px;
	height: 55px;
	margin: 0;
	padding: 1 1 1 1;
}
table.table-09 {
	border: 1px #666666;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
table.table-10 {
	border: 1px;
	border-color: #666666;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background: #ffffff;
	font-size: 14px;
	line-height: 150%;
}
@media screen and (max-width: 415px) {
table.table-10 {
	width: 98%;	
	border: 1px;
	border-color: #666666;
	padding-top: 2px 2px 2px 2px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background: #ffffff;
	line-height: 150%;
}
}
table.table-10 th {
	border: #666666 solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background: #EDF7F3;
	font-size: 11px;
	font-style: normal;	
}
table.table-11 {
	border: 0px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background: #ffffff;
	font-size: 16px;
	line-height: 170%;
}
table.table-11 td {
	border: 0px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background: #ffffff;
	font-size: 16px;
	line-height: 180%;
}




.post .pankuzu {
	font-size: 12px;
	line-height: 130%;
	text-align: justify;
}
#subpage1 em {
	font-size: 10px;
	font-style: normal;
	color: #432221;
}

.set li {
	float: left;
	width: 160px;
	padding-bottom: 2em;
}
#subpage1 .top_h {
	border: 1px dashed #333333;
	padding-top: 5px;
	background-position: 7px 8px;
	padding-left: 30px;
	text-align: left;
}
#subpage1 .top_s {
	border: 1px dashed #333333;
	padding-top: 3px;
	background-position: 7px 8px;
	background: url(https://www.wb-plaza.com/img/midasi-b01s.jpg) repeat-x 0 0;
	padding-left: 30px;
	text-align: left;
}
#subpage1 .top_m {
	border: 1px dashed #333333;
	padding-top: 3px;
	background-position: 3px;
	background-color: #FF9966;
	padding-left: 10px;
	text-align: left;
}	
#subpage1 .top_hc {
	width: 85%;
	border: 1px dashed #333333;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-position: 1px 1px;
	text-align: center;
}
#subpage1 a img {
	border-bottom-style:none;
}
	


#hothot  {
       color: #ff0000;
}

img.pict{
	border:1px solid #000000;
        margin:0px;
}

#container {
	width:150px;
	float:right;
	margin:5px auto;
}
@media screen and (max-width: 768px) {
	#container {
		float: none;
		overflow: hidden;
		width: 230px;
	}
}
.pankuzu {
	font-size: 12px;
	line-height: 150%;
}
.markbox{
	width:100px;
	float:right;
	margin:0px auto;
}

#container3{
	width:390px;float:right;margin:5px auto;
}

.markbox{
	width:110px; float:right;margin:5px auto;
}
.part-number {
	margin: 15px 0px 0px 0px;
	background-color: #A4DFFF;
	}
.part-number th {
	font-weight: lighter;
	padding: 5px;
	background-color: #dff4ff;
	}
.part-number td {
	background: #FFFFFF;
	padding: 5px;
	}


.gn-sitemap {
	padding:0px;
	margin:0px;
	font-size: 12px;
	color: #FFFFFF;
}

.gn-sitemap a{
	display:block;
	margin-left:10px;
	padding: 2px 0px 5px 15px;
	background: url(images/gn_sitemap.gif) top left no-repeat;	
}

.gn-sitemap a:link {
	color: #00FF00;
	text-decoration: none;
}

.gn-sitemap a:visited {
	color: #00FF00;
	text-decoration: none;
}

.gn-sitemap a:hover {
	text-decoration: underline;
}

div.imagebox {
   border: 10px #cccccc;
   background-color: #ffffff;  
   width: 150px;
   float: left; 
   margin: 5px; 
}
p.image, p.caption {
   text-align: center; 
   margin: 0px;       
}
p.caption {
   font-size: 80%;  
   color: darkblue; 
}

.photo-text{
	font-size:12px;
}
.photo-text 1{
	font-size: 12px;
	line-height: 100%;
}
.photo-text 2{
	font-size: 10px;
	letter-spacing: 0;
	line-height: none;
}
.photo-text 3{
	font-size: 10px;
	color:#FFF;
	letter-spacing: 0;
	line-height: 150%;	
}
.photo-text 3 a:hover {
	font-size: 10px;
	color:#FFF;
	letter-spacing: 0;
	line-height: 150%;	
}

#few1-font {
	font-size:18px;
	font-weight: bold;
	}

.f1{
	font-size: 20px;
	color: #333333;
	font-weight:bold;
	font-stretch:expanded;
}
.f2{
	font-size: 14px;
	color: #222222;
}
.f3{
	font-size: 25px;
	color: #333333;
	font-weight:bold;
	font-stretch:expanded;
}
.f4{
	font-size: 18px;
	color:#FFFfff;
	line-height: 150%;	
}
.f5{
	font-size: 18px;
	color:#333333;
	line-height: 100%;
　　font-weight:bold;
	letter-spacing: 0.02em;
}
.f6{
	font-size: 20px;
	color:#333333;
	line-height: 120%;
　　font-weight: 900;
}
.f7{
	margin-left: 65px;
	font-size: 12px;
	color:#ff0000;
	line-height: 140%;	
}
.f8{
	text-align : center;
	font-size: 12px;
	color:#ff0000;
	line-height: 140%;	
}
.f9{
	font-size: 12px;
	color:#333333;
	line-height: 140%;	
}
/* 追加 */
/* トップページ用 */
#subpage .table-08-div {
  margin-bottom: 10px;
  overflow: hidden;
}
#subpage .table-08-div .cell {
  display: block;
  width: 33%;
  float: left;
  text-align: left;
  margin-bottom: 12px;
  border: 1px;
}
#subpage .table-08-div .cell h3{
  padding: 0;
  background: none;
  margin: 0 0 3px;
  border: none;
}
#subpage .table-08-div .cell fo{
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	color: #333;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 3;
	font-size: 12px;
}
#subpage .table-08-div .cell a{
  padding: 0;
  border: 1;
}
#subpage .table-08-div .cell img:hover {
 filter:alpha(opacity=80);
 opacity:0.8;
}

@media screen and (max-width: 415px) {
  #subpage .table-08-div .cell {
    width: 50%;
  }
  #subpage .table-08-div .cell:nth-child(2n+1) {
    clear: left;
  }
}

#subpage .table-09-div {
  margin-bottom: 5px;
  overflow: hidden;
}

#subpage .table-09-div .cell {
  display: block;
　width: 49%;
  float: left;
  text-align: left;
  margin-bottom: 12px;
}
#subpage .table-09-div .cell a{
  padding: 0;
  background: none;
  margin: 0 0 2px;
  border: none;
}
#subpage .table-09-div .cell h3{
  padding: 0;
  background: none;
  margin: 0 0 2px;
  border: none;
	}

@media screen and (max-width: 415px) {
  #subpage .table-09-div .cell {
    width: 50%;
  }
  #subpage .table-09-div .cell:nth-child(2n+1) {
    clear: left;
  }
}
	
#subpage .table-10-div {
  margin-bottom: 10px;
  overflow: hidden;
}
#subpage .table-10-div .cell {
  display: block;
  width: 45%;
  float: left;
  text-align: left;
  margin-bottom: 12px;
  border: 1px;
}
#subpage .table-10-div .cell h3{
  padding: 0;
  background: none;
  margin: 0 0 3px;
  border: none;
}
#subpage .table-10-div .cell a{
  padding: 0;
  border: 1;
}
#subpage .table-10-div .cell img:hover {
 filter:alpha(opacity=80);
 opacity:0.8;
}

@media screen and (max-width: 415px) {
  #subpage .table-10-div .cell {
    width: 95%;
  }
  #subpage .table-10-div .cell:nth-child(1n+0) {
    clear: left;
  }
}
/* ロゴ */
@media screen and (max-width: 768px) {
	#subpage > .logo {
		padding: 8px 10px 8px;
		background: url("https://www.wb-plaza.com/images/header_bg1.jpg") repeat-x top;
		height: 40px;
		color: #fff;
		font-size: 10px;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	#subpage > .logo span {
		font-size: 20px;
		font-weight: bold;
		display: inline-block;
		margin-top: 3px;
	}
}

/* テーブル無効化 */
@media screen and (max-width: 768px) {
	/* 全てのテーブル無効化 */
  table.sp-table-clr,
  table.sp-table-clr tbody,
  table.sp-table-clr tr,
  table.sp-table-clr th,
  table.sp-table-clr td {
    display: block!important;
    width: 100%!important;
    max-width: 100%!important;
		height: auto !important;
  }
	/* 親テーブルだけ無効化*/
	table.sp-table-clr2,
	table.sp-table-clr2 > tbody,
	table.sp-table-clr2 > tbody > tr,
	table.sp-table-clr2 > tbody > tr > td,
	table.sp-table-clr2 > tbody > tr > th {
		display: block!important;
    width: 100%!important;
    max-width: 100%!important;
		height: auto !important;
	}
	/* inlineblockに無効化*/
	table.sp-table-clr3,
  table.sp-table-clr3 tbody,
  table.sp-table-clr3 tr,
  table.sp-table-clr3 th,
  table.sp-table-clr3 td {
    display: inline-block;
    width: auto!important;
    max-width: 100%!important;
		height: auto !important;
  }
	table.sp_fs_12px {
		font-size: 12px !important;
	}
	div.sp_over {
		  display: block;
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	table.sp_table_column_2 tr td,
	table.sp_table_column_2 tr th {
		height: auto !important;
		width: 49.5% !important;
	}
	table.sp_table_column_3 tr td,
	table.sp_table_column_3 tr th {
		height: auto !important;
		width: 33% !important;
	}
	table.sp_table_column_4 {
		width: 96%;
		margin: 0 auto 20px;
	}
	table.sp_table_column_4 tr td {
		height: auto !important;
		width: 24.5% !important;
	}
	table.sp_table_column_5 tr td {
		height: auto !important;
		width: 19.5% !important;
	}
	.w_80 {
		width: 80%;
	}
	.w_80 {
		width: 90%;
	}
}
@media screen and (max-width: 480px) {
	/* 480pxからテーブル無効化 */
	table.sp-table-clr_480,
  table.sp-table-clr_480 tbody,
  table.sp-table-clr_480 tr,
  table.sp-table-clr_480 tr th,
  table.sp-table-clr_480 tr td {
    display: block!important;
    width: 100%!important;
    max-width: 100%!important;
		height: auto !important;
  }
}


@media screen and (max-width: 768px) {
	#subpage p  {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}

@media screen and (max-width: 480px) {
	/* 480pxからテーブル無効化 */
　parent{
    display: block!important;
    width: 100%!important;
    max-width: 100%!important;
		height: auto !important;
  }
}
@media (max-width:767px) { video {
max-width: 100%;
	} }
	/* pcで改行スマホで折れない */
.pc_br {
   display: block
}
@media screen and (max-width: 480px){
    .pc_br {
       display: none;
    }
}
	/* スマホで改行pcで折れない */
	.sp_br {
   display: none;
}
@media screen and (max-width: 480px){
    .sp_br {
       display: block;
    }
}
/* 追加20211220- */
box1 {
	float:left;
	width:310px;
	padding:5 5 5 5;
	
}
box2 {
	float:right;
	width:390px;
	padding:5 5 5 5;
}
@media screen and (max-width: 480px) {
box2 {
	float:left;
	padding:5 5 5 5;
}
}

	
img {
	border: 0px;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #009900;
}

strong {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF3C3C;
	font-size: larger;
}

i {
	color: #CC0000;
	font-size: larger;
}


/*
+++++++++++++++++++
Continue With the Layout
+++++++++++++++++++
*/


#pane .module {
	width: 290px;
	padding: 5px;
}

#featArticles {
	width: 290px;
	border: 1px solid #e2e2e2;
	padding-bottom: 5px;
	margin-bottom: 14px;
}

#featArticles .aHead {
	height: 16px;
	padding-left: 20px;
	background: url("images/icon_article.gif") no-repeat;
}

#featArticles .heading {
	background: url("images/head_feat-articles.gif") no-repeat;
	height: 28px;
	margin-bottom: 5px;
}

#featArticles #browse {
	width: 260px;
	padding: 5px;
	padding-left: 25px;
	margin: 0 auto;
	background: #eff8ea url("images/icon_tick.gif") no-repeat;
	background-position: 5px 5px;
	border: 1px solid #b4c9a7;
}

#sNotes {
	width: 300px;
	border: 1px solid #EBEAE2;
margin-bottom: 14px;
}

#sNotes a {
border-bottom: 1px solid #efefef;
}

#sNotes a:hover {
border-bottom: 1px solid #ccc;
}

#sNotes .heading {
	background: url("images/head_sidenotes.gif") no-repeat;
	height: 31px;
	margin-bottom: 5px;
}

#fContent {
	width: 100%;
}

#content .heading {
	background: url("images/head_fresh-content.gif") no-repeat;
	height: 23px;
	width: 100%;
        margin-bottom: 5px;
}

#ads {
	width: 100%;
        border-top: 1px solid #e2e2e2;
        padding-top: 15px;
        clear: both;
}

#ads .ablock {
	width: 270px;
        margin-right: 32px;
	float: left;
}

#ads .ableft {
width: 270px;
float: right;
}

/* Whitespace and dividers */

#whitespace {
width: 100%;

height: 10px;
background-color: #fff;
}

.wspace {
width: 100%;
height: 10px;
background-color: #fff;
}

/* Move Along */

#footer {
	margin: 15px 0;
	padding-top: 3px;
	border-top: 3px solid #ebebe8;
	width: 100%;
        background: #fff;
}

#footer .heart {
	background: url("images/icon_heart.gif") no-repeat;




	padding-right: 16px;
}

.red {
	color: #ae141e;
}




/*
******************************
IMPROVED POST BIT (NEW!)
******************************
*/

#socialbookmarks {
width: 100%;
margin-top: 10px;
padding-top: 7px;
padding-bottom: 7px;
border-top: 2px solid #efefef;
border-bottom: 1px solid #efefef;
}

#socialbookmarks img {
border:0px;
padding-right:4px;
background-color: #fff;
margin-right: 5px;
}

#socialbookmarks img a {
border:0px;
padding-right:4px;
background-color: #fff;
margin-right: 5px;
}




/*
+++++++++++++
Features (Internals)
+++++++++++++
*/

.featmod {
height: 100%;
width: 100%;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 10px;
}

.featmod img {
margin-right: 15px;
vertical-align: middle;
}



#feed span {
	font-weight: normal;
}



.post .pankuzu {
	font-size: 12px;
}
#subpage em {
	font-size: 10px;
	font-style: normal;
	color: #432221;
}

.set li {
	float: left;
	width: 160px;
	padding-bottom: 2em;
}
#subpage .top_h {
	border: 1px dashed #333333;
	padding-top: 5px;
	background-position: 7px 8px;
	padding-left: 30px;
}

#subpage a img {
	border-bottom-style:none;
}

#hothot  {
       color: #ff0000;
}

img.pict{
	border:1px solid #000000;
        margin:0px;
}

.container{width:240px;float:right;margin:5px auto;}

.markbox{width:100px; float:right;}

.container3{width:360px;float:right;margin:5px auto;}

.markbox{width:100px; float:right;}

.part-number {
	margin: 15px 0px 0px 0px;
	background-color: #A4DFFF;
	}
.part-number th {
	font-weight: lighter;
	padding: 5px;
	background-color: #dff4ff;
	}
.part-number td {
	background: #FFFFFF;
	padding: 5px;
	}
.gn-sitemap {
	width: 105px;
	padding:0px;
	margin:0px;
	font-size: 10px;
	color: #FFFFFF;
	float: right;
}

.gn-sitemap a{
	display:block;
	margin-left:10px;
	padding: 2px 0px 5px 15px;
	background: url(images/gn_sitemap.gif) top left no-repeat;	
}

.gn-sitemap a:link {
	color: #00FF00;
	text-decoration: none;
}

.gn-sitemap a:visited {
	color: #00FF00;
	text-decoration: none;
}

.gn-sitemap a:hover {
	text-decoration: underline;
}

div.imagebox {
   border: １px #cccccc;
   background-color: #ffffff;  
   width: 150px;
   float: left; 
 　margin: 5px; 
}