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

body{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 100%;
    line-height: 150%;
	color:#222;
}

div#wrapper{
	margin:0;
	padding:0;
	background:#008BE6;
}





/*各ＵＮＩＯＮＷＲＡＰＰＥＲスタイルシート*/

div#wrapper02{
	margin:0;
	padding:0;
	background:#6B7ED6;
}

div#wrapper03{
	margin:0;
	padding:0;
	background:#008BE6;
}

/*各ＵＮＩＯＮＷＲＡＰＰＥＲスタイルシート*/






div#container{
	margin:0;
	padding:0;
	background: url(../../images/bg.png) top repeat-x;
}

div#totounionpage{
	margin:0 auto;
	width:960px;
}

div#mainlogo{
	padding-top:40px;
	text-align:center;
}

div#mainimages{
	padding-top:20px;
	text-align:center;
}

.txtcenter{
	text-align:center;
}

.txtsize15{font-size:15px;}
.txtsize20{font-size:20px;}
.txtsize30{font-size:30px;}
.txtsize32{font-size:32px;}


div#copyright{
	margin:0;
	padding:10px 0;
	background:#12A5F0;
	text-align:center;
	color:#FFF;
}

div#copyright_union{
	margin:0;
	padding:10px 0;
	background:#495FBD;
	text-align:center;
	color:#FFF;
}

div#footer{
	margin:0;
	padding:10px 0 0 0;
	background:#59C7FF;
	text-align:center;
}


div#footer_union{
	margin:0;
	padding:10px 0 0 0;
	background:url(../../images/unionfooterbg.png) repeat-x;
	text-align:center;
	height:110px;
}

div#navtop{
	margin:50px 0 0 0;
}

div#footernav_union{
	margin-top:-10px;
	padding:18px 0 0 0;
	color:#FFF;
	text-decoration:none;
	background:#2E3C77;
	height:40px;
}



div#footernav a{
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
}


/*セカンドページのスタイルシート*/

nav ul#mainnav{
	margin:0 auto;
	background:#FFF;
	border-left:#000 1px solid;
	border-right:#000 1px solid;
	border-bottom:#000 1px solid;
	border-radius:0px 0px 3px 3px;
	padding:10px;
	text-align:center;
	behavior: url(/PIE.htc);
	position:relative;
}

nav ul#mainnav li{
	margin:0 auto;
	display:inline;
	border-right:#000 2px solid;
	padding:1px 10px;
	color:#2E3C77;
	font-weight:bold;

}

nav ul#mainnav li a{
	text-decoration:none;

}

nav ul#mainnav li.boderleft{
	border-left:#000 2px solid;
}



div#mainlogo_union{
	margin-right:10px;
	width:538px;
	float:left;
}

div#fontsize{
	margin:10px;
	padding:0;
	padding-left:90px;
    background: url("../../images/textsize.png") no-repeat 0 0;
    float: left;
    height: 35px;
    width: 110px;
}

div#fontsize ul#textswitch{
	margin:0;
	padding:0;
}

div#fontsize ul#textswitch li{
	margin-top:0px;
	margin-left:5px;
	padding:0;
	display:inline;
}

div#fontsize #textswitch #textnormal a{
    background: none repeat scroll 0 0 #ADADAD;
    border-radius: 5px;
	color:#FFF;
	text-decoration:none;
	padding:2px;
	behavior: url(/PIE.htc);
	position:relative;
}

div#fontsize #textswitch #textnormal a:hover{
    background: none repeat scroll 0 0 #8478DD;
    border-radius: 5px;
	color:#FFF;
	text-decoration:none;
	behavior: url(/PIE.htc);
	position:relative;
}

div#fontsize #textswitch #textbig a{
    background: none repeat scroll 0 0 #ADADAD;
    border-radius: 5px;
	color:#FFF;
	text-decoration:none;
	padding:2px;
	behavior: url(/PIE.htc);
	position:relative;
}

div#fontsize #textswitch #textbig a:hover{
    background: none repeat scroll 0 0 #8478DD;
    border-radius: 5px;
	color:#FFF;
	text-decoration:none;
	behavior: url(/PIE.htc);
	position:relative;
}

div#search{
	margin-top:10px;
    float: left;
	width:180px;
	font-size:90%;
}

div#maincontents{
	margin:0;
	padding:0;
	clear:both;
}

div#maincontents div#leftarea{
	margin:0;
	padding:0;
	width:260px;
    float: left;
	xborder:1px #000 solid;
    xborder-radius: 5px;
}

div#maincontents div#rightarea{
	margin:0 0 0 10px;
	padding:0;
	width:685px;
    float: left;
	border:1px #000 solid;
    border-radius: 5px;
	background:#FFF;
	behavior: url(/PIE.htc);
	position:relative;
}

/*div#loginbox {
    background: linear-gradient(#2E3C77, #455BA8) repeat scroll 0 0 rgba(0, 0, 0, 0);
    xborder: 1px solid #6cf;
    border-radius: 8px;
    box-shadow: 0 0 8px #ddf;
    margin-bottom: 1em;
    padding: 10px;
    width: 240px;
	behavior: url("/PIE.htc");
}*/

div#loginbox {
    margin-bottom: 1em;
    padding: 10px;
    width: 240px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 0px 2px;
	-moz-box-shadow: #666 0px 0px 2px;
	box-shadow: #666 0px 0px 2px;
	background: #2E3C77;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2E3C77), to(#455BA8));
	background: -webkit-linear-gradient(#2E3C77, #455BA8);
	background: -moz-linear-gradient(#2E3C77, #455BA8);
	background: -ms-linear-gradient(#2E3C77, #455BA8);
	background: -o-linear-gradient(#2E3C77, #455BA8);
	background: linear-gradient(#2E3C77, #455BA8);
	-pie-background: linear-gradient(#2E3C77, #455BA8);
	behavior: url(/PIE.htc);
	position:relative;
}

table#logintype {
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    width: 240px;
	font-size:80%;
}

div#logincheck {
    color: #fff;
	font-size:85%;
}

div#leftMenuWrapper {
    background: #2E3C77;
    xborder: 1px solid #6cf;
    border-radius: 8px;
    box-shadow: 0 0 8px #ddf;
    font-size: 15px;
    margin-bottom: 1em;
    padding: 0px;
	behavior: url(/PIE.htc);
	position:relative;
}

div#leftMenuWrapper p {
    margin: 0;
    padding: 10px 0 0 0;
    color: #fff;
	font-weight:bold;
	text-align:center;
}

div#leftMenuWrapper ul#leftMenu {
    background: #fff;
    margin: 10px 0 0 0;
    padding: 5px 0 15px 5px;
    border-radius: 0 0 8px 8px;
	behavior: url(/PIE.htc);
	position:relative;
}


div#leftMenuWrapper ul#leftMenu li {
    background: url("../../images/arr.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #cccccc;
    list-style-type: none;
    margin-top: 2px;
    margin-left: 8px;
    padding: 15px;
}


div#leftMenuWrapper ul#leftMenu li a {
	text-decoration:none;
}

div#banner {
    background-color: white;
    border: 1px solid #2E3C77;
    border-radius: 8px;
    box-shadow: 0 0 8px #ddf;
    font-size: 15px;
    margin-bottom: 1em;
    padding: 10px;
	behavior: url(/PIE.htc);
	position:relative;
}



div.leftMenuWrapper {
    background: #2E3C77;
    border: 1px solid #2E3C77;
    border-radius: 8px;
    box-shadow: 0 0 8px #ddf;
    font-size: 15px;
    margin-bottom: 1em;
    padding: 0px;
	behavior: url(/PIE.htc);
	position:relative;
}

div.leftMenuWrapper p {
    margin: 0;
    padding: 10px 0 0 0;
    color: #fff;
	font-weight:bold;
	text-align:center;
}


div.leftMenuWrapper ul.leftMenu {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 8px;
    background: #fff;
    border-radius:0 0 8px 8px;
	behavior: url(/PIE.htc);
	position:relative;
}

.archive {
    background: url("../../images/arr.png") no-repeat scroll left center #fff;
    border-bottom: 1px dashed #ccc;
    color: #0051c5;
    cursor: pointer;
    padding: 12px;
}

div.leftMenuWrapper ul.leftMenu li ul.leftMenuIn {
    margin: 0;
    padding: 0;
}

div.leftMenuWrapper ul.leftMenu li ul.leftMenuIn li {
    background: url("../../img/subarr.png") no-repeat scroll left center #fff;
    border-bottom: 1px dashed #ccc;
    list-style-type: none;
    margin: 0;
    padding: 15px 15px 15px 30px;
}






div.description{
	clear:both;
}

div.descriptionleft{
	padding:10px;
	float:left;
	width:255px;
	xmargin-right:10px;
}

div.descriptionright{
	padding:10px;
	float:right;
	width:380px;
}

div.descriptionarea01{
	padding:0 0 1em 10px;
}



div.inh2{
	margin:10px 0 0 10px;
	clear:both;
	background:#2E3C77;
	border-radius:3px;
	width:665px;
	behavior: url(/PIE.htc);
	position:relative;
}

h2{
	margin:0 0 10px 5px;
	padding:3px;
	font-size:100%;
	color:#FFF;
}

div.inh3{
	margin:2px;
	border-left:5px #2E3C77 solid;
	border-bottom:1px #2E3C77 dotted;
}

div.descriptionarea01 div.inh3 h3{
	margin:2px 8px 5px 8px;
	padding:0px;
	font-size:100%;
	color:#222;
}

div.inh4{
	margin-left:15px;
	margin-bottom:10px;
}

h4{
	margin:0 0 0 2px;
	padding:0px;
	font-size:95%;
	color:#2E3C77;
	font-weight:normal;
}



input{
	font-size:80%;
	color:#222;
}



p{margin:0 0 1em 0;}

.red{color:#F00;}
.orange{color:#F60;}
.blue{color:#03F;}
.green{color:#6C3;}

dl.topicslist{
	margin-top:0;
}

dl.topicslist {
	margin-top:0;
}

a:hover{color:#F93;}


table#prof{

}

table#prof tr{

}

table#prof tr td{
	padding:3px;
}


div#footernav_union a{color:#fff;text-decoration:none;}
div#footernav_union a:hover{color:#fff;}


/*ビジョン*/

p.visioncat{
	margin-bottom:0;
}


dl.vision{
	margin:0 0 1em 1em;
	padding:0;
}

dl.vision dt{
	margin:0;
	padding:0;
}

dl.vision dd{
	margin:0 0 0 1em;
	padding:0;
}


.clearfix {
    overflow: hidden;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}


div#loginform{
	text-align:center;
	height:350px;
	margin:1em auto;
	padding:0;
	width:685px;
	border:1px #000 solid;
    border-radius: 5px;
	background:#FFF;
	behavior: url(/PIE.htc);
	position:relative;
}

table#password_change{
	margin:0 auto 1em auto;
}

ul.abouttop{
	list-style-type:none;
	margin:0 0 0 2em;
	padding:0;
	text-indent:-2em;
}

div#maincontents div#singlearea{
	margin:0 0 0 10px;
	padding:0;
	width:940px;
    float: left;
	border:1px #000 solid;
    border-radius: 5px;
	background:#FFF;
	behavior: url(/PIE.htc);
	position:relative;
}

div#singlearea div.inh2{
	margin:10px 0 0 10px;
	clear:both;
	background:#2E3C77;
	border-radius:3px;
	width:920px;
	behavior: url(/PIE.htc);
	position:relative;
}

div#singlearea h2{
	margin:0 0 10px 5px;
	padding:3px;
	font-size:100%;
	color:#FFF;
}

div#singlearea div.inh3{
	margin:2px;
	border-left:5px #2E3C77 solid;
	border-bottom:1px #2E3C77 dotted;
}

div#singlearea div.descriptionarea01 div.inh3 h3{
	margin:2px 8px 5px 8px;
	padding:0px;
	font-size:100%;
	color:#222;
}