@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Stiff Shoulders             */
/*                 09  Lumbago                     */
/*                 10  Headache                    */
/*                 11  Bowlegs                     */
/*                 12  Osteopathy                  */
/*                 13  Treatment Room              */
/*                 14  Contact                     */
/*                 15  Faq                         */
/*                 16  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Green          #36ad45      */
/*        Main Color - Light Green    #58173c      */
/*        Main Color - Light Grey     #ebebeb      */
/*                                                 */
/*        Sub Color  - Bright Yellow  #faf5d5      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body { background: #fff }

#wrapper {
	background: #fff;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	padding: 16px 0 0 0;
	margin: 0;
	background: #fff url(../images/main_bg.png) top repeat-x;
	}

#content {
	width: 576px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	background: #fff;
	padding: 6px 0 1em 0;
	}


/*---------- 03  Header -----------*/

p.lead {
	width: 850px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	background: #36ad45;
	color: #fff;
	padding: 0 0 0 10px;
	text-align: left;
	}

#header {
	background: url(../images/header.png) center bottom no-repeat;
	height: 90px;
	margin: 0 0 10px 0;
	padding: 0;
	}

h1 {
	text-indent: -9999px;
	width: 460px;
	height: 69px;
	line-height: 1.0;
	float: left;
	margin: 12px 0 0 11px;
	}
h1 a {
	display: block;
	width: 460px;
	height: 69px;
	background: url(../images/h1.png) 0 0 no-repeat;
	}

#header p.tel {
	margin: 12px 14px 0 0;
	padding: 0;
	width: 192px;
	height: 72px;
	float: right;
	}
#header p.tel img { display: block; }


/*----------04  Navigation -----------*/

#nav {
	width: 185px;
	float: left;
	padding: 6px 0 20px 0;
	font-weight: bold;
	}

#nav h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 77%;
	}

h2#nav_title01 {
	background: url(../images/nav_h2-01.png) 0 0 no-repeat;
	height: 42px;
	}
h2#nav_title02 {
	background: url(../images/nav_h2-02.png) 0 0 no-repeat;
	height: 32px;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav ul {
	background: url(../images/nav_ul.png) left bottom no-repeat;
	margin-bottom: 6px;
	padding: 12px 0;
	}

#nav li {
	padding-left: 22px;
	margin-bottom: 8px;
	background: url(../images/nav_li_bg.gif) 8px center no-repeat;
	}

#nav a { text-decoration: none; }

#nav p { text-align: center; }


/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 22px 0 8px 0;
	margin: 0;
	background: #fff url(../images/footer_bg.png) top repeat-x;
	font-size: 85%;
	text-align: center;
	color: #676767;
	}
*:first-child+html #footer { font-size: 9px; }
* html body #footer { font-size: 9px; }

#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

address#copyright {
	width: 860px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	background: #36ad45;
	color: #fff;
	}

address#copyright a {
	text-decoration: none;
	color: #fff;
	}


/*---------- 06  Contents -----------*/

.section { padding: .5em 20px; }
.section .section { padding: .5em 5px; }
.section .section .section { padding: .5em 0; }

p.center { text-align: center; }

#content h2 {
	height: 43px;
	text-indent: -9999px;
	margin: 0 15px;
	}
#content h3 {
	clear: both;
	height: 28px;
	text-indent: -9999px;
	border-bottom: 3px double #ddd;
	margin-bottom: 12px;
	}
#content h4 {
	height: 42px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	line-height: 1.0;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	padding: 0 0 0 6px;
	border-left: 6px solid #ddd;
	color: #36ad45;
	}

#content ul { margin-left: .5em; }

#content ul li {
	list-style: none;
	background: url(../images/nav_li_bg.gif) 8px 5px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a { color: #36ad45; }
a:hover { color: #58a73c; }

#content blockquote {
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	}

.image_l  {
	float: left;
	margin: 0 16px 16px 0;
	}

.image_r {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 13px;
	}

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}
.case img {
	display: block;
	}

.case .caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

#content ul.totop li {
	list-style: none;
	width: 6em;
	margin: 0;
	padding: 0;
	float: right;
	background-image: none;
	font-weight: bold;
	}


p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

p.p10{padding: 12px 0 0 0;}

.case02 {
	margin: 0 0 15px 0;
	}
.case02 .alpha,   
.case02 .beta {   
    float: left;   
    margin: 0 25px 15px 0;   
    }   
.case02 .gamma {   
    float: left;   
    margin: 0 0 15px 0;   
    }  


/*---------- 07  Index -----------*/

#index h2#title01 {
	margin: 0;
	padding: 0;
	height: 234px;
	background: url(../images/index_h2-01.jpg) 0 0 no-repeat;
	}

#index h3#title02 {
	height: 29px;
	margin: 0;
	padding: 0;
	background: url(../images/index_h3-02.jpg) -18px 0 no-repeat;
	}

#index h3#title03 {
	height: 43px;
	background: url(../images/index_h3-03.png) 10px 0 no-repeat;
	}

#index .section { padding: .5em 0; }

#index #chiropractic {
	border: 3px double #ccc;
	padding: 6px 18px 6px 15px;
	margin: 10px 0;
	background-repeat: no-repeat;
	background-position: right bottom !important;
	background-image: url(../images/index_chiropractic_bg.jpg);
	}
*:first-child+html #index #chiropractic { background-position: 0 0; }
* html body#index #chiropractic { background-position: 0 0; }

#index #pckp ul,
#index #pckp li {
	margin: 0;
	padding: 0;
	}

#index #pckp .treatment li {
	width: 190px;
	float: left;
	}
#index #pckp .treatment li.nil { width: 176px; }

#index #pckp .about {
	border-bottom: 2px dotted #58a73c;
	padding-bottom: 10px;
	margin-right: 18px;
	}

#index #pckp .about li {
	width: 285px;
	float: left;
	}
#index #pckp .about li.nil { width: 270px; }

#index #pckp p { padding-top: 8px; }



/*---------- 08  Stiff Shoulders -----------*/

#stiff-shoulders h2#title01 { background: url(../images/stiff-shoulders_h2-01.png) 0 0 no-repeat; }
#stiff-shoulders h3#title02 { background: url(../images/stiff-shoulders_h3-02.png) 0 0 no-repeat; }
#stiff-shoulders h3#title03 { background: url(../images/stiff-shoulders_h3-03.png) 0 0 no-repeat; }
#stiff-shoulders h4#title04 { background: url(../images/stiff-shoulders_h4-04.png) 0 0 no-repeat; }
#stiff-shoulders h4#title05 { background: url(../images/stiff-shoulders_h4-05.png) 0 0 no-repeat; }
#stiff-shoulders h3#title06 { background: url(../images/stiff-shoulders_h3-04.png) 0 0 no-repeat; }
#stiff-shoulders h3#title07 { background: url(../images/stiff-shoulders_h3-05.png) 0 0 no-repeat; }
#stiff-shoulders h3#title08 { background: url(../images/stiff-shoulders_h3-04.jpg) 0 0 no-repeat; }
#stiff-shoulders h3#title09 { background: url(../images/stiff-shoulders_h3-06.jpg) 0 0 no-repeat; }
#stiff-shoulders h3#title10 { background: url(../images/stiff-shoulders_h3-07.jpg) 0 0 no-repeat; }
#stiff-shoulders h3#title11 { background: url(../images/stiff-shoulders_h3-08.jpg) 0 0 no-repeat; }

#stiff-shoulders #content ul dl { margin: 0 0 .5em 0; }
#stiff-shoulders #content ul dt { font-weight: normal; }
#stiff-shoulders #content ul dd { margin-left: 0;; }


/*---------- 09  Lumbago -----------*/

#lumbago h2#title01 { background: url(../images/lumbago_h2-01.png) 0 0 no-repeat; }
#lumbago h3#title02 { background: url(../images/lumbago_h3-02.png) 0 0 no-repeat; }
#lumbago h3#title03 { background: url(../images/lumbago_h3-03.png) 0 0 no-repeat; }
#lumbago h3#title04 { background: url(../images/lumbago_h3-04.jpg) 0 0 no-repeat; }
#lumbago h3#title05 { background: url(../images/lumbago_h3-05.png) 0 0 no-repeat; }

#lumbago #content ul dl { margin: -16px 0 .5em 0;}
#lumbago #content ul dt { float: left;
                          margin: 0 10px 0 0;
                          width: 8em; 
                          background: url(../images/nav_li_bg.gif) 8px 5px no-repeat;
                          padding-left: 20px;
                          overflow:hidden;}
#lumbago #content ul dd { width: 380px;
                          font-weight: normal;}

#lumbago #tl {padding:20px 0 0 0;}
#lumbago #tl dl { margin: -16px 0 .5em 0;}
#lumbago #tl dt {
	float: left;
	width: auto;
	background: url(../images/nav_li_bg.gif) 8px 5px no-repeat;
	padding-left: 20px;
	overflow:hidden;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
#lumbago #tl dd {overflow:hidden;
                 font-weight: normal;}

/*---------- 10  Headache -----------*/

#headache h2#title01 { background: url(../images/headache_h2-01.png) 0 0 no-repeat; }
#headache h3#title02 { background: url(../images/headache_h3-02.png) 0 0 no-repeat; }
#headache h4#title03 { background: url(../images/headache_h4-03.png) 0 0 no-repeat; }
#headache h4#title04 { background: url(../images/headache_h4-04.png) 0 0 no-repeat; }
#headache h3#title05 { background: url(../images/headache_h3-05.png) 0 0 no-repeat; }
#headache h3#title06 { background: url(../images/headache_h3-04.jpg) 0 0 no-repeat; }
#headache h3#title07 { background: url(../images/headache_h3-06.jpg) 0 0 no-repeat; }
#headache h3#title08 { background: url(../images/headache_h3-07.jpg) 0 0 no-repeat; }
#headache h3#title09 { background: url(../images/headache_h3-08.jpg) 0 0 no-repeat; }
#headache h4#title10 { background: url(../images/headache_h4-05.jpg) 0 0 no-repeat; }
#headache h4#title11 { background: url(../images/headache_h4-06.jpg) 0 0 no-repeat; }
#headache h4#title12 { background: url(../images/headache_h4-07.jpg) 0 0 no-repeat; }

#headache #content dl { margin: 20px 0 .5em 0;}
#headache #content dt { float: left;
                          margin: 0 10px 0 0;
                          width: 4em; 
                          background: url(../images/nav_li_bg.gif) 8px 5px no-repeat;
                          padding-left: 20px;
                          overflow:hidden;}
#headache #content dd { overflow:hidden;;
                        font-weight: normal;}


/*---------- 11  Bowlegs -----------*/

#bowlegs h2#title01 { background: url(../images/bowlegs_h2-01.png) 0 0 no-repeat; }
#bowlegs h3#title02 { background: url(../images/bowlegs_h3-02.png) 0 0 no-repeat; }
#bowlegs h4#title03 { background: url(../images/bowlegs_h4-03.png) 0 0 no-repeat; }
#bowlegs h4#title04 { background: url(../images/bowlegs_h4-04.png) 0 0 no-repeat; }
#bowlegs h3#title05 { background: url(../images/bowlegs_h3-05.png) 0 0 no-repeat; }
#bowlegs h4#title06 { background: url(../images/bowlegs_h4-06.png) 0 0 no-repeat; }
#bowlegs h3#title07 { background: url(../images/bowlegs_h3-04.jpg) 0 0 no-repeat; }
#bowlegs h3#title08 { background: url(../images/bowlegs_h3-05.jpg) 0 0 no-repeat; }


/*---------- 12  Ostopathy -----------*/

#osteopathy h2#title01 { background: url(../images/osteopathy_h2-01.png) 0 0 no-repeat; }
#osteopathy h3#title02 { background: url(../images/osteopathy_h3-02.png) 0 0 no-repeat; }
#osteopathy h4#title03 { background: url(../images/osteopathy_h4-03.png) 0 0 no-repeat; }
#osteopathy h4#title04 { background: url(../images/osteopathy_h4-04.png) 0 0 no-repeat; }
#osteopathy h3#title05 { background: url(../images/osteopathy_h3-05.png) 0 0 no-repeat; }
#osteopathy h4#title06 { background: url(../images/osteopathy_h4-06.png) 0 0 no-repeat; }
#osteopathy h3#title07 { background: url(../images/osteopathy_h3-03.jpg) 0 0 no-repeat; }

#osteopathy #content dl { margin: -16px 0 .5em 0;}
#osteopathy #content dt { float: left;
                          margin: 0 10px 0 0;
                          width: 4em; 
                          background: url(../images/nav_li_bg.gif) 8px 5px no-repeat;
                          padding-left: 20px;
                          overflow:hidden;}
#osteopathy #content dd { overflow:hidden;
                          font-weight: normal;}

/*---------- 13  Treatment Room -----------*/

#treatment-room h2#title01 { background: url(../images/treatment-room_h2-01.png) 0 0 no-repeat; }
#treatment-room h3#title02 { background: url(../images/treatment-room_h3-02.png) 0 0 no-repeat; }
#treatment-room h4#title03 { background: url(../images/treatment-room_h4-03.png) 0 0 no-repeat; }
#treatment-room h3#title04 { background: url(../images/treatment-room_h3-04.png) 0 0 no-repeat; }
#treatment-room h3#title05 { background: url(../images/treatment-room_h3-05.png) 0 0 no-repeat; }
#treatment-room h3#title06 { background: url(../images/treatment-room_h3-06.png) 0 0 no-repeat; }
#treatment-room h3#title07 { background: url(../images/treatment-room_h3-07.jpg) 0 0 no-repeat; }

#treatment-room #content dl { margin: 0 0 .5em 0;}
#treatment-room #content dt {
	float: left;
	width: 6em;
	background: url(../images/nav_li_bg.gif) 8px 5px no-repeat;
	padding-left: 20px;
	overflow:hidden;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}
#treatment-room #content dd { overflow:hidden;
                          font-weight: normal; }
#treatment-room #content dd em{
	font-style: normal;
	display: inline;
	float: right;
}
#treatment-room #dr{margin: 0;}
#treatment-room #dr dl { margin: 0 0 .5em 0;}
#treatment-room #dr dt { float: left;
                          width: 6em; 
                          overflow:hidden;
						  background-image:none;						  
                          padding-left: 0px;}
#treatment-room #dr dd {overflow:hidden;
                          font-weight: normal;}
						  
#treatment-room img{
	border: 1px solid #d0f09d;
}

/*---------- 14  Contact -----------*/

#contact h2#title01 { background: url(../images/contact_h2-01.png) 0 0 no-repeat; }
#contact h3#title02 { background: url(../images/contact_h3-02.png) 0 0 no-repeat; }


/*---------- 15  Faq -----------*/

#faq h2#title01 { background: url(../images/faq_h2-01.png) 0 0 no-repeat; }
#faq h3#title02 { background: url(../images/faq_h3-02.png) 0 0 no-repeat; }


/*---------- 16  Sitemap -----------*/

#sitemap h2#title01 { background: url(../images/sitemap_h2-01.png) 0 0 no-repeat; }
#sitemap h3#title02 { background: url(../images/sitemap_h4-02.png) 0 0 no-repeat; }
#sitemap h3#title03 { background: url(../images/sitemap_h4-03.png) 0 0 no-repeat; }
#sitemap h3#title04 { background: url(../images/sitemap_h4-04.png) 0 0 no-repeat; }
#sitemap h3#title05 { background: url(../images/sitemap_h4-05.png) 0 0 no-repeat; }
#sitemap h3#title06 { background: url(../images/sitemap_h4-06.png) 0 0 no-repeat; }
#sitemap h3#title07 { background: url(../images/sitemap_h4-07.png) 0 0 no-repeat; }
#sitemap h3#title08 { background: url(../images/sitemap_h4-08.png) 0 0 no-repeat; }
#sitemap h3#title09 { background: url(../images/sitemap_h4-09.png) 0 0 no-repeat; }
#sitemap h3#title10 { background: url(../images/sitemap_h4-10.png) 0 0 no-repeat; }
#sitemap h3#title11 { background: url(../images/sitemap_h4-11.png) 0 0 no-repeat; }
#sitemap h3#title12 { background: url(../images/sitemap_h4-12.png) 0 0 no-repeat; }

#sitemap h3 {
	display: block;
	border-bottom: none;
	width: 518px;
	height: 42px;}

#sitemap h3 a {
	display: block;
	width: 518px;
	height: 42px;}
	
	
	
.colorB_greeen {
	color:#006600;
	font-weight: bold;
}

.colorB_red {
	color:#CC0000;
	font-weight: bold;
}

.fap_Q{
	background-image: url(../images/faq_q.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #339933;
}

.faq_A{
	background-image: url(../images/faq_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	padding-left: 30px;
}

.font12 { font-size:12px;}

.font85 { font-size:70% !important;}

.font90 { font-size:90% !important;}


.waku1{
	border: 2px solid #95BFEE;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
	line-height: 18px;
}

.waku1 h6{
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #A2C7F0;
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #0091F0;
	line-height: normal;
	padding-left: 17px;
	background-image: url(../images/i24-08.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	margin-right: 3px;
	margin-left: 3px;
}


.waku2{
	margin-top: 15px;
	margin-right: 7px;
	margin-bottom: 15px;
	margin-left: 7px;
	line-height: 18px;
	background-color: #FFFDDD;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
}

.waku2 h6{
	font-size: 14px;
	font-weight: bold;
	color: #F0850F;
	line-height: normal;
	padding-left: 15px;
	margin-right: 3px;
	margin-left: 3px;
	background-image: url(../images/i24-22.gif);
	background-position: 2px 4px;
	background-repeat: no-repeat;
}

.waku2 strong{
	color: #F0850F;
	font-weight: normal;
}



.index_waku1{
	border: 3px double #4AAE4C;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	line-height: 18px;


}
.index_waku1 p{
	font-size:12px;
	color: #333333;
}

.index_waku1 span{
	margin-bottom: 2px;
	padding-bottom: 1px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFB355;
	font-size: 12px;
	color: #003300;
}

.index_waku1 em{
	font-style: normal;
	color: #990000;
	font-weight: normal;
	padding-right: 15px;
}

.marT10{margin-top:10px;}


.list_text01{
	font-size: 14px;
	font-weight: bold;
	color: #F0850F;
	line-height: normal;
	padding-left: 15px;
	margin-right: 3px;
	margin-left: 3px;
	background-image: url(../images/i24-22.gif);
	background-position: 2px 4px;
	background-repeat: no-repeat;
	}

.sbttle01{
	background-image: url(../images/h4_sttle00.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
	height: 42px;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #4EA53A;
}

.waku3{
	margin-top: 15px;
	margin-right: 7px;
	margin-bottom: 15px;
	margin-left: 7px;
	line-height: 18px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.waku3 h6{
	font-size: 12px;
	font-weight: bold;
	color: #548314;
	line-height: normal;
	padding-left: 20px;
	margin-right: 3px;
	margin-left: 3px;
	background-image: url(../images/i_check_1d.gif);
	background-position: 2px bottom;
	background-repeat: no-repeat;
}

.waku3 p{
	margin-left: 22px;
}

.padding0{padding: 0;}
.padding3{padding: 3px;}
.padding5{padding: 5px;}


.dr_teble,.dr_teble td {font-size: 90%;color: #666666;}
.dr_teble th{
	border: 0px solid #FFFFFF;
	text-align: left;
	color: #006600;
}
.dr_teble_line{
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

.img_wakuG {
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #62CA6F;
}

