/*
Theme Name: subaru-ph
Theme URI:http://berry723.com/wp/wp-content/themes/subaru-ph/
Description: This is sample theme.
*/


/* ---------------------------------------------

               全ページ共通

---------------------------------------------- */

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

body {
  margin: 0px;
  padding: 0px;
  font-size:14px;
  text-align: center;
}

#wrapper{
  background-image: url(img/index/back.png);
  background-repeat: repeat-x;

}

p {
  line-height:140%;
  letter-spacing:0.02em;
  text-align: left;
}
img {
  border:none;
  line-height:0;
  vertical-align:baseline;
}
.stop {
  clear: both;
}

a:link{
  text-decoration:none;
  background-image:none;
  color:#333;
}


a:visited{
  text-decoration:none;
  background-image:none;
  color:#333;
}     

a:hover{
  text-decoration:underline;
  background-image:none;
  color:#333;
}     

a:active{
  text-decoration:underline;
  background-image:none;
  color:#333;
}

.red{
  color:red;
}

.blue{
  color:#39F;
}
.green{
  color:#86DA22;
}
.orange{
  color:orange;
}
.mini {
  font-size: 90%;
}
.white {
  color: #FFF;
}
.gray {
  color:#CCC;
}
.line {
  text-indent: -9999px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.big {
  font-size: 120%;
}


#contaner {
  width: 950px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 20px 0px;
}


/* ---------------------------------------------

               ヘッダー

---------------------------------------------- */

#header {
  height: 82px;
}
#headerL {
  float: left;
  width: 512px;
}
#titleH {
  background-image: url(img/index/title.gif);
  height: 72px;
  width: 512px;
}
#titleH.title2022 {
  background-image: url("img/index/title2022.png");
	width: 629px;
}
#home {
  text-indent: -9999px;
  display: block;
  height: 72px;
  width: 512px;
}

#headerR {
  float: right;
  width: 438px;
}
#strBox {
  width: 438px;
}


/* ---------------------------------------------

               Navi

---------------------------------------------- */

#global {
  width: 950px;
}


/* ---------------------------------------------

               テーマ

---------------------------------------------- */

#themaBox {
  padding-top: 20px;
}
#thema {
  background-image: url(img/index/thema.png);
  text-indent: -9999px;
  height: 250px;
  width: 950px;
}

/* ---------------------------------------------

               メイン

---------------------------------------------- */


#main {
  padding: 20px 0px 0px 0px;
}


/* ---------------------------------------------

              メイン左

---------------------------------------------- */


#left {
  float: left;
  width: 690px;
}

/*----------店舗紹介----------*/

#shopBox {
  background-image: url(img/index/shop_back.jpg);
  background-repeat: repeat-x;
  background-position: left 25px;
}

.shopDiv {
  padding: 8px;
}
.detailP {
  padding-top: 7px;
  font-size: 13px;
}

#shopP01 {
  background-image: url(img/index/shop01.jpg);
  text-indent: -9999px;
  height: 94px;
  width: 210px;
}

#shopP02 {
  background-image: url(img/index/shop02.jpg);
  text-indent: -9999px;
  height: 94px;
  width: 210px;
}

#shopP03 {
  background-image: url(img/index/shop03.jpg);
  text-indent: -9999px;
  height: 94px;
  width: 210px;
}

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

#newsBox {
  padding-top: 20px;
}
#infoBox {
  background-color: #f9f9f9;
}





/* ---------------------------------------------

              メイン右

---------------------------------------------- */

#right {
  float: right;
  width: 240px;
}
#subNavi {
  padding-bottom: 20px;

}
#subNaviInner {
  padding: 10px;
  background-color: #efefef;
}

#rightBox {
  background-image: url(../img/index/right_back.jpg);
  background-repeat: repeat-x;
}
.rightP {
  color: #601F00;
  padding-top: 10px;
}
.tagH4 {
  color: #601F00;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.tagH4_2 {
  font-size: 16px;
  color: #953244;
  padding-bottom: 10px;
  border-bottom: 1px dashed #CCC;
}
.tagH4_3 {
  font-size: 16px;
  text-align:left;
  color: #953244;
  padding-bottom: 10px;
}




/* ---------------------------------------------

              　　フッター

---------------------------------------------- */

#footerWrap {
  background-image: url(img/index/footer_back.png);
  background-repeat: repeat-x;
  height: 150px;
}

#fotterTop {
  height: 50px;
  width: 950px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

#footer {
  background-image: url(img/index/footer.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 950px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

/* ---------------------------------------------

               リトップ

---------------------------------------------- */
.retopP {
  float: right;
}
.retopPP {
  padding: 5px 0px 0px 0px;
}


/* ---------------------------------------------

               各ページテーマ

---------------------------------------------- */

#thema_blog {
	background-image: url(img/thema/thema_blog.png);
	text-indent: -9999px;
	height: 120px;
	width: 950px;
}


/*---コンテンツ---*/
div#content {
   width: 690px;
   float: left
}

p.title {
  font-size: 17px;
  height: 49px;
  width: 690px;
  font-weight: bold;
  line-height: 48px;
  text-indent: 10px;
  background-image: url(img/bar.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 20px;
}

p.pagenation {
  font-size: 0.75em;
  overflow: hidden;
}

span.oldpage {float: left}

span.newpage {float: right}


/*---記事---*/
div.post {
  overflow: hidden;
  width: 670px;
  margin: 0 auto 30px;
}

div.post h2 {
  background-image: url(img/chip.png);
  background-repeat: no-repeat;
  background-position: left center;
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  font-size: 15px;
  text-align: left;
  padding: 10px 18px;
  margin: 0
}

div.post h2 a {color: #000}

div.post p {
  font-size:14px;
  line-height: 1.6
}

div.post p.postcat {
  text-align: right;
  margin: -10px 10px 10px 0
}  
  
div.post p.postcat a {
  font-size: smaller;
  background-color: #a7d043;
  border-radius: 2px;
  color: #fff;
  padding: 1px 5px;
}

div.post p.postinfo {
  color: #0c8bcd;
  text-align: right;
  margin: 0
}


/*---記事ないの画像---*/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}

.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px
}

.wp-caption {
  border: solid 1px #aaa;
  text-align: center;
  padding-top: 5px;
}


/*---サイドバー---*/
div#sidebar {
  width: 240px;
  float: right;
}

div#sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}

div#sidebar .widget { margin-bottom: 20px}

div#sidebar h2 {
  font-size: 15px;
  margin: 0;
  background-image: url(img/tag_right.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
  text-indent: 10px;
  line-height: 45px;
}

div#sidebar li li {
  font-size: 14px;
  border-bottom: dotted 1px #aaa;
  margin: 0
}

div#sidebar li li a {
  color: #000;
  display: block;
  padding: 5px 10px
}

div#sidebar li li a:hover { background-color: #f7e29e}


/*-----カレンダー------*/

table#wp-calendar {
	margin: 1em 0;
	border: 1px solid #ccc;
	background-color: #fff;
}

#wp-calendar {
	margin: 0 0 5px;
	border-color: #ddd;
	width: 100%;
}
#wp-calendar th,
#wp-calendar td {
	padding: 0;
	line-height: 1.8;
	font-size: 85%;
	text-align: center;
}

#wp-calendar th {
	line-height: 2;
	font-weight: normal;
	background-color:#eee;	
}

#wp-calendar td {
	color: #888;
	padding: 0;
	width: 14%;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#wp-calendar td a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background-color: #eee;
}

#wp-calendar td a:hover {
	color: #000;
	background-color: #bbb;
}


/*　コメント　*/
#comments {
	border: solid 1px #cfcfcf;
	background-color: #fcfcfc;
	padding:0 18px;
	margin: 20px auto;
	width:630px;
}

#comments h3 {
	font-size:13px;
	border-bottom: solid 1px #cfcfcf;
	padding-bottom: 3px;
	margin-top: 20px;
	text-align: left;
}

#comments p { font-size: 12px; }

#comments p a { color: #0c8bcd; }

#comments input, #comments textarea { display: block; }

#comments textarea { width: 450px }

#comments .required { color: red; }

#comments code {
	display: block;
	margin-top: 5px;
	font-size: smaller;
}

#comments ul {
	margin:0;
	padding: 0;
}

#comments li.compost {
	list-style: none;
	border-bottom: dotted 1px #0c8bcd;
	margin-bottom: 20px;
}

#comments p.cominfo { text-align: right;}

#comments #comfeed a {
	background-image: url(img/feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 17px;
	line-height: 1em;
	color: #000;
	text-decoration: none;
}

#comments #comfeed {
	background-color: #a7d043;
	padding: 8px;
	margin-top: 30px;
}

#comments #trurl {
	background-color: #dfdfdf;
	padding: 8px;
	margin-bottom: 30px;
}

/*--------------------------Navi----------------------------------*/

/* ---------------------------------------------

               ヘッダー内ナビ

---------------------------------------------- */



a.bt_blog {
  background-image: url(img/button/bt_blog.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 21px;
  width: 57px;
}

a:hover.bt_blog {
  background-position: left bottom;
}

a.bt_contact {
  background-image: url(img/button/bt_contact.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 21px;
  width: 70px;
}

a:hover.bt_contact {
  background-position: left bottom;
}

a.bt_home {
  background-image: url(img/button/bt_home.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 21px;
  width: 51px;
}

a:hover.bt_home {
  background-position: left bottom;
}

/*---------------文字サイズボタン-----------------*/

a.zoom01 {
  background-image: url(img/button/zoom01.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 25px;
  width: 33px;
}
a:hover.zoom01 {
  background-position: left bottom;
}

a.zoom02 {
  background-image: url(img/button/zoom02.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 25px;
  width: 32px;
}
a:hover.zoom02 {
  background-position: left bottom;
}
a.zoom03 {
  background-image: url(img/button/zoom03.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 25px;
  width: 36px;
}
a:hover.zoom03 {
  background-position: left bottom;
}

/* ---------------------------------------------

               グローバルナビ

---------------------------------------------- */

a#bt_survice {
  background-image: url(img/button/bt_survice.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 49px;
  width: 189px;
}
a:hover#bt_survice {
  background-position: left bottom;
}

a#bt_shop {
  background-image: url(img/button/bt_shop.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 49px;
  width: 190px;
}

a:hover#bt_shop {
  background-position: left bottom;
}

a#bt_recruit {
  background-image: url(img/button/bt_recruit.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 49px;
  width: 189px;
}

a:hover#bt_recruit {
  background-position: left bottom;
}

a#bt_qa {
  background-image: url(img/button/bt_qa.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 49px;
  width: 190px;
}

a:hover#bt_qa {
  background-position: left bottom;
}

a#bt_link {
  background-image: url(img/button/bt_link.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 49px;
  width: 190px;
}

a:hover#bt_link {
  background-position: left bottom;
}

/*2022*/
ul#navi li a {
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 49px;
}
ul#navi li a:hover { background-position: left bottom; }
a#bt_shop.nav2022 {
	background-image: url("img/button/bt_shop2022.png");
	width: 189px;
}
a#bt_survice.nav2022 {
	background-image: url("img/button/bt_survice2022.png");
	width: 191px;
}
a#bt_pharmacist.nav2022 {
	background-image: url("img/button/bt_pharmacist2022.png");
	width: 189px;
}
a#bt_onlineguidance.nav2022 {
	background-image: url("img/button/bt_onlineguidance2022.png");
	width: 191px;
}
a#bt_link.nav2022 {
	background-image: url("img/button/bt_link2022.png");
	width: 190px;
}

/* ---------------------------------------------

               インデックスナビ

---------------------------------------------- */


a:link.detailA{
  text-decoration:none;
  background-image:none;
  color:#953244;
}


a:visited.detailA{
  text-decoration:none;
  background-image:none;
  color:#953244;
}     

a:hover.detailA{
  text-decoration:underline;
  background-image:none;
  color:#953244;
}     

a:active.detailA{
  text-decoration:underline;
  background-image:none;
  color:#953244;
}

/* ---------------------------------------------

              右側ナビ

---------------------------------------------- */

/*-----------バナー-----------*/

a#bn_blog {
  background-image: url(img/button/bn_blog.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 60px;
  width: 225px;
}
a:hover#bn_blog {
  background-position: left bottom;
}

a#bn_contact {
  background-image: url(img/button/bn_contact.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 53px;
  width: 225px;
}
a:hover#bn_contact {
  background-position: left bottom;
}


a#bn_qa {
  background-image: url(img/button/bn_qa.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 50px;
  width: 225px;
}
a:hover#bn_qa {
  background-position: left bottom;
}

/*-------------------------------

    リトップ用

----------------------------------*/


a.retopA {
  background-image: url(img/icon/pointer_up.png);
  background-repeat: no-repeat;
  text-indent: 20px;
  background-position: left center;
  display: block;
}

/*-------------------------------

  フッターテキストナビ

----------------------------------*/
a.footerTopA {
  background-image: url(img/icon/pointer_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: 20px;
  display: block;
}

a:link.footerNaviA{
  text-decoration:none;
  background-image:none;
  color: #FFF;
}


a:visited.footerNaviA{
  text-decoration:none;
  background-image:none;
  color: #FFF;
}     

a:hover.footerNaviA{
  text-decoration:underline;
  background-image:none;
  color: #FFF;
}     

a:active.footerNaviA{
  text-decoration:underline;
  background-image:none;
  color: #FFF;
}
/*-------------------------------

  　　　　サブナビ

----------------------------------*/
a.subNaviA {
  background-image: url(img/button/sub_navi_back.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: 35px;
  display: block;
  line-height: 35px;
  height: 35px;
  width: 220px;
}
a:hover.subNaviA {
  background-position: left bottom;
}
/*-------------------------------

  　　e健康ショップバナー

----------------------------------*/
a#bn_eshop {
  background-image: url(img/button/bn_eshop.png);
  background-position: left top;
  text-indent: -9999px;
  display: block;
  height: 77px;
  width: 310px;
}
a:hover#bn_eshop {
  background-position: left bottom;
}


/*--------------------------List_style----------------------------------*/
/* ---------------------------------------------

               ヘッダー

---------------------------------------------- */

.headerNavi {
  list-style-type: none;
  padding-top: 12px;
  padding-bottom: 7px;
}
.headerNavi li {
  float: right;
  padding-left: 10px;
}


/* ---------------------------------------------

               メインNavi

---------------------------------------------- */

#navi {
  list-style-type: none;
}
#navi li {
  float: left;
}

/* ---------------------------------------------

               メイン左

---------------------------------------------- */

/*---------店舗情報----------*/

#shop {
  width: 690px;
  list-style-type: none;
  padding-top: 10px;
}
#shop #shop01 {
  float: left;
  width: 230px;
}
#shop #shop02 {
  float: left;
  width: 228px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: dashed;
  border-left-style: dashed;
  border-right-color: #CCC;
  border-left-color: #CCC;
}

/* ---------------------------------------------

               メイン右

---------------------------------------------- */
#bunnerUL {
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  list-style-type: none;
}
#bunnerUL li {
  text-align: left;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
}


/* ---------------------------------------------

               フッター

---------------------------------------------- */

#footerTopUl {
  list-style-type: none;
  width: 950px;
}
#footerTopUl .liL {
  line-height: 50px;
  float: left;
  padding-right: 10px;
}
#footerTopUl .liR {
  line-height: 50px;
  float: right;
}
#footerNavi {
  padding-left: 180px;
  list-style-type: none;
  font-size: 90%;
}
#footerNavi .naviLi {
  line-height: 100px;
  color: #FFF;
  float: right;
}

#copyright {
  line-height: 100px;
  float: left;
  color: #FFF;
}
/* ---------------------------------------------

               サブナビ

---------------------------------------------- */
#subNaviList {
  list-style-type: none;
  text-align: left;
  background-color: #FFF;
}
#subNaviList li {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
}
/* ---------------------------------------------

               リンク

---------------------------------------------- */
.LinkList {
  list-style-type: none;
}
.LinkList li {
  background-image: url(img/icon/pointer_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px dashed #CCC;
}
.attention {
  background-color: #F8F8F8;
  border: 1px solid #CCC;
  list-style-type: none;
}
.attention li {
  line-height: 140%;
  border-bottom: 1px dashed #CCC;
  text-align: left;
  background-image: url(img/icon/pointer_right.png);
  background-position: 10px 15px;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 27px;
}


/*--------------------------TABLE_style----------------------------------*/
/* ---------------------------------------------

               文字サイズ変更

---------------------------------------------- */

#zoom {
  border-collapse:collapse;
  float: right;
}


/* ---------------------------------------------

               お問合せ

---------------------------------------------- */


/* ---------------------------------------------

               リンク

---------------------------------------------- */
#shopT {
  margin: 20px 0px;
  border: 1px solid #CCC;
  width: 648px;
  border-collapse:collapse;
}
#shopT tr .td01 {
  padding: 10px;
  border: 1px solid #CCC;
}
#shopT tr .th01 {
  color: #FFF;
  background-color: #DE98A0;
  text-align: left;
  padding: 10px;
  width: 25%;
  border: 1px solid #CCC;
}

/* ---------------------------------------------

               サービス内容

---------------------------------------------- */
.telT {
  width: 320px;
  border: 1px solid #CCC;
  border-collapse:collapse;
}
.telT tr .th01 {
  color: #FFF;
  background-color: #CA6277;
  text-align: left;
  padding: 10px;
  width: 50%;
  border: 1px solid #CCC;
}
.telT tr .th02 {
  color: #FFF;
  background-color: #DD8A9B;
  text-align: left;
  padding: 10px;
  width: 50%;
  border: 1px solid #CCC;
}
.telT tr .td01 {
  padding: 10px;
  border: 1px solid #CCC;
  text-align: left;
}
.telT tr .td02 {
  padding: 10px;
  border: 1px solid #CCC;
  text-align: left;
}


/* ---------------------------------------------

               採用情報

---------------------------------------------- */

.rcrtT {
  width: 628px;
  line-height: 140%;
  border: 1px solid #B94047;
}

.rcrtT tr .th01 {
  color: #FFF;
  background-color: #C6575C;
  text-align: left;
  padding: 10px;
  vertical-align: top;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.rcrtT tr .th02 {
  background-color: #F7E8E9;
  text-align: left;
  padding: 10px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #C6575C;
}
.rcrtT tr .th03 {
  background-color: #F7E8E9;
  text-align: left;
  color: #C6575C;
  padding: 10px;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

.rcrtT tr .th04 {
  color: #FFF;
  background-color: #D07579;
  text-align: left;
  padding: 10px;
  vertical-align: top;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.rcrtT tr .td01 {
  background-color: #F7E8E9;
  text-align: left;
  padding: 10px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.rcrtT tr .td01_2 {
  background-color: #F7E8E9;
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.rcrtT tr .td02 {
  text-align: left;
  padding: 10px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.rcrtT tr .td03 {
  background-color: #FCF8F8;
  text-align: left;
  padding: 10px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.rcrtT tr .td03_2 {
  background-color: #FCF8F8;
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}