@charset "utf-8";

/* ---- Page Design Base 
-------------------------------------*/
body{
	text-align: left;
	background-color: #154E9F;
/*	background-image: url(../_img/sky/sky_an_sea_1905.jpg);*/
	background-image: url("../_img/sky2021.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size:cover;
	margin: 0;
	padding: 0;
	color: #fff;
/*	overflow-y: scroll;*/
	word-wrap: break-word;
}

#contents{
	width: auto; /* max980 */
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: 150px;
	margin-bottom: 0;
	margin-left: 150px;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	padding-bottom: 50px;
}

/* Header */
#header{ padding: 70px 0 0 0;}
#header h1{
	background-image: url(../_img/logo/skyblue-jp-net-logo.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 100px;
	text-indent: -9999px;
/*	margin: 25px auto 0 10%;*/
}
#header p{	color: #fff; margin-bottom: 50px; font-size:90%; margin-left:20px;}


/* Main Contents Setting */
#main {
	width: 100%;
	text-align: center;
	clear: both;
	float: none;
	margin-top: 0 auto 25px auto;
	min-height: 500px;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
}
#main p{
	color: #FFFFFF ;
	line-height: 1.6em;
	font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
p,
p img,
h2 img,
h2{ vertical-align:middle;}
a img{ border:none;}

/*
#main ul{}
#main ul li{ float:left; width:30%; margin: 30px auto 20px auto;}
#main ul li#about{}
#main ul li#works{}
#main ul li#contact{}
#main ul li a{}
#main ul li a:link,
#main ul li a:visited{}
#main ul li a:hover{}
*/


.accordion {
	float: left;
	width: 30%;
	margin: 30px 1.5% 20px;
}

.accordion h2 { font-size: 115%; border: 2px solid rgba(255,255,255,0.8); -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; margin-top: 6px; margin-bottom: 10px; }
.accordion h2 a { display: block; padding: 0.5em; color: #265098; text-decoration: none;  background-color:rgba(228,248,255,0.51); }
.accordion h2 a:hover { background-color: #3870F1; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;}

.accordion p {
	font-size: 84%;
	line-height: 1.4;
	padding: 0.7em;
	border: 2px solid #e1dfdf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	background-color: rgba(251,251,251,0.80) !important;
	color: #1A1A1A ;
}
.accordion p a{ color:#1A1A1A; text-decoration:none;}
.accordion p a:link,
.accordion p a:visited{ color:#1A1A1A; }
.accordion p a:hover{
	color: #1A1A1A;
background-color: ;
	background-color: rgba(251,189,33,0.48);
}
.accordion h2 img{ margin-right:7px;}
.accordion p img{ margin-right:2px; margin-left:1px;}
.accordion p span{ font-size: 90%;}

/* Footer */
#footer {
/*	position: absolute;
	bottom:0; */
	width: 100%;
	height: 30px;
	text-align:center;
	clear: both;
	float: none;
	margin: 30px auto 0 auto;
	padding-bottom: 10px;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
}
p#copyright{ text-align:center !important; color:#FFFFFF; font-size:small; padding-top:5px; margin:0 auto 0 auto;}


@media only screen and (max-width:720px) {
body{
	text-align: left;
	background-color: #154E9F;
/*	
	background-image: url(../_img/sky/aozora-01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	color: #fff;*/
/*	overflow-y: scroll;*/
}

#contents{
	width: 100%; /* max980 */
	clear: both;
	float: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	padding-bottom: 50px;
}
#header{ padding-top:5px;}
#header h1{
	background-image: url(../_img/logo/skyblue-jp-net-logo.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
	/*	background-color: rgba(112,189,242,1.00);*/
	text-indent: -9999px;
}
#header p{	color: #fff; margin-top: 20px;margin-bottom: 10px; font-size:12pt; margin-left:10px; margin-right:10px; line-height: 1.4;}
.accordion {
	float: none;
	width: 90%;
	margin: 20px auto 30px  auto;
}
.accordion h2 {	font-size: 16pt; line-height: 1.4;}
.accordion p {	font-size: 12pt; line-height: 1.4;}
#footer {
	width: 100%;
	height: 30px;
	text-align:center;
	clear: both;
	float: none;
	margin: 30px auto 0 auto;
	background-color:rgba(36,102,203,0.56);
	padding: 5px 0 5px 0 !important;
}

}


#contents:after,
#contents #header:after,
#contents #main:after,
#contents #footer:after,
.clearfix{
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
	float:none;
    visibility: hidden;
}