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

body,html{
	width:100%; height:auto;
	margin:0px; padding: 0;
}

a{text-decoration:none;}

body,html, div, td, span{
	font-family:"ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	line-height:1.4;
	color:#666;
	text-justify:auto;
	font-size:13px;
}

ul,ol{
	margin:0px;
	padding-left:18px;
}

li{
	margin:0px;
	padding-left:0px;	
}

.bigBlueSquare{
	width:150px;
	padding:5px; margin:15px 0px; border:#0099CC solid 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}

.bigRedSquare{
	width:685px; word-break:break-all;
	margin-bottom:15px; font-size:16px; font-weight:bold;
	padding:10px; background-color:#F36;
	color:#fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}

.dotSquare{
	border:thin #999 dotted;
	line-height:14px;
	padding:10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}

.dotBox{
	display:inline-block; width:auto;
	border:1px #999 dotted;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;	
}

a.white{color:#fff !important;}
a.underline{text-decoration:underline;}
a.text{color:#666;}
a:hover.text{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:hover.button{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* ヘッダー */

#headerContainer{　
	width:100%; height:122px; min-width:1080px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebe9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebe9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebe9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebe9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebe9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebebe9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebe9',GradientType=0 ); /* IE6-9 */
	position:relative
}

#headerContainer:before{
	display:block; content:"";
	width:100%; height:5px;
	position:absolute;
	top:0px; left:0px;
	background-color:#004091;
}

#headerContainer:after{
	display:block; content:"";
	width:100%; height:1px;
	position:absolute;
	bottom:0px; left:0px;
	background-color:#CCC;
	border-bottom:1px #fff solid;
}

#headerLogo{
	display:block; overflow:hidden;
	width:556px; height:0px; padding-top:71px;
	background-image:url(../img/img_logo.png);
	background-repeat:no-repeat;
	position:absolute;
	top:26px; left:30px;
}

#headerRight{
	display:block; overflow:hidden;
	background-image:url(../img/btn_apply.png);
	background-repeat:no-repeat;
	width:220px; height:0px; padding-top:54px;
	position:absolute;
	top:45px; right:30px;	
}

#headerRight2{
	display:block; overflow:hidden;
	background-image:url(../img/btn_apply_update.png);
	background-repeat:no-repeat;
	width:220px; height:0px; padding-top:54px;
	position:absolute;
	top:45px; right:260px;	
}

#headerRightText{
	display:block;
	width:282px; height:25px;
	font-size:14px;
	position:absolute;
	top:20px; right:30px;
}

#headerRightLogout{
	display:block;
	width:282px; height:54px;
	position:absolute;
	top:45px; right:30px;
}

/* グローバルナビゲーション */

#globalNavContainer{
	width:100%; height:40px; min-width:1040px;
	background: #61A3CD; /* Old browsers */
	background: -moz-linear-gradient(top,  #61A3CD 0%, #4D81A3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61A3CD), color-stop(100%,#4D81A3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #61A3CD 0%,#4D81A3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #61A3CD 0%,#4D81A3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #61A3CD 0%,#4D81A3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #61A3CD 0%,#4D81A3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61A3CD', endColorstr='#4D81A3',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 2px 3px #CCCCCC;
	-moz-box-shadow: 0px 2px 3px #333333;
	-webkit-box-shadow: 0px 2px 3px #CCCCCC;
	
}
	
	/* 共通のコンテナ */
	
	#globalNavDistrict{
		width:980px; height:40px;
		overflow:auto; margin:0px auto;
		position:relative;
	}
	
	.globalNav1,.globalNav2{
		display:inline-block;
		height:40px;
		position:relative; float:left;}
	.globalNav1{width:196.8px;}
	.globalNav2{width:194.8px;}
	.globalNav1:before{
		display:block; content:"";
		width:1px; height:40px;
		position:absolute;
		top:0px; left:0px;
		background-color:#fff;
		border-left:1px #000 solid;
		filter:alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;}
	.globalNav1:after{
		display:block; content:"";
		width:1px; height:40px;
		position:absolute;
		top:0px; right:0px;
		background-color:#fff;
		border-right:1px #000 solid;
		filter:alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;}

	/* マウスオーバー時と選択ページ */
	
	.gn1,.gn2,.glovalNavSelected{
		display:inline-block;
		width:192px; height:0px; padding-top:40px; overflow:hidden;
		position:absolute; top:0px;}
	.gn1{left:2px;}
	.gn2{left:0px;}
	a:hover.gn1:after,a:hover.gn2:after,.glovalNavSelected:after{
		display:inline-block; content:"";
		width:180px; height:4px;
		position:absolute;
		bottom:4px; left:6px;
		background-color:#FDB263;}

	/* 個別ボタン */

	#nav_top{background:url(../img/nav_top.png); background-repeat:no-repeat;}	
	#nav_mypage{background:url(../img/nav_mypage.png); background-repeat:no-repeat;}	
	#nav_klcde{background:url(../img/nav_klcde.png); background-repeat:no-repeat;}	
	#nav_apply{background:url(../img/nav_apply.png); background-repeat:no-repeat;}	
	#nav_workshop{background:url(../img/nav_workshop.png); background-repeat:no-repeat;}	
	#nav_contact{background:url(../img/nav_contact.png); background-repeat:no-repeat;}	


/*** メイン ***/

#bodyContainer{
	width:980px; min-height:400px; height:auto;
	overflow:auto; margin:20px auto 40px;
}

	/*** メイン左 ***/
	
	#leftContainer{
		width:725px; height:auto;
		float:left; overflow:auto;
		padding-left:10px;
		margin-right:20px;
	}
	
	#leftMainContainer{
		width:711px; height:auto; padding:20px 0px 25px 0px;
		float:left; overflow:auto;
	}
	
	#pageTitle{
		font-family:"新ゴ R" !important;
		width:710px; height:23px; padding-top:2px;
		font-size:16px; padding-left:12px;
		position:relative;
	}
	
	#pageTitle:before{
		display:block; content:"";
		width:4px; height:25px;
		position:absolute;
		top:0px; left:0px;
		background-color:#4E83A5;
	}

	/*** メイン右（サイドメニュー） ***/

	#rightContainer{
		width:220px; height:auto;
		float:right; overflow:auto;
	}
	
	/* サイドメニュー */
	
	#menuContainer{
		width:218px; height:auto;
		overflow:auto; padding-top:30px;
		border:1px #5E9DC6 solid; border-bottom:none;
		-moz-border-radius: 8px 8px 0px 0px;
		-webkit-border-radius: 8px 8px 0px 0px;
		-o-border-radius: 8px 8px 0px 0px;
		-ms-border-radius: 8px 8px 0px 0px;
		position:relative;
	}
	
	#menuContainer:before{
		display:block; content:"サイドメニュー";
		position:absolute;
		width:209px; height:24px;
		top:-1px; left:-1px;
		font-size:14px; color:#fff;
		padding-left:10px; padding-top:7px;
		-moz-border-radius: 8px 8px 0px 0px;
		-webkit-border-radius: 8px 8px 0px 0px;
		-o-border-radius: 8px 8px 0px 0px;
		-ms-border-radius: 8px 8px 0px 0px;
		background: #68AEDC; /* Old browsers */
		background: -moz-linear-gradient(top,  #68AEDC 0%, #5B98BF 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68AEDC), color-stop(100%,#5B98BF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #68AEDC 0%,#5B98BF 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #68AEDC 0%,#5B98BF 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #68AEDC 0%,#5B98BF 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #68AEDC 0%,#5B98BF 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68AEDC', endColorstr='#5B98BF',GradientType=0 ); /* IE6-9 */
	}
	
	.menuBtn{
		display:block;
		font-family:"新ゴ R" !important;
		width:208px; height:24px;
		border-bottom:1px #5E9DC6 solid;
		position:relative;
		padding-left:10px; padding-top:6px;
		font-size:14px; color:#666;
		text-decoration:none;
	}
	
	.menuBtn:after{
		display:block; content:"";
		position:absolute;
		width:6px; height:6px;
		background-image:url(../img/ico_arrow.png);
		background-repeat:no-repeat;
		right:8px; top:12px;
		z-index:1;
	}
	
	a:hover.menuBtn, .menuBtnSelected{
		background:#4F84A6;
		color:#fff;
	}
	
	a:hover.menuBtnSelected:after{
		display:none !important; 
	}
	
	a:hover.menuBtn:after{
		display:block; content:"";
		position:absolute;
		width:6px; height:6px;
		background-image:url(../img/ico_arrow_w.png);
		background-repeat:no-repeat;
		right:8px; top:12px;
	}

/* フッター */

#iFooter{
	width:100%; height:210px; min-width:1040px;
	border:0px;
	box-shadow: 2px 2px 10px #000; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
}

#footerSubContainer{
	width:100%; height:70px;
	background:#F3FBF2;
}

#footerMainContainer{
	min-width:1040px;
	width:100%; height:140px;
	background:#666666;
	clear:both;
}

#footerMain{
	width:960px; height:140px;margin:0px auto;
}

#footerContents{
	margin:0px;
	width:960px; height:140px;	
}

#footerLeft{
	width:590px; height:55px; padding-top:85px; margin-left:5px;
	background:url(../img/img_logo_w.png);
	background-position:0px 13px;
	background-repeat:no-repeat;
	color:#fff; float:left;
}

#footerRight{
	width:364px; height:55px; padding-top:85px;
	color:#fff; float:right; text-align:right;
}

/**********/

.downloadLinks{
	width:94%; margin-left:3%; border-bottom:thin #666 solid; margin-top:25px;}

.downloadLinksSub
{margin-top:5px; border-bottom:thin dotted #999;}

.pdfDownload{
	margin-top:2px;
	display:inline-block;
	height:20px; padding-top:2px;
	background-image:url(../../img/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:underline;
	padding-left:20px;
	color:#666;
}

.docDownload{
	margin-top:2px;
	display:inline-block;
	height:20px; padding-top:2px;
	background-image:url(../../img/icon_doc.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:underline;
	padding-left:20px;
	color:#666;
}

.linkDownload{
	display:inline-block;
	height:22px; padding-top:2px;
	background-image:url(../../img/icon_download.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:25px; font-weight:bold;
	color:#666;
}

.borderRed{
	border:2px #F30 solid;	
}

.formTable{
	width:711px;
	margin-top:4px;
}

.formTable, .formTable td{
	border:#999 thin solid;
	border-collapse:collapse;	
}

.form_title{
	background-color:#F6F6F6;
	width:115px;
	padding:10px 20px;
	vertical-align:top;
}

.form_body{
	padding:5px 18px;
}

.topBox, .topBox2{
	width:210px; min-height:350px; float:left; margin-top:35px; padding:8px;
	word-break: break-all;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border:#DDD 1px solid;
	font-size:12px; line-height:1.3;
	position:relative;
}

.topBox:before {
	display:block;
	content: "";
    width: 226px;
    height: 40px;
    top: 0;
    left: 0;
    position: absolute;
	z-index:-1;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-o-border-radius: 6px 6px 0px 0px;
	-ms-border-radius: 6px 6px 0px 0px;
	background: #68AEDC;
    background: -moz-linear-gradient(top, #61C8D8 0%, #57AFBD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61C8D8), color-stop(100%,#57AFBD));
    background: -webkit-linear-gradient(top, #61C8D8 0%,#57AFBD 100%);
    background: -o-linear-gradient(top, #61C8D8 0%,#57AFBD 100%);
    background: -ms-linear-gradient(top, #61C8D8 0%,#57AFBD 100%);
    background: linear-gradient(to bottom, #61C8D8 0%,#57AFBD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61C8D8', endColorstr='#57AFBD',GradientType=0 );
}

.topBoxTitle{
	text-align:center;
	margin:1px auto 20px;
	font-size:16px;
	color:#fff;
}

.blueButton{
	display:block; position:absolute;
	width:210px; height:0px; padding-top:52px;
	background-repeat:no-repeat;
	overflow:hidden;
	bottom:10px;
}

.orangeButton{
	display:block; position:absolute;
	width:210px; height:0px; padding-top:40px;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url(../../img/btn_workshop2.png);
	bottom:10px;
}

.blueButton2{
	bottom:55px !important;
}

a:hover.blueButton, a:hover.orangeButton{
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

/**********/

.formError{
	border:2px #F30 solid;
}

#faq_01,#faq_02,#faq_03{display:inline-block; text-decoration:underline;}


a#backtop{
	display:block;
	position:fixed; z-index:100;
	bottom:0px; right:100px;
	width:155px; height:22px; padding-top:5px;
	border-radius: 5px 5px 0px 0px;        
	-webkit-border-radius: 5px 5px 0px 0px;   
	-moz-border-radius: 5px 5px 0px 0px;
	background-image: -ms-linear-gradient(top, #888888 0%, #666666 100%);
	background-image: -moz-linear-gradient(top, #888888 0%, #666666 100%);
	background-image: -o-linear-gradient(top, #888888 0%, #666666 100%);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #888888), color-stop(1, #666666));
	background-image: -webkit-linear-gradient(top, #888888 0%, #666666 100%);
	background-image: linear-gradient(to bottom, #888888 0%, #666666 100%);
	box-shadow: -2px -2px 2px #DDD, 2px -2px 2px #DDD;
	-moz-box-shadow: -2px -2px 2px #DDD, 2px -2px 2px #DDD;
	-webkit-box-shadow: -2px -2px 2px #DDD, 2px -2px 2px #DDD;
	font-size:14px; color:#ffffff; text-align:center;
}

a#backtop:hover{
	filter: alpha(opacity=9);
 	-moz-opacity:0.9;
  	opacity:0.9;
}