@charset "utf-8";
/* 城本クリニック CSS Document トップページ用 */

#trendKwds { list-style: none; margin: 15px 0 0 0; padding: 0; }
#trendKwds li { display: inline-block; margin: 0 6px 0 0 }
#trendKwds li > a { display: block; padding: 3px 8px; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 12px; -webkit-transition: all .18s ease-out 0s; transition: all .18s ease-out 0s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:none;}
#trendKwds li > a:hover, #trendKwds li > a:focus {text-decoration:none; opacity:.65 }

#topMainSlide { margin-bottom:25px; }
#topMainSlide .item img { display: block; width: 100%; height: auto; transition: 0.3s; }
#topMainSlide.owl-theme .owl-controls .owl-buttons div { display: none; }
#topMainSlide.owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 0.7; transition: 0.3s; }
#topMainSlide.owl-theme .owl-controls .owl-buttons div.owl-prev,
#topMainSlide.owl-theme .owl-controls .owl-buttons div.owl-next { background-color: transparent; background-position: center center; background-repeat: no-repeat; border-radius: 0; color:#333; display: inline-block; height: 77px; margin: -45px 0 0; opacity: 1; padding: 0; position: absolute; top: 50%; width: 40px; }
#topMainSlide.owl-theme .owl-controls .owl-buttons div.owl-prev { background-image: url(../img/top/btn_topslider_prev.png); left: 0; }
#topMainSlide.owl-theme .owl-controls .owl-buttons div.owl-next { background-image: url(../img/top/btn_topslider_next.png); right: 0; }
#topMainSlide.owl-theme .owl-controls { margin-top: 10px; text-align: right; }
#topMainSlide.owl-theme .owl-controls .owl-page span { background: none repeat scroll 0 0 #D6D6D6; border-radius: 0; display: block; height: 7px; margin: 2px 0 5px 7px; opacity: 1; width: 55px; }
#topMainSlide.owl-theme .owl-controls .owl-page.active span,
#topMainSlide.owl-theme .owl-controls.clickable .owl-page:hover span { background: none repeat scroll 0 0 #E45A95; }
.syoureiPhoto { background-color: #fedceb; padding: 10px 35px; width:656px; margin-top:45px; }
#syoureiPhotoSlide .item { margin: 7px; }
#syoureiPhotoSlide .item img { display: block; width: 100%; height: auto; }
#syoureiPhotoSlide.owl-theme .owl-controls .owl-buttons div { display: none; }
#syoureiPhotoSlide.owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 0.7; }
#syoureiPhotoSlide.owl-theme .owl-controls .owl-buttons div.owl-prev,
#syoureiPhotoSlide.owl-theme .owl-controls .owl-buttons div.owl-next { background-color: transparent; background-position: center center; background-repeat: no-repeat; border-radius: 0; color:#333; display: inline-block; height: 36px; margin: -18px 0 0; opacity: 1; padding: 0; position: absolute; top: 50%; width: 36px; }
#syoureiPhotoSlide.owl-theme .owl-controls .owl-buttons div.owl-prev { background-image: url(../img/top/btn_syourei_prev.png); left: -32px; }
#syoureiPhotoSlide.owl-theme .owl-controls .owl-buttons div.owl-next { background-image: url(../img/top/btn_syourei_next.png); right: -32px; }
#syoureiPhotoSlide.owl-theme .owl-controls { margin-top: 10px; text-align: right; }
.syoureiPhoto h2 { font-weight: normal; margin: 0px; padding: 0px; font-size:20px; }
.syoureiPhoto h2 .eFontL { font-size:14px; color: #E33E84; }
.syoureiPhotoComment { margin: 10px 2px 50px; }
/**/

.topNewsTab { margin-top:50px;}
.topNewsTab .tab { font-size: 12px; line-height:1; list-style: none outside none; margin: 0; padding: 0; }
.topNewsTab .tab li { float: left; margin-right: 11px; }
.topNewsTab .tab li a { border: 1px solid #E45A95; background-color: #E45A95; border-radius: 3px 3px 0 0; color:#FFF; display: block; padding: 8px 15px; }
.topNewsTab .tab li a.selected,
.topNewsTab .tab li a:hover { background-color: #eee; color: #E33E84; border: 1px solid #eee; text-decoration: none; }
.topNewsTab .tab li a.selected:hover { text-decoration: none; }
.topNewsTab .tab li.blue a { border: 1px solid #369; background-color: #369; border-radius: 3px 3px 0 0; color:#FFF; display: block; padding: 8px 15px; }
.topNewsTab .tab li.blue a.selected,
.topNewsTab .tab li.blue a:hover { background-color: #eee; color: #369; border: 1px solid #eee; text-decoration: none; }
.topNewsTab .panel { border: 3px solid #eee; clear: both; }
.topNewsTab dl.newsLine, .topNewsTab dl#newsLine { margin: 0px; padding: 0px; line-height:1.4; }
.topNewsTab dl.newsLine dt, .topNewsTab dl#newsLine dt { clear: left; float: left; color: #E33E84; padding: 12px 0px 12px 25px; }
.topNewsTab dl.newsLine dd, .topNewsTab dl#newsLine dd { margin: 0px; padding: 12px 20px 12px 153px; }
.topNewsTab dl.newsLine a, .topNewsTab dl#newsLine a { }
.topNewsTab dl.newsLine .gLine, .topNewsTab dl#newsLine .gLine{ background-color: #eee; }
.topNewsTab dl dd span { font-weight: bold; }
.topNewsTab dl dd .subTxt { font-size: 11px; }
.topNewsTab h2 { float:right; margin:-3px 3px 0; font-size:20px; font-weight: normal; padding: 0px; line-height:1; }
.topNewsTab h2 .eFontL { font-size:14px; color: #E33E84; }

.bannerArea { margin:40px 0;}
.bannerArea ul { margin: 22px 0px; padding: 0px; list-style: none; line-height:1; }
.bannerArea ul li { margin:0; padding:0;}
.bannerArea ul.bannerCol1 {}
.bannerArea ul.bannerCol1 li { margin:8px 0 8px;}
.bannerArea ul.bannerCol2 { margin-left:-30px;}
.bannerArea ul.bannerCol2 li { float:left; margin:8px 0 8px 30px; }
.bannerArea ul.bannerCol3 { margin-left:-30px;}
.bannerArea ul.bannerCol3 li { float:left; margin:8px 0 8px 30px; }

.topVoice { margin-bottom:50px;}
.topVoice h2 { font-weight: normal; margin: 0px 0px 19px; padding: 0px; font-size:20px; border-bottom: 1px solid #00b3a3; line-height: 1.4; }
.topVoice h2 .eFontL { font-size:14px; color: #00b3a3; }
.topVoice .topVoicePhoto { float:left;}
.topVoice .topVoiceTxt { margin-left:140px;}
.topVoice h3 { font-size:14px; color: #00b3a3; font-weight: normal; }

.topConsultation { margin:50px 0 40px;}
.topConsultation h2 { font-weight: normal; margin: 0 0 8px; padding: 0px; font-size:20px; }
.topConsultation h2 .eFontL { font-size:14px; color: #E33E84; }
.topConsultation dl { width: 164px; margin: 0px; padding: 0px; float:left; }
.topConsultation dl dt{ margin:0 0 5px;}
.topConsultation dl dd { margin: 0px; padding: 0px; }
.topConsultation dl.topConsKarada{ margin-left:22px;}
.topConsultation dl.topConsHada{ width: 350px; margin-left:22px;}
.topConsultation dl ul { line-height: 1; margin: 0px; padding: 0px; list-style: none;}
.topConsultation dl ul li { margin-bottom: 14px; }
.topConsultation dl.topConsHada ul { float:left; margin-left:22px;}
.topConsultation dl.topConsHada dd { margin-left:-22px;}

.topQARanking  { margin:50px 0 60px;}
.topQARanking h2 { font-weight: normal; margin: 0 0 2px; padding: 0px; font-size:20px; line-height: 1.4; }
.topQARanking h2 .eFontL { font-size:14px; color: #E33E84; }
.topQARanking .topQA h2 { margin: 0px 0px 19px; border-bottom: 1px solid #CCC; }
.topQARanking .topQA { float: left; width: 396px; }
.topQARanking .topRanking { float: right; width: 300px; }
.topQARanking .rankingBox { border: 2px solid #EB87B1; background-color: #FDF4F8; }
.topQARanking .rankingBox dl { line-height: 1.8; margin: 0px; padding: 8px 14px; }
.topQARanking .rankingBox dl dd { padding: 5px 6px 5px 35px; margin:1px 0;}
.topQARanking .rankingBox dl dt { float: left; font-size: 24px; text-align: right; width:22px; clear: left;font-family: 'Lato', sans-serif; font-weight: 300;color: #E33E84; line-height:1; }
.topQARanking .topQAtxt { background-image: url(../img/top/img_qa.png); background-repeat: no-repeat; background-position: left 10px; min-height:120px; margin: 20px 0px 0px; padding: 0px 20px 0px 138px; }
.topQARanking .topQAtxt h3 { font-size:14px; color: #E33E84; font-weight: normal; line-height:1.3; margin-bottom:10px; }


#main h3 { font-size:16px;}

.quickSearch { background-color: #fedceb; padding: 10px 35px; width: 656px; margin-top: 45px; }
.quickSearch h2 { font-weight: normal; margin: 0px; padding: 0px; font-size: 20px; margin-bottom: 20px;}
.quickSearch h2 .eFontL { font-size:14px; color: #E33E84; }
.quickSearch h3 { float:left; width: 56px;font-size:14px; color: #E33E84; font-weight: normal; margin:0;}


.quickSearch .firstpulldown { padding: 0px 0px 5px 0px; }
.quickSearch .secondpulldown { position: relative; display: none; }
.quickSearch select { font-size: 18px; width: 600px;}
.quickSearch .searchBtn { background-color: #E33E84; border: solid 1px #E33E84; color: #fff; font-size: 18px; padding: 9px 50px; margin: 10px 5px; cursor: pointer;text-shadow: 0px -1px #aaa;}

.ticker { margin: 0 auto; padding: 10px; width: 704px; text-align: left; position: relative; overflow: hidden; }
.ticker ul { width: 100%; position: relative; }
.ticker ul li { width: 100%; display: none; }

.taxRate { border: 4px solid #fedceb; padding: 24px 24px 16px; }
.taxRate h2 { font-size: 15px; line-height: 1; margin: 0 0 15px; padding: 0;}
.taxRate p { font-size: 14px; line-height: 1.6; margin: 0; }