@charset "shift_jis";
/*　ケアケア　リビング
		 	
*/




/* =========================================================
 1.基本
========================================================= */


body {
	margin: 0px;
	font-size: 80%;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

p {
	margin: 0px;
	line-height: 160%;
}

hr {
	display: none;
}

img{
	margin: 0px;
	padding: 0px;
	border-style: none;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 13px;
	font-weight: normal;
}

h2 {
/*	clear: both;*/
	padding: 0px;
	margin: 0px;
/*	float: left;
*/}

h3 {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.clear{
	clear: both;
	visibility: hidden;
	height: 0;
} 

/*　クリアフィックス用　*/
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	line-height:0;/* Firefox用に追加 */
	font-size:0;/* Firefox用に追加 */
}

.left {
	float: left;
}

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

.textcenter{
	text-align:center;
}

.textright{
	text-align:right;
}

.red {
	color: #FF3333;
}

.blue{
	color:#0033CC;
}

#container {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	border-top: solid #ff3300 10px;
	min-width:900px;
	
}

/* =========================================================
 ２.ヘッダー
========================================================= */

#container #header {
	width: 900px;
	height: 93px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background-image: url(../image/heade_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ----- サマリー----- */
#container #header #samary {
	height:16px;
	padding-top:6px;
	padding-left:47px;
	font-size: 12px;
}

/* ----- ロゴ----- */
#container #header #logo{
	margin: 0px;
	float: left;
	width: 345px;
	padding: 0px 0px 0px 1px;

}

/* ----- 会社案内とかへのリンク---- */
#container #header ul#head_menu {
	list-style-type: none;
	width: 163px;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 19px;
}

#container #header ul#head_menu li {
	float: left;
	margin: 0px;
	padding-bottom: 2px;
}

/* ----- 「土日祝休み〜」のテキスト部分---- */
#container #header .info_txt {
	float: left;
	margin: 0px;
	padding: 43px 0px 0px  65px;
	font-size: 10px;
	color: #666666;
}

/* ----- 「お問い合わせ」「資料請求」へのリンク　---- */
#container #header ul#head_btn {
	list-style-type: none;
	float: left;
	width: 122px;
	margin: 0px;
	padding: 16px 0px 0px 18px;
}

#container #header ul#head_btn li {
	padding: 0px;
	margin: 0px 0px 3px 0px;
}


/* =========================================================
 メインイメージ
========================================================= */

/* ----- メインイメージ　---- */
#container #main_image {
	width: 930px;
	height:219px;
	margin: 0px auto;
	background-image: url(../image/main_back.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;	
}

#container #main_image #image{
	float:left;
	width: 419px;
	padding-left:7px;
}

#container #main_image #image_search{
	float: right;
	passing-top:1px;
	padding-left:12px;
	padding-right:23px;
	width: 467px;
	height:200px;
	background-image:url(../image/main_search.jpg);
	background-position:0 1px;
	background-repeat:no-repeat;
}

#container #main_image #image_search ul,#container #main_image #image_search li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#container #main_image #image_search form{
	width:280px;
	height: 30px;
	margin:0;
	padding: 15px 0px 1px 180px;
}




#index #container #main_image #image_search #image_search2 #inputtext {
	border: 1px solid #666;
	width: 196px;
	font-size:13px;
}

#index #container #main_image #image_search #image_search2 .inputbtn input {
	border-style: none;
	background-image: url(../image/inputbtn.jpg);
	background-repeat:no-repeat;
	margin-top:2px;
	height: 22px;
	width: 55px;
}


#image_search3_wrap{
	width:450px;
}

#image_search3{
	float:left;
	width:290px;
}

#image_search3_1{
	float:left;
	width:82px;
}

#image_search3_1 ul{
	padding-top:30px !important;
	padding-left:15px !important;
}

#image_search3_1 li {
	height:13px;	
	margin:0;
	padding:0 0 3px 0;
	font-size:13px;
}

#image_search3_1 li a{
	color:#534741;
	text-decoration:none;
}

#image_search3_1 li a:hover{
	color:#0099CC;
	text-decoration:underline;
}

#image_search3_2{
	float:right;
	width:191px;
	padding-top:8px;
	padding-right:5px;
}

#image_search4{
	float:right;
	width:156px;
	padding-top:9px;
}



#image_search4 ul li{
	margin-bottom:1px;
}

#image_search4 ul li a{
	width: 156px;
	height: 0 !important;
	display: block;
	padding: 70px 0 0;
	margin: 0px;
	background-repeat: no-repeat;
	background-position:left top;
	overflow: hidden;

}

/*#image_search4 ul li a:hover{
	background-position:0 -70px;
}*/

#image_search4 #btn1 a{
	background-image:url(../image/btn_searchmap1.jpg);
}


#image_search4 #btn2 a{
	background-image:url(../image/btn_searchmap2.jpg);
}

/* =========================================================
 ３．メイン
========================================================= */

/*　枠　*/
#container #main {
	width: 900px;
	margin:0 auto;
	padding-top: 13px 0 0 0;
	text-align: left;
}


#container #main #contents {
	width: 650px;
	float: right;
	margin: 0px;
	padding: 0px 15px 0px 5px;
}



#container #main #contents .unit {
	width: 650px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}


/* 新着情報
--------------------------------------------------------- */
#container #main #contents .unit .box {
	width: 630px;
	margin: 0px 0px 0px 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#container #main #contents .unit .box .row {
	width: 610px;
	margin: 0px;
	padding: 8px 15px 8px 5px;
	font-size: 14px;
	color: #333333;
}

#contents .box .row .date,  #contents .box .row .date2{
	margin: 0px;
	padding: 0 0 0 18px;
	background-repeat: no-repeat;
	background-position: left 1px;
}

#contents .box .row .date{
	background-image: url(../image/point_red.gif);
}

#contents .box .row .date2 {
	background-image: url(../image/point_red2.gif);

}

#contents .box .row .txt, #contents .box .row .txt2{
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#container #main #contents .unit .box .row .txt2 a{
	color:#ff0000;
}



/* ケアケアリビングについて
--------------------------------------------------------- */

#container #main #contents .unit .about_txt {
	width: 350px;
	margin: 0px;
	padding: 5px 280px 10px 17px;
	background-image:url(../image/about_img.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
}



/* 相談会について
--------------------------------------------------------- */
#container #main #contents .unit .consul_txt {
	width: 610px;
	margin: 0px;
	padding: 0px 0px 10px 20px;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
}

#container #main #contents .unit ul.consul_txt {
	list-style:none;
	width: 550px;
	margin: 0 0 0 20px;
	padding: 10px 10px 10px 15px;
	border:1px solid #FFC5C5;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
}

#container #main #contents .unit ul.consul_txt li {
	padding-bottom:5px;
}



/* リビングのメリット
--------------------------------------------------------- */
#container #main #contents .unit .merit_txt {
	width: 610px;
	margin: 0px;
	padding: 0px 0px 20px 20px;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}


/* ご契約の流れ
--------------------------------------------------------- */
#container #main #contents .unit .floa_txt {
	width: 610px;
	margin: 0px;
	padding: 5px 0px 20px 20px;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}

/* ----- 詳細はこちら　---- */
#container #main #contents .unit .detail_link{
	padding-top:10px;
}

#container #main #contents .unit .detail_link span{
	width: 200px;
	margin: 10px 0px 10px 305px;
	padding: 0px 0px 0px 18px;
	background-image: url(../image/point_red.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
}

/*相談会スケジュールへのリンク調整

#container #main #contents .unit .consul_link {
	clear: both;
	padding: 0px 0px 0px 18px;
	background-image: url(../image/point_red.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
}*/




/* リンク
--------------------------------------------------------- */
#container #main #contents .inq {
	width: 412px;
	height: 82px;
	margin: 0px 0px 15px 119px;
	padding: 0px;
	background-image: url(../image/inquiry_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #main #contents .inq ul.inq_btn {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 30px 0px 0px 246px;
}

#container #main #contents .inq ul.inq_btn li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}




/* =========================================================
 ４．サイドメニュー
========================================================= */

#container #main #sidenavi {
	width: 230px;
	float: left;
}

#container #main #sidenavi .link_txt {
	height: 13px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background-image: url(../image/point_pink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}

#container #main #sidenavi #sideunit01 {
	width: 220px;
	height: 107px;
	margin: 0px;
	padding: 40px 0px 0px 10px;
	background-image: url(../image/side_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #main #sidenavi #sideunit02_top {
	width: 230px;
	background-image: url(../image/side_bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #main #sidenavi #sideunit02 {
	width: 230px;
	background-image: url(../image/side_bg02_frm.gif);
	background-repeat: y-repeat;
	margin: 10px 0px 0px 0px;
}

#container #main #sidenavi #sideunit02_bottom {
	width: 220px;
	padding: 45px 0px 0px 10px;
	background-image: url(../image/side_bg02_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#container #main #sidenavi #sideunit02 ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#container #main #sidenavi #sideunit02 li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#container #main #sidenavi li a {
	display:block;
	width:160px;
	height: 13px;
	margin: 0px;
	padding: 0px 0px 8px 18px;
	background-image: url(../image/point_pink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}

#container #main #sidenavi #sideunit02 #submenu a {
	display:block;
	width:160px;
	height: 13px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 8px 18px;
	background-image: url(../image/tree_back1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}

#container #main #sidenavi #sideunit02 #submenu02 a {
	display:block;
	width:160px;
	height: 13px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 8px 18px;
	background-image: url(../image/tree_back2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}

#container #main #sidenavi #sideunit03 {
	width: 230px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}


#container #main #sidenavi #sideunit04 {
	width: 230px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#container #main #sidenavi #sideunit04 img {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#container #main #sidenavi #sideunit05 {
	width: 230px;
	height: 292px;
	margin: 10px 0 0 0;
	padding: 0px;
	background-image: url(../image/side_bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #main #sidenavi #sideunit05 img {
	margin: 8px 0px 0px 7px;
	padding: 0px;
}

#container #main #sidenavi #sideunit06 {
	width: 230px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#sidenavi .consul_landing {
	padding-top: 8px;
}


#container #main #contents #tppath {
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	color: #666666;
}

#container #main #contents .totop {
	display:block;
	width: 100px;
	height: 18px;
	margin: 20px 0px 20px 520px;
	padding: 0px 0px 0px 20px;
	background-image: url(../image/btn_totop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
}


/*　++++++floa.html専用++++++　*/

#container #main #contents .unit ul.f_box {
	width: 550px;
	margin: 0px 30px 10px 25px;
	padding: 10px 0px 10px 40px;
	border: 1px solid #FFCC99;
	font-size: 14px;
	color: #666666;
}

#container #main #contents .unit ul.f_box li {
	margin: 8px 0px;
	padding: 0px;
}

#container #main #contents .unit .f_txt {
	width: 610px;
	margin: 0px;
	padding: 0px 0px 10px 20px;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}


/*　++++++publish.html専用++++++　*/

h4 {
	width: 410px;
	font-size: 16px;
	margin: 0px;
	padding: 20px 0px 10px 20px;
	font-weight: bold;
/*	float: left;*/	
}


#container #main #contents .unit .left_txt {
	float: left;
	width: 410px;
	margin: 0px;
	padding: 5px 10px 10px 20px;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
}

#container #main #contents .unit .p_box {
	width: 603px;
	margin: 0px 0px 10px 20px;
	padding: 11px 0px 10px 25px;
	border: 1px solid #FBBFB9;
	background-image: url(../image/point_pink2.gif);
	background-repeat: no-repeat;
	background-position: 10px 11px;
	background-color: #FFECEC;
	font-size: 14px;
	font-weight: bold;
	color: #996666;
}

#container #main #contents .unit .p_txt {
	width: 610px;
	margin: 0px;
	padding: 0px 0px 10px 20px;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}

#container #main #contents .unit .p_txt2 {
	width: 610px;
	margin: 0px;
	padding: 8px 0px 10px 20px;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}

#container #main #contents .unit ul.p_box2 {
	list-style-type: decimal;
	width: 550px;
	margin: 0px 30px 30px 25px;
	padding: 10px 0px 0px 40px;
	border: 1px solid #FFCC99;
	font-size: 14px;
	color: #666666;
}

#container #main #contents .unit ul.p_box2 li {
	padding: 0px;
	margin: 8px 0px;
}




#container #footer {
	clear: both;
	width:900px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*　アイコン　*/
.foot_icon {
	margin-right: 4px;
}

/*　フッター１段目　*/
#container #footer2 {
	width: 890px;
	height: 19px;
	padding: 5px;
	background-image: url(../image/foot_back.jpg);
	background-position: left top;
}
	
#container #footer2 li {
	display: inline;
	list-style: none;
	margin: 0px 8px 0px 0px;
	padding: 0px;
}

#container #footer2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/*　フッター２段目　左側*/
#container #footer1 {
	float:left;
	width: 395px;
	padding: 8px 0px 5px 5px;
}

#container #footer1 li {
	display: inline;
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;

}

#container #footer1 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


#container #footer3{
	float:right;
	width:485px;
	text-align: right;
}


.yaji_migi{
	margin-right: 5px;
	vertical-align:middle;
}



#head_line{
	width:900px;
	height: 32px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	background-image: url(../image/contents_back.jpg);
	background-repeat: repeat-x;
	text-align:center;
}

.unit table.outline  {
	margin-top: 20px;
	border-top: 1px solid #FBBFB9;
	border-right: 1px solid #FBBFB9;
}

.unit table.outline th{
	padding: 11px 0px 10px;
	background-color: #FFECEC;
	text-align: left;
	color: #996666;
}

.unit table.outline th p{
	padding-left: 25px;
	background-image: url(../image/point_pink2.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	font-size: 14px;
	font-weight: bold;
}

.unit table.outline th .textcenter{
	background-image: none;
	font-size: 14px;
	font-weight: bold;
}

.unit table.outline td{
	padding: 11px 0px 10px 11px;
}

.unit table.outline th,.unit table.outline td{
	border-bottom: 1px solid #FBBFB9;
	border-left: 1px solid #FBBFB9;
}


#ppFrm {
	height: 100px;
	margin: 20px 10px 0px;
	padding: 15px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}

#consensus{
	padding:0;
	margin:0;
}

.DisplayOn{
	display:block;
}

.DisplayOff{
	display:none;
}


.contract-linkbox {
	width: 500px;
	margin: 0 auto 20px 30px;
	border: 1px solid #FFCC99;
	font: 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.contract-link-txt {
	width: 285px;
	padding: 3px 0 0 25px;
	background: url(../image/living_flow/icon-circle-pink.gif) 5px 17px no-repeat;
	text-align: left;
}

.contract-link-btn {
	width: 135px;
	padding: 5px 5px 5px 0;
	text-align: center;
}

h3.red {
	margin:0;
	padding-top: 10px;
	padding-bottom:3px;

}


/* =========================================================
 グローバルナビ
========================================================= */
#container #GlobalNavi {
	width:100%;
	height:47px;
	padding-bottom:14px;
	background-image: url(../image/navi_back.jpg);
	background-repeat: repeat-x;
	min-width:900px;
}

#container #GlobalNavi ul{
	list-style-type: none;
	width:801px;
	margin:0 auto;
	text-align::center;
}

#container #GlobalNavi ul li{
	float:left;
}

#container #GlobalNavi ul li a{
	height: 0 !important;
	display: block;
	padding: 38px 0 0;
	margin: 0px;
	background-repeat: no-repeat;
	background-position:left top;
	overflow: hidden;
}

#container #GlobalNavi ul li a:hover{
	background-position:0 -38px;

}

#container #GlobalNavi #G-navi1 a {
	width: 97px;
	background-image: url(../image/g_navi1.jpg);
}

#container #GlobalNavi #G-navi2 a {
	width: 150px;
	background-image: url(../image/g_navi2.jpg);
}

#container #GlobalNavi #G-navi3 a {
	width: 130px;
	background-image: url(../image/g_navi3.jpg);
}

#container #GlobalNavi #G-navi4 a {
	width: 140px;
	background-image: url(../image/g_navi4.jpg);
}

#container #GlobalNavi #G-navi5 a {
	width: 152px;
	background-image: url(../image/g_navi5.jpg);
}

#container #GlobalNavi #G-navi6 a {
	width: 132px;
	background-image: url(../image/g_navi6.jpg);
}

#index #container #GlobalNavi #G-navi1 a{
	background-image: url(../image/g_navi1.jpg);
	background-position:0 -38px !important;
}

#page_about #container #GlobalNavi #G-navi2 a {
	background-image: url(../image/g_navi2.jpg);
	background-position:0 -38px !important;
}

#page_search #container #GlobalNavi #G-navi3 a{
	background-image: url(../image/g_navi3.jpg);
	background-position:0 -38px !important;
}

#page_consul #container #GlobalNavi #G-navi4 a{
	background-image: url(../image/g_navi4.jpg);
	background-position:0 -38px !important;
}

#page_choice #container #GlobalNavi #G-navi5 a{
	background-image: url(../image/g_navi5.jpg);
	background-position:0 -38px !important;
}

#page_contract #container #GlobalNavi #G-navi6 a{
	background-image: url(../image/g_navi6.jpg);
	background-position:0 -38px !important;
}

.middle{
	vertical-align:middle;
}