.header {
	padding:2em 0;
	overflow:hidden;
}
@media screen and (min-width: 300px) and (max-width: 939px) {
	.logo img{
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
}

@media screen and  (max-width: 299px) {
	.logo img{
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
}

.logo .small {
  position: relative;
  top: -20px;
}
.logo:hover,
.logo:active,
.logo:visited {
  color: #fff;
}
.navigation {
  line-height: normal;
  margin:1em 0;
}
.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation ul li {
  float: left;
  margin-left: 10px;
}
.navigation ul li:first-child {
  margin-left: 0;
}
.navigation ul li a {
  text-transform: uppercase;
  color: #6cb52a;
  padding: 1em;
  text-decoration: none;
}
.navigation ul li a.current {
	color: #666;
}
.navigation ul li a:hover {
	opacity:0.5;
}
.navigation ul li a:active {
  color: #666;
}
.content-inner {
  /*padding-top: 20px;*/
  padding-bottom: 60px;
}
.row .col {
  text-transform: uppercase;
  padding-top: 2px;
  padding-bottom: 2px;
}

.container {
	width:90%;}

@media only screen and (min-width: 762px) and (max-width: 939px) {
  .navigation ul li {
    margin-left: 5px;
  }
  .navigation ul li a {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 761px) {
  .header {
    padding-bottom: 0;
    text-align: center;
  }
  .header .container {
    padding: 0;
  }
  .logo {
    float: none;
    margin: 0 auto;
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
  .logo .small {
    position: static;
  }
  .nav-toggle {
    display: block;
    background-color: #6cb52a;
    text-align: center;
    color: #FFF;
    padding: 10px;
    text-decoration: none;
  }
  .nav-toggle:hover {
	  opacity:0.8;
	  color:#fff;
	  }
  .nav-toggle.active {
    background-color: #f4f4f4;
	color:#666;
  }
.navigation ul li a.current {
	background:#6cb52a;
	color:#fff;
}
  .navigation {
    float: none;
	box-shadow:0 0 4px #CCC;
	padding:0;
	margin:0 0 1em;
  }
  .navigation ul li {
    float: none;
    margin-left: 0;
  }
  .navigation ul li a {
    color: #222;
    padding: 10px;
    display: block;
    text-transform: none;
    background-color: #fff;
    border: 0;
  }
  .navigation ul li a:hover {
    background-color: #fff;
  }
  .menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .showmobile.inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
		table.sosikioutline tbody th {
		width:90px;
		background-color: #fafafa;
	}
}


/*----------------------------
	FOOTER
-----------------------------*/
.footer { clear:both; margin:0; box-sizing:border-box; border-top:#eee 1px solid; color:#888;}
.footer .sitename { font-size:1.2em; margin-bottom:0;}
.footer a { color: #222; }
.address { font-size:0.81em;}
.copyrights { text-align: right; font-size:0.81em; margin-top:3em; }
.pageback a { font-weight:normal !important;}
/*----------------------------
	HOME
-----------------------------*/
.mainv {
	width: 100%;
	height:auto;
	margin-bottom:2em;
	padding:0;
	border-radius:10px;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 0 1em #DDD;
	}
.mainv img { display:block; width:100%; height:auto; margin:0; padding:0;}
.home .col { text-align: left;}

/*NEWS*/
.home-news { margin-top:0;}
.home-news h2 { margin:0;}
.home-news ul { list-style-type: none; padding:0; color: #CCC; margin-top:1em;}
.home-news ul li { padding-top:0.5em; padding:0 0.5em 0.5em; border-bottom: 1px solid #EEE;}
.home-news ul li a {}

/*LINKS*/
.home-links { margin-top:0;}
.home-links h2 { margin:0;}
.home-links ul { list-style-type: none; padding: 0; margin-top:1em;}
.home-links ul li {
	padding-top:0.5em;
	background: url(../img/common/list-green.png) center left no-repeat;
	border-bottom: 1px solid #EEE;
	}
.home-links ul li a { display: block;  padding:0 0.5em 0.5em 1em;}

/*MEMBER*/
#login a{
   text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display:block;
	width:115px;
	height:30px;
	background:url(../img/home/login.png) no-repeat top;
	margin-left:25px;
	}
#login a:hover{
   text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display:block;
	width:115px;
	height:30px;
	background:url(../img/home/login.png) no-repeat bottom;
	margin-left:25px;
	}
/*SEARCH*/
#search {
	overflow:hidden;
	}
#search a {
    display:block;
	width:100%;
	background:#6cb52a;
	padding:2em 0;
	margin-bottom:20px;
	border-radius:10px;
	text-align:center;
	border-bottom:#5b9725 solid 2px;
	box-shadow:#DDD 0 2px 5px;
	color:#FFF;
	text-decoration:none;
	overflow:hidden;
	text-align:left;
	}
#search .icon {
	height:auto;
	margin:0 auto;
	padding:0 1em;
	float:left;
	display:block;
	width:20%;
	height:auto;
	}
#search span {
	font-size:0.73em;
	line-height:1.2;
	display:block;
	}
#search strong {
	font-size:1.31em;
	display:block;
	}
#search a:hover {
	margin-top:2px;
	margin-bottom:18px;
	background:#5b9725;
	box-shadow:#DDD 0 0 3px;
	}
@media only screen and (max-width: 761px) {
#search .icon { float:none;}
#search a { text-align:center;}
	}
/*HOLIDAY*/
#holiday a {
	clear:both;
    display:block;
	margin-top:0;
	margin-bottom:20px;
	padding:1em;
	border-radius:10px;
	overflow:hidden;
	display:block;
	width:100%;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	font-size:1.31em;
	color:#FFF;
	background:#c93d06;
	box-sizing:border-box;
	box-shadow:#DDD 0 2px 5px;
	border-bottom:#aa3304 solid 2px;
	overflow:hidden;
	}
#holiday .icon {
	width:10%;
	height:auto;
	}
#holiday a:hover {
	background:#aa3304;
	box-shadow:#DDD 0 0 3px;
	margin-top:2px;
	margin-bottom:18px;
	}


/*----------------------------
	組織概要
-----------------------------*/
table.sosikioutline {
	width:80%;
	margin:0 auto;
	}
table.sosikioutline tbody th {
	padding:1em;
	background-color: #fafafa;
}

table.sosikioutline tbody td {
	padding:1em;
	}
@media only screen and (max-width: 761px) {
table.sosikioutline {
	width:100%;
	}	
	}	

/*----------------------------
	薬局を探す
-----------------------------*/
.search:a {
	background-color: #fff !important;
	text-align: left;
	margin-bottom:40px;
	padding-bottom:40px;
	}
.search {
	width:100%;
	overflow:hidden;
	}
.search .text { width: 30%; float:left; box-sizing:border-box;}
.search .map { width: 65%; float:right; box-sizing:border-box;}
@media only screen and (max-width: 761px) {
.search .text { width: 100%; float:none;}
.search .map { width: 100%;}	
	}
.explanation { color:#ff3366; font-size:85%;}
.example {
	color:#888 !important;
	font-size:80% !important;
	padding:0;
	margin:0;}
.search .col {
	background-color: #FFF !important;
	text-align: left;
	margin-bottom:60px;
	padding-bottom:30px;
}
.search_group {
	box-sizing:border-box;
	margin-bottom:10px;
	padding:0 10px 20px;
	border:#eee solid 1px;
	}
.search_group h3 {
	clear:both;
	margin-top:2em;
	margin-bottom:1em;
	padding:0.63em;
	font-size:0.87em;
	background:#f4f4f4;
	}
/*中心に設定*/
#btgocode {
	display:block;
	margin:0 auto;
	text-align:center;
	margin:10px auto;
	background:#f4f4f4;
	border:none;
	padding:5px 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.00em;
	border-radius:5px;
	border-bottom:#ccc solid 2px;
	}
#btgocode:hover {
	background:#ccc;
	margin-top:12px;
	border:0;
	}

#alphabet {
    display:block;
	margin-bottom:40px;
	background:url(../img/common/arrow.png) center left no-repeat;
	padding-left:1em;
	}
.search h1 {
	margin-bottom:20px;
	}
.search img { vertical-align:auto;}
.search #search {
	width:100%;
	text-align:center;
	margin-bottom:10px;
	}
.search #search .icon {
	width:10%;
	height:auto;
	}
.search #search a {
	padding:1em 0;
	}
#btsubmit{
	cursor:pointer;
	}
#map_canvas {
	width:600px;
	height:320px;
}
.s_container ul li {
	list-style-type: square;
	color:#6cb52a;
	padding:5px 0 0 0;}

/*----------------------------
	薬局を探す-リスト表示
-----------------------------*/

.searchlist {
	width:100%;
	margin:20px 0px 10px 0px;
	padding:0;
	border:1px solid #eee;
	background:#FFFFFF;
}
.searchlist th {
	width:25%;
	padding:10px;
	text-align:center !important;
	vertical-align:top;
	color:#FFFFFF;
	background-color:#6cb52a;
	border:1px solid #FFFFFF;
}
.searchlist td {
	background-color:#fff;
	padding:10px;
	border:none;
	border-bottom:#eee solid 1px;	
}
@media only screen and (max-width: 761px) {
.searchlist th {
	display:none;
	}
.searchlist td {
	display:block;
	width:100%;
	}

	}


/*----------------------------
	薬局を探す-検索結果
-----------------------------*/

.results h1 {
	margin-bottom:20px;}

.results a {
	text-decoration: none;
	font-weight:bold;}

.results a:hover {
	text-decoration: none;
	font-weight:bold;
	color:#00ccff;}

.results a:active {
	text-decoration: none;
	font-weight:bold;
	color:#00ccff;}
		
.results .col {
	background-color: #FFF !important;
	text-align: left;
	margin-bottom:60px;
	padding-bottom:30px;
}

.results table {
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-bottom:1px solid #eee;
	background:#FFFFFF;
}
.results th {
	width:25%;
	padding:8px 10px 8px 10px;
	text-align:left;
	vertical-align:top;
	color:#FFFFFF;
	background-color:#6cb52a;
}
.results td {
	background-color:#fafafa;
	padding:8px 10px 8px 10px;
}

.results .four div {
	text-align:right;}
	
.icon  {
	vertical-align:text-top;
	padding:0 4px 0 4px;}

.results .left {
	float:left;}
	
.results .right{
	width: 60%;
}

/*----------------------------
	薬局一覧-50音順
-----------------------------*/
.alphabet {
	margin:20px 0px 10px 0px;}
	
.alphabet table {
	width:96% !important;
	border:1px solid #FFFFFF;
	background:#FFFFFF;
}
.alphabet th {
	width:auto;
	padding:10px;
	text-align:center !important;
	vertical-align:top;
	color:#FFFFFF;
	background-color:#6cb52a;
	border:1px solid #FFFFFF;
}
.alphabet td {
	background-color:#fafafa;
	padding:10px;
	border:1px solid #FFFFFF;
	
}
.name{width:25% !important;}
.tel{width:14% !important;}
.HP{width:4% !important; text-align:center;}


/*----------------------------
	薬局一覧-ツールチップ
-----------------------------*/

a.tooltip { margin:5px;}
a.tooltip img {
	display:inline-block;
	width:16px;
	height:16px;
	}

a.tooltip:hover img {
	opacity:0.7;
    }
a.tooltip span {
         display: none;
         padding: 10px;
         font-size: 70%;
         margin:10px;
         line-height: 1.8;
    }
a.tooltip:hover span{
         display: block;
		 background:#FFFFCC;
         position: absolute;
         color: #000000;
         width: 250px;
		 box-shadow:#ccc 0 0 8px;
    }


/*----------------------------
	新着情報
-----------------------------*/

.newstitle {

}
	
.entrydate {
	text-align:right;
	font-size:75%;
	color:#888;
	margin-bottom:10px;
	
}

.news {
	padding-bottom:60px;}
	
.news table th {
	width:40%;
	padding:8px 10px 8px 10px;
	background-color: #fafafa;
}

.news table td {
	padding:8px 10px 8px 10px;
	}


.news img {
	padding:10px;}