@charset "shift_jis";
/* ケアケアメインCSS
   2009.2 クリアフィックス追加
 */



/*　+++++++++++++++++++++++クライアントも使用するため削除不可+++++++++++++++++++++++++++++　*/

/*　+++フォントサイズ変更+++　*/
.text_xll{
	font-size:200%
}

.text_xl{
	font-size:155%;
}

.text_l{
	font-size: 135%;
}

.text_s{
	font-size:75%;
}

.text_xs{
	font-size: 65%;
}


/*　+++フォントの太さ+++　*/
.bold{
	font-weight:bold;
}

/*　+++文字色の変更+++　*/	
.red{
	color:#FF0000;
}
	
.blue{
	color:#0000FF;
}
	
.orange {
	color: #FF6600;
}
	
.pink {
	color: #FF6666;
}
	
.color_3a73be{
	color:#3a73be;
}
	
.color_f90{
	color:#FF9900;
	}
	
.aqua{
	color:#3A73BE;
}

/*　+++行揃え+++　*/
.textcenter {
	text-align: center;
}

.textleft {
	text-align: left;
}
	
.textright {
	text-align: right;
}

/*　クリアフィックス用　*/
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/*　+++++++++++++ここから下は削除・変更可++++++++++++++　*/

/*　+++HTMLの再定義・変更要注意+++　*/
body {
	margin: 0px;
	font-size: 80%;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

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

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

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

h2 {
	clear: both;
	margin-top: 5px;
	margin-left: 16px;
	margin-bottom: 5px;
}

form{
	margin: 0px;
}

img{
	margin: 0px;
}

/*　+++段組解除・削除不可+++　*/
.clear {
	clear: both;
}

/*　+++写真の左寄せ+++　*/

/*　このクラスのみ削除変更不可　*/
.photo_left_20px {
	float: left;
	margin-right: 20px;
}
	
.photo_left_20px_b5 {
	float: left;
	margin: 0px 20px 5px 0px;
	padding: 0px;
}
	
.photo_left_20px_b10 {
	float: left;
	margin: 0px 20px 10px 0px;
	padding: 0px;
}
	
.photo_left_20px_b15 {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

.photo_left_20px_b45 {
	float: left;
	margin-right: 20px;
	margin-bottom: 45px;
}

.photo_left_10px{
	float: left;
	margin: 0px 10px 0px 0px;
}

/*　+++写真の右寄せ+++　*/

/*　このクラスのみ削除変更不可　*/
.photo_right_20px {
	float: right;
	margin-left: 20px;
}

.photo_right_20px_b3 {
	float: right;
	margin-bottom: 3px;
	margin-left: 20px;
}

.photo_right_20px_b5{
	float: right;
	margin: 0px 0px 5px 20px;
}

.photo_right_15px {
	float: right;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
.photo_right_10px_b10 {
	float: right;
	margin: 0px 0px 10px 10px;
}

.photo_right_10px {
	float: right;
	margin: 0px 0px 0px 10px;
}


/*　+++テーブル枠+++  */
.tablewaku {
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
.tablewaku td ,.tablewaku th{
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
}
/*　+++枠なし+++　*/
.wakunasi,.wakunasi td{
	border-top-style:none !important;
	border-bottom-style:none !important;
	border-left-style:none !important;
	border-right-style:none !important;
}



/*　++++++++++++ここから下はレイアウトの根幹に関わるので変更要注意++++++++++++++　*/	

/*　+++大枠（ページトップに赤いボーダー）+++　*/
#content {
	width: 100%;
	border-top: solid #ff3300 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


/*　++++++++++ヘッダー++++++++++　*/

/*　ヘッダー大枠　*/
#head {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*　メイン画像の上の枠　*/
#tab {
	position: relative;
	width: 904px;
	height: 84px;
}

/*　サマリー　*/
#samary {
	position: absolute;
	margin-left:234px;
	top:0px;
}

/*　ロゴ　*/
#tab1 {
	position: absolute;
	left: 0px;
}

/*　ケアプロへ　*/
#tab2 {
	position: absolute;
	top:43px;
	margin-left: 234px;
}

/*　福祉用具へ　*/
#tab3 {
	position: absolute;
	margin-left: 354px;
	top:43px;
}

/*　ケアリクへ　*/
#tab4 {
	position: absolute;
	margin-left: 474px;
	top:43px;
}

#tab5 {
	position: absolute;
	margin-left: 594px;
	top:43px;
}

/*　ログイン　*/
#login {
	position: absolute;
	top:43px;
	width: 183px;
	height: 36px;
	margin-left: 714px;
	padding-top: 5px;
	padding-left: 5px;
	background-image: url(../image/login_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*　メイン画像の枠　*/
#head_main {
	width: 904px;
	height: 194px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(../image/header_back.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

/*　各コンテンツへのボタン　*/
#grobalnavi {
	width: 625px;
	margin-right: 21px;
	margin-left: 256px;
	padding-top: 135px;;
	text-align: left;
}

#grobalnavi li {
	display: inline;
	list-style: none;
	width:104px;
	margin: 0px;
	padding: 0px 0px 0px 21px;
}

#grobalnavi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height:0px;
}


/*　++++++メイン++++++　*/
#main {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	padding-bottom: 5px;
	text-align: left;
}

/*　メイン＞右　*/
#right {
	float: right;
	width: 690px;
	font-size: 106%;

}
/*　右側文字大きく　*/
.right_large{
	font-size: 136% !important;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*　メイン＞メニュー　*/
#left {
	float: left;
	width: 200px;
	padding-top: 10px;
	padding-bottom:15px;
	background-color:#FFFFFF;
}


/*　+++++左メニュー++++　*/

/*　「掲載をお考えの〜」のボタン　*/
#left_landing {
	margin-top: 8px;
	margin-left: 4px;
}

/*　「探す」「読む」「知る」　*/
#left h3 {
	margin: 13px 0px 1px 4px;
}

/*　ケアプロ　*/
#button_carepro {
	margin-top: 19px;
	margin-left: 4px;
}

/*　ケアリク・介護用品　*/
.care_series {
	margin-top: 3px;
	margin-left: 4px;
}
.care_series_fst {
	margin-top: 20px;
	margin-left: 4px;
}

/*　運営会社情報　*/
.about_senex {
	margin-top: 15px;
	margin-left: 4px;
}
/*　P-mark　*/
.bnr_pmark {
	width: 190px;
	text-align: center;
	margin-top: 20px;
	margin-left: 4px;
}
.bnr_pmark img {
	border: 0;
	vertical-align: bottom;
}






/*　各コンテンツへのリンク　*/
#left .category {
	width: 188px;
	margin-left: 4px;
	padding: 5px 0px;
	border: 1px solid #52d361;
	background-color: #FFFFCC;
}

#left .category ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#left .category li {
	list-style-type: none;
	padding: 5px 0px 5px 20px;
	background-image: url(../image/menu_icon_1.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}
/*ul.category_2 {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px 0px;
}

#left ul.category_2 li {
	list-style-type: none;
	background-image: url(../image/symple_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	margin:0px;
	padding: 3px 0px 3px 10px;
}*/

#left .category a{
	color:#003399;
	text-decoration:none;
}

#left .category a:hover{
	text-decoration:underline;
}


/*　+++++フッター+++++　*/

/*　フッター枠　*/
#foot {
	clear: both;
	width:900px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

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

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

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

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

#foot1 li {
	display: inline;
	list-style: none;
	padding: 0px;
	margin: 0px 8px 0px 0px;
}

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

/*　フッター２段目右側　*/
#foot3{
	float:right;
	width:485px;
	text-align: right;
}


/*　++++++++++++各コンテンツ共有のクラス++++++++++++++　*/

/*　幅に関するもの　*/
.w645 {
	width: 640px;
	margin-left: 19px;
}
.w610 {
	width: 610px;
	margin-left: 37px;
}

.w630 {
	width: 630px;
	padding-left: 10px;
}


/*　ボーダーに関するもの（使ってない？）　*/
.border_m5 {
	margin-left: 5px;
	border: 1px solid #666666;
}

/*　文字大・赤字・太字　*/
.text_l_b_20px{
	color:#FF0000;
	font-size: 135%;
	font-weight:bold;
	}

/*　文字大小ボタン　*/
#sizechange {
	float: right;
	width: 210px;
	margin-right: 10px;
	padding-left: 5px;
	font-size:14px;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

#sizechange a {
	cursor:pointer;
}

/*　パンくずリスト　*/
#pan {
	float: left;
	width: 410px;
	margin-left:8px;
	padding-top: 5px;
	text-align:right;
	font-size:14px;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";	
}

#pan p{
	text-align:left;
}


/*　トップに戻る等・矢印右マージン　*/
.yaji_migi{
	margin-right: 5px;
}

/*　コンテンツアンケート　*/
.imp_waku{
	float:right;
	width:230px;
	padding:5px;
	margin:15px 0px 5px 5px;
	font-size:14px;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	text-arign:left;
}
	
.imp_waku p{
	margin:8px 0px;
}


/*　説明文用　*/
.intoro {
	width: 635px;
	padding-left:10px;
	margin-left: 19px;
}

#left .c_h3 {
	margin: 5px 0px 1px 4px;
}

#left .catego_c {
	margin-top: 10px;
	margin-bottom:0px;
	margin-left:5px;
}

#bannar1 a{
	display: block;
	width: 190px;
	height: 0 !important;
	margin: 10px 0px 0px 0px;
	padding: 34px 0 0 0;
	background-image: url(../image/bannar_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#bannar2 a{
	display: block;
	width: 190px;
	height: 0 !important;
	margin: 5px 0px 10px 0px;
	padding: 34px 0 0 0;
	background-image: url(../image/bannar_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

/*
#bannar3 a{
	display: block;
	width: 190px;
	height: 0 !important;
	margin: 10px 0px 0px 0px;
	padding: 74px 0 0 0;
	background-image: url(../image/bannar_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
*/


#bannar3 a{
	display: block;
	width: 190px;
	height: 0 !important;
	margin: 10px 0px 0px 0px;
	padding: 82px 0 0 0;
	background-image: url(../image/bannar_3_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

#bannar1 a:hover,#bannar2 a:hover{
	background-position: 0px -34px;
}

/*　#bannar3 a:hover{
	background-position: 0px -74px;
}　*/