@charset "utf-8";
/*
Theme Name: okinawa-clinic
Author: okinawa-clinic
Version: 1.1

*/

/* = RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0; padding: 0;
  outline: none;
  vertical-align: top;
}

article, aside, figure, figcaption, footer, header, nav, section {
display: block;
}

html {
  background: #FAFAFA;
  font-size: 10px;
}
body {
  font-size: 10px; font-size: 1rem;
  line-height: 1;
  text-align: center;
}

body, input, textarea {
  color: #444;
  font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}



img {max-width: 100%; height: auto;}
ol, ul {list-style: none;}
input, textarea {font-size: 1em;}


.entry img.alignleft, .indexIntroIn img.alignleft{margin: 0 20px 20px 0;}
.entry img.alignright, .indexIntroIn img.alignright {margin: 0 0 20px 20px;}


/* = USEFUL-CLASS
-------------------------------------------------------------- */
.align_c {text-align: center;}
.align_l {text-align: left;}
.align_r {text-align: right;}
.alignleft {float: left;}
.alignright {float: right;}
.auto {margin: auto;}
.clear {clear: both;}
.hidden {overflow: hidden;}
.small {
  display: inline-block;
  font-size: .95em;
  line-height: 1.3;
}


/* = HREF
-------------------------------------------------------------- */
a {color: #444; text-decoration: none;}
a:hover {color: #777;}

/*a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
}*/

a[href $='.pdf'] {
  background:url(./img/icon_pdf.gif) 0 50% no-repeat;
  padding: 17px 10px 15px 35px;
  margin-bottom: 20px;
}


.entry a {color: #069;}
.entry a:hover {text-decoration: underline;}

/* = FRAME
-------------------------------------------------------------- */
#wrap{
  width: 960px;
  margin: 0 auto;
  padding: 0 10px 20px 10px;
  overflow: hidden;
}

#head {
  background: #FFF;
  width: 100%;
}

#headIn {
  overflow: hidden;
  margin: 0 auto;
  width: 960px;
  height: 100px;
}

#gNav {
  background: url(./img/bg_gnav.jpg) repeat-x;
  clear: both;
  width: 100%;
}

#gNavIn {
  width: 960px;
  height: 60px; 
}

#main {
  width: 960px;
  margin: 20px auto;
}

#pageTit {
  width: 100%;
}

#contents, #content {
  float: left;
  text-align: left;
  font-size: 13px;
  line-height: 1.5em;
  padding-bottom: 20px;
  width: 690px;
}

#side {
  float: right;
  font-size: 12px;
  line-height: 1.4em;
  text-align: left;
  width: 250px;
}

#foot {
  background: url(img/bg_foot.jpg);
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.4em;
  width: 100%;
  box-shadow: 0px 1px 3px #AAA inset;
  -ms-box-shadow: 0px 1px 3px #AAA inset; 
  -moz-box-shadow: 0px 1px 3px #AAA inset; 
  -webkit-box-shadow: 0px 1px 3px #AAA inset;
}

#footIn {
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
}


/* = HEAD
-------------------------------------------------------------- */
h1 {
  float: left;
  margin: 36px 0 0 5px;
  width: 250px;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: normal;
  text-align: left;
}

#logo {
  float: left;
  margin: 20px 5px 0 0;
}

/* = BREAD
-------------------------------------------------------------- */
#bread {
  background: #EDEDED;
  padding: 10px 0;
  width: 100%;
  font-size: 13px;
  text-align: left;  
}

#bread div {
  margin: 0 auto;
  width: 960px;
}

/* = SIDE
-------------------------------------------------------------- */
#sideNews, #sideResults {
  margin-bottom: 20px;
}
#sideNews h3, #sideResults h3 {
  background: #A371C4 url(./img/tit_sidenews.gif) no-repeat 5px 5px;
  padding: 5px 0 5px 25px;
  height: 16px;
  color: #FFF;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -weblkit-border-radius: 4px 4px 0 0;
}

#sideResults h3{
  background: #A371C4 url(./img/tit_sideresults.gif) no-repeat 5px 6px;
  padding: 5px 0 5px 28px;
}

#sideNews ul, #sideResults ul {
  background: #F4F4F4;
  padding: 10px;

}

#sideNews li, #sideResults li {
  background: url(img/dotline.gif) repeat-x bottom;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

#sideNews li a {
  background: url(img/arrow.gif) no-repeat 0 6px;
  display: block;
  padding-left: 12px;	
}

#sideNews li.none {
  background: none;
  text-align: right;
  margin: 0;
  padding: 0;
}

#sideNews li.none a {
  background-position: right 6px;
  padding: 0 7px 0 0;
}

/* PARTNER */
#sideResults li img.attachment-thumbnail{
  float: left;
  margin-right: 5px;
  width: 50px;
  height: auto;
}

/* LNAV */
#lNav img {margin-bottom: 10px;}

/* = FOOT
-------------------------------------------------------------- */
/* FOOT NAV */
#footNavIn {
  overflow: hidden;
  margin: 30px auto;
  width: 960px;
}

#footNav li{
  display: inline;
}

#footNav li a{
  padding: 0 5px;
  border-right: 1px solid #444;
}

#footNav li:first-child a{border-left: 1px solid #444;}

#footIn .alignleft {
  text-align: left;
  margin: 0 30px 30px 0;
  width: 320px;
}

#footIn h4 {
  background: url(img/dotline2.gif) bottom repeat-x;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#footIn .alignright {margin-bottom: 10px;}

#copy {
  background: #007AB7;
  clear: both;
  color: #FFF;
  border-top: 1px solid #006498;
  margin-top: 10px;
  padding: 10px 0;
  width: 100%;
}

/* = GNAV
-------------------------------------------------------------- */
#gNavIn li {
  float: left;
  text-indent: -500%;
}

#gNavIn li a {
  background: url(img/gnav.jpg) no-repeat;
  display: block;
  overflow: hidden;
  width: 130px;
  height: 60px;
}
	
#gNavIn li.menu-item-37 a {background-position: 0 0; width: 50px;}
#gNavIn li.menu-item-32 a {background-position: -50px 0;}
#gNavIn li.menu-item-40 a {background-position: -180px 0;}
#gNavIn li.menu-item-33 a {background-position: -310px 0;}
#gNavIn li.menu-item-36 a {background-position: -440px 0;}
#gNavIn li.menu-item-262 a {background-position: -570px 0;}
#gNavIn li.menu-item-34 a {background-position: -700px 0;}
#gNavIn li.menu-item-30 a {background-position: -830px 0;}

#gNavIn li.menu-item-37.current-menu-item a, #gNavIn li.menu-item-37 a:hover {background-position: 0 -70px; width: 50px;}
#gNavIn li.menu-item-32.current-menu-item a, #gNavIn li.menu-item-32 a:hover {background-position: -50px -70px;}
#gNavIn li.menu-item-40.current-menu-item a, #gNavIn li.menu-item-40 a:hover {background-position: -180px -70px;}
#gNavIn li.menu-item-33.current-menu-item a, #gNavIn li.menu-item-33 a:hover {background-position: -310px -70px;}
#gNavIn li.menu-item-36.current-menu-item a, #gNavIn li.menu-item-36 a:hover {background-position: -440px -70px;}
#gNavIn li.menu-item-262.current-menu-item a, #gNavIn li.menu-item-262 a:hover {background-position: -570px -70px;}
#gNavIn li.menu-item-34.current-menu-item a, #gNavIn li.menu-item-34 a:hover {background-position: -700px -70px;}
#gNavIn li.menu-item-30.current-menu-item a, #gNavIn li.menu-item-30 a:hover {background-position: -830px -70px;}


/* = h2, h3, h4
-------------------------------------------------------------- */
#pageTit h2 {
  background: url(./img/bg_h2.gif) no-repeat 0 32px;
  margin: 0 auto;
  padding: 30px 0 30px 30px;
  width: 930px;
  font-size: 24px;
  font-weight: normal;
  color: #444;
  text-align: left;
}

#indexIntro h2, #indexVoice h2 {
  background: url(./img/bg_indexh2.jpg) no-repeat;
  padding: 12px 0 0 20px;
  width: 670px;
  height: 36px;
  color: #FFF;
  font-weight: normal;
  font-size: 18px;
}


#indexVoice h3, #indexVoice h4 {
  font-weight: normal;
  margin-bottom: 5px;
}

#indexVoice h3 {font-size: 14px;}

.entry h3, .indexTopIn h3 {
  color: #007AB7;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: normal;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D0D0D0;
  clear: both;
}


/* = CONTENT
-------------------------------------------------------------- */
.entry, #indexIntro, #indexVoice {
  background: #FFF;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #D0D0D0;
}

#indexTop {
  background: #FFF;
  border: 3px solid #0179B5;
  margin-bottom: 20px;
}

.entry, .indexIntroIn, .indexTopIn {
  padding: 20px;
  overflow: hidden;
  
}

.entry p, .indexIntroIn p, #indexTop p {margin-bottom: 20px;}

.entry ul, .entry ol {margin: 0 0 20px 20px;}

.entry ul, .indexTopIn ul {list-style: disc outside;}

.entry ol {list-style: decimal inside;}

.more {text-align: right;}

.more a {
  background: url(img/btn_more_off.png) no-repeat;
  display: inline-block;
  clear: both;
  overflow: hidden;
  text-indent: 100%;
  margin-top: 10px;
  width: 120px;
  height: 20px;
}

.more a:hover {background: url(img/btn_more_on.png) no-repeat;}

.archive .entry .attachment-thumbnail {
  float: left;
  margin-right: 20px;
}

/* FAQ*/
.aBox {
  background: url(./img/bg_abox.gif) no-repeat;
  padding-left: 40px;
  position: relative;
}

.aBox:before {
  content: "A.";
  font-size: 28px;
  color: #F90;
  position: absolute;
  top: 0;
  left: 0;
}

/* = INDEX
-------------------------------------------------------------- */

/*INDEX INQ */
#indexInq {
  background: url(img/bg_inq_index.jpg) no-repeat;
  color: #FFF;
  padding: 87px 0 0 20px;
  margin-bottom: 20px;
  width: 650px;
  height: 183px
}

#indexInq dt, #indexInq dd {
  float: left;
  margin-bottom: 10px;
}

#indexInq dt {
  clear: both;
  text-align: right;
  padding: 7px 5px 0 0;
  width: 115px;
}

#indexInq dd input[type="text"], #indexInq dd input[type="email"]{
  padding: 5px 8px;
  width: 294px;
  height: 26px;
  border: 2px solid #440306;
}
	
#indexInq .send input[type="submit"] {
  background: url(./img/btn_send_inq_index.jpg) no-repeat;
  display: block;
  text-indent: -210px;
  border: none;
  margin: 5px auto;
  width: 180px;
  height: 36px;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;

}


/* INDEX VOICE */
#indexIntro, #indexVoice {margin-top: 20px;}

#indexVoice li {
  float: left;
  display: table-cell;
  overflow: hidden;
  padding: 10px 10px 20px 10px;
  width: 209px;	
}

#indexVoice li:nth-child(odd){background: #F4F4F4;}

#indexVoice li:nth-child(3n) {width: 210px;}

#indexVoice li div {
  width: 209px;
  height: 157px;
  overflow: hidden;
}

#indexVoice img.attachment-thumbnail{
  width: 209px;
  height: auto;
}

#indexVoice h3 {margin: 10px 0;}

#indexVoice .more {text-align: center;}


/* = INQ
-------------------------------------------------------------- */
.inq {
  margin: 20px;
  width: 600px;
  overflow: hidden;
}

.inq dt, .inq dd{float: left;}

.inq dt {
  clear: both;
  padding: 10px 0;
  width: 180px;
  font-weight: bold;
}

.inq dt span {color: #C33;}

.inq dd {
  width: 420px;
  padding: 10px 0;

}

.inq dd input[type="text"],.inq dd input[type="email"], .inq dd textarea {
  padding: 10px; 
  width: 380px;
  border: 1px solid #D0D0D0;
}

.send {
  clear: both;
  text-align: right;
  margin: 20px 110px 0 0;
}

.send input[type=submit] {
  background: #DA5019;
  cursor: pointer;
  font-weight: bold;
  padding: 10px 80px;
  color: #efefef;
  border: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.send input[type=submit]:hover {background: #ED6B38}

span.wpcf7-not-valid-tip {
  background: none !important;
  border: none !important;
  color: #c00;
  font-size: 12px !important; font-size: 1.1rem !important; 
  top: -0px !important; left: 5px !important;
  padding: 0 !important;
}

span.wpcf7-checkbox span.wpcf7-list-item {
  margin: 0 13px 0 0;
  display: inline-block;
}