@charset "Shift_JIS";

html { scroll-behavior: smooth;}
body {
	font-size: 10px;
	line-height: 1.4;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
	-webkit-text-size-adjust: 100%;
}
.display-pc-only{
	display: none;
}
.display-sp-only{
}

strong,
h1,
h2,
h3{
	font-weight: bold;
}
#wrapper {	display: none;}
#footer{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	font-size: 11px;
}
.new-footer{
	font-size: 1em;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
	line-height: 2em;
}
.new-footer a{
	color:#333333;
}

.color-y {
	color: #FF0;
}
.color-w {
	color: #fff;
}
.color-r {
	color: #F00;
}

.marker_y {
	background: linear-gradient(transparent 60%, #fff000 60%);
}
.sp100{
	width: 100%;
	height: auto;
}
.sp90{
	width: 90%;
	height: auto;
	margin-left: 5%;
}
.sp70{
	width: 70%;
	height: auto;
	margin-left: 15%;
}
.sp50{
	width: 50%;
	height: auto;
	margin-left: 25%;
}
.fontsize60{
	font-size: 60%;
}
.fontsize70{
	font-size: 70%;
}
.fontsize80{
	font-size: 80%;
}
.fontsize120{
	font-size: 120%;
}
.fontsize130{
	font-size: 130%;
}
.fontsize140{
	font-size: 140%;
}

.sp_logo {
	float: left;
	width: 50%;
}
.sp_sns {
	float: right;
	width: 15%;
}
.sp_clear {
	clear: both;
}
.sp_scroll {
	color: #666;
	text-align: right;
	margin-bottom: 1em;
}

/* ========== page top ========== */

.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}
.pagetop a {
    display: block;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* ========== aboutus ========== */

.aboutus{
	width: 90%;
	clear: both;
	margin-left: 5%;
}
.aboutus th{
	padding: 4px;
	white-space: nowrap;
	background-color: #eee;
	font-size: 10px;
	line-height: 13px;
	border: 1px solid #666;
}
.aboutus td{
	padding: 4px;
	font-size: 10px;
	line-height: 13px;
	border: 1px solid #666;
}


/* ========== ibm_power11_sp ========== */
.ibm_power11_sp01-01{
	white-space: nowrap;
	border-radius: 10px;
	border-radius: 5px 5px 0px 0px; /* 左上、右上、右下、左下 */
	box-sizing: border-box;
	background-size:100%;
    width: fit-content; /*テキスト幅に合わせる*/

	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
/* 文字を更に太く */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #F00;

}
.hoge:nth-child(3) {}
.hoge:nth-child( odd ) {}
.hoge:nth-last-child(1) {}


#ibm_power11_sp{
	font-size: 1em;
	background-color: #DD9C99;
	background-repeat: repeat-y;
	background-size: 100% auto;
	padding: 1em;
	background-image: url(../images/ibm_power11spbg.png);
}
.ibm_power11_sp_box{
	font-size: 1em;
	background-color: #ffffff;
	padding: 1em;
	margin-bottom: 2em;
}

#ibm_power11_sp01-04,
#ibm_power11_sp02-01,
#ibm_power11_sp02-13{
	font-size: 1.3em;
	color: #ffffff;
	padding: 0.5em;
	text-align: center;
	background-color: #EC5506;
	font-weight: bold;
}
#ibm_power11_sp02-01img {
	position:relative;
}
#ibm_power11_sp02-01img img{
	margin-left: -1em;
	margin-top: -16em;
	width: 5em;
}

#ibm_power11_sp01-05,
#ibm_power11_sp01-08,
#ibm_power11_sp01-11,
#ibm_power11_sp01-14,
#ibm_power11_sp02-04,
#ibm_power11_sp02-06,
#ibm_power11_sp02-08,
#ibm_power11_sp02-10,
#ibm_power11_sp02-15,
#ibm_power11_sp02-17,
#ibm_power11_sp02-19{
	font-size: 1.2em;
	color: #ffffff;
	padding: 0.5em;
	text-align: center;
	background-color: #423994;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#ibm_power11_sp01-06,
#ibm_power11_sp01-09,
#ibm_power11_sp01-12,
#ibm_power11_sp01-15,
#ibm_power11_sp02-02{
	font-size: 1.2em;
	color: #423994;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#ibm_power11_sp01-07,
#ibm_power11_sp01-10,
#ibm_power11_sp01-13,
#ibm_power11_sp02-03,
#ibm_power11_sp02-05,
#ibm_power11_sp02-07,
#ibm_power11_sp02-09,
#ibm_power11_sp02-11,
#ibm_power11_sp02-14,
#ibm_power11_sp02-16
{
	font-size: 1em;
	margin-bottom: 1em;
}
#ibm_power11_sp02-05 img,
#ibm_power11_sp02-07 img,
#ibm_power11_sp02-09 img,
#ibm_power11_sp02-16 img
{
	width: 10em;
}
#ibm_power11_sp02-05 p,
#ibm_power11_sp02-07 p,
#ibm_power11_sp02-09 p,
#ibm_power11_sp02-11 p,
#ibm_power11_sp02-16 p
{
	text-indent: -1em;
	padding-left: 1em;
}
#ibm_power11_sp02-21
{
	font-size: 1em;
}