BODY     { background: white repeat-x; margin: 0; padding: 0 }

a:link    { color: #3333cc; text-decoration: none }

a:visited   { color: #cc0000; text-decoration: none }

a:hover    { color: #cc0000; text-decoration: underline }



.top { color: #5e8eab; font-size: 0.88em; border-bottom: dotted 1px #55555;text-align: right}

.top a { color: #5e8eab;padding-left: 3px; text-decoration: none}



.table_gray    { 
	border-collapse: collapse;
	line-height: 1.2; 
	border: 1px #999999 solid;
	}

.td_gray    { 
	padding: 2px;
	border:1px solid #999999;
	border-collapse: collapse;
	}



.table_normal    { 

	border-style: solid; 
	padding: 3px; 
	border-width: 1px; 
	border-color: #999   #999 
	}


.table_dot_under    { 

	background-color: #eeeeee;
	border-bottom: dotted; 
	padding: 2px; 
	border-width: 1px; 
	border-color: #666   #666 
	}


.table_midasi     { 
	color: #666; 
	font-size: 18px; 
	padding: 2px; 
	border-top: 4px #666; 
	border-right: 4px #666; 
	border-bottom: 4px solid #666; 
	border-left: 4px #666 
	}


.table_midasi_middle     { 
	color: #666; 
	font-size: 14px; 
	padding: 2px; 
	border-bottom: 2px solid #ccc; 
	}



.table_normal_p    { 
	background-color: #FFF0F5;
	border-style: solid; 
	padding: 4px; 
	border-width: 1px; 
	border-color: #666   #666 
	}


.table_normal1    { 
	
	background-color: #ffffff;
	border-style: solid; 
	padding: 4px; 
	border-width: 1px; 
	border-color: #666   #666 
	}

.table_normal2    { 
	
	background-color: #eeeeee;
	border-style: solid; 
	padding: 4px; 
	border-width: 1px; 
	border-color: #666   #666 
	}

.table_normal_th    { 
	
	background-color: #ccccff; 
	border-style: solid;
	font-weight: bold; 
	text-align: center;
	padding: 4px; 
	border-width: 1px; 
	border-color: #666   #666 
	}

.th1      { 
	color: #000000;
	 
	font-weight: bold;
	background-color: #cccccc; 
	text-align: center;
	border-style: solid; 
	padding: 4px; 
	border-width: 1px;
	border-collapse: collapse; 
	border-color: #666   #666
	}

.th2      { 
	color: #cc0000; 
	
	font-weight: bold;
	background-color: #cccccc; 
	text-align: center;
	border-style: solid; 
	padding: 4px; 
	border-width: 1px;
	border-collapse: collapse; 
	border-color: #666   #666
	}

.th1_p     { 
	color: #000000; 
	
	font-weight: bold;
	background-color: #ffcccc; 
	text-align: center;
	border-style: solid; 
	padding: 4px; 
	border-width: 1px;
	border-collapse: collapse; 
	border-color: #666   #666
	}

.th2_p      { 
	color: #cc0000; 
	 
	font-weight: bold;
	background-color: #ffcccc; 
	text-align: center;
	border-style: solid; 
	padding: 4px; 
	border-width: 1px;
	border-collapse: collapse; 
	border-color: #666   #666
	}


.tdblack	{
	border:1px solid #666666; 
	border-collapse: collapse;
	}


.tableblack	{
	border-collapse: collapse; 
	line-height: 1.2; 
	border: 2px #666666 solid;
	}
	
/* 病院・福祉のレイアウト */
.hospital_map_img{
	background:#fff4f5;
	margin-bottom: 20px;
}

.hospital_table_gray{
	border-collapse: collapse;
	line-height: 1.2; 
	border: 1px #999999 solid;
	float: left;
	font-size: small;
	margin-bottom: 15px;
}
.hospital_table_img{
	float: right;
}

.hospital{
	width: 770px;
	margin:0 auto;
	text-align: left;
	cursor: url(../images/clover.png),default;
}

.hospital a{
	cursor: url(../images/clover.png),default;
	text-decoration:none;
	color: #333;
}

.hospital a:hover{
	opacity: 0.5;
}

.headline {
	background: #cc5757;
	padding: 10px;
	color: #fff;
}
.clear{
	clear: both;
}

/* 病院・福祉のMAP アイコン枠 */

.map_icon{
	background:#fff;
	width:18px;
	height:18px;
	border-radius:18px;
	border: 2px #f7c7c7 solid;
	padding:2px;
	vertical-align:middle;
	margin-bottom:5px;
}

/* 病院・福祉のMAP */
.hospital_map{
	border-collapse: collapse;
	border-spacing: 0;
	height: 155px;
}

.hospital_map h3{
	font-size: 16px;
}

/* 病院・福祉のMAP 居室 */ 
.room{
	background: url(../images/room.png);
	border:1px solid #BCBCBC;
	position:relative;
}

.room_head{
	width: 212px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.room_pink{
	position:absolute;
	top:0px;
	left:5px;
}

.room_green {
	position:absolute;
	top:70px;
	left:10px;
}

.room_red {
	position:absolute;
	top:70px;
	left:150px;
}

.room_blue {
	position:absolute;
	top:10px;
	left:150px; 
}

/* 病院・福祉のMAP トイレ */ 
.toilet{
	background: url(../images/toilet.png);
	border:1px solid #BCBCBC;
	position:relative;
}

.toilet_head{
	width: 108px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.toilet_pink{
	position:absolute;
	top:70px;
	right:5px;
}

/* 病院・福祉のMAP 洗濯室 */
.wash{
	background: url(../images/wash.png);
	border:1px solid #BCBCBC;
	position:relative;
}

.wash_head{
	width: 108px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.wash_pink{
	position:absolute;
	top:70px;
	right:25px;
}

/* 病院・福祉のMAP お風呂 */
.bath{
	background: url(../images/bath.jpg);
	border:1px solid #BCBCBC;
	position:relative;
}

.bath_head{
	width: 171px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.bath_pink{
	position:absolute;
	top:12px;
	left:5px;
}

.bath_red {
	position:absolute;
	top:70px;
	left:110px;
}

.bath_blue {
	position:absolute;
	top:12px;
	left:110px;
}

/* 病院・福祉のMAP 医務室 */
.medical{
	background:url(../images/medical.png);
	border:1px solid #BCBCBC;
	position:relative;
}

.medical_head{
	width: 171px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.medical_pink{
	position:absolute;
	top:84px;
	left:15px;
}

/* 病院・福祉のMAP 2行目全体レイアウトデザイン */
.left{
	float:left;
	position: absolute;
	bottom:0;
}

.right{
	position: absolute;
	bottom:0;
	left:350px;
}

.hospital_map2{
	width: 770px;
	height: 300px;
	position: relative;
}

/* 病院・福祉のMAP 厨房 */
.kitchen{
	background: url(../images/kitchen.png);
	border:1px solid #BCBCBC;
	position:relative;
}

.kitchen_head{
	width: 134px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.kitchen_pink{
	position:absolute;
	top:70px;
	left:70px;
}
/* 病院・福祉のMAP 共有スペース */
.share{
	background: url(../images/share.jpg);
	border:1px solid #BCBCBC;
	position:relative;
}

.share_head{
	width: 176px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.share_pink{
	position:absolute;
	top:20px;
	left:5px;
}

.share_green {
	position:absolute;
	top:70px;
	left:5px;
}

.share_blue {
	position:absolute;
	top:20px;
	left:118px; 
}

/* 病院・福祉のMAP ホール */
.hole{
	height:280px;
	background: url(../images/hole.png);
	position:relative;
}

.hole_head{
	width: 250px;
  	position: absolute;
 	top: 20px;
	text-align: center;
}

.hole_circle_pink {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 2px solid #f48787;
	border-radius:100%;
	background: #fff;
	font-size: 12px;
}

.hole_circle_pink a{
	width: 50px;
	text-align: center;
	position:absolute;
	top:-1px;
}

.hole_pink{
	position:absolute;
	top:30px;
	left:5px;
}

.hole_green {
	position:absolute;
	top:210px;
	left:5px;
}

.hole_blue {
	position:absolute;
	top:30px;
	left:190px; 
}

.hole_red {
	position:absolute;
	top:210px;
	left:190px; 
}

.hole_purple {
	position:absolute;
	top:10px;
	left:300px; 
}

/* 病院・福祉の玄関 */
.entrance{
	background: url(../images/entrance.png);
	border:1px solid #BCBCBC;
	position:relative;
	height: 155px;
}

.entrance_head{
	width: 171px;
  	position: absolute;
 	top: 3px;
	text-align: center;
}

.entrance_pink {
    position: absolute;
    top: 65px;
    right: 100px;
}

/* 病院・福祉のMAP 3行目全体レイアウトデザイン */
.left2{
	float:left;
}

.left3{
	float:left;
	padding-left: 100px;
}

.right2{
	float:right;
}

/* 病院・福祉のMAP 4行目全体レイアウトデザイン */
.frame{
	width: 475px;
	padding-left:150px;
}

.courtesy{
	position:relative;
	width:475px;
	height:170px;
}

.courtesy_pink {
    position: absolute;
    top: 95px;
    left: 255px;
}

/* 病院・福祉のMAP 丸リンクのデザイン */

.circle_pink {
	width: 50px;
	height: 50px;
	border: 2px solid #f48787;
	border-radius:100%;
	background: #fff;
	line-height: 48px;
	text-align: center;
	font-size: 12px;
}

.circle_green {
	width: 50px;
	height: 50px;
	border: 2px solid #9cce7c;
	border-radius:100%;
	background: #fff;
	line-height: 48px;
	text-align: center;
	font-size: 12px;
}

.circle_blue {
	width: 50px;
	height: 50px;
	border: 2px solid #b5d2f4;
	border-radius:100%;
	background: #fff;
	line-height: 48px;
	text-align: center;
	font-size: 12px;
}

.circle_red {
	width: 50px;
	height: 50px;
	border: 2px solid #f7974f;
	border-radius:100%;
	background: #fff;
	line-height: 48px;
	text-align: center;
	font-size: 12px;
}

.circle_blue {
	width: 50px;
	height: 50px;
	border: 2px solid #b5d2f4;
	border-radius:100%;
	background: #fff;
	line-height: 48px;
	text-align: center;
	font-size: 12px;
}

.circle_purple {
	width: 50px;
	height: 50px;
	border: 2px solid #4682b4;
	border-radius:100%;
	background: #fff;
	line-height: 48px;
	text-align: center;
	font-size: 12px;
}

/* 商品一覧全体レイアウト */
.product{
	width: 770px;
	margin:0 auto;
	text-align: left;
}
.product_headline {
	background: #3cb371;
	padding: 10px;
	color: #fff;
}
/* 商品一覧-点線 */
.product-border{
	border-bottom: 2px dotted #3cb371;
}

/* 商品一覧-見出し */
.product_head{
	padding-left:10px;
	color:#3cb371;
}

ol,ul{
	list-style:none;
}

#proIcon li img{
	vertical-align:top;
	display:block;	
}

#proIcon p{
	width:79px;
	height:29px;
	margin:0 6px 20px 0;
	float:left;
	line-height:0;
}
.product_description{
	width: 580px;
	padding-left:30px;
}
.pagetop{
	text-align: right;
}

/*aタグのリンク範囲指定*/
.range01 a{
    position:absolute;
    top:0px;
    left:-20px;
    width:50px;
    height:50px;
	padding:0 10px 20px 20px; 
}

.range02 a{
    position:absolute;
    top:0px;
    left:-20px;
    width:50px;
    height:50px;
	padding:0 20px 20px;
}

/*2020 02 10追加*/
.orange_midashi{
    background: #ed7000;
    color:#fff;
    padding:5px;
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
}
.main_box{
    padding:0;
    width:50%;
    height: 180px;
    margin-bottom: 20px;
}

.orange_box dt{
    background: #f7ddc6;
    padding:5px;
    margin-bottom: 10px;
}
.orange_box dd,
.orange_box dd ul{
    padding:0;
    margin:0;
}
.orange_box dd ul li{
    padding:0 10px;
    font-size:13px;
}
.orange_box dd ul li:before{
    content: url(../images/dot_orange.png);
    color:#ed7000;
    margin-right: 5px;
}
#red_box{
    background:#ffebed;
    border:solid 2px #e60116;
    padding:10px;
    font-size:13px;
}