@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,  
pre, form, fieldset, input, textarea, p, blockquote, th, td {  
    margin: 0;
    padding: 0;  
}

img, abbr, acronym, fieldset    {  
    border: 0;  
} 

li  {  
    list-style-type: none;  
}   

body{
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3″", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 100%;
	color: #000;
	line-height: 1.9;
}

.pagewidth{
	width: 980px;
	margin: 0 auto;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}

.fr{
	color:#EB141A;
	font-size:120%;
	font-weight:bold;
}

.red{
	color: #d80000;
}

.yellow{
	color: #fff223;
}

.orange{
	color: #ff9813;
}

.green{
	color: #1a8353;
}

.title2{
	margin:10px 0px;
	background:#64A50C;
	padding:10px 10px;
	color:#ffffff;
	font-size:120%;
}

.waku{
	background: #f2f2f2;
	border: #dbdbdb 1px solid;
	padding: 20px 30px;
}

.waku2{
	background: #f2f2f2;
	border: #dbdbdb 1px solid;
	padding: 20px 30px;
	display: inline-block;
}

a:link{ color: #000; }
a:visited { color: #000; }
a:hover { color: #ff9813; }
a:active { color: #000; }

.mt60{
	margin-top: 60px;
}

.mt45{
	margin-top: 45px;
}

.mt30{
	margin-top: 30px;
}

.mt15{
	margin-top: 15px;
}

.mt20{
	margin-top: 20px;
}

.mb15{
	margin-bottom: 15px;
}

.mb30{
	margin-bottom: 30px;
}

.clear{
	clear: both;
	overflow: hidden;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

hr {
	border-top: 5px solid #1a8353;
	margin-top: 45px;
}

/*header
*****************************************************/

#header{
	height: 200px;
}

.lb{
	float: left;
}

.rb{
	float: right;
}

.rb img{
	float: left;
	margin-left: 15px;
}

#site-logo{
	margin-top: 25px;
}

h1{
	color: #cbcbcb;
	font-size: 11px;
	text-align: right;
	font-weight: normal;
	margin: 12px 0 15px 0;
}

.navwrap{
	float: left;
	background: #1a8353;
	width: 100%;
	margin-top: 22px;
}

nav#global-nav{
	margin: 0 auto;
	width: 980px;
}

#global-nav ul li{
	float: left;
	height: 70px;
}

/*footer
*****************************************************/

#footerwrap{
	text-align: center;
	padding-top: 50px;
	clear: both;
}

.footer_info{
	background: #f5f5f5;
	border-top: #c8c8c8 1px solid;
	padding: 30px 0px;
	margin-top: 20px;
}

.footer_info img{
	margin: 15px 0 20px 0;
}

.fnav{
	padding: 10px;
    overflow: hidden;
    position: relative;
}

.fnav ul{
	float: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
}

.fnav ul li{
	float: left;
	position: relative;
    left: -50%;
}

.footer_info{
	clear: both;
}

.copywrap{
	background: #1a8353;
	color: #fff;
	padding: 15px;
}

/*pagetop
*****************************************************/

#page-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 100px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}

/*main
*****************************************************/

.main{
	margin: 0 auto;
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
	background: #e4ff82;
}

.main img{
	max-width: 100%;
}

/*top
*****************************************************/

.center{
	text-align: center;
}

.case ul{
	width: 980px;
	margin: 0 auto;
}

.case ul.btn{
	margin-top: 30px;
}

.case .btn li{
	float: left;
	height: 170px;
}

.case .m_right{
	margin-right: 40px;
}

.case .m_bottom{
	margin-bottom: 30px;
}

.greeting{
	background: url(../img/greeting_bg.jpg) no-repeat center center;
	margin: 0 auto;
	margin: 25px 0px 60px 0px;
}

.greeting img{
	margin: 25px 0px; 
}

.service{
	background: #1a8353;
	color: #fff;
	padding: 50px 0px;
	height: auto;
	overflow: auto;
}

.service dl{
	width: 250px;
	float: left;
}

.service dt{
	margin-bottom: 25px;
}

.service p{
	margin: 20px 0px;
}

.service .m1{
	margin: 0 73px 0 42px;
}

.service .m2{
	margin: 0 43px 0 72px;
}

.info img{
	margin: 35px 0 15px 0;
}

.map{
	width: 780px;
	margin: 40px auto;
}

/*sub common
*****************************************************/

h2{
	font-size: 24px;
	color: #1a8353;
	text-align: center;
	line-height: 28px;
}

h2 span{
	font-size: 14px;
	color: #ffbe33;
	display: inline-block;
}

.case_sub{
	background: url(../img/case_bg.jpg) repeat;
	clear: both;
	padding: 45px 0;
	height: 540px;
}

h3{
	background: #1a8353;
	color: #fff;
	font-size: 14px;
	padding: 6px 15px;
	margin-bottom: 20px;
}

h4{
	border-top: #c1c1c1 1px solid;
	border-bottom: #c1c1c1 1px solid;
	padding: 10px 3px 10px 15px;
	background: url(../img/h4_icon.jpg) no-repeat left center;
	font-size: 14px;
}

/*漢方
*****************************************************/

.herbal img{
	margin-bottom: 20px;
}

.herbal p{
	background: #1a8353;
	padding: 35px 0;
	color: #fff;
	text-align: center;
}

.flow dl{
	width: 225px;
	margin-top: 30px;
	float: left;
}

.flow dt{
	background: #1a8353;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 15px;
	margin-bottom: 20px;
}

.flow dd img{
	margin-bottom: 15px;
}

.m_right{
	margin-right: 26px;
}

.flow{
	margin-bottom: 50px;
	overflow: auto;
}

/*健康相談
*****************************************************/

.consultation .txt{
	background: #1a8353;
	overflow: auto;
	padding: 40px 0;
	color: #fff;
	margin: 40px 0px;
}

.consultation .contents{
	width: 980px;
	margin: 0 auto;
}

.consultation .txt .left{
	float: left;
	width: 49%;
}

.consultation .txt .right{
	float: right;
	width: 48%;
}

.consultation .txt .left img{
	margin-bottom: 20px;
}

.consultation .txt2 img{
	float: left;
	margin-right: 30px;
}

.advice01 .left{
	float: left;
	width: 49%;
}

.advice01 .right{
	float: right;
	width: 49%;
}

.advice img{
	float: left;
	margin-right: 20px;
}

.advice .waku{
	margin-top: 20px;
}

.advice01{
	clear: both;
}

.advice02 .left{
	width: 49%;
	float: left;
}

.advice02 .right{
	width: 49%;
	float: right;
}

/*調剤・在宅
*****************************************************/

.dispense .left{
	float: left;
	width: 49%;
}

.dispense .right{
	float: right;
	width: 49%;
}

.dispense {
	overflow: hidden;
}

/*店舗概要
*****************************************************/
/*アコーディオン*/

.accordion {
	min-width: 300px;
	margin: 0 auto;
	padding: 	0px;
}

.accordion .ac-content {
	margin: 0px;
}

.accordion input {
	display: none;
}

.accordion label {
	display: block;
	background: url(../img/ac_icon.png) no-repeat 10px center #1a8353;
	cursor: pointer;
	padding: 10px 10px 10px 30px ;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}

.accordion label:hover {
	background: url(../img/ac_icon.png) no-repeat 10px center #106d42;
}

.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #fffce0;
	padding: 0 10px;
	border-left: #ffd987 1px solid;
	margin-bottom: 25px;
}

.accordion input:checked + .ac-cont {
	height: auto;
	padding: 15px;
}
/*アコーディオンここまで*/

.information .left{
	width: 30%;
	float: left;
	margin-right: 4%;
}

.information .middle{
	width: 30%;
	float: left;
	margin-right: 4%;
}

.information .right{
	width: 30%;
	float: left;
}

.information{
	overflow: auto;
}

.sample_01{
	width: 100%;
	border-collapse: collapse;
}

.sample_01 th{
	width: 30%;
	padding: 15px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #f1f1f1;
	border: 1px solid #cacaca;
}

.sample_01 td{
	padding: 15px;
	background-color: #fff;
	border: 1px solid #cacaca;
}

.information02 .left{
	float: left;
	width: 475px;
}

.information02 .right{
	float: right;
	width: 475px;
}

ul.information_img li img{
	float: left;
	width: 225px;
}

.information03{
	background: #1a8353;
	padding: 40px 0;
	margin: 45px 0;
}

.information04 .left{
	float: left;
	width: 240px;
}

.information04 .right{
	float: right;
	width: 710px;
}

/*お問い合わせ
*****************************************************/
#formWrap {
	margin:0 auto;
	font-size:100%;
	margin-top: 30px;
}
table.formTable{
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom: 20px;
}
table.formTable td,table.formTable th{
	padding:15px;
	text-align:left;
	border: #cacaca 1px solid;
}
table.formTable th{
	width:35%;
	font-weight:normal;
	background: #f1f1f1;
}
.contact{
	text-align: center;
}