@charset utf-8

/** common.css **/
body {font-size:12px;font-family:"ＭＳ Ｐゴシック", Arial , sans-serif;color:#020202;background:url(../images/bg.jpg) repeat-y top center;}
body {
    font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               'Meiryo UI',      /* Windows8.1以上は游ゴシック */
               'YuGothic',       /* Macの游ゴシック */
               'Meiryo',         /* 游ゴシックが入っていないWindows */
               'Noto Serif JP',
               sans-serif;
}

/* For change page add by 2020/07/01. */
/*
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: opacity .8s ease;transition: opacity .8s ease;}
body.fadeout::after {opacity: 1;}
body.fadeout article{-webkit-transform:scale(1.2);transform:scale(1.2);}
*/

#layout {width:1000px;padding:0;margin:0 auto;padding:0px;}
#top {width:1000px;height:77px;overflow:hidden;}
#top .topLeft {width:345px;display:inline;float:left;text-align:left;}
#top .topRight {width:250px;display:inline;float:right;text-align:right;font-size:.9em;line-height:35px;padding-top:35px;}
a:link {color:#020202;text-decoration:none;}
a:visited {color:#020202;}
a:hover {color:#f90;text-decoration:none;}
a:active {color:#020202;text-decoration:none;}
a.title:link {color:#4169e1;}
a.title:active {color:#4169e1;}
a.title:visited {color:#4169e1;}
a.title:hover {color:#f90;}
#mainNav {height:34px;width:100%;margin-bottom:5px}
ul,li {list-style:none;padding:0;margin:0;}
#nav {line-height: 24px;list-style: none;width:100%;padding-left:0px;}
#nav a {display: block; text-align:center;}
#nav li {float: left;list-style: none;}
#nav li ul {line-height:36px;list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute;list-style: none;padding-left:0px;z-index:1000}
#nav li ul li {float: left; width: 180px;line-height:36px;background:#FFFFFF;}
#nav li ul a {display: block;line-height:36px;text-align:left;padding-left:10px;padding-right:0px;font-size:.9em}
#nav li ul.thin {width: 160px;}
#nav li ul.thin li {width: 160px;}
#nav li ul.thick {width: 250px;}
#nav li ul.thick li {width: 250px;}
#nav li ul a:link  {color:#020202; text-decoration:none;}
#nav li ul a:visited  {color:#020202;}
#nav li ul a:hover  {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#5cb0d9;}
/*#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}*/
#content {clear: left; }
.shadow {
    border:1px solid #cdcdcd;border-top:none;
    -moz-box-shadow: 3px 3px 4px #333232;
    -webkit-box-shadow: 3px 3px 4px #333232;
    box-shadow: 3px 3px 4px #333232;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333232)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333232');
}

#bot{text-align:right;width:100%;background-color:skyBlue;height:20px;font-size:.8em;text-align:right;margin-bottom:0px;margin-top:20px;padding-top:5px;}
#botm{width:1000px;padding:0;margin:0 auto;padding:0px;}

// to top style.
.content {min-height: 5000px;}
.page-top {display: none;margin: 0;padding: 0;}
.page-top p {margin: 0;	padding: 0;position: fixed;right: 20px;bottom: 20px;}
.move-page-top {
	display: block;
//		background: red;
	width: 50px;height: 50px;
	cursor: pointer;color: #fff;line-height: 50px;text-decoration: none;text-align: center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
@media screen and (min-width:1130px) {
	.move-page-top:hover {opacity: 0.85;}
}

//to main.
.to-main {display: none;margin: 0;padding: 0;}
.to-main p {margin: 0;padding: 0;position: fixed;left: 0px;top: 10px;}
.move-to-main {display: block;width: 40px;height: 40px;cursor: pointer;color: #fff;line-height: 50px;text-decoration: none;text-align: center;}

/**struts,seasar2spring**/
//to-spring.
.to-spring {display: none;margin: 0;padding: 0;}
.to-spring p {margin: 0;padding: 0;position: fixed;left: 0px;top: 200px;}
.move-to-spring {display: block;width: 40px;height: 40px;cursor: pointer;color: #fff;line-height: 50px;text-decoration: none;text-align: center;}

/**vb2vbnet**/
//to-vb2vbnet. and to vb2java.
.to-vb2vbnetjava {display: none;margin: 0;padding: 0;}
.to-vb2vbnetjava p {margin: 0;padding: 0;position: fixed;left: 0px;top: 280px;}
.move-to-vb2vbnetjava {display: block;width: 40px;height: 40px;cursor: pointer;color: #fff;line-height: 50px;text-decoration: none;text-align: center;}

/**flex2html**/
//to-flex2html.
.to-flex2html {display: none;margin: 0;padding: 0;}
.to-flex2html p {margin: 0;padding: 0;position: fixed;left: 0px;top: 360px;}
.move-to-flex2html {display: block;width: 40px;height: 40px;cursor: pointer;color: #fff;line-height: 50px;text-decoration: none;text-align: center;}

/**RPAAutoTest**/
//to-rpaauto.
.to-rpaauto {display: none;margin: 0;padding: 0;}
.to-rpaauto p {margin: 0;padding: 0;position: fixed;left: 0px;top: 440px;}
.move-to-rpaauto {display: block;width: 40px;height: 40px;cursor: pointer;color: #fff;line-height: 50px;text-decoration: none;text-align: center;}

/**a tag**/
.page-top a:hover{font-size: 5em;}
#nav a:hover{background-color:#ffd700;}
.mainLeft a:hover{background-color:#ffd700;}
.main02Left a:hover{background-color:#ffd700;}
.main02Right a:hover{background-color:#ffd700;}
#campaign_list a:hover{background-color:#ffd700;}



/** from home.css **/
#banner {width:100%;height:215px;margin-bottom:58px;overflow:hidden;}
#main01 {width:100%;height:200px;text-align:left;overflow:hidden;margin-bottom:45px}
#main01 ul {}
#main01LeftSpace01 {width:100%;height:12px;}
#main01LeftSpace02 {width:100%;height:3px;}
#main01 ul li {display:inline;float:left;width:232px;height:200px;background:url(../images/indexPartBg01.jpg) no-repeat;margin-left:5px;padding:0 12px 0 4px; background-position-y:100%}
#main01 ul li.main01Left {display:inline;float:left;width:236px;height:161px;background:none;margin-left:0;margin-right:5px;padding:0}
#main01 ul li ul li {background:none;padding:0;display:block;float:none;height:auto;}
#main01 ul li ul li a {display:block;background:url(../images/li1.png) no-repeat 10px;padding-left:20px;}
#main01 .main01Title {font-size:15px;font-weight:bold;color:#4169e1;}
#main01 .main01Pic {margin:7px 0}
#main01 .main01Text {line-height:20px;font-size:.8em;}
#main02 {width:100%;height:165px;text-align:left;overflow:hidden;margin-bottom:0px;}
#main02 .main02Left {display:inline;float:left;width:610px;height:165px;background:Url(../images/indexPartBg02.jpg) no-repeat;margin-left:0px;padding-right:9px;background-position:bottom right;}
#main02 .main02Left .main02LeftTitle {height:30px;line-height:30px;font-size:15px;font-weight:bold;color:#4169e1;border-bottom:1px solid #ccc}
#main02 .main02Left .main02LeftText {text-align:left;padding:10px 10px;}
#main02 img {width:280px;}
#main02 .main02Right {display:inline;float:right;width:310px;height:165px;background:Url(../images/indexPartBg02.jpg) no-repeat;margin-left:0px;padding-right:9px;background-position:bottom right;}
#main02 .main02Right .main02RightTitle {height:30px;line-height:30px;font-size:.9em;font-weight:bold;color:#1887bf;border-bottom:1px solid #ccc}
#main02 .main02Right ul {padding:10px 5px;}
#main02 .main02Right ul li {height:28px;line-height:28px;}
#main02 .main02Right ul li a {text-decoration:underline }



/** from magic.css **/
#MainPromotionBanner {width:1000px;height:215px;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides {padding:0;margin:0;list-style:none;height:215px;overflow:hidden;margin-top:0px;}
#MainPromotionBanner .Slides li {float:left;width:1000px;height:215px;}
#MainPromotionBanner .Slides img {border:0;display:block;width:1000px;height:215px;}
#MainPromotionBanner .SlideTriggers {margin:0;padding:0;list-style:none;position:absolute;top:195px;left:20px;z-index:10;height:25px;}
#MainPromotionBanner .SlideTriggers li {float:left;display:inline;color:#fff;text-align:center;line-height:9px;width:9px;height:9px;font-family:Arial;font-size:.8em;cursor:pointer;overflow:hidden;margin:0px 7px;background:#fff;}
#MainPromotionBanner .SlideTriggers li.Current {color:#1887bf;background:#1887bf;border:0;font-weight:bold;font-size:.9px;line-height:9px;height:9px;width:9px;margin:0 7px;}
#MainPromotionBanner a {color:#fff;}
#MainPromotionBanner a:hover {color:#1887bf;}