@charset "shift_jis";

/* =======================================

緑かなざわ整形外科CommonElements

======================================= */

* {
	margin: 0;
	padding: 0;
	font-family:"ＭＳ Ｐゴシック","Osaka",verdana,helvetica,arial, sans-serif;
}

img {
	border: 0;
}

body {
	text-align:center;
	height: 100%;
	background:url(../img/bg_01.jpg) repeat;
	font-size:14px;
	color : #513205;
	line-height: 160%;
}

a:link { text-decoration:underline; color: #0000ff;}
a:visited { text-decoration:underline; color: #0000ff;}
a:active { text-decoration:none; color: #0000ff;}
a:hover { text-decoration:none; color: #0000ff;}

.clear{
	clear: both;
}

#container {
	width : 738px;
	background: url(../img/bg_02.jpg) repeat-y top center;
	margin: 0px auto;
}

#container_inner{
	width: 720px;
	margin: 0px auto;
	text-align: left;
	background: #ffffff;
}

#contents{
	width: 680px;
	text-align: left;
	background: #ffffff;
	margin: 25px 20px;
}

p{
	margin-bottom: 20px;
}

.orange{
	color:#f18614;
}

/* ---------------------------------------

		header

--------------------------------------- */

#header_top{
	background: url(../img/header_img.jpg);	
	height: 161px;
	width: 720px;
}

h1.midori{
	background: url(../img/midori.jpg) no-repeat;
	width: 720px;
	height: 87px;
	text-indent: -9999px;
}

#header{
	background: url(../img/header.jpg);	
	height: 72px;
	width: 705px;
	padding: 15px 0px 0px 15px;
}


#header h1{background: url(../img/logo.gif);	
	height: 61px;
	width: 404px;
}

#header h1 a {
	width: 404px;
	height: 61px;
	display: block;
}

/* -------------------------------------

	     Gloval Navi
				
--------------------------------------*/

div.navi{
	list-style: none;
	width:100%;
	
}
.navi li{
	list-style:none;
    	float: left;
    	height:32px;

}

.navi a{
	display:block;
    	height:32px;
}

span.none{display:none;} 

/* off */
.navi ul li.menu_01 a{width:99px;background:url("../img/menu01.gif")}
.navi ul li.menu_02 a{width:117px;background:url("../img/menu02.gif")}
.navi ul li.menu_03 a{width:117px;background:url("../img/menu03.gif")}
.navi ul li.menu_04 a{width:140px;background:url("../img/menu04.gif")}
.navi ul li.menu_05 a{width:117px;background:url("../img/menu05.gif")}
.navi ul li.menu_06 a{width:130px;background:url("../img/menu06.gif")}

/* hover縺ｨon */
.navi ul li.menu_01 a:hover,.navi ul li.menu_01 a.on{background-position:0 -32px;}
.navi ul li.menu_02 a:hover,.navi ul li.menu_02 a.on{background-position:0 -32px;}
.navi ul li.menu_03 a:hover,.navi ul li.menu_03 a.on{background-position:0 -32px;}
.navi ul li.menu_04 a:hover,.navi ul li.menu_04 a.on{background-position:0 -32px;}
.navi ul li.menu_05 a:hover,.navi ul li.menu_05 a.on{background-position:0 -32px;}
.navi ul li.menu_06 a:hover,.navi ul li.menu_06 a.on{background-position:0 -32px;}

/* -------------------------------------

	     top
				
--------------------------------------*/

.link{
    	background:url(../img/yellow_body.gif) repeat-y;
	list-style:none;
	padding-left:22px;
	font-size:12px;
	line-height: 130%;
}
#top ul,#top li{
	list-style:none;
	padding-left:22px;
	font-size:12px;
	line-height: 130%;
}
#top ul{
    	background:url(../img/yellow_body.gif) repeat-y;
}

#top li{
    	background:url(../img/list.gif) no-repeat center left;
}

div.box_flash{
	float: left;
}

div.box_right{
	float: right;

}

.yellow_top{
	background: url(../img/yellow_top.gif) no-repeat;
	width: 300px;
	height: 27px;
}

.yellow_bottom{
	background: url(../img/yellow_bottom.gif) no-repeat bottom;
	width: 300px;
	height: 11px;
	margin:0px;
	padding:0px;
}

.body_yellow{
	background: url(../img/yellow_body.gif) repeat-y;
}

.banner_box{
	background: url(../img/banner_box.gif) no-repeat;
	width:209px;
	height:51px;
	margin-top:14px;
	padding-top: 10px;
	padding-left: 91px;
}


/* -------------------------------------

	     Greeting
				
--------------------------------------*/
#greeting table{
	width:336px;
	font-size:13px;
}

#greeting div.left{
	width:270px;
	float: left;
	margin-right:10px;
}

#greeting div.right{
	float:right;
	padding-right:26px;

}


#greeting div.text_box{
	width: 660px;
	padding: 0px 10px 25px 10px;
}

#greeting h2{
	background: url(../greeting/img/greeting.gif) no-repeat;
	width: 680px;
	height: 41px;
	text-indent: -9999px;
	margin-bottom:15px;
}

#greeting div.greeting{
	margin-left: 26px;
	font-size:13px;
}

#greeting p.ind{
	text-indent: -1em;
	padding-left: 1em;
	margin:0px;
}

.box_top,
.box_bottom{
	background: url(../img/box_top.gif) no-repeat;
	width: 680px;
	height: 25px;
}

.box_bottom{
	background: url(../img/box_bottom.gif) no-repeat bottom;
}

.body_top {
	background: url(../img/box_body.gif);
}

.staff_box{
	width: 384px;
	margin-left:20px;
	float:right;
}

.staff_box02{
	width: 247px;
	margin-left:26px;
	font-size:13px;
	line-height: 150%;
}

/* -------------------------------------

	     Specialities
				
--------------------------------------*/

#specialities h2{
	background: url(../specialities/img/specialities.gif) no-repeat;
	width: 680px;
	height: 41px;
	text-indent: -9999px;
	margin-bottom:20px;
}

#specialities div.text{
	margin:15px 0px 0px 13px;
}

#specialities img{
	float:right;
	margin-top:25px;
	margin-left:25px;
}

h3.seikei,h3.sekitsui,h3.ryumati,
h3.pein,h3.syouni{
	background: url(../specialities/img/seikei.gif) no-repeat;
	width: 680px;
	height: 27px;
	text-indent: -9999px;
	margin-top: 5px
}

h3.sekitsui{
	background: url(../specialities/img/sekitsui.gif) no-repeat;
}

h3.ryumati{
	background: url(../specialities/img/ryumati.gif) no-repeat;
}

h3.pein{
	background: url(../specialities/img/pein.gif) no-repeat;
}

h3.syouni{
	background: url(../specialities/img/syouni.gif) no-repeat;
}

/* -------------------------------------

	     rehabilitation
				
--------------------------------------*/
#rehabilitation img{
	margin-left: 0px;
}

#rehabilitation h2{
	background: url(../rehabilitation/img/rehabilitation.gif) no-repeat;
	width: 680px;
	height: 41px;
	text-indent: -9999px;
	margin-bottom:25px;
}

#rehabilitation div.riha_box{
	width:640px;
	padding:0px 20px;
	text-align:center;
}

.img01{
	margin: 0 0 20px 0;
}

.riha_body{
	width: 640px;
	background: url(../rehabilitation/img/riha_body.gif) repeat-y;
}

.riha_photo_l {
	padding-left: 32px;
	float: left;
	margin-bottom: 18px;
}

.riha_photo{
	float: left;
	margin-bottom: 18px;
}

.riha_text_left {
	float: left;
	width: 262px;
	padding-left: 16px;
	text-align: left;
	padding-bottom: 18px;
}

.riha_textarea_right {
	float: left;
	padding-left: 32px;
	width: 301px;
}

.riha_textarea_left {
	float: left;
	width: 301px;
}

.riha_text_right {
	float: left;
	width: 260px;
	padding-left: 20px;
	text-align: left;
	padding-bottom: 18px;
}

.exp {
	margin-top: 13px;
}

/* -------------------------------------

	    access
				
--------------------------------------*/
#access p{
	margin:5px 5px;
}

#access h2{
	background: url(../access/img/access.gif) no-repeat;
	width: 680px;
	height: 41px;
	text-indent: -9999px;
}

.access_box{
	width: 246px;
	float:left;
	padding-left:10px;
	font-size:13px;
	line-height: 140%;
}


.map_s{
	width: 278px;
	height: 189px;
	float:left;
	margin-top:20px;
}

.map_l{
	width: 402px;
	height: 472px;
	float:right;
	margin-top:20px;
}


#access .midori{
	margin:25px 5px;
}

.left{
	float: left;
}

/* -------------------------------------

	    form
				
--------------------------------------*/

#form p{
	margin:5px 5px;
}

#form h2{
	background: url(../contact/img/form.gif) no-repeat;
	width: 680px;
	height: 41px;
	text-indent: -9999px;
}

#form .form_text_box{
	margin : 23px  11px ;
}

#form table{
	width:628px;
	border-top: #dccb7c 1px solid;
	border-left: #dccb7c 1px solid;
	margin-bottom: 26px;
	margin-left: 26px;
	background: #ffffff;
}

#form table td{
	border-right: #dccb7c 1px solid;
	border-bottom: #dccb7c 1px solid;
	padding: 8px 9px;
}

#form table th{
	border-right: #dccb7c 1px solid;
	border-bottom: #dccb7c 1px solid;
	padding: 8px 12px;
	width :200px;
	background: #fffcea;
	font-weight:normal;
	text-align:left;

}

#form table td.zero{
	padding:0px;
}

#form table td.zero2{
	padding-right:0px;
}

#form div.error{
	margin: 6px 37px ;		
}

#form div.thanks{
	margin: 6px 37px ;
	text-align:center;		
}

/* -------------------------------------

	Formの設定
				
--------------------------------------*/

input{
	border: 0px solid #5b3e14;
	padding: 2px;
}

input.name{
	border: 1px solid #5b3e14;
	width:100px;
}

input.no{
	border: 1px solid #5b3e14;
	width:60px;
}

input.no2{
	border: 1px solid #5b3e14;
	width:80px;
}

input.address{
	border: 1px solid #5b3e14;
	width:330px;
}

input.mail{
	border: 1px solid #5b3e14;
	width:223px;
}

textarea{
	width: 384px;
	border: 1px solid #5b3e14;
	padding: 5px;
	margin: 0px 0p;
}

.noborder{
	border: 0px;
	padding: 1px;
}

.select{
	border: 1px solid #55b3e14;
	padding: 1px;
}

/* -------------------------------------

	     Footer
				
--------------------------------------*/
#footer{
	background: url(../img/footer.jpg) no-repeat;
	width: 738px;
	height: 85px;
	text-align: left;
	margin: 0px auto;
}

.copy {
	font-size: 75%;
	color : #3b7434;
	padding-top: 2px;
	padding-left:30px;
}