@charset "UTF-8";



/* ブラウザの初期化

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

* {

	margin: 0;

	padding: 0;

}

/*　共通設定

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

body{
    font-size: 18px; /*文字サイズ*/
    line-height: 1.5; /*行間*/
    -webkit-text-size-adjust: 100%;
	}


h1{
    width:100%;
    height:70px;
    font-size:24px;
    display: inline-block;
    padding-top: 30px;
    text-align:center;
    text-decoration: none;
    border-radius: 4px;
    color: #000000;
    background-image: -webkit-linear-gradient(#bbccff 0%, #ddccff 100%);
    background-image: linear-gradient(#bbccff 0%, #ddccff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
  }

h2{
    width:70%;
    font-size:20px;
    color:#595959;
    background-color:#cccccc;
    padding:0px 20px 0px;
}


div#container{
	width:1000px; margin: auto;
}


@media screen and (max-width: 480px) {
div#container{ width: 100%; }
}

@media (min-width: 481px) and (max-width: 959px) {
div#container{ width: 100%; }
}

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


/*---footer---*/


footer{
    clear: both;
	background: silver;
	height: 130px;
    line-height: 1;
    text-align: left;
	padding:20px 3%;
}

footer .f-right {
    position: relative;
    text-align: right;
}


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

/*----content設定----*/

div#content{
	background-image:url(../image/all_images/background001_03.gif);
	background-repeat:repeat-y;
	}
@media screen and (max-width: 480px) {
div#content{ background-image: none; }
}

@media (min-width: 481px) and (max-width: 959px) {
div#content{ background-image: none; }
}


/*----main設定----*/

div#main{
	width: 82%;
	margin:0 auto;
	padding:30px 0px;
}

@media screen and (max-width: 480px) {
div#main{ width: 100%; }
}

@media (min-width: 481px) and (max-width: 959px) {
div#main{ width: 100%; }
}


.sab_main2{
	width:700px;
	margin:0 auto;
}

@media screen and (max-width: 480px) {
.sab_main2{ width: 90%;margin:0 auto; }
}

@media (min-width: 481px) and (max-width: 959px) {
.sab_main2{ width: 90%;margin:0 auto; }
}



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

/*----navi設定----*/


/*----nav1----*/
.nav1 {
  border-style:none;
  background-color:#bee0c2;
  width:148px;
  height:148px;
  outline:none;
  cursor:pointer;
  cursor:hand;
}

.nav1:hover{
    background:#a7d28d;
}

@media screen and (max-width: 480px) {
.nav1{ width: 118px;height:118px; }
}

@media (min-width: 481px) and (max-width: 959px) {
.nav1{ width: 118px;height:118px; }
}

/*----nav2----*/
.nav2 {
  border-style:none;
  background-color:whitesmoke;
  width:148px;
  height:148px;
  outline:none;
  cursor:pointer;
  cursor:hand;
}

.nav2:hover{
    background:#aaaab0;
}

@media screen and (max-width: 480px) {
.nav2{ width: 118px;height:118px; }
}

@media (min-width: 481px) and (max-width: 959px) {
.nav2{ width: 118px;height:118px; }
}

/*----nav3----*/
.nav3 {
  float: left;
  list-style-type: none;
  width: 10%;
}

@media screen and (max-width: 480px) {
.nav3 { width: 20%; }
}

.nav4 {
 width:100%;
 vertical-align:bottom;
}

.nav5 {
  background-color:#ccccff;
  width:100%;height:50px;
  outline:none;
  cursor:pointer;
  cursor:hand;
}

.nav5:hover{
  background:lightskyblue;
}

.nav6 {
  background-color:#ccccff;
  width:90%;height:50px;
  outline:none;
  cursor:pointer;
  cursor:hand;
  border-radius:10px;
}

.nav6:hover{
  background:lightskyblue;
}


/*-------------------------------------------------------
---------------------------------------------------------*/
/*----トップ----*/
.resize_a {width: 40%;
}
.resize_a img {width:100%;
}
.resize_b{width: 50%;
}
.resize_b img {width:100%;
}
.resize_c{width: 100%;
}
.resize_c img {width:100%;
}

#ma{
	margin:0px 20px;
}

#new{
    width:90%;
    height:110px;
    overflow: scroll;
}
#relay{
    width:90%;
    height:120px;
    overflow: scroll;
}

#closed{
    width:90%;
    height:150px;
    overflow: scroll;
}

#left{
	float:left;
	width:54%;
	}

@media screen and (max-width: 480px) {
#left{ width: 100%; }
}

@media (min-width: 481px) and (max-width: 959px) {
#left{ width: 100%; }
}

#right{
	float:right;
	margin: 1px;
	width:45%;
	}

@media screen and (max-width: 480px) {
#right{ width: 100%; }
}

@media (min-width: 481px) and (max-width: 959px) {
#right{ width: 100%; }
}


/*----治療の内容----*/

.box td{
    width:35%;
    }

.box a{
    text-decoration: none;
    }



/*----川谷医院にようこそ設定----*/

td.box_size{
	line-height:150%;
	}


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

/*----職員の紹介設定----*/

.dotted_line{
	border-bottom:dashed 1px #999;
	padding-bottom:50px;
	}


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

/*--診療時間・所在地設定--*/

table#jikan{
	display:inline-block;
	margin:20px;
	}


td.jikan{
	font-size:18px;border: 0px
	}


td.youbi{
	font-size:18px;
	border:solid 1px #000000;
	padding:10px;
	}

ul#margin20{
	display:inline-block;
	margin:20px;
	}

li.font_big_red{
	color:#F00;
	font-size:18px;
	}
li.font_big{
	font-size:18px;
	}

iframe{
	margin:20px;
	}


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

/*--ショートケア設定--*/


.gyou1{
    line-height: 3.0; /*行間*/
    padding:10px;
    }