@charset "utf-8";

/*---------- ページ全体の指定978.css ----------*/

.container {width: 978px;margin: 0 auto;}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float: left;
  display: inline;
  margin-left: 30px;
}
.grid1 {width: 54px;}
.grid2 {width: 138px;}
.grid3 {width: 222px;}
.grid4 {width: 306px;}
.grid5 {width: 390px;}
.grid6 {width: 474px;}
.grid7 {width: 558px;}
.grid8 {width: 642px;}
.grid9 {width: 726px;}
.grid10 {width: 810px;}
.grid11 {width: 894px;}
.first {margin-left: 0;clear: left;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}



/*---------- ページ全体の指定 ----------*/

img {
  border-style:none;
}

#main h3  {
  display:table;/*要らないかも*/
  font-size: 18px;
  color: #ff8c00;
  width: 850px;
  background-image: url(https://dansei-kaigo.jp/management/img/line_green_m.gif) ;
  background-repeat: no-repeat;
  background-position:left bottom;
  padding:0 20px 10px 0;
  height:35px;
}

#main h3 img {
  height:30px;
  margin:0 10px;
}

#main h3 div {
  display:table-cell;
  vertical-align: middle;
}

#main h3 .left {
  width:50px;
  min-width:50px;
  max-width:50px;
}

#main h2  {
  font-size: 16px;
  color: #ff8c00;
  background-image: url(https://dansei-kaigo.jp/management/img/list_mark3.gif) ;
  background-repeat: no-repeat;
  background-position:left bottom;
  padding:0 20px 0 20px;
  height:20px;
}

    /* IE 6 */

    * html #main h3 div {
        display:inline;
    zoom:1;
    }

    /* IE 7 */
    *:first-child+html #main h3 div {
        display:inline;
    zoom:1;
    }

    /*\*//*/
    * html #main h3 div {
        display:inline-block;
    }
    /**/

html:lang(ja) h3 div {
  display : table-cell ;
}

#main .dtoukou {
  float:right;
  padding-right:20px;
  color:#6b8e23;
  font-size: 80%;
}

#pre_bun{
	margin-left:20px;
}

#pre_bun div{
	font-size:80%;
	line-height:170%;
	width:800px;
}


#calender h3 {
	width:620px;
	width:100%;
	text-align:center;
	margin-bottom:-20px;
	color:#69821b;
}


.honbun_g {font-size:80%; line-height:170%;color:#69821b;}

.honbun_g a:link    { color:#69821b; }
.honbun_g a:visited { color:#69821b; }
.honbun_g a:active  { color:#ff0000; }
.honbun_g a:hover { color:#ff0000; }


.green {
  color:#69821b;
}


/*--フロートの解除 親要素に設定すると子孫要素の高さを包括しその後ろをフロート解除-- */
.float-box{
  overflow:hidden;
  zoom:1;
}


/*-------------- トップページPICKUP表示 -------------- */

/* block style */
.block { background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0px 0px 5px 0px #ddd; behavior:url("include/PIE.htc");}
.banner_block { width:155px; }/*width設定*/
.banner_block img { height:auto; max-width:100%; width:auto; display:block; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; box-shadow:0px 0px 5px 0px #ddd; behavior:url("include/PIE.htc");}


.post_list .post_item {
  width:155px; margin:0 0 16px; padding:0 0 5px;
}/*width設定*/

.grid_layout .post_list .post_item { float:left; margin:0 8px 16px; }
.grid_layout .post_list .post_item.banner_block { padding:0; }
.grid_layout .post_list .post_item.banner_block img { display:block;  }

.post_list .post_image img { width:100%; height:auto; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-bottom:1px solid #ddd; behavior: url("include/PIE.htc");}
.post_list .post_item:hover {
  box-shadow:0px 0px 0px 5px #4cbee3; cursor:pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -kthtml-transition: all 0.3s linear;
  transition: all 0.3s linear;
  behavior:url("include/PIE.htc");
}

.post_list .post_title,.post_list .post_title2 { font-size:11px; margin:0 15px 10px 15px; clear:both;text-align:left; }
.post_list .post_title a,.post_list .post_title2 a { color:#3fbae3; text-decoration:none; }
.post_list .post_title2,.post_list .post_title2 a { color:#347334; }

.post_list .post_title a:hover { }


.post_list .date,.post_list .date2 { float:left; background:#8fbc8f; color:#fff; width:45px; height:45px; text-align:center; font-size:11px; margin:10px 0 10px 10px; line-height:140%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url("include/PIE.htc");}
.post_list .date2 { background:#7ac1e2 }
.post_list .date .year,.post_list .date2 .year { display:block; padding:8px 0 0 0; color:#e2e2e2; }
.post_list .date .month,.post_list .date2 .month { display:block; }
/*--.date background:#383c45; .year color:#b3b5b4;-- */


.post_list .post_category { float:left; margin:17px 0 0 2px; font-size:12px; width:80px; }/*タイトルwidth設定*/
.post_list .post_category a { text-decoration:none; color:#333; }

.post_list .prefec { font-weight:bold;text-align:left; clear:both; padding-left: 15px; margin: 0 0 5px 0; color: #3fbae3;}

.post_list .excerpt { font-size:11px; line-height:180%; margin:0 10px 15px 15px;}
.post_list .excerpt p { line-height:120%; margin:0; text-align:left; }


.post_list .post_box {
  width:155px; margin:0 0 16px; padding:0 0 5px;color:#3fbae3;
}/*width設定*/




/*a要素をdiv全体に広げる（IE6以外）*/
.post_list{
  position:relative;
}

html > body div.post_list a.post_image{
  display:block;
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  background/*\**/:#fff\9;/*IE7、8のみに適用するハック*/
  filter:alpha(opacity=0);/*フィルターで透明に*/)
}



/*-------------- メッセージ表示 -------------- */


.info, .ask, .success, .warning, .error, .validation {
border: 1px solid;
margin: 0px 0px 5px 0px;
padding:10px 10px 10px 50px;
background-repeat: no-repeat;
background-position: 10px center;

float:left;
width: auto;
}

.ask {
font-size:12px;
color: #00529B;
background-color: #BDE5F8;
background-image: url('https://dansei-kaigo.jp/management/img/msg_ask4.png');
}

.info {
font-size:12px;
color: #00529B;
background-color: #BDE5F8;
background-image: url('https://dansei-kaigo.jp/management/img/msg_info.png');
}

.success {
font-size:12px;
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('https://dansei-kaigo.jp/management/img/msg_success.png');
}

.warning {
font-size:12px;
color: #9F6000;
background-color: #FEEFB3;
background-image: url('https://dansei-kaigo.jp/management/img/msg_warning.png');
}

.error {
font-size:12px;
color: #D8000C;
background-color: #FFBABA;
background-image: url('https://dansei-kaigo.jp/management/img/msg_error.png');
}

.mem_menu {
  padding-top:-20px;

}

/* -------ロールオーバー画像ボタン----------*/

.input_confirm{
    border: 0px;
    width: 130px;
    height: 48px;
    background: url(https://dansei-kaigo.jp/management/img/confirm.gif) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_confirm:hover{
    background: url(https://dansei-kaigo.jp/management/img/confirm.gif) right top no-repeat;
}

.input_update_s{
    border: 0px;
    width: 120px;
    height: 38px;
    background: url(https://dansei-kaigo.jp/management/img/update_s.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_update_s:hover{
    background: url(https://dansei-kaigo.jp/management/img/update_s.png) right top no-repeat;
}

.input_pickup_s{
    border: 0px;
    width: 120px;
    height: 38px;
    background: url(https://dansei-kaigo.jp/management/img/pickup_s.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_pickup_s:hover{
    background: url(https://dansei-kaigo.jp/management/img/pickup_s.png) right top no-repeat;
}

.input_create{
    border: 0px;
    width: 150px;
    height: 48px;
    background: url(https://dansei-kaigo.jp/management/img/create.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_create:hover{
    background: url(https://dansei-kaigo.jp/management/img/create.png) right top no-repeat;
}

.input_oubo{
    border: 0px;
    width: 120px;
    height: 38px;
    background: url(https://dansei-kaigo.jp/management/img/oubo.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_oubo:hover{
    background: url(https://dansei-kaigo.jp/management/img/oubo.png) right top no-repeat;
}

.input_hozon{
    border: 0px;
    width: 120px;
    height: 38px;
    background: url(https://dansei-kaigo.jp/management/img/hozon.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_hozon:hover{
    background: url(https://dansei-kaigo.jp/management/img/hozon.png) right top no-repeat;
}


.input_login{
    border: 0px;
    width: 120px;
    height: 38px;
    background: url(https://dansei-kaigo.jp/management/img/login.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_login:hover{
    background: url(https://dansei-kaigo.jp/management/img/login.png) right top no-repeat;
}


.input_edit_ss{
    border: 0px;
    width: 60px;
    height: 29px;
    background: url(https://dansei-kaigo.jp/management/img/edit_ss.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_edit_ss:hover{
    background: url(https://dansei-kaigo.jp/management/img/edit_ss.png) right top no-repeat;
}

.input_koukai{
    border: 0px;
    width: 120px;
    height: 38px;
    background: url(https://dansei-kaigo.jp/management/img/koukai.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_koukai:hover{
    background: url(https://dansei-kaigo.jp/management/img/koukai.png) right top no-repeat;
}


.input_toukou{
    border: 0px;
    width: 120px;
    height: 38px;
    background: url(https://dansei-kaigo.jp/management/img/toukou.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_toukou:hover{
    background: url(https://dansei-kaigo.jp/management/img/toukou.png) right top no-repeat;
}

.input_delete{
    border: 0px;
    width: 140px;
    height: 48px;
    padding-left: 0 20 0 0px;
    background: url(https://dansei-kaigo.jp/management/img/delete.gif) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_delete:hover{
    background: url(https://dansei-kaigo.jp/management/img/delete.gif) right top no-repeat;
}

.input_delete_s{
    border: 0px;
    width: 83px;
    height: 32px;
    padding-left: 0 0 0 0px;
    background: url(https://dansei-kaigo.jp/management/img/delete_ss.png) left top no-repeat;
    background-position: 0px center;
    cursor: pointer;
}

.input_delete_s:hover{
    background: url(https://dansei-kaigo.jp/management/img/delete_ss.png) right top no-repeat;
}




/*-------------- メニュー　リンク時別画像表示 -------------- */

/* 別表示設定 */

div#menu_2pic {
  position:relative;
}

#menu_2pic div {
  position:relative;
}

div#menu_2pic a span {
  display: none;
}

div#menu_2pic a:hover span {
  position: absolute;
  top: 28px;
  left: 260px;
  display: block;
  width: 400px;
  text-align: left;
  font-size: 95%;
  color: #ff8c00;
  letter-spacing:1px;
  line-height:170%;
}


/*-------------- テーブル -------------- */



.formlist table,
.form-container table {
  width : 100% ;
  margin-top:0px;
  empty-cells: show;
  line-height: 140%
}

table.formlist,
.formlist table,
.form-container table,
.formlist th,
.form-container th,
.formlist td,
.form-container td {
	background-color:#fff;
	border:solid 1px #d5e2c7;/* リボディ変更： 元は#cdd8eb */
	border-collapse:collapse;
}

.formlist th,
.form-container th {
  font-size: 13px;
  color: #69821b;
  text-align:center;
}

.formlist tbody th,
.form-container tbody th {
    padding:0.5em;
    background-color:#eaf1e2;/* リボディ変更： 元は#ebf1f9 */
    font-weight:normal;
    font-size: 13px;
    text-align:center;
}

.formlist td,
.form-container td {
    font-size: 12px;
    padding:0.5em;
    /*padding:3px 5px;*/
}

.formlist td img,
.form-container td img {
    vertical-align:middle;
}

.formlist .imgbox {
    width: 100%;
    margin-bottom: 20px;
}

.formlist .imgbox_title {
    background: #eaf1e2;
    padding: 3px;
    text-align: center;
    margin: -6px -6px 10px;
 }

/* ---------------------Form-----------------------------*/


.formlist input[type=radio],
.formlist input[type=checkbox] {
    margin-right:5px;
    margin-left:12px;
}

.formlist button,
.formlist input[type=checkbox],
.formlist input[type=radio],
.formlist input[type=reset],
.formlist input[type=submit] {
    padding:1px;
}

.formlist [type=check],
.formlist [type=radio],
.formlist [type=submit] {
    cursor: pointer;
}

.formlist [type=check] + label,
.formlist [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}

.formlist [type=text],
.formlist [type=password],
.formlist textarea {
    font-size: 13px;
    padding: 5px;
    margin: 2px 0;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.formlist input[type=text]:hover,
.formlist [type=password]:hover,
.formlist textarea:hover,
.formlist input[type=text]:focus,
.formlist [type=password]:focus,
.formlist textarea:focus {
	background-color: #f4fced;
}

.formlist select{
    padding: 3px;
    margin: 2px 0;
}


/* ---------------------Form input submit button-----------------------------*/



/*-------------- タブでページ切り替え -------------- */

#tab {
    font-size:14px;
    width: 800px;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	border-bottom: 2px solid #8fbc8f;
	height: 25px;
	overflow: hidden;
    list-style-type: none;
}

#tab.blue {
	border-bottom: 2px solid #add8e6;
}

#tab li {
	float: left;
	width: 74px;
	height: 25px;
}

#tab li a {
  padding-top: 3px;
	display: block;
	width: 66px;
	height: 25px;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #777;
	text-align: center;
  text-decoration: none;
}
#tab li a:hover,
#tab li.present a {
	border-color: #8fbc8f;
  background-color: #9acd32;
  font-size:12px;
  color: #fff;
}

.present_not a{
  font-size:12px;
}

#tab.blue li a:hover,
#tab.blue li.present a {
	border-color: #add8e6;
  background-color: #add8e6;
  color: #fff;
}


/*-------------- 皆さんの声 -------------- */

.chat01{
  margin-top: 5px;
  margin-left: 25px;
}

.chat_icon01{
  text-align: center;
  float:left;
  font-size:80%;
  color:#919191;
}

.chat02{
  margin-top:5px;
  margin-right:45px;
  float:right;
}




P.chat_icon02{
  float:right;
  font-size:80%;
  color:#919191;
}


#aboutus .chat01 h4,#aboutus .chat02 h4 {
  font-size: 90%;
  font-weight: normal;
  width: 450px;
  color: #808080;
  background: none;
}

#aboutus .chat01 h4 {
  float:left;
  margin-left:25px;
}

#aboutus .chat02 h4 {
  text-align:right;
  float:right;
  margin-right:20px;
}

div.chat01 span {
  font-size:85%;
  color:#919191;
}

div.chat02 span {
  font-size:85%;
  color:#919191;
  }

.chat01 .fukidasi_s{
  float:left;
  margin-left:3px;
  color:#2b4829;
  background:url(https://dansei-kaigo.jp/management/img/chat_fukidasi01_1.png) no-repeat left top;
  -moz-background-size:100% auto;
  background-size:100% auto;
  overflow:hidden;
}


.chat01 .fukidasi_m{
  background:url(https://dansei-kaigo.jp/management/img/chat_fukidasi03_1.png) no-repeat left top;
}


.chat01 .fukidasi_l{
  background:url(https://dansei-kaigo.jp/management/img/chat_fukidasi04_1.png) no-repeat left top;
}

.chat01 .fukidasi_m,.chat01 .fukidasi_l{
  float:left;
  margin-left:3px;
  color:#2b4829;
  -moz-background-size:contain;
  background-size:100% auto;
  background-size:contain;
}



.chat02 .fukidasi_s{
  float:right;
  margin-right:3px;
  color:#2b4829;
  background:url(https://dansei-kaigo.jp/management/img/chat_fukidasi02_3.png) no-repeat left top;
  -moz-background-size:contain;
  background-size:contain;
}


div.chat02 .fukidasi_m{
  float:right;
  margin-right:3px;
  color:#2b4829;
  background:url(https://dansei-kaigo.jp/management/img/chat_fukidasi04_3.png) no-repeat left top;
  -moz-background-size:contain;
  background-size:contain;
}



div.chat01 .chat{
  font-size:75%;
  float:left;
  max-width:343px;
  text-align:left;
  color:#2b4829;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
/*-------------- text-align:justify; text-justify: inter-ideograph;-------------- */

div.chat01 .chat div{
  margin-top:3%;
  margin-left:10%;
  margin-right:3%;
  margin-bottom:40px;
}

div.chat02 .chat{
  font-size:75%;
  float:right;
  max-width:343px;
  text-align:left;
  color:#2b4829;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}

div.chat02 .chat div{
  margin-top:3%;
  margin-right:8%;
  margin-left:5%;
  margin-bottom:40px;
}