@charset "shift-jis";
/* CSS Document */


/* 初芝スイミングスクール 共通CSS
--------------------------------------------------------------------------
【共通】
◎メイン使用色
　 （メイン色）#　
   （文字色）#333333　
--------------------------------------------------------------------------
--------------------------------------------------------------------------
11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
-------------------------------------------------------------------------- */

 

/* ----------------------------------------------------------------------
初期設定
------------------------------------------------------------------------- */
html{
overflow-x: hidden;
}

body{
	color: #333333;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:93%;
	line-height: 1.4em;
	background-color: #CBEAF3;
/*	width: 100%;*/

}



h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* 
.clear {
	clear: both;
}
*/
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

/* DWプレビュー用 */
.clearfix{ 
overflow:hidden;
}

/* IE6 */
* html .clearfix  { 
zoom: 1;
 }

/* IE7 */
*:first-child+html .clearfix {
 zoom: 1;
 }
 
 


hr {
	display: none;
}

img{
	/*max-width:100%;*/
	height:auto;
	border:none;
	vertical-align: top;

}


a:link{
	color: #1980BA;
	text-decoration: underline;
}


a:visited{
	color: #1980BA;
	text-decoration: none;
}

a:hover{
	color: #A60431;
	text-decoration: underline;


}


/* リンク下線を消す */
a.link-non {
	color: #1980BA;
	text-decoration: none;

}

a:hover.link-non{
	color: #1980BA;
	text-decoration: underline;
}


/* センター揃え */
.inner {
	width: 1000px;
	margin: 0 auto 0;
	

}




/* ----------------------------------------------------------------------
ヘッダ
------------------------------------------------------------------------- */

header{
	background-image: url(../img/head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 213px;
	margin-bottom: 25px;
}


header h1{
	text-align: center;
	vertical-align: top;
	padding-top: 42px;
	padding-bottom: 110px;
}




/* ----------------------------------------------------------------------
グローバルナビ
------------------------------------------------------------------------- */

nav{
	padding-bottom: 10px;
}


nav li {
	list-style-type: none;
	float: left;
}

/* ドロップダウン */
ul.child{
        display: none;
        position: absolute;
        padding: 0;
}

ul.child li{
	float: none;
	background-color: #079ABC;
	width: 150px;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}



ul.child li a{
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

ul.child li a:hover{
	background-color: #99D6E9;
}



/* ----------------------------------------------------------------------
フッタ
------------------------------------------------------------------------- */

footer{
	background-image: url(../img/foot.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 413px;
	margin-bottom: 5px;
	margin-top: -110px;
}


/* 左側 */
#footerL ul{
	margin-left: 80px;
	color: #FFF;
	margin-top: 10px;
}

#footerL{
	float: left;
	width: 460px;
	margin-top: 210px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #FFF;
}



#footerL a:link{
	color: #FFF;
}
#footerL a:visited{
	color: #FFF;
}
#footerL a:hover{
	color: #A60431;
	text-decoration: underline;
}



/* 右側 */

#footerR{
	float: left;
	width: 400px;
	margin-top: 210px;
	margin-left: 30px;
	color: #FFF;
}

#footerR ul{
	margin-top: 20px;
}

.footerNavi{
	margin-top: 25px;
}
.footerNavi ul{
	margin-top: 20px;
}
.footTime1{
	margin-left: 150px;
}
.footTime2{
	margin-left: 225px;
}


/* ボタン部分 */
.footerNavi li{
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}

.footerNavi li a:link{
	border: 1px solid #FFF;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
	color: #FFF;
	background-image: url(../img/icon-yajirushi-white.png);
	background-repeat: no-repeat;
	background-position: 145px center;

	width: 130px;
	display: block;
}

.footerNavi li  a:visited{

	background-color: #FFF;
	border: 1px solid #FFF;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
	color: #FFF;
	
	background-image: url(../img/icon-yajirushi-white.png);
	background-repeat: no-repeat;
	background-position: 145px center;

	width: 130px;
	display: block;

}

.footerNavi li  a:hover{

	background-color: #99D6E9;
	border: 1px solid #FFF;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
	color: #079ABC;

	background-image: url(../img/icon-yajirushi-white.png);
	background-repeat: no-repeat;
	background-position: 145px center;

	width: 130px;
	display: block;

}




/* コピーライト */

small {
	width: 1000px;
	margin:0 auto;
	text-align: center;
	display: block;
	font-size: 85%;

}





/* ----------------------------------------------------------------------
topに戻るボタン
------------------------------------------------------------------------- */


.pagetop {
	margin-top: 50px;
	text-align: right;
	margin-bottom: 15px;
}





/* ----------------------------------------------------------------------
下層共通css
------------------------------------------------------------------------- */

#container{
	width: 940px;
	border: 1px solid #E6E08D;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 30px;
}

/* ----------------------------------------------------------------------
アイキャッチ
------------------------------------------------------------------------- */

#mainBox-sub{
	width: 1204px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;


}

#nami-sub{
	margin-top: -195px;
	position: absolute;
    /*z-index:5;*/
}



/* 見出し */
#container article h1{
	background-image: url(../img/h1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 174%;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-bottom: 30px;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #F6DA52;
}


#container section h1{
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #43A6C7;
	font-size: 123%;
	color: #FFF;
	padding: 8px;
	border-bottom: medium none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#container section h2{
	background-image: url(../img/h2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 3px;
	font-size: 116%;
	margin-bottom: 5px;
}


#container article{
	margin-bottom: 100px;
}


#container section{
	margin-bottom: 50px;
}



#dropmenu {display: flex;justify-content: space-between;}