@charset "utf-8";
html, body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#333333;
	line-height:180%;
	background-color:#FFF;
	font-size:12px;
	height:100%;
}
div {zoom: 1;/*for IE 5.5-7*/}

/* リンク
----------------------------------------------------*/
a:link {
	color:#000;
	text-decoration:none;
}

a:visited {
	color:#000;
	text-decoration:none;
}
a:active {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#014099;
	text-decoration:underline;
}
/*----------------------------------------------------
	#login
----------------------------------------------------*/
.news_on img.bg {
	position: fixed;
	top: 0;
	left: 300px;
}
.news_off img.bg {
	position: fixed;
	top: 0px;
	left: 300px;
}
/*
@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}
*/
.news_on #login{
	position:fixed;
	top:0px;
	/*top:51px;*/
	left:0px;
	width:300px;
	height:100%;
	z-index: 100;
}
.news_off #login{
	position:fixed;
	/*top:0px;*/
	top:0px;
	left:0px;
	width:300px;
	height:100%;
	z-index: 100;
}
.login_area{
	background-color:#FFF;
	width:300px;
	height:100%;
}
#login h1{
	width:300px;
	height:157px;
	text-align:center;
}
#login h1 img{
	margin-top:15px;
	height:100px;
	width:auto;
	max-width:300px;
}
/*----------------------------------------------------
	#maintenance
----------------------------------------------------*/
#maintenance{
	position:fixed;
	border:1px #CCCCCC solid;
	border-radius: 0px;
	z-index:1;
	background-color:#FFFFFF;
	width:500px;
	height:280px;
	margin-left:-100px;
	margin-top:-140px;
	top:50%;
	left:50%;
    border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}
#maintenance h1{
	padding:25px 17px;
	background-color:#fff;
	font-size:14px;
	color:#27a6e1;
	border-bottom:1px solid #ccc;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-top-left-radius:6px;
	-moz-border-top-right-radius:6px;
}

#maintenance_message{
	padding:30px 25px;
}
/*----------------------------------------------------
	#system_news
----------------------------------------------------*/
#system_news{
	position:fixed;
	background-color:#27a6e1;
	width:415px;
	height:85px;
	z-index:999;
	color:#FFF;
	right:15px;
	top:20px;
	overflow:hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}
#system_news:hover{
	background:#47b3e5;
}
#system_news a{
	display:block;
	width:100%;
	height:61px;
	text-decoration:none;
}
#system_news a:hover{
	/*background-color:#eeeeee;*/
	display:block;
	width:100%;
	height:61px;
	text-decoration:none;
}
#system_news .title{
	color:#FFF;
	margin:20px 20px 0;
	font-size:13px;
	width: 375px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#system_news .date{
	color:#0099cc;
	float:left;
	margin:19px 10px;
}
#system_news .text{
	color:#FFF;
	font-size:11px;
	margin:8px 20px 0;
	width: 375px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*----------------------------------------------------
	.zoom_news_window
----------------------------------------------------*/
#mask {
	position:fixed!important;
	position:absolute;
	z-index:90000;
	background-color:#000;
	display:none;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
}
.zoom_news_window {
	display:none;
	position:fixed;
	z-index:99999;
	background-color:#FFFFFF;
	width:400px;
	height:400px;
	margin-left:-265px;
	margin-top:-200px;
	top:50%;
	left:55%;
    border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}
.zoom_news_window h1{
	height:32px;
	padding:35px 0 0 17px;
	background-color:#FFFFFF;
	font-size:16px;
	color:#27a6e1;
    border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}
.zoom_news_window a.close{
	background-image:url(../img/common/close_btn.png);
	width:17px;
	height:17px;
	display:block;
	position:absolute;
	right:16px;
	top:16px;
}
.zoom_news_window p{
	color:#78909c;
	font-size:13px;
	padding:20px 30px;
}
#system_message{
	width:100%;
	height:330px;
	border-top:1px solid #e0e0e0;
}
#system_message a{
    text-decoration:underline;
}

/*----------------------------------------------------
	#form_login
----------------------------------------------------*/
#login_error .error_text{
	padding:10px 20px 10px 20px;
	color: red;
}
#form_login .message{
	padding:0px 20px 0px 20px;
}
#form_login{
	text-align:left;
}
#form_login div.login_password{
	padding:10px 0 0px;
}
#form_login label{
	color:#bdbdbd;
	line-height:1em;
}
#form_login #login_name,
#form_login #login_password,
#form_login #pw_placeholder{
	border:none;
	display:inline-block;
	font-size:14px;
	margin-left:5px;
}
#form_login label img{
	vertical-align:bottom;
	padding-bottom: 5px;
}
#form_login #login_name{
	width:230px;
}
#form_login #login_password,
#form_login #pw_placeholder{
	width:230px;
}
#form_login div#login_name,
#form_login div#login_password{
	height: 18px;
}
#form_login a.login_btn{
	display:block;
	width:210px;
	height:44px;
	background-color: #333333;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-size:13px;
	line-height:44px;
	margin:0px auto;
	text-align: center;
}
#form_login a.login_btn:hover {
	text-decoration:none;
	background-color: #666666;
    border: none;
    cursor: pointer;
}

#form_login a.login_oidc_btn{
    background-color: #ce6074;
    margin: 1em auto 0;
}
#form_login a.login_oidc_btn:hover {
    background-color: #dc8f9d;
}
#form_login a.switch_sso {
	display: block;
	margin-top:1em;
    text-align:center;
	text-decoration:underline;
}
#form_login a.switch_sso:link {
	text-decoration:underline;
}

.login_id, .login_password{
	width:260px;
	margin:0 20px;
	margin-bottom:40px;
	border-bottom:1px solid #ccc;
}
.login_password{
	margin-bottom:25px;
}

/*----------------------------------------------------
	#info_area
----------------------------------------------------*/
#info{
    position:absolute;
    padding:0px 20px;
    width:260px;
    top:400px;
    bottom:73px;
    overflow:hidden;
    color:#666666;
}
.login_multi3 #info {
    bottom:103px;
}
.with_oicd #info {
	top: 480px;
}
.none_login #info {
	top: 220px;
}
#info h2{
	text-align:left;
	color:#0099cc;
}
#info h3{
	text-align:left;
	color:#666666;
	margin-top:7px;
	font-size:13px;
    width:250px;
}
.info_area{
	line-height: 140%;
    margin-bottom:10px;
    margin:10px 0 15px;
    width:250px;
}
.info_area a{
    text-decoration:underline;
}

.login_copyright{
	text-align:center;
	position:fixed;
	bottom:0px;
	background:#fff;
	width:300px;
}
.logo_copyright {
	font-size:11px;
	color:#424242;
}

/*----------------------------------------------------
	#login_footer
----------------------------------------------------*/
#login_footer{
	position:fixed;
	bottom:22px;
	height:45px;
	left:0px;
	width:300px;
	float:left;
}
.login_multi3 #login_footer {
	height:75px;
}
.lang_other_area{
	padding:8px;
}
.lang_other_area .lang_btn{
	display: -moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	background-color:#FFF;
	border: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	font-size:10px;
	color: #666;
	padding:8px 10px;
	margin:0px auto;
	line-height:100%;
	margin-right:8px;
}
.lang_other_area .lang_btn:hover,
.lang_other_area .active{
	display: -moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	background-color: #666666;
	color: #fff;
	text-decoration:none;
}
.lang_other_area .pass_change{
	display: -moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:11px;
	color: #666;
	line-height:25px;
	margin:0 10px;
}
.lang_other_area .pass_change:hover{
	color: #000;
	text-decoration:none;
}
.lang_other_area .switch_sso{
	width:280px;
}
.copyright {
	font-size:10px;
	float:right;
	margin-top:8px;
	margin-right:8px;
}
/*----------------------------------------------------
	#term
----------------------------------------------------*/
#term{
	text-align:left;
	position:relative;
	padding-top:63px;
}
#term h1{
	position:absolute;
	top:0px;
	height:15px;
	font-size:14px;
	width:100%;
	color:#27a6e1;
	background:#FFF;
	padding:24px 0px;
	margin:0;
	border-bottom:1px solid #e0e0e0;
	z-index:1;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-top-left-radius:6px;
	-moz-border-top-right-radius:6px;
	border-bottom:1px solid #e0e0e0;
}
#term h1 span{
	padding-left:15px;
}
#term .term_area{
	overflow:hidden; 
	border-top:1px #ccc solid;
	height:340px;
	width:940px;
	margin-bottom:20px;
}
#term .tarm_scroll_area{
	overflow:hidden; 
	width:888px;
	padding:20px;
	font-size:11px;
}
#term h2{
	text-align:left;
}
#term strong{
	font-weight:bold;	
}
#term ul.btn_area{
	text-align: center;
}
#term ul.btn_area div {
	width:280px;
	margin-left:auto;
	margin-right:auto;
}
#term ul.btn_area div div {
	width:280px;
	text-align:left;
}
#term ul.btn_area li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right: 10px;
}
#term ul.btn_area li a{
	display:block;
	width:120px;
}
#term ul.btn_area a{
}
#term ul.btn_area a:hover {
}
/*----------------------------------------------------
    #site_banner ログインページバナー用
----------------------------------------------------*/
.site_banner{
	overflow:hidden;
	zoom:1;
	margin:-196px 0 -20px -204px;
	position:fixed;
	left:50%;
	top:50%;
	width: 710px;
}
.site_banner li{
	float:left;
	margin:10px 12px;
}
.site_banner a{
	display:block;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	width:330px;
}
.site_banner a img{
	vertical-align:bottom;
}
.site_banner a img.thumb{
	width: 330px;
	height: 186px;
}
.site_banner a span.caption-text{
	display:block;
	padding:10px;
	width:310px;
	height:166px;
	font-size:12px;
	left:0;
	position:absolute;
	color:#FFF;
	background:#000;
	line-height:1.6;
	opacity:0.9;
	/* For IE 5-7 */
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.site_banner a span.caption-text span.caption-title{
	display:block;
	/*padding-left:25px;*/
	margin-bottom:10px;
	/*background:url(../img/common/icon-infoslide-up.png) no-repeat left center;*/
}
.site_banner a:hover span.caption-text span.caption-title{
	/*background-image:url(../img/common/icon-infoslide-down.png);*/
}
/*----------------------------------------------------
	#popup_wrapper 転送ダウンロード用
----------------------------------------------------*/
#popup_wrapper{
	text-align:left;
	position:relative;
	padding-top:63px;
}
#popup_wrapper h1{
	position:absolute;
	top:0px;
	height:15px;
	font-size:14px;
	width:100%;
	color:#FFFFFF;
	background:#000;
	padding:24px 0px;
	margin:0;
	z-index:1;
}
#popup_wrapper h1 span{
	padding-left:15px;
}
#popup_wrapper .popup_area{
	overflow:auto;
	height:437px;	
}
#popup_wrapper .message{
	margin-bottom:20px;
}
#download_form{
	width:460px;
	float:left;
	padding:15px;
	margin:0;
}
/*リストありの背景*/
.list_bg{
	background-color:#eeeeee;
	background-image:url(../img/common/popup_bg.jpg);
	background-repeat:repeat-y;
}
#download_form{
	width:450px;
	float:left;
	padding:15px;
	margin:0;
}
#download_form .table01{
	border:1px #e1e1e1 solid;
	border-collapse: collapse;
	width:460px;
	margin: 0;
	margin-bottom:20px;
}
#download_form .table01 th{
	padding:10px 0;
	vertical-align:middle;	
	border:1px #ccc solid;
	background-color:#eee;
	text-align:center;
	margin:0;
}
#download_form .table01 td{
	padding:10px;
	margin:0;	
	border:1px #ccc solid;
}
#download_form .table01 input[type="text"]{
	margin:0;
	font-size:14px;
	line-height:12px;
	padding:10px;
	height:12px;
	border:1px #ccc solid;
	width:309px;
	border-radius: 6px;
}
select{
	position: absolute;
	/* zoom:1.1; */
	z-index: 2;
	filter: alpha(opacity=0);
 	-ms-filter: "alpha(opacity=0)";
 	-moz-opacity:0;
 	opacity:0;
	width:176px;
	height:37px;
	margin-left: calc((100% - 176px - 16px) / 2);
	font-size: 13px;
}
.ui-datepicker { z-index: 1000 !important; }
.pullBase{
	padding:0 0 0 10px;
	position: relative;
	/* margin:0; */
	font-size:12px;
	line-height:36px;
	border-radius: 6px;
	height:37px;
	width:176px;
	background:url(../img/common/form_select03.png) no-repeat 0 0;
	/* margin:0; */
	margin-left: calc((100% - 176px) / 2);
}
#download_form .table01 input#datepicker1,
#download_form .table01 input#datepicker2{
	margin:0;
	font-size:12px;
	line-height:12px;
	padding:10px;
	height:12px;
	border:1px #ccc solid;
	width:130px;
}
#download_form ul.btn_set01 a{
	display:block;
	width:140px;
	height:12px;
	background-color: #333333;
	text-shadow: none;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-size:12px;
	line-height:1em;
	text-align: center;
	padding:16px 0px;
}
#download_form ul.btn_set01 a:hover {
	text-decoration:none;
	background-color: #666666;
    border: none;
    cursor: pointer;
}
.download_check_btn{
	width:27px;
	height:27px;
	position:absolute;
	background-color:#FFFFFF;
}
.download_check_btn input{
	position:absolute;
	top:5px;
	left:5px;
	z-index:100;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0.0;
	opacity:0.0;
	cursor:pointer;
	width:17px;
	height:17px;
}
.download_check_btn label {
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	height:17px;
	width:17px;
	background:url(../img/common/icon_checkbox.png) no-repeat 0 0;
}
.download_check_btn label.checked {
	background:url(../img/common/icon_checkbox.png) no-repeat 0 -17px;
}
/*----------------------------------------------------
	btn
----------------------------------------------------*/

ul.btn_set01{
	text-align:center;
	position:absolute;
	bottom:20px;
	width:100%;
	padding-left:5px;
}
ul.btn_set01 li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right: 10px;
}
ul.btn_set01 li a{
	display:block;
	width:120px;
}

a.glaybtn01{
	display:block;
	width:140px;
	height:12px;
	background-color: #333;
	text-shadow: none;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-size:12px;
	text-align: center;
	line-height:1em;
	padding:16px 0px;
}
a.glaybtn01:hover {
	text-decoration:none;
	background-color: #666;
    border: none;
    cursor: pointer;
}
a.adminbtn01{
	display:block;
	width:140px;
	height:12px;
	background-color: #333333;
	text-shadow: none;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-size:12px;
	text-align: center;
	line-height:1em;
	padding:16px 0px;
}
a.adminbtn01:hover {
	text-decoration:none;
	background-color: #666666;
    border: none;
    cursor: pointer;
}

/* ソリューションリンク新デザイン */
/*PLAY Button*/
a.ytp-play-button{
	position: fixed;
	top: 45%;
	left: 50%;
	width: 100px;
	height: 132px;
	margin-left: -50px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url('../img/common/ytp-play-button_off.png') no-repeat 0 0;

}
a.ytp-play-button:hover{
	background: url('../img/common/ytp-play-button_on.png') no-repeat 0 0;
}
/* ライブラリのデザイン上書き */
body .fancybox-skin {
	background: inherit;
	-webkit-border-radius: inherit;
	   -moz-border-radius: inherit;
	        border-radius: inherit;
}
body .fancybox-opened .fancybox-skin {
	-webkit-box-shadow: inherit;
	   -moz-box-shadow: inherit;
	        box-shadow: inherit;
}