/* ----------------------- 名倉堂台町接骨院.CSS ----------------------- */


/*==============================================================================*/
/*                              デ　フォ　ル　ト                                */
/*==============================================================================*/

* {
	margin:  0;
	padding: 0;
	border: 0px;

}
body {
	margin : 0 auto;
	padding: 0 auto;
	font-family: "sans-serif", "Arial";
	background: url(../images/_frame/bg_body.jpg) repeat-x 0 0;
	background-color: #c5ecfa;
	margin-bottom: 7px;
}

img {
	border: 0px;
}
.clear {
	clear: both;
}

hr.clear {
	clear: both;
	height: 0px;
}

a {
	overflow:hidden; 
	text-decoration: none;
}

a:link    { color: #2a6bb4; }
a:visited { color: #3d57f4; }
a:hover, 
a:active  { color: #2d98dc;}

ul li { list-style-type: none;}

table {  }

/*==============================================================================*/
/*                                文　字　設　定                                */
/*==============================================================================*/

/*                                                         font: font-style   font-variant   font-weight   font-size/line-height   font-family
/*------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#body #contents h3                         { color: #32a4d5; font: normal normal bold   20px/33px 'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents h4                         { color: #444444; font: normal normal normal 18px/18px 'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents h5                         { color: #444444; font: normal normal bold   16px/1.2em  'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents h6                         { color: #333333; font: normal normal normal 14px/1.2em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents p                          { color: #333333; font: normal normal normal 14px/1.5em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents li                         { color: #333333; font: normal normal normal 14px/1.5em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents table                      { color: #333333; font: normal normal normal 14px/1.5em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents th                         { color: #333333; font: normal normal bold   14px/1.5em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents td                         { color: #333333; font: normal normal normal 14px/1.5em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents dt                         { color: #333333; font: normal normal normal 14px/2em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents dd                         { color: #333333; font: normal normal normal 14px/2em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents q                          { color: #333333; font: normal normal normal 14px/2em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents blockquote                 { color: #333333; font: normal normal normal 14px/2em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
#body #contents .caption                   { color: #333333; font: normal normal bold    12px/1.3em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }


#foot #copyright                           { color: #555555; font: normal normal normal 12px/26px   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }


body#index #contents table#topics th            { color: #9b4747; font: normal normal bold   12px/1.0em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }
body#index #contents table#topics td            { color: #666666; font: normal normal normal   12px/1.0em   'ＭＳ Ｐゴシック', Arial; text-decoration: none; }

/*==============================================================================*/
/*                               コ  ン  テ  ナ                                 */
/*==============================================================================*/


#container,
#wrapper_top,
#wrapper_bottom {
	width: 912px;
	margin: 0 auto;
}

#container {
	margin-top: 17px;
	background: url(../images/_frame/bg_container_repeat.gif) repeat-y 0 0;
}


#wrapper_top {
	background: url(../images/_frame/bg_wrapper_top.jpg) no-repeat 0 0;
}


#wrapper_bottom {
	background: url(../images/_frame/bg_wrapper_bottom.gif) no-repeat 0 0;
	background-position: bottom;
}


#head,
#cover,
#body,
#foot {
	width: 882px;
	margin: 0 auto;
}


/*==============================================================================*/
/*                                    #head                                     */
/*==============================================================================*/


#head {
	height: 90px;
	position: relative;
}


h1 {
	width: 342px;
	height: 39px;
	position:absolute;
	top: 22px;
	left: 30px;
	overflow: hidden;
}



h1 a{
	display: block;
	width: 342px;
	height: 39px;
	padding-top: 65px;
	background: url(../images/_frame/h1.gif) no-repeat 0 0;
}

#head span {
	width: 279px;
	height: 56px;
	position:absolute;
	top: 22px;
	right: 31px;
	background: url(../images/_frame/nagrado_logo.gif) no-repeat 0 0;
	text-indent: -1000em;
}



/*==============================================================================*/
/*                               #main_menu                                     */
/*==============================================================================*/


#main_menu {
	width: 820px;
	height: 19px;
	padding: 0 32px;
	margin: 0 auto;
}

#main_menu li{
	height: 19px;
	margin-right: 32px;
	float: left;
	overflow: hidden;
}

#main_menu li#mainmenu7 {
	margin-right: 0px;
	width:  70px;
}



#main_menu li a{
	display: block;
	height: 19px;
	padding-top: 19px;
}

#main_menu li#mainmenu1 a {width:  69px; background: url(../images/_frame/main_menu.gif) no-repeat      0 0;}
#main_menu li#mainmenu2 a {width:  83px; background: url(../images/_frame/main_menu.gif) no-repeat -102px 0;}
#main_menu li#mainmenu3 a {width:  52px; background: url(../images/_frame/main_menu.gif) no-repeat -218px 0;}
#main_menu li#mainmenu4 a {width: 149px; background: url(../images/_frame/main_menu.gif) no-repeat -303px 0;}
#main_menu li#mainmenu8 a {width: 115px; background: url(../images/_frame/main_menu.gif) no-repeat -485px 0;}
#main_menu li#mainmenu6 a {width:  86px; background: url(../images/_frame/main_menu.gif) no-repeat -633px 0;}
#main_menu li#mainmenu7 a {width:  70px; background: url(../images/_frame/main_menu.gif) no-repeat -749px 0;}

#main_menu li#mainmenu1 a:hover {width:  69px; background: url(../images/_frame/main_menu.gif) no-repeat      0 -19px;}
#main_menu li#mainmenu2 a:hover {width:  83px; background: url(../images/_frame/main_menu.gif) no-repeat -102px -19px;}
#main_menu li#mainmenu3 a:hover {width:  52px; background: url(../images/_frame/main_menu.gif) no-repeat -218px -19px;}
#main_menu li#mainmenu4 a:hover {width: 149px; background: url(../images/_frame/main_menu.gif) no-repeat -303px -19px;}
#main_menu li#mainmenu8 a:hover {width: 115px; background: url(../images/_frame/main_menu.gif) no-repeat -485px -19px;}
#main_menu li#mainmenu6 a:hover {width:  86px; background: url(../images/_frame/main_menu.gif) no-repeat -633px -19px;}
#main_menu li#mainmenu7 a:hover {width:  70px; background: url(../images/_frame/main_menu.gif) no-repeat -749px -19px;}

#main_menu li#mainmenu1.active a {width:  69px; background: url(../images/_frame/main_menu.gif) no-repeat      0 -19px;}
#main_menu li#mainmenu2.active a {width:  83px; background: url(../images/_frame/main_menu.gif) no-repeat -102px -19px;}
#main_menu li#mainmenu3.active a {width:  52px; background: url(../images/_frame/main_menu.gif) no-repeat -218px -19px;}
#main_menu li#mainmenu4.active a {width: 149px; background: url(../images/_frame/main_menu.gif) no-repeat -303px -19px;}
#main_menu li#mainmenu8.active a {width: 115px; background: url(../images/_frame/main_menu.gif) no-repeat -485px -19px;}
#main_menu li#mainmenu6.active a {width:  86px; background: url(../images/_frame/main_menu.gif) no-repeat -633px -19px;}
#main_menu li#mainmenu7.active a {width:  70px; background: url(../images/_frame/main_menu.gif) no-repeat -749px -19px;}



/*==============================================================================*/
/*                                   #cover                                     */
/*==============================================================================*/


#cover {
	height: 76px;
	margin-top: 7px;
}

#cover h2{
	width: 882px;
	height: 76px;
	margin: 0 auto;
	text-indent: -1000em;
	background: url(../images/_frame/cover_second.jpg) no-repeat 0 0;
}



/*==============================================================================*/
/*                                   #body                                      */
/*==============================================================================*/

#body {
	margin-top: 27px;
	margin-bottom: 30px;
}

#body h3 {
	width: 820px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 54px;
	text-indent: -1000em;
}

body#intro      #body h3 {background: url(../images/_frame/h3_intro.gif)      no-repeat 0 0;}
body#equipment  #body h3 {background: url(../images/_frame/h3_equipment.gif) no-repeat 0 0;}
body#service    #body h3 {background: url(../images/_frame/h3_service.gif)    no-repeat 0 0;}
body#contact    #body h3 {background: url(../images/_frame/h3_contact.gif)    no-repeat 0 0;}
body#access     #body h3 {background: url(../images/_frame/h3_access.gif)     no-repeat 0 0;}
body#links      #body h3 {background: url(../images/_frame/h3_links.gif)      no-repeat 0 0;}

/*==============================================================================*/
/*                                #contents                                     */
/*==============================================================================*/

#contents {
	widht: 808px;
	margin: 0 50px;
}

#contents h4{
	width: 780;
	height: 20px;
	clear: both;
	padding-left: 20px;
	border-bottom: 1px dotted #f99a52;
	margin: 0 0 35px 0;
	background: url(../images/_frame/h4.gif) no-repeat 0 0;
	vertical-align: middle;
}


#contents h5 {
	clear: both;
	margin: 0 0 15px 23px;
}

#contents p {
	margin: 0 0 35px 23px;
}

/*======================画像の設定==========================*/

#body #contents .imgLeft {
	float: left;
	margin: 0 15px 15px 0;
	padding-left: 23px;
}

#body #contents .imgRight {
	float: right;
	margin: 0 0 15px 15px;
	padding-right: 18px;
}

#body #contents .imgCenter {
	text-align: center;
	margin-bottom: 15px;
}

#body #contents img {
	border: solid 2px #888;
	margin: 0 0 0 0;
}

#body #contents .caption {
	margin-top: 3px;
	margin: 0 0 0 0;
	text-align: center;
}

/*======================テーブルの設定==========================*/

#body #contents table,
#body #contents table th,
#body #contents table td {
	border: 1px solid #333333;
}

#body #contents table {
	margin: 0 0 25px 23px;
	border-collapse: collapse;
}

#body #contents th {
	background-color: #c5ecfa;
}

#body #contents th,
#body #contents td {
	padding: 3px;
}


/*======================リストの設定==========================*/

#body #contents ul,
#body #contents ol {
	margin: 0 0 25px 30px;
}

#body #contents li {
	margin: 0 0 5px 21px;
}

#body #contents ul li {
	list-style-type: disc;
}


/*======================goTopの設定==========================*/

#body #contents .goTop {
	width: 122px;
	height: 15px;
	overflow: hidden;
	float: right;
}

#body #contents .goTop a {
	display: block;
	width: 122px;
	height: 15px;
	background: url(../images/_frame/goTop.gif) no-repeat 0 0;
	padding-top: 15px;
}

#body #contents .goTop a:hover {
	background: url(../images/_frame/goTop.gif) no-repeat 0 -15px;
}

/*==============================================================================*/
/*                                   #foot                                      */
/*==============================================================================*/

#foot {
	height: 42px;
	background: url(../images/_frame/bg_foot.gif) no-repeat 50% 0;
}

#foot #copyright {
	text-align: right;
	margin: 2px 33px 0 0;
}


/*==============================================================================*/
/*                                  #index                                      */
/*==============================================================================*/

body#index #cover {
	height: 243px;
}

body#index #cover h2{
	display: block;
	width: 882px;
	height: 243px;
	background: url(../images/_frame/cover_top.jpg) no-repeat 0 0;
}

body#index #body h3 {
	height: 30px;
	background: url(../images/_frame/h3_guide.gif) no-repeat 0 0;
	margin-bottom: 20px;
}

body#index #contents {
	margin: 0 40px;
}

body#index #contents img {
	border: none;
}

body#index #contents #guideLeft {
	float: left;
}

body#index #contents #guideLeft p {
	margin: 2px 0 0 14px;
}

body#index #contents span.Fred {
	color: #c82a2a;
}

body#index #contents #guideRight {
	float: right;
}

/*==============================================================================*/
/*                                  #service                                      */
/*==============================================================================*/



#service #contents p span.bold{
	font-weight:bold;


}
/*==============================================================================*/
/*                                  #contact                                    */
/*==============================================================================*/

#contact #contents input {
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #888888;
}
#contact #contents textarea {
	font-size: 14px;
	line-height: 20px;
	border: solid 1px #888888;
}
#contact #contents em {
	font-style: normal;
}

#contact #contents .form {
	margin: 0 0 20px 25px;
}
#contact #contents .form p {
	margin: 0;
}
#contact #contents p.error {
	font-size: 1.1em;
	font-weight: bold;
	color: #ff0000;
	padding: 5px;
	border: solid 2px #ff0000;
	background-color: #ffffcc;
}
#contact #contents .confirm {
	margin: 0 0 20px 25px;
}
#contact #contents .confirm {
	margin: 0 0 20px 16px;
}
#contact #contents .confirm input {
	height: auto;
	width: auto;
	line-height: auto;
	padding: 3px 6px;
}
#contact #contents h5 {
	margin: 0px 0px 3px 0px;
}