@charset "UTF-8";

/* //////////////////////////////////////////////////
[header]
////////////////////////////////////////////////// */


h1{
	display: block;
	float:left;
	width:70%;
}

header{
	height:100px;
	overflow:hidden;
}

header div p{
	display: block;
	float:left;
	width:30%;
	text-align:right;
	font-size:80%;
}

header div .logo{
	clear : both;
	margin:4px 0 25px 25px;
	float:left;
	width:310px;
}


header div .otiawase{
	display: block;
	float:right;
	width:200px;
	background-color: #FC5221;
	background-image: -moz-linear-gradient(center top , #FC5221, #DA2A03);
	border-radius: 4px 4px 4px 4px;
	height:50px;
	margin:4px 25px 0 0;
}

header div .otiawase a{
	padding:13px 0;
	display:block;
	width:100%;
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:115%;
	text-shadow: 1px 1px 2px #fff;
}


/* //////////////////////////////////////////////////
[Gnav]
////////////////////////////////////////////////// */


section div nav.gmavi ul{
	padding-top:25px;
	margin:0 25px;
}

section div nav.gmavi{
	height:100px;
	background:url(../img/green.gif) repeat;
}

section div nav.gmavi ul li{
	width:25%;
	float:left;
	overflow:hidden;
	text-shadow: 1px 1px 5px #fff;
	height:50px;
	position:relative;
}

section div nav.gmavi ul li div a{
	width:100%;
	height:75px;
	display: block;
	text-align:right;
}

section div nav.gmavi ul li div.gmenu{
	margin:0 25px 0 0;
	overflow:hidden;
}

section div nav.gmavi ul li div{
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	/*#76809B #588327 #F04E39 #A95A5F  #C16E43, #E1AA81*/
}

section div nav.gmavi ul li div.appb{
	background-image: -moz-linear-gradient(center top , #588327, #588327);
	background-color:#588327;
}

section div nav.gmavi ul li div.webb{
	background-image: -moz-linear-gradient(center top , #A95A5F, #A95A5F);
	background-color:#A95A5F;
}

section div nav.gmavi ul li div.artb{
	background-image: -moz-linear-gradient(center top , #F04E39, #F04E39);
	background-color:#F04E39;
}

section div nav.gmavi ul li div.menug div.staffsdv{
	background-image: -moz-linear-gradient(center top , #76809B, #76809B);
	background-color:#76809B;
}

section div nav.gmavi ul li div div a{
	width:100%;
	height:75px;
	display: block;
}

section div nav.gmavi ul li div a span{
	position:absolute;
	top:8px;
	left:10px;
	font-weight:bold;
	color:#25291E;//#D37080#606;
	font-size:17pt;
}

section div nav.gmavi ul li div.menug div{
	margin-top:-25px;
}

.pluginCountBox{
	padding:0;
	height:19px;
}

.uiGrid {
	margin:1px 0 0 5px;
}

/* //////////////////////////////////////////////////
[main]
////////////////////////////////////////////////// */
h2{
	color:#4F0255;
	font-size:170%;
	margin:0;
}

h3{
	color:#c34;
	font-size:140%;
	margin:45px 0 20px 0;
}

h4{
	font-weight:bold;
	margin:5px 0;
}


.main p{
	margin:0 0 18px 0;
}

.mainbox{
	padding:25px 0 0 0;
}

.mainboxtext{
	background-color: #fff;
	border: 5px solid #777;
	margin: 0;
	padding: 25px;
}

.main ul li{
	list-style-type:circle;
	margin:10px 0 20px 30px;
	font-size:120%;
}

.jisk{
	background-color:#fff;
	border:5px solid;
	border-color:#555;
	margin:70px 0 25px;
	padding:25px;
}

.jiskd{
	background-color:#eee;
	margin:25px 25px 25px 0;
}

.jiskd .jiskbox{
	border:5px solid;
	border-color:#999;
	margin:0;
	padding:25px;
	background-color:#F9F9F4;
}

.jisk ul li{
	display:inline;
	margin:0 0 0 5px;
}

.jiskd ul li{
	display:block;
	margin:0 0 0 5px;
}

.jiskd .jiskbox figcaption{
	display:block;
	float:right;
	width:130px;
	font-size:90%;
}

.jiskd .jiskbox figure{
	display:block;
	clear:both;
	height:100%;
	margin:0 0 10px 0;
	min-height:160px;
}

.jiskd .jiskbox figure img{
	display:block;
	float:left;
	width:150px;
}


.jisk h3{
	margin:0 0 5px;
}

.jiskd h3{
	margin:0 0 5px;
}


/* //////////////////////////////////////////////////
[erea]
////////////////////////////////////////////////// */

.hiddenerea img{
}

.hiddenerea div{
	width:584px;
	margin:0 auto;
}

.ereaA{
	margin:0;
	width:50%;
	float:left;

}
.ereaB{
	margin:0;
	width:30%;
	float:left;
}

.ereaC{
	margin:0;
	width:20%;
	float:left;
}

.ereaC .main{
	margin:25px 0 25px 25px;
	background-color:#fff;
	border:5px solid;
	border-color:#555;
	padding:25px;
}

.ereaC .main .secondimgt img{
	width:100%;
	height:100%;
	opacity:0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
}

.ereaC .main h3{
	margin:0;
}

.ereaA .main .jisk ul p{
	margin:0 0 10px 30px;
}

.ereaA .main{
	padding:0 25px 25px;
}

.ereaC h3{
	margin-top:25px;
	color:#0496E3;
}

.ereaC article aside p{
	display:inline;
	font-size:80%;
	font-weight:bold;
	color:white;
	background-color:#0496E3;
}

.ereaC article aside p.aweb{
	color:white;
	background-color:red;
}

.ereaC article aside p.aart{
	color:white;
	background-color:green;
}

.ereaC article aside p.aother{
	color:white;
	background-color:#4F0255;
}

.ereaC article div{
	margin:0 0 0 10px;
}

.hiddenerea{
	position:absolute;
	margin:0 auto;
	width:100%;
	top:-120px;
}

.capic img{
	width:100%;
	height:100%;
	max-width:500px;
}

/* //////////////////////////////////////////////////
[footer]
////////////////////////////////////////////////// */
#footer{
	clear:both;
	z-index: 5;
}

#footer a{
	color:#eee;
	font-weight:bold;
}


#footer .footers{
	background:url(../img/greeng.gif) repeat;
	height:80px;
}

#footer .footers nav{
	background:none;
}

#footer .footers p{
	color:#eee;
	text-align:right;
	clear:both;
}

#footer .footers p a{
	color:#eee;
	text-decoration:none;
}

#footer .footers ul{
}

#footer .footers ul li{
	float:left;
	margin:5px;
}

#footer p.pagetopb{
	text-align:right;
}

#footer p.pagetopb a{
	color:#666;

}

/* //////////////////////////////////////////////////
[@media]
////////////////////////////////////////////////// */
@media screen and (max-width: 1640px) {
	
}




@media screen and (max-width: 840px) {
	.ereaA{
		margin:0;
		width:70%;
		float:left;
	}
	.ereaB{
		margin:0;
		width:100%;
		clear:both;
	}
	
	.ereaB .jiskd{
		margin:25px;
	}

	.ereaC{
		margin:0;
		width:30%;
		float:left;
	}

	
	header div .otiawase {
		width:90px;
		margin:4px 0 0 0;
	}
	
	header div .otiawase a{
		font-size:90%;
	}
	
	header div .otiawase a{
		padding: 5px 0;
	}
	.jiskd .jiskbox figure {
		float:left;
		height:100%;
		clear: none;
	}
	
	.jiskd .jiskbox {
		float:left;
	}

	.jiskd {
	    background-color: #EEEEEE;
	    margin: 25px 25px 25px 0;
	}
}


@media screen and (max-width: 480px) {
	header{
		width:100%;
	}
	header p{
		text-align:right;
		text-decoration:none;
		font-size:80%;
	}
	header p a:link, header p a:visited {
		text-decoration:none;
	}
	header .logo{
		width:205px;
		margin:0 auto;
	}
	
	.ereaC .main{
		border:none;
		background:none;
		margin:0 ;
	}
	
	section div nav ul li a span{
		width:100%;
	}
	
	#footer .footers{
		height:120px;
	}
	
	.ereaA{
		margin:0;
		width:100%;
		clear:both;
	}
	.ereaB{
		margin:0;
		width:100%;
		clear:both;
	}
	
	.ereaB .jiskd{
		margin:25px;
	}

	.ereaC{
		margin:0;
		width:100%;
		clear:both;
		height:170px;
		overflow:hidden;
	}

	.minwidthl{
		float:none;
		clear:both;
	}
	section div nav.gmavi ul li{
		width:50%;
	}
	section div nav.gmavi ul li span{
		text-align:left;
	}
	section div nav.gmavi ul li div.appb{
		margin:0;
	}
	section div nav.gmavi ul li{
		margin:0 0 25px 0;
	}
	section div nav.gmavi{
		height:175px;
	}
	.jiskd{
		clear:both;
	}
	.mainbox{
		clear:both;
		width:100%;
	}
	.mainboxtext{
		margin-right:0;
	}
	
	#containerCover{
		background:none;
	}
	
	.ereaC .main .secondimgt{
		width:110px;
		margin:10px auto;
	}
}