@charset "UTF-8";
/*@import "sm0.css";

@media screen and (min-width: 800px){
img{
max-width: 100%;
height: auto;
width :auto;　
}
#container{
width:100%;
}*/

/*デフォルト*/
		html{
		overflow-y: scroll;}/*スクロールバー常駐*/

		body{
		background : #fff url("background1800x450.png") no-repeat 50% 50px;/*トップ画像と背景色の指定*/
		background-size: 1800px 450px;/*このタグはIE8以下では反映されないので、画像を適正サイズで用意すること。*/
		margin: 0px;
		font-family:"corbel","Gill Sans",sans-serif;/*丸幾何学っぽい書体が英語、日本語は明朝。css3では一括指定不可*/
		font-size: 13px;
		/*-webkit-text-size-adjust: 100%;*/
		}

		p{
		line-height: 1.6;}

		a{
		color:#000000;
		text-decoration: none;}/*下線なし*/

		a:hover{/*カーソルを乗せると0.8秒かけて透過50%になる*/
		opacity: .5;
		transition: all .8s;}


		h1{/*最新情報,清体協会の理念,代表者からの言葉*/
		font-size: 24px;
		color: #000000;
		margin-top:0px;
		text-align:center}

		h2{/*代表者からの言葉-プロフィール,入会案内-各種メニュー*/
		font-size: 16px;
		color: #426579;
		margin-top: 0px;
		font-weight:normal;
		}
		
		h3{/*最新情報*/
		font-size: 15px;
		color: #000;
		margin-top: 0px;
		font-weight:normal;
		text-decoration: underline;
		}
		
		h4{/*最新情報*/
		font-size: 15px;
		color: #19448E;
		margin-top: 0px;
		font-weight:normal;
		text-decoration: underline;
		}
		
		figure.icon{/*iconに関するレイアウト*/
		margin: 100px;
		text-align: center;
		clear: both;
		}
		
		img.logo{
		margin:0px;
		}
		
		/*コンテンツ*/
		section{
		margin:550px auto 50px auto;
		/*text-align:center;*/
		}

		article{/*清体協会の理念,代表者からの言葉*/
		background-color:#eee;
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-top:50px;
		margin-bottom: 50px;
		border: 1px #eee;
		border-radius: 20px;
		padding: 20px;
		overflow: hidden;
		}
		
		div.clear{
		clear: both;
		margin:0;
		padding:0;
		}
		
		
		/*画像を左に配置するレイアウト */
		figure.left{/*清体協会の理念*/
		margin: 0px;
		margin-right: 20px;
		float: left;
		}

		/*画像を右に配置するレイアウト */
		figure.right{/**/
		margin: 0px;
		margin-left: 20px;
		float: right;
		}
		
		figure.daihyou{/*代表者からの言葉*/
		margin: 0px 0px 15px 20px;
		float: right;
		}
		
		
	/*インデックス*/
		#page1{
		background-image : none;/*トップ画像と背景色の指定*/
		}
		
		#page1 img{
		position: absolute;
	 	top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
	 	margin: auto;
 		max-width: 100%;
	 	max-height: 100%;
		}
		
		#page1 p a img:hover{
		opacity: .3;
		transform: all 1s;
		}
		
	/*最新情報*/
		p.newsdate{/*最新情報,アクセス,googlemap*/
		text-align: center;
		font-weight: bold;
		}
		
		article.news{/*最新情報*/
		width: 500px;
		border:solid 1px #ccc;
		background-color: #fff;
		}
		
	

		
	/*書籍と動画紹介*/

		#book{/*書籍「清体」*/
		text-align:center;
		vertical-align: middle;
		/*width: 300px;
		float: left;*/
		}
		
		figure.book{/*清体協会の理念*/
		margin: 0px;
		margin-right: 20px;
		float: left;
		vertical-align: middle;
		}

		#movie{/*清体法youtube*/
		width: 490px;
		float: right;
		}
		
		div#movie ifream{
			width:490px;
			height:300px;
		}
		
	/*ヘッダー*/
	header{
		background-color:#000;
		background-image: ("../img/icon/head.png");
		background-position: x-50% y-0%;
		opacity:0.6;
		margin-top:0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		width: auto;
		height:auto;
		text-align: center;
		}
		
		
		/*ナビゲーション*/
			nav{
			text-align:center;
			}

			nav a{
			color:#fff;
			text-decoration: none;
			font-size: 13px;
			}/*下線なし*/

			nav a:hover{/*カーソルを乗せると0.8秒かけて透過50%になる*/
			color: #000;
			opacity:none;
			}			
			
			nav ul{
			list-style-type :none;
			margin-top: 0;
			margin-bottom: 0;
			padding-left: 0;
			font-size: 0;}

			nav li {
			font-size:13px;
			padding: 15px 15px 15px 15px ;
			height:20px;
			display: inline-block;
						vertical-align: middle;
			}
			
			nav li:hover{
			background-color:#19448e;
			transform:all .5s;
			}
			
			img.twitter{
			margin: -10px 0 0 0;
			vertical-align: middle;
			}
			
			/* subContents要素 
			----------------------------------------------------------- */  
			div#subContents {  
			    width: 100%;
			    position: fixed;  
			    top: 0px;  
			    z-index: 20;  
			}  
			* html div#subContents    {     
			    position: absolute;     
			    top: expression(eval(document.documentElement.scrollTop+100));     
			} 

			
			#toggle{
			 display: none;
			 text-size:0px;
			} 

			
		/*ナビここまで*/
		
	/*アクセス*/
		a.map:hover{
		opacity:1;
		transform: ;
		}
		
		article.map{/*事務局*/
		background-color:#fff;
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-top:50px;
		margin-bottom: 50px;
		border:solid 1px #ccc;
		border-radius: 20px;
		padding: 20px;
		overflow: hidden;
		}
		
		div.map-pc{
		display: inline;
		text-size:0px;
		} 
		
		div.map-sm{
		display: none;
		text-size:0px;
		} 

	/*フッター*/
		footer	{
		margin: 50px auto 0px auto;
		background-color:#000;
		opacity:0.6;
		clear: both;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 50px;
		float: left;
		}

		footer div small{
		text-size:13px;
		margin:5px;
		text-align: left;
		vertical-align: middle;
		color:#fff;
		}
	
		#footer{/*フッターセンタリング*/
		width: 800px;	
		margin-left: auto;
		margin-right: auto;
		}
		
			
		
/*入会案内*/
		div.menuinfo{
		margin: 50px 0px 50px 0px;
		text-align:left;
		}
		
		div.menuinfo p a {
		text-decoration: underline;
		color:#19448E;
		}