@charset "euc-jp";

body{
  margin:0;
  padding:0;
  font-size:80%;
  line-height:1.4;
  color:#333;
  background:#FFF;
  text-align:center;
}

img{
  border:0;
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}

h1,h2,h3{
  margin:0;
  padding:0;
}

p{
  margin:0;
  padding:0;
}

.clear{
  clear:both;
}

#body{
  clear:both;
  width:750px;
  margin:0 auto;
  text-align:left;
}



/* ===== HEADER ===== */

#header{ 
  background:url(/rayout/header_bg01.gif) no-repeat;
  width:750px;
  height:118px;
  margin:8px auto 0 auto;
}

#header-title{ 
  font-size:9px;	
  color:#84B38B;
  padding: 35px 40px 0px 351px;
  text-align:left;
}

#header-title h1{ 
  font-size:9px;	
  color:#8EBF95;
  margin-bottom:5px; 
}

#header-menu{ 
  background:url(/rayout/header_bg02.gif) repeat;
  width:750px;
  height:82px;
  margin:0px auto 0 auto;
}

#header-menu-box1{ 
  margin-left:44px;
}

#header-menu-box1 a{ 
  width:130px;
  height:20px;
  float:left;
  margin: 0px 3px 3px 0px;
}


/* ===== FOOTER ===== */

#footer{
  border-top:5px solid #63A663;
  width:750px;
  margin:0 auto 0 auto;
  text-align:center;
  padding-bottom:1em;
}

#footer-box{
  width:750px;
  margin:16px auto 16px auto;
  border-top:1px solid #9a9a9a;
  clear:both;
}

#footer-text{
  font-size:90%;
  color:#999;
  padding:16px 40px 0px 40px;
  text-align:left;
}



/* ===== QUESTON ===== */

#body .question{
  border-top:3px solid #999;
  margin-top:15px;
  margin-bottom:15px;
}

#body .question .qa{
  border-bottom:3px solid #999;
  padding:20px 30px 0px 30px;
}

#body .question .qa .q{
  background:url(http://abc-chiro.com/rayout/line01.gif) left bottom repeat-x;
  padding-bottom:50px;
}

#body .question .qa .a{
  padding-bottom:30px;
}

/* ===== LINK ===== */

#body .link ul.linklist{
  font-size:120%;
  margin-left:0;
  margin-bottom:40px;
  padding-top:20px;
  margin-top:0;
  background:url(http://abc-chiro.com/rayout/line01.gif) 0 0px repeat-x;
}

#body .link ul.linklist li{
  padding-bottom:10px;
  padding-left:10px;
  margin-bottom:5px;
  background:url(http://abc-chiro.com/rayout/line01.gif) 0 15px repeat-x;
}

#body .link ul.linklist li a{
  text-decoration:none;
}

#body .link ul.linklist li a:hover{
  text-decoration:underline;
}

#body .banner-area {
  margin-top:35px;
  color:#666;
}

.link h2 {
  margin-bottom:0;
  padding-bottom:0;
}

#body .banner-area img.banner-img{
  margin:15px 10px 15px 15px;
  vertical-align:middle;
}

/* ===== INFO ===== */

table.infotable {
  color:#666;
}

div.staff {
  padding-top:10px;
}

div.staff div.title{
  padding-top:20px;
  padding-bottom:15px;
}

div.staff div.staff-box {
  margin-left:50px;
}

div.staff div.box-l ,div.staff div.box-c,div.staff div.box-r{
  float:left;
  width:225px;
  padding-bottom:30px;
}

div.staff div.box-l p,div.staff div.box-c p,div.staff div.box-r p{
  width:200px;
  margin-top:12px;
}

div.staff img.staff-img {
  margin-bottom:5px;
}

/* ===== COUPON ===== */

div.coupon-left {
  width:203px;
  float:left;
}

div.coupon-right {
  width:537px;
  float:right;
}

p.coupon-top {
  padding-bottom:10px;
}

p.coupon-bottom {
  padding-top:10px;
  clear:both;
}

div.print {
  padding-bottom:10px;
  color:#339900;
}

div.print img {
  vertical-align:middle;
  margin-right:10px;
}

p.coupon-attention{
  padding-top:10px;
  clear:both;
}


/* ===== TOP ===== */

#body #top_image{
  padding-bottom:20px;
  background:url(/rayout/top_image.jpg) no-repeat;
  color:#FFF;
  font-size: 12px;
}

#body #top_image ul.right{
  float:right;
  width:195px;
  margin-top:215px;
}

#body #top_image ul.left{
  float:right;
  width:195px;
  margin-top:215px;
}

#body #top_image ul.right strong , #body #top_image ul.left strong{
  font-weight:normal;
}

#body .top-box {
  border-bottom:1px solid #9a9a9a;
  margin-bottom:16px;
}

#body .top-box .top-box-body{
  border-left:1px solid #9a9a9a;
  border-right:1px solid #9a9a9a;
  margin-left:16px;
  margin-right:16px;
  margin-bottom:16px;
  padding-left:16px;
  padding-right:16px;
  color:#666;
}

#body .top-box .top-box-body:after{
  content:"";
  display:block;
  clear:both;
}

div.blog-banner {
  width:190px;
  float:right;
  text-align:right;
  border-left:1px solid #9a9a9a;
  margin-left:10px;
}

div.blog-banner img{
  margin-top:15px;
  margin-bottom:15px;
}

.hp-special a{
  display:block;
  width:750px;
  height:47px;
  text-indent:-99999px;
  color:#FFcc33;
  margin-bottom:16px;
  background:#666 url(/rayout/special.gif ) no-repeat;
}

.bottom-text {
  padding:0px 10px 0 10px;
  border-bottom:1px solid #9a9a9a;
  margin-top:16px;
}

img.safety-img {
  margin-top:8px;
  width:465px;
}

#body #top_safety{
 _border-bottom:0;
}

#body #top_points{
  text-align:center;
  clear:both;
 _padding-top:16px;
 _border-top:1px solid #9a9a9a;
}

#body #top_points img{
  margin:0 1px;
}

.hp-special a,.hp-special a:visited{
  color:#FFcc33;
  font-weight:bold;
}


/* ===== 汎用2 ===== */

#contents-image{
  width:750px;
  height :80px;
  margin:0px auto 0px auto;
}

#contents-title{
  width:750px;
  height :155px;
  text-align:left;
  margin:0px auto 0px auto;
}

#end{
  clear:both;
}

/* ===== MAP ===== */

#map-body1{
  width:750px;
  height:500px;
  margin:0px auto 0px auto;
  text-align:left;
}

.map-photo1{
  width:280px;
  height:185px;
}  

.map-box1{
  width:280px;
  height:65px;
  font-size:11px;
  padding-top:5px;
}  
  
.map-box1 img{
  float: left;
}  

.map-navi{

  height:500px;
  text-align:right;
  float: right;
}  

#map-body2{
  width:750px;
  height:260px;
  font-size:11px;
  margin:0px auto 0px auto;
  border-bottom:1px solid #9a9a9a;
  clear:both;
}

.map-box2{
  width:280px;
  height:250px;
  text-align:left;
  float: left;
}  

.map-box2 img{
  padding-bottom:5px;
}  

.map-box3{
  width:44px;
  height:250px;
  background:url(/rayout/map_arrow2.gif) no-repeat;
  float: left;
}  
 
.map-box4{
  width:110px;
  height:250px;
  font-size:11px;
  text-align:left;
  margin-left:36px;
  float: left;
}  
  
.map-box4 img{
  padding-bottom:5px;
}  

#map-google{
  width:750px;
  height:400px;
  margin:0px auto 0px auto;
  background-color:#F5DEB3;
  clear:both;
  margin-top:16px;
}  


/* ===== STUFF ===== */


#staff-body1{
  width:750px;
  height:230px;
  margin:0px auto 20px auto;
  text-align:left;
  border-bottom:1px dotted #9a9a9a;
}

#staff-body1 img{
  margin:0px 20px 20px 20px;
  float: left;
}  

#staff-body1 p{
  margin-right:20px;
}  

#staff-body2{
  width:750px;
  height:400px;
  margin:0px auto 20px auto;
  text-align:left;
  clear:both;
}

#staff-body2-box1{
  width:247px;
  height:100%;
  border-right:1px dotted #9a9a9a;
  float: left;
}

#staff-body2-box2{
  width:254px;
  height:100%;
  float: left;
}

#staff-body2-box3{
  width:247px;
  height:100%;
  border-left:1px dotted #9a9a9a;
  float: left;
}

#staff-body2-box1 img{
  margin:0px 0px 20px 20px;
}  

#staff-body2-box2 img{
  margin:0px 28px 20px 28px;
}  

#staff-body2-box3 img{
  margin:0px 0px 20px 27px;
}  

#staff-body2-box1 p{
  margin:0px 27px 0px 20px;
}  

#staff-body2-box2 p{
  margin:0px 28px 0px 28px;
}  

#staff-body2-box3 p{
  margin:0px 20px 0px 27px;
}  


/* ===== INFO2 ===== */

#info-body{
  width:750px;
  height:510px;
  font-size:12px;
  line-height:1.4;
  color:#333;
  margin:0px auto 30px auto;
  text-align:left;
}

#info-box1{
  width:210px;
  float: left;
}

#info-box1 p{
  padding:20px 5px 20px 0px;
  border-top:1px dotted #9a9a9a;
}

#info-box1 span{
  color:#339900
}

#info-box2{
  width:510px;
  height:510px;
  margin:0px 0px 0px 19px;
  float: left;
}

#info-box2 img{
  margin:0px 0px 10px 10px;
  clear:both;
}



/* ===== ACCESS ===== */


#access-body{
  width:750px;
  color:#333;
  line-height:1.4;
  margin:0px auto;
  text-align:left;
}

#access-title1{
  width:100%;
  padding-bottom:15px;
  border-bottom:1px dotted #9a9a9a;
}

#access-title2{
  width:100%;
  padding:15px 0px;
  border-bottom:1px dotted #9a9a9a;
}

#access-title3{
  width:100%;
  padding:15px 0px;
  border-bottom:1px dotted #9a9a9a;
}

#access-title4{
  width:100%;
  padding:15px 0px 10px 0px;
}


/* ===== フォームの部分 ===== */
#form{
  width:100%;
}

#form table {
  width:100%;
  border-collapse:collapse;
  border:1px solid #ccc;
  font-size:12px;
  line-height:18px;
}

#form table th {
  width:30%;
  background:#499d44;
  color:#fff;  
  padding:5px;
  border:1px solid #ccc;
}

#form table td {
  padding:5px;
  border:1px solid #ccc;
}

#form table td textarea{
  width:100%;
  height:8em;
}

#form div.send-button {
  text-align:center;
  padding:10px;
}

div#err_box {
  color:red;
  line-height:1.7;
  padding:10px 0;
}

/* ===== フォームの部分 ===== */


#form-attention{
  width:100%;
  color:red;
  padding:10px 0;
}


/* ===== CHIRO ===== */


#chiro-body{
  clear:both;
  width:750px;
  margin:0 auto;
  font-size: 12px;
  color: #333333
}

#chiro-box1{
  width:470px;
  text-align:right;
  float: right;
}

.chiro-box1-text{
  margin-top:35px;
  text-align:left;
}

#chiro-box2{
  width:230px;
  margin-top:35px;
  text-align:left;
}

#chiro-box2 img{
  margin-bottom:20px;
}



/* ===== new ===== */



/* ===== 汎用2 ===== */

#main{
  width:750px;
  font-size: 12px;
  line-height:18px;
  color: #666666;
}

.column{
  text-align:left;
}

.column img{
  padding-top:35px;
}


/* ===== CHIRO ===== */

#chiro-image{
  width:280px;
  padding-top:15px;
  float: left;
  padding-bottom:35px;
}

#chiro-image img{
  margin-top:20px;
}

#main:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

#contents-chiro{
  width:470px;
  float: left;
  text-align:right;
  padding-bottom:35px;
}

/* ===== GERMA ===== */

#germa-image{
  width:227px;
  padding-top:25px;
  float: left;
  padding-bottom:35px;
}

#germa-image img{
  margin-top:10px;
}

#contents-germa{
  width:523px;
  float: left;
  text-align:right;
  padding-bottom:35px;
}

.sub{
  margin:20px 0;
  border-style:solid;
  border-collapse: collapse;
  text-align:left;
}


/* ===== RELAX ===== */

#relax-image{
  width:269px;
  padding-top:35px;
  float: left;
  padding-bottom:35px;
}

#contents-relax{
  width:481px;
  float: left;
  text-align:right;
  padding-bottom:35px;
}


/* ===== TUBO&LYMPH ===== */

#tubo-image{
  width:248px;
  padding-top:20px;
  padding-bottom:35px;
  float: left;
}

#contents-tubo{
  width:502px;
  float: left;
  text-align:right;
  padding-top:20px;
  padding-bottom:35px;
}

#line{
  width:750px;
  clear:both;
}

#main2{
  width:750px;
  font-size: 12px;
  line-height:18px;
  color: #666666;
}

#contents-lymph{
  width:417px;
  float: left;
  text-align:left;
  padding-bottom:35px;
}

.column2{
  text-align:left;
}

.column2 img{
  padding-top:35px;
}

.lymph-image{
  padding-top:35px;
  float: left;
  padding-bottom:35px;
}

.lymph-image img{
  margin-left:38px;
}

#main2:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}