@charset "shift_jis";

@import url(css/general.css);
@import url(css/basic.css);

/* ====================================================================

   Style Info: トップページ
 
==================================================================== */

/* ---------------------------------------------
   トップイメージ
----------------------------------------------*/

#visual { width:684px; margin:0 auto; }


/* ---------------------------------------------
   薬局検索
----------------------------------------------*/

#search {
	width:640px;
	height:94px;
	margin:0 auto;
	background:url(image/search_bg.gif) no-repeat left top;
	font-size:0;
	line-height:0;
	}

#search dl {
	width:247px;
	float:left;
	display:inline;
	margin-top:17px;
	margin-left:106px;
	}

#search ul {
	width:270px;
	float:left;
	margin-top:17px;
	}

#search li {
	float:left;
	margin-left:10px;
	display:inline;
	}

#search li a:hover {
	opacity:0.65;
	-moz-opacity:0.65; /* Firefox */
	filter:alpha(opacity=65); /* IE6/7 */
	-ms-filter:"alpha(opacity=65)"; /* IE8 */
	}


/* ---------------------------------------------
   お知らせ
----------------------------------------------*/

#info {
	width:640px;
	margin:0 auto;
	/*padding:27px 0 15px 0;*/
	padding-top:27px;
	}

#info h3 {
	font-size:0;
	line-height:0;
	/*margin-bottom:27px;*/
	}

#info p {
	width:610px;
	margin:0 auto;
	padding:27px 0;
	text-align:left;
	background:url(image/h_linex.gif) repeat-x left bottom;
	}

#info p.bottom { background:none; padding:27px 0 15px 0; }

#info p:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#info p img {
	float:left;
	margin-right:25px;
	}


/*202109緊急避妊薬の処方せん応需体制*/
.caution-area{
	margin: 20px 20px 0;
	padding: 20px;
	text-align: center;
	color: #fff;
	background-color: #5195d6;
}

.caution-area a{
	color: #fff;
	text-decoration: none;
}

.caution-area a:link{
	color: #fff;
	text-decoration: none;
}

.caution-area a:hover{
	color: #fff;
	text-decoration:underline;
}

.caution-area h4{
	font-size: 24px;
	margin-bottom: 10px;
}

.caution-area h5{
	font-size: 16px;
	text-align: center;
}

/*202208コロナ抗原検査キットの販売体制*/
.caution-area2{
	margin: 20px 20px 0;
	padding: 20px;
	text-align: center;
	color: #fff;
	background-color:#65936D;
	margin-bottom: 20px;
}

.caution-area2 a{
	color: #fff;
	text-decoration: none;
}

.caution-area2 a:link{
	color: #fff;
	text-decoration: none;
}

.caution-area2 a:hover{
	color: #fff;
	text-decoration:underline;
}

.caution-area2 h4{
	font-size: 24px;
	margin-bottom: 10px;
}

.caution-area2 h5{
	font-size: 16px;
	text-align: center;
}

/*202403無菌調整対応可能リスト*/
.caution-area3{
	margin: 20px 20px 0;
	padding: 20px;
	text-align: center;
	color: #fff;
	background-color:#DB90D5;
	margin-bottom: 20px;
}

.caution-area3 a{
	color: #fff;
	text-decoration: none;
}

.caution-area3 a:link{
	color: #fff;
	text-decoration: none;
}

.caution-area3 a:hover{
	color: #fff;
	text-decoration:underline;
}

.caution-area3 h4{
	font-size: 24px;
	margin-bottom: 10px;
}

.caution-area3 h5{
	font-size: 16px;
	text-align: center;
}



/*202405八戸圏域薬局機能情報一覧*/
.caution-area4{
	margin: 20px 20px 0;
	padding: 20px;
	text-align: center;
	color: #fff;
	background-color:#38bfc4;
	margin-bottom: 20px;
}

.caution-area4 a{
	color: #fff;
	text-decoration: none;
}

.caution-area4 a:link{
	color: #fff;
	text-decoration: none;
}

.caution-area4 a:hover{
	color: #fff;
	text-decoration:underline;
}

.caution-area4 h4{
	font-size: 24px;
	margin-bottom: 10px;
}

.caution-area4 h5{
	font-size: 16px;
	text-align: center;
}

/*GoogleMap*/
.g-map{}

.g-map h4{
	padding:15px 20px;
	color:#fff;
	text-align: center;
	font-size: 26px;
	background-color: #38bfc4;
	margin-bottom: 15px;
}