@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(images/bg.png) repeat-x top;
}

body#toppage {
background: url(images/bg_top.png) repeat-x top;
}

a{color:#717171;text-decoration:none;}
a:hover{color:#9e9e9e;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
background: url(images/header.png) no-repeat 100% 20px;
height: 90px;
}

#header h1 {
padding: 0 0 0;
font-size: 10px;
font-weight: normal;
color: #1E3875;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 15px 0;
margin-bottom: 20px;
display: inline;
}

#main a:hover img{
opacity:0.8;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}


#main .bannerM img{
padding-right: 10px;
padding-bottom: 8px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 15px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading.png) no-repeat;
}

#main h3 {
font-size: 13px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.1em;
color: #000000;
border-bottom: 1px solid #cccccc;
}

#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 10px 0 0 20px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: 10px;
margin-right: 10px;
}

#main p.withImage2{
width: 598px;
margin: 10px 0 10px 20px;
padding: 5px 0;

}

#main p.withImage2 img{
float: right;
margin-left: 20px;
margin-right: 10px;
}
#main p.withImage3{
width: 580px;
margin: 10px 0 0 35px;
padding: 5px 0;
}

#main p.withImage3 img{
float: right;
margin-left: 20px;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#000000;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_top{
float: left;
width: 195px;
margin: 0 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#000000;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 15px 0;
}

#sidebar a:hover img{
opacity:0.8;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

#sidebar p{margin-bottom: 7px;}

#sidebar p.last{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/*************
jquery
*************/

#example {
	width:910px;
	height:300px;
	margin: 0 auto;
	position:relative;
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:910px;
	height:300px;
	top:0px;
	left:0px;
}

.slides_container {
	width:910px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container a {
	width:910px;
	height:300px;
	display:block;
}

.slides_container a img {
	display:block;
}

#slides .next,#slides .prev {
	position:absolute;
	top:120px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:910px;
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:0px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*************
DIRECTOR
*************/
table.table010 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 380px;
  border-collapse: collapse;
  border-bottom: solid 1px #cccccc;
  font-size: 100%;
}

table.table010 caption {
  margin-top: 1em;
  text-align: left;
}

table.table010 th,
table.table010 td {
  border-bottom: solid 1px #cccccc;
  padding: 3px 6px;
}

table.table010 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table010 td.course {
  text-align: center;

}

table.table010 td.time,
table.table010 td.fee {
  text-align: right;
  white-space: nowrap;
}

table.table02 {
  width: 100%;
 margin-top: 10px;
 margin-bottom: 20px;
}
table.table02 td {
  padding-right: 20px;
}

/*************
施術時間・服装
*************/
.fukuso {
float: left;
width: 618px;
padding-top:70px;
padding-bottom: 45px;
margin: 5px 0 30px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/fukusou.png) no-repeat top;
}

/*************
施術の流れ
*************/
.nagare {
float: left;
width: 618px;
padding-top: 20px;
padding-bottom: 70px;
margin: 5px 0 30px 0;
}

/*************
カイロとは
*************/
.chiro {
float: left;
width: 618px;
padding-top: 20px;
padding-bottom: 70px;
margin: 5px 0 30px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/chiro_bg.png) no-repeat bottom;
}
/*************
院長挨拶
*************/
.aisatsu {
float: left;
width: 618px;
padding-top: 20px;
padding-bottom: 70px;
margin: 5px 0 10px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/aisatsu_bg.png) no-repeat bottom;
line-height: 22px;
}

/*************
なやみ
*************/
.nayami {
float: left;
width: 618px;
padding-top: 50px;
padding-bottom: 70px;
margin: 5px 0 30px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/nayami_bg.png) no-repeat bottom;
line-height: 22px;
}

.nayami p {
float: left;
width: 430px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
line-height: 22px;
}

table.table03 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 618px;
  border-collapse: collapse;
  border-bottom: solid 1px #cccccc;
  font-size: 100%;
}

table.table03 caption {
  margin-top: 1em;
  text-align: left;
}

table.table03 th,
table.table03 td {
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 10px 10px;
}

table.table03 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table03 td.course {
  background: #fcfcfc;
  width: 180px;
  text-align: left;

}

table.table03 td.time,
table.table03 td.fee {
  text-align: right;
  white-space: nowrap;
}

.voice {
float: left;
width: 618px;
padding-top: 5px;
padding-bottom: 10px;
margin: 1px 0 5px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/voice_bg.png) no-repeat bottom;
line-height: 22px;
}

/*************
はじめて
*************/
.hajimete {
float: left;
width: 618px;
padding-top: 50px;
padding-bottom: 30px;
margin: 5px 0 30px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/hajimete_bg.png) no-repeat bottom;
line-height: 22px;
}
.hajimete2 {
float: left;
width: 618px;
padding-top: 5px;
padding-bottom: 30px;
margin: 5px 0 30px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/hajimete_bg.png) no-repeat bottom;
line-height: 22px;
}
/*************
料金
*************/
.ryokin {
float: left;
width: 618px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/ryokin_bg.png) no-repeat bottom;
line-height: 22px;
}
/*************
落ち着く空間
*************/
.kukan {
float: left;
width: 616px;
padding-top: 10px;
padding-bottom: 0px;
margin: -12px 0 12px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/kukan_bg.png) no-repeat bottom;
line-height: 18px;
}
/*************
腰痛
*************/
.yotsu {
float: left;
width: 618px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/yotsu_bg.png) no-repeat bottom;
line-height: 22px;
}
.yotsu p {
float: left;
width: 450px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
line-height: 22px;
}
/*************
肩こり
*************/
.kata {
float: left;
width: 618px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/kata_bg.png) no-repeat bottom;
line-height: 22px;
}
.kata p {
float: left;
width: 450px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
line-height: 22px;
}
/*************
ぎっくり
*************/
.koshi {
float: left;
width: 618px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/koshi_bg.png) no-repeat bottom;
line-height: 22px;
}
.koshi p {
float: left;
width: 450px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
line-height: 22px;
}
/*************
坐骨
*************/
.zakotsu {
float: left;
width: 618px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/zakotsu_bg.png) no-repeat bottom;
line-height: 22px;
}
.zakotsu p {
float: left;
width: 450px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
line-height: 22px;
}

/*************
骨盤矯正
*************/
.kotsuban {
float: left;
width: 618px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/kotsuban_bg.png) no-repeat bottom;
line-height: 22px;
}
.kotsuban p {
float: left;
width: 450px;
padding-top: 0px;
padding-bottom: 10px;
margin: 5px 0 20px 0;
line-height: 22px;
}

/*************
スポーツ
*************/
.sport {
float: left;
width: 618px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 20px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/sport_bg.png) no-repeat bottom;
line-height: 22px;
}
.sport p {
float: left;
width: 450px;
padding-top: 0px;
padding-bottom: 10px;
margin: 5px 0 20px 0;
line-height: 22px;
}

/*************
サイトマップ
*************/
.sitemap {
float: left;
width: 588px;
padding-top: 30px;
padding-left: 30px;
padding-bottom: 70px;
margin: 5px 0 30px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/sitemap_bg.jpg) no-repeat bottom;
line-height: 24px;
}

/*************
新着
*************/
.new {
float: left;
width: 616px;
padding-top: 8px;
padding-bottom: 0px;
margin: -12px 0 12px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/note.png) no-repeat bottom;
line-height: 18px;
}
#information ul {
   width:550px;
   margin:0 0 0 40px;
   padding:2px 0 2px 0;
   list-style:none;
}
#information li {
   padding:2px 0 2px 7em;
   text-indent: -7em;
   border-bottom:1px solid #ddd;
}
#information li span {
   display:inline-block;
   width:7em;
   text-indent:0;
}
#information li a {
   text-decoration:underline;
   color:#666;
}
#information li a:hover {
   text-decoration:underline;
   color:#AB0404;
}

/*************
相互リンク
*************/
.sogo_link {
float: left;
width: 596px;
padding: 10px 10px 50px 10px;
margin: -12px 0 12px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background: #ffffff url(images/kukan_bg.png) no-repeat bottom;
line-height: 18px;
}

.sogo_link p.touroku {
float: left;
width: 557px;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 30px 0;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
line-height: 24px;
background: #ffffff url(images/link_touroku_bg.png) no-repeat bottom;
}

table.table04 {
  margin-top: 3px;
  margin-bottom: 20px;
  width: 596px;
  border-collapse: collapse;
  border-bottom: solid 1px #cccccc;
  font-size: 100%;
}

table.table04 caption {
  margin-top: 1em;
  text-align: left;
}

table.table04 th,
table.table04 td {
  border-bottom: solid 1px #cccccc;
  padding: 6px 6px;
}

table.table04 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table04 td.course {
  text-align: left;
  width: 80px;
}

table.table04 td.time,
table.table04 td.fee {
  text-align: right;
  white-space: nowrap;
}