@charset "utf-8";
/* CSS Document */
/*--------------------------
	reset
--------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* {
	padding: 0;
	margin:0;}
	
a {
	border: none;
	text-decoration: none;
	color: #06C;
}
a:hover {
	text-decoration: underline;
	color: #09F;
}
a img {
	border: none;
}
a:hover img{
	text-decoration: none;
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

ul, ol {
	list-style: none;
}
img {
	vertical-align: middle;
}
hr {
	margin-bottom: 5px;
}
small {
	font-size: 80%;
}

iframe{ width:100%;
height:300px;}



/*------------------------------
	共通
------------------------------*/
h1,h2,h3,h4,h5,h6,a,ul,li,td,th,dl,dd,dt,p{ text-align:justify;
text-justify:inter-ideograph;}


body {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	-webkit-text-size-adjust: none;
	line-height:1.6;
	padding:0;
	background:#fff;
	min-width:1100px;
}

a:hover{text-decoration:none;
	opacity: 0.8;
  filter: alpha(opacity=80);}
  
 a p:hover{ text-decoration:none;} 
  
 
.clear{
	clear: both;
	height: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
	display: block;
	background: transparent no-repeat;
	line-height: 1px;
}

img{ display:block;
margin:0 auto 15px auto;
max-width:100%;
height:auto;}




#maincontent{ margin:0 auto 0 auto;
}



.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


p{ margin:0 10px 30px 10px;
padding:0;}



ul{ margin:0 10px 30px 10px;}

ul li{ position:relative;
padding:0 0 0 25px;
margin:0 0 5px 0;}

ul li:before{content:"\f144";
font-family: fontAwesome;
position: absolute;
  top: 0;
  left: 5px;
  color:#FD8CB9;}




/*------------------------------
	フォント共通
------------------------------*/






h2{ 
font-size:28px;
margin:0 0 30px 0;
padding:0 0 0 0px;
line-height:2;
letter-spacing:1px;
font-family: 'Noto Sans Japanese', sans-serif;
border-bottom:1px dotted #000;
position:relative;
text-align:center;}





h4{ position:relative;
font-size:20px;
padding:0 0 5px 30px;
border-bottom:1px solid #FF66A6;
margin:0 0 10px 0;}

h4:before{content:"\f138";
font-family: fontAwesome;
position: absolute;
  top: 0;
  left: 5px;
  color:#FD8CB9;}


h5{ background:#eee;
font-size:15px;
padding:5px 10px;
border-radius:6px;
margin:0 0 10px 0;}


p,li,dd{text-align:justify;
text-justify:inter-ideograph;}






/*------------------------------
	ヘッダー
------------------------------*/

header{ 
margin:0;
padding:20px 0 10px 0;
border-top:20px solid #57A9CC;
}

header #head{
	width:950px;
	margin:0 auto;
	padding:0;
	position:relative;}


header h1{ font-weight:normal;
color:#fff;
font-size:11px;
position:absolute;
top:-40px;
left:0;}

header img#logo{ float:left;}


header #tel{ float:right;
width:450px;}

header #tel .tel{ font-family:Arial, Helvetica, sans-serif;
font-size:35px;
font-weight:bold;
background: url(../image/tel.png) no-repeat left top;
line-height:30px;
padding:0 0 0 25px;
margin:10px 0 0 0;
float:left;}

header #tel .jusyo{ float:right;
border-left:2px dotted #57A9CC;
padding:0 0 0 15px;
margin:0;}


#purpose,#member,#information,#company,#access{ padding:50px 0;}

section{width:950px;
margin:0 auto;
position:relative;}


/*------------------------------
		アイキャッチ・パンくず
-------------------------------*/

#topimg{ background: #F4F4F4;
margin-bottom:60px;
 box-shadow:0 0 5px #999;
}

ul.slider li:before{ content:none;}

#slider{ width:1000px;
margin:0 auto;
text-align:center;
}

#slider ul.slider{ width:950px;
text-align:center;
margin:0 0 0 0px;}

#slider ul.slider li img{ width:950px;
display:block;
margin:0 auto;}


/*------------------------------
	目的
------------------------------*/

#purpose h2{ border:none;
margin:0 0 20px 0;}

#purpose h2:before{content:"\f19c";
font-family: fontAwesome;
margin:0 10px 0 0;
  color:#000;
  font-size:25px;}

#purpose{ 
margin:-20px 0 0 0;}

#purpose p{ font-size:17px;
margin-bottom:70px;
text-align:center;
background:#fff;
box-shadow:0 0 5px #999;
padding:20px;
line-height:1.9;
font-family: 'Noto Sans Japanese', sans-serif;
letter-spacing:1px;}

#purpose img{overflow:hidden;
width:100%;
height:auto;
margin:0;}

#purpose section{}

/*------------------------------
	会員名簿
------------------------------*/
#member,#company{ background: #FBFBFB;}

#member h2:before{content:"\f2c3";
font-family: fontAwesome;
margin:0 10px 0 0;
  color:#000;
  font-size:25px;}
  
#member p.right{ text-align:right;
font-size:14px;
margin:0 10px 10px 0;} 

#member table{ width:98%;
margin:0 auto;
border:1px solid #ccc;
background:#fff;}

#member table th,#member table td{ text-align:center;
font-size:15px;
padding:8px 10px;
border-bottom:1px solid #ccc;
font-weight:normal;}

#member table th{ background:#EDF9FF}

#member table tr:last-child th,#member table tr:last-child td{
	border-bottom:none;}


/*------------------------------
	アクセス
------------------------------*/

#access{ padding:60px 0 40px 0;}

#access h2:before{content:"\f041";
font-family: fontAwesome;
margin:0 10px 0 0;
  color:#000;
  font-size:30px;}

#access iframe{ height:350px;}

#access p{ font-size:17px;
font-family: 'Noto Sans Japanese', sans-serif;}


/*------------------------------
	インフォメーション
------------------------------*/

#information{ padding-top:0px;}

#information h2:before{content:"\f0a1";
font-family: fontAwesome;
margin:0 10px 0 0;
  color:#000;
  font-size:26px;}

#information iframe{ border:none;
height:200px;}
  
 #information #edit{ position:absolute;
 right:10px;
 top:25px;} 


/*------------------------------
	業者紹介
------------------------------*/

#company{ margin-bottom:0;}

#company h2:before{content:"\f024";
font-family: fontAwesome;
margin:0 10px 0 0;
  color:#000;
  font-size:26px;}


#company .gyosya{ border:1px solid #ddd;
padding:20px;
margin:0 0 30px 0;
background:#fff;
box-shadow:0 0 4px #ccc;}


#company .gyosya h3{font-family: 'Noto Sans Japanese', sans-serif;
font-size:20px;
margin:0 0 15px 0;}

#company .gyosya h3 a{ color:#0085B2;}

#company .gyosya h3 a:hover{ color: #0F9651;}

#company .gyosya p{ margin-bottom:0;}



/*------------------------------
	柔道整復師倫理綱領
------------------------------*/


#rinri { background:#1A3866;
padding:60px 0;}


#rinri section{ width:950px;
margin:0 auto;}

#rinri h2{ color:#fff;
text-align:center;
border:none;
 margin-bottom:40px;
padding:0;}

#rinri h2:before{content:"\f02d";
font-family: fontAwesome;
margin:0 10px 0 0;
  color:#fff;
  font-size:26px;}


#rinri p{ margin:0;
color:#fff;
line-height:1.8;}

#rinri p.right{ text-align:right;}

/*------------------------------
	ページ内リンク
------------------------------*/


.gotop{
    position:absolute;
    right:20px;
    bottom:50px;
	background:#FF6EAA;
	color:#fff;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:20px;
	text-align:center;
	margin:0 0 20px 0;
	
}

.gotop a{ color:#fff;
font-size:20px;
display:block;
margin:0 auto;
text-align:center;}

.gotop a:hover{ color:#FFFCB8;
text-decoration:none;}




/*------------------------------
	フッター
------------------------------*/

footer{ 
padding:15px 0 5px 0;
margin:0;
background:#fff;
border-bottom:5px solid #000;}

#copy{background:#333;
padding:10px 0;
margin:0;}

#copy p{color:#fff;
font-size:11px;
text-align:center;
margin:0;}

footer #foot{ width:950px;
margin:0 auto;}

footer #foot dl{ margin:10px 0 20px 0;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight:bold;}

footer #foot dl dt{ float:left;
font-size:29px;
border-right:1px solid #999;
padding:0 15px 0 0;}

footer #foot dl dd{ padding:0 0 0 15px;
overflow:hidden;
font-size:15px;
font-weight:normal;
line-height:1.3;
margin:0 0 5px 0;
}

footer #foot dl dd.copy{ font-size:13px;
margin:0 0 0 0;
color:#555;}

footer #foot dl dd:after{ content:"";
display:block;
clear:both;}


