@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);

/* [firefoxで表示時画像なしがわかるように] */
img:-moz-broken {
	-moz-force-broken-image-icon:1;
	width:24px;
	height:24px;
}

.img-center {
	display: block;
	margin: 0 auto;
}

header {
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
/*	color: #930;*/
	color: #fff;
/*	background-color: #f4a42a;*/
	background-color: #2a4183;
	position: fixed;
	height:50px;
    z-index: 9999;
}
header img{
/*	width: 100%;	*/
	text-align: center;
/*	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #930;
	background-color: #f4a42a;
	position: fixed;*/
/*	height:50px;	*/
/*    z-index: 9999;	*/
}

footer {
	text-align: center;
	color: #2a4183;
	background-color: #39c;
	padding-top: 5px;
	margin-top: 1;
}

footer #copy {
	text-align: center;
	color: #fff;
	font-size: 70%;
	background-color: #2a4183;
	padding-top: 3px;
	padding-bottom: 3px;

}

/* sectionのデコレーション */
.sec_deco {
	background-color: #006837;
	color: #fff;
	padding: 10px;
	margin: 1em;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

#contact { margin: 0 1em; }
#contact p { color: #3333; }


/* ==================================================
	共通パーツ
================================================== */
/* トップのみ */
#topimg { padding-top: 50px; margin-bottom: 1em; width: 100% ; background-color: #f4a42a; }

/* ページイメージ */
#pageimg { padding-top: 50px; margin-bottom: 1em; width: 100% ; }

.rds {								/* radius */
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
}

.scl100 { width: 100%; }


/* メニューボタン装飾 */
#menubtn {
/*	color: #fff;*/
	color: #333;
	margin-left: .5em;
/*	background-color: #006837;*/
	background-color: #fff;
	padding: .3em .4em;
    -webkit-border-radius: .2em;
       -moz-border-radius: .2em;
         -o-border-radius: .2em;
            border-radius: .2em;
}


/* TOPページ以外の上部見出し的なやつ */
h4 {
	margin-top: 0;
	position: relative;
	overflow: hidden;
	color: #FFFFFF;

	/* height と line-height を揃えることで上下中央に配置できる、改行するとだめだけどね */
	height: 60px;
	line-height: 60px;

/*	font-size: 20pt;*/
	text-align: right;
	letter-spacing: 1.5pt;

/*	background-color: #6699ff;	*/
	background-color: #6cd;

	padding-right: 30px;
/*
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
*/
/*	margin-bottom: 15px;*/
}

h4:before{
	content: '';
	position: absolute;
	bottom: -0px;
	left: 50px;
	display: block;
/*	width: 200px;
	height: 100px;
*/
	width: 100px;
	height: 50px;
	background-color: #FFF;
	border-radius: 100px 100px 0 0;
	opacity: 0.6;
}
h4:after{
	content: '';
	position: absolute;
	bottom: 10px;
	left: 130px;
	display: block;
/*	width: 80px;
	height: 80px;
*/
	width: 40px;
	height: 40px;
	background-color: #FFF;
	border-radius: 50px 50px 50px 50px;
	opacity: 0.6;
}

h4 span { font-size: 80%; }

.tit {
	font-weight: 400;
	font-family: "Mplus 1p";
	font-size: 18px;
	background-color: #3399cc;
	color: #fff;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	padding: 10px;
	margin-bottom: 6px;
}

.tit span { font-size: 12px; float: right; }
.tit span a { color: #fff; text-decoration: none; }

.tit_sub {
	font-weight: normal;
	border-top: double #2a4183 3px;
	border-bottom: double #2a4183 3px;
	padding: 2px;
	margin-bottom: .5em;
}

.tit_sub span {	color: #2a4183;	margin-right: 5px; font-size: 50%; }


/* フォーム確認のやつ */
#kakunin dt { font-weight: bold; margin-bottom: .5em; margin-top: 1em; }
#kakunin dd { margin-left: 1em; margin-bottom: 1em; }

.end_message { margin: 3em auto; text-align: center; line-height: 1.9; }
.end_message .errmsg { color: #f00; }

/************   各ページの設定    ***********/

/* =============================================================================
店舗情報
============================================================================= */
.Tblshop {
	width: 100%;
	text-align: left;

	border-collapse: separate;
	border-spacing: 2px;		/* セルの隙間幅指定なんだけどこれが有効になるのは border-collapse: separate が定義されているときだけらしい */
	line-height: 20px;
	border: 1px solid #ccc;
	margin: 1em 0;
}


.Tblshop th,
.Tblshop td { padding:8px; }
.Tblshop th { width: 30%; font-weight: normal; background-color: #CAE0F9; }
.Tblshop td { border-bottom:1px #ccc solid; }
.Tblshop tr:last-child td { border-bottom: 0px; }

.shopinfo { overflow: auto; min-height: 50px; max-height:200px; padding: 5px; margin-bottom: 1em; }

.alb-btm { margin-bottom: .5em;}

/* 可能保険調剤のとこ */
.slist {
	color: #fff;
	text-align: center;

/*	height: 40px;
	line-height: 40px;
*/

	padding: 10px;
	margin-bottom: .5em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.son {	background-color:#2a4183; }
.soff {	background-color:#ccc; }

#map_canvas { width: 100%; height: 300px; border: 1px solid #999; }

/* =============================================================================
在宅・居宅
============================================================================= */
.faq dt {
	min-height: 30px;
/*	font-size: 18px;*/
	color: #008000;
	background-image: url(../../image/icon_q.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
/*	padding-top: 5px;*/
	margin-bottom: 5px;

}
.faq dd {
	background-image: url(../../image/icon_a.jpg);
	background-repeat: no-repeat;
	background-position: left 0%;
	min-height: 30px;
	border-bottom: 1px solid #fdd0d0;
	padding-left: 50px;
/*	padding-top: 5px;*/
	padding-bottom: 5px;
	margin-bottom: 10px;
}


.Tblhome {
	width: 100%;

	border-collapse: separate;
	border-spacing: 2px;		/* セルの隙間幅指定なんだけどこれが有効になるのは border-collapse: separate が定義されているときだけらしい */
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
}

.Tblhome th,
.Tblhome td { padding:2px;	text-align: center;	vertical-align: middle; height:55px;}
.Tblhome th { font-weight: normal; background-color: #CAE0F9;}
.Tblhome td { background: #F0FFF0; }



/* =============================================================================
健康相談
============================================================================= */
#health { text-align: center; color: #008000; }



/* =============================================================================
会社概要ページ
============================================================================= */
.rinen {
	border-radius: 8px;
	background: #595135;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	margin-bottom: .5em;
	text-align: center;
}

.Tblgaiyou {
	width: 100%;
	text-align: left;

	border-collapse: separate;
	border-spacing: 2px;		/* セルの隙間幅指定なんだけどこれが有効になるのは border-collapse: separate が定義されているときだけらしい */
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
}


.Tblgaiyou th,
.Tblgaiyou td { padding:2px; font-weight: normal; }
.Tblgaiyou th { background-color: #CAE0F9; }
.Tblgaiyou td { border-bottom:1px #ccc solid; }
.Tblgaiyou th.nw { white-space: nowrap; }

/* =============================================================================
個人情報保護方針
============================================================================= */
#pptxt { border: 1px solid #C0C0C0; padding: 5px 20px 10px; font-size:95%; }
#pptxt dt { color: #008000; font-size: 110%; }
#pptxt dd { margin-bottom: 1em; }
#pptxt #HogoInfo { text-align:right;}

/* =============================================================================
採用情報
============================================================================= */
#norec { text-align: center; margin:4em auto; }

.recBox { width: 100%; border-collapse: separate; border-spacing: 2px;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #ccc;
}
.recBox th,
.recBox td { padding: 2px; }
.recBox th { background-color: #CAE0F9; font-weight: normal }
.recBox td { border-bottom: 1px #ccc solid; line-height: 1.6; }

#entcmt { line-height: 1.6; margin-left: 0.5em; }

#entbtn { margin: 1em auto; text-align: center; }

#ent-error { text-align: center; margin-top: 5em; }
#ent-error h3 { color: #f00; font-weight: bold; }

.notser dd { text-align: right;}

.mrl { margin-bottom: 2rem; }