/* CSS Document */

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

.a1 {
	top: 0;
    left: 0;
    position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: none;
}

.a2 {
	top: 0;
    left: 50%;
    position: absolute;
	margin-left: -525px;
	z-index: 20;
	display: none;
}

.a3 {
	top: 225px;
    left: 50%;
    position: absolute;
	margin-left: -300px;
	z-index: 30;
	display: none;
}

.a4 {
	top: 150px;
    left: 50%;
    position: absolute;
	margin-left: -100px;
	z-index: 40;
	display: none;
}

.a5 {
	bottom: 0px;
    right: 50%;
    position: absolute;
	margin-right: -330px;/*-330px*/
	z-index: 40;
	/*display: none;*/
}

.a6 {
	bottom: 0px;
    right: 50%;
    position: absolute;
	margin-right: -550px;
	z-index: 40;
	/*display: none;*/
}

#top h2 {
	width: 100%;
	font-size: 2.4em;
	color: #44C8E8;
	text-align: center;	
}

#top h2 span {
	font-family: 'Noto Sans Japanese' !important;
	display: block;
	font-size: 0.5em;
	color: #333;
	margin: 5px 0px 25px;
}

#top .loopSliderWrap {
    top: 0;
    left: 0;
    height: 500px;
    overflow: hidden;
    position: absolute;
}
 
#top .loopSlider {
    width: 100%;
    height: 500px;
    text-align: left;
    position: relative;
    overflow: hidden;
	-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#a6000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#a6000000,Positive=true);

}
 
#top .loopSlider ul {
    height: 500px;
    float: left;
    overflow: hidden;
}
 
#top .loopSlider ul li {
    width: 1413px;
    height: 500px;
    float: left;
    display: inline;
    overflow: hidden;
}

#top .loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

#top .loopSlider ul li img {
    width: 1413px;
    height: 500px;
}


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

#blog {
	background: url(../img/top/bg_left.png) repeat-y;
	margin: 0px 0px 35px;
	padding: 40px 50px 0px 70px;
	width: 420px;
	float: left;
	height: 630px;
}

#blog #feeds {
	background: url(../img/common/loading.gif) no-repeat center center;
	/*height: 493px;*/
}

#blog dl {
	background: #FFF;
}

#blog dl:nth-child(-n+3) {
	font-size: 0.8em;
}

#blog dl dt {
	position: relative;
}

#blog dl:nth-child(-n+3) dt span.name {
	color: #004EA2;
	font-size: 1.3em;
	font-weight: 500;
}

#blog dl:nth-child(n+4) {
	font-size: 0.7em;
	float: left;
	width: 50%;
	margin: 0px 0px 2px 0px;
	height: 68px;
	overflow: hidden;
}

#blog dl:nth-child(n+4) dt span.name {
	color: #004EA2;
	font-size: 1.3em;
	font-weight: 500;
}

#blog dl dt span.date {
	float: right;
}

#blog dl:nth-child(-n+3) dt img.mask {
	position: absolute;
	top: -1px;
	left:0;
}

#blog dl:nth-child(n+4) dt img.mask {
	position: absolute;
	top: -1px;
	left: 8px;
	width: 42px;
}

#blog dl:nth-child(-n+3) dt img.photo {
	width: 71px;
	float: left;
	margin: 0px 15px 0px 0px;
}

#blog dl:nth-child(n+4) dt img.photo {
	width: 42px;
	float: left;
	margin: 0px 7px 0px 8px;
}

#blog dl dd {
	line-height: 1.5em;	
}

#blog dl a:link {
	text-decoration: none;
}
#blog dl a:hover {
	text-decoration: none;
}
#blog dl a:visited {
	text-decoration: none;
}

#blog p {
	width: 100%;
	text-align: right;
}

#blog p img {
	margin: 0px;
}

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

#facebook {
	background: url(../img/top/bg_right.png) repeat-y;
	margin: 0px 0px 35px;
	padding: 40px 80px 0px 60px;
	width: 400px;
	float: right;
	height: 630px;
}

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

#news {
	background: url(../img/top/bg_center.png) repeat-y;
	margin: 0px auto 35px;
	padding: 75px 100px 75px 50px;
	width: 930px;
	position: relative;
}

#news h2 {
	width: 350px;
	float: left;
	margin: 80px 0px 0px 0px;		
}

#news ul {
	margin: 0px 0px 0px 350px;	
}

#news p {
	position: absolute;
	bottom: 85px;
	left: 300px;
}


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

#banner {
	background: url(../img/top/bg_center.png) repeat-y;
	margin: 0px auto 35px;
	padding: 30px 50px;
	width: 980px;
	text-align: center;
}



@media screen and (max-width:768px) {
	
	
/*****************************************************************/

.a1 {
	top: 0;
    left: 0;
    position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: none;
}

.a2 {
	top: 0;
    left: 50%;
    position: absolute;
	margin-left: -525px;
	z-index: 20;
	display: none;
}

.a3 {
	top: 45%;
    left: 50%;
    position: absolute;
	margin-left: -40%;
	z-index: 30;
	display: none;
	width: 80%;
}

.a4 {
	top: 25%;
    left: 50%;
    position: absolute;
	margin-left: -20%;
	z-index: 40;
	display: none;
	width: 40%;
}

.a5 {
	bottom: 0px;
    right: 3%;
    position: absolute;
	margin-right: 0%;
	z-index: 40;
	width: 25%;
}


.a6 {
	bottom: 0%;
	right: inherit;
    left: 3%;
    position: absolute;
	margin-right: 0%;
	z-index: 40;
	width: 25%;
}

#top h2 {
	width: 100%;
	font-size: 2.0em;
	color: #44C8E8;
	text-align: center;	
}

#top h2 span {
	display: block;
	font-size: 0.5em;
	color: #333;
	margin: 5px 0px 25px;
}

#top .loopSliderWrap {
    top: 0;
    left: 0;
    height: 300px;
    overflow: hidden;
    position: absolute;
}
 
#top .loopSlider {
    width: 100%;
    height: 300px;
    text-align: left;
    position: relative;
    overflow: hidden;
	-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#a6000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#a6000000,Positive=true);

}
 
#top .loopSlider ul {
    height: 300px;
    float: left;
    overflow: hidden;
}
 
#top .loopSlider ul li {
    width: 848px;
    height: 300px;
    float: left;
    display: inline;
    overflow: hidden;
}

#top .loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

#top .loopSlider ul li img {
    width: 848px;
    height: 300px;
}


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

#blog {
	float: inherit;
	height: inherit;
	width: 90%;
	margin: 0px 0px 5%;
	background: url(../img/common/bg_second.png) repeat-y;
	background-size: contain;
	padding: 10% 5% 10%;
}

#blog dl {
	width: 90%;
	margin: 0px 5% 5%
}

#blog dl:nth-child(-n+3) {
	font-size: 0.9em;
}

#blog dl dt {
	position: relative;
}

#blog dl:nth-child(-n+3) dt span.name {
	color: #004EA2;
	font-size: 1.3em;
	font-weight: 500;
}

#blog dl:nth-child(n+4) {
	font-size: 0.8em;
	float: inherit;
	width: 90%;
	margin: 0px 5% 5%;
}

#blog dl:nth-child(n+4) dt span.name {
	color: #004EA2;
	font-size: 1.3em;
	font-weight: 500;
}

#blog dl dt span.date {
	float: right;
}

#blog dl:nth-child(-n+3) dt img.mask {
	position: absolute;
	top: -1px;
	left:0;
}

#blog dl:nth-child(n+4) dt img.mask {
	position: absolute;
	top: -1px;
	left: 8px;
	width: 42px;
}

#blog dl:nth-child(-n+3) dt img.photo {
	width: 71px;
	float: left;
	margin: 0px 15px 0px 0px;
}

#blog dl:nth-child(n+4) dt img.photo {
	width: 42px;
	float: left;
	margin: 0px 7px 0px 8px;
}

#blog dl dd {
	line-height: 1.5em;	
}

#blog dl a:link {
	text-decoration: none;
}
#blog dl a:hover {
	text-decoration: none;
}
#blog dl a:visited {
	text-decoration: none;
}

#blog p {
	width: 95%;
	text-align: right;
}

#blog p img {
	margin: 15px 0px 0px;
}

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

#facebook {
	float: inherit;
	height: inherit;
	width: 80%;
	margin: 0px 0px 5%;
	background: url(../img/common/bg_second.png) repeat-y;
	background-size: contain;
	padding: 10% 10% 5%;
}

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

#news {
	float: inherit;
	height: inherit;
	width: 90%;
	margin: 0px 0px 5%;
	background: url(../img/common/bg_second.png) repeat-y;
	background-size: contain;
	padding: 10% 5% 10%;
}

#news h2 {
	width: 100%;
	float: inherit;
	margin: 0px 0px 0px 0px;		
}

#news ul {
	width: 90%;
	margin: 0px 5% 0px 5%;	
}

#news p {
	position: inherit;
	bottom: inherit;
	left: inherit;
	text-align: right;
	margin: 5% 0 0 0;
	padding: 0% 5% 0% 0%;
}


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

#banner {
	float: inherit;
	height: inherit;
	width: 90%;
	margin: 0px 0px 5%;
	background: url(../img/common/bg_second.png) repeat-y;
	background-size: contain;
	padding: 5%;
	text-align: center;
}

	
	
}