@charset "utf-8";
/* 城本クリニック CSS Document */

/*英字用Googleフォント*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/*---------------------- */
.clf:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
.clf { display: inline-block; }
/* Hides from IE Mac */
* html .clf { height: 1%; }
.clf { display:block; }
/* End Hack */ 
/*---------------------- */
.clb { clear: both;}

html { overflow: auto; }
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; color:#000; padding:0; margin:0; text-align:center; }
body { overflow: hidden; min-width: 978px; }
img { border:none; transition: 0.3s; }
a:hover img { opacity: 0.7; transition: 0.3s; }
a { text-decoration:none; color:#000;}
a:hover { text-decoration: underline;}

.eFont,
.eFontB,
.eFontL { font-family: 'Lato', sans-serif !important; }
.eFont { font-weight: 400 !important; }
.eFontB { font-weight: 700 !important; }
.eFontL { font-weight: 300 !important; }
.fPink { /*color:#fa64a4 !important;*/color:#000; }
.alignL { text-align:left !important;}
.alignC { text-align:center;}
.alignR { text-align:right;}
.fltR{ float:right;}
.fltL{ float:left;}
.imgFL { float: left; margin-right: 16px; margin-bottom:10px; }
.imgFR { float: right; margin-left: 16px; margin-bottom:10px; }
.borderWhite { border: 1px solid #fff; }
.txtU { text-decoration: underline; }
.txtB { font-weight: bold; }
.mgnT { margin-top:50px !important;}
.mgnTM { margin-top:30px !important;}
.mgnTS { margin-top:20px !important;}
.mgnT0 { margin-top:0 !important;}
.mgnB { margin-bottom:50px !important;}
.mgnBM { margin-bottom:30px !important;}
.mgnBS { margin-bottom:20px !important;}
.mgnB0 { margin-bottom:0 !important;}
.font24 { font-size:24px;}
.font20 { font-size:20px;}
.font18 { font-size:18px;}
.font16 { font-size:16px;}
.font14 { font-size:14px;}
.font12 { font-size:12px;}
.font10 { font-size:10px;}
.bbY { border-bottom:solid 2px #FFFF00; }
.bbR { border-bottom:solid 2px #FF0000; }

.fontCpink { color:#fa64a4;}
a.fontCpink { color:#fa64a4;}

a.btn { line-height:1; display:inline-block; vertical-align:middle; text-decoration:none; margin-top:5px; margin-bottom:5px; }
/* IE hack */
*:first-child+html a.btn { display: inline; zoom: 1; }
a.btn:hover { opacity: 0.7; }
.btnSPnk { color:#FFF; padding:4px 16px; font-size: 12px; border-radius:5px; background:#fa64a4;}
.btnPetit { color:#FFF; padding:10px 16px; font-size: 14px; border-radius:5px; background:#fa64a4;}
.btnMPnk { color:#FFF; background-color: #fa64a4; font-size: 12px; padding: 10px 20px 9px; border-radius:3px;}
.btnMSPnk { color:#FFF; background-color: #fa64a4; font-size: 12px; padding: 7px 20px 6px; border-radius:3px;}
.btnXLPnk { color:#FFF; background-color: #fa64a4; font-size: 14px; padding: 10px 85px 9px; border-radius:3px;}
.btnXXLPnk { color:#FFF; background-color: #fa64a4; font-size: 22px; padding: 12px 85px 11px; border-radius:3px;}
.btnSBlue { color:#FFF; background-color: #fa64a4; font-size: 10px; padding: 3px 25px; border-radius:3px;}
.btnMBlue { color:#FFF; background-color: #fa64a4; font-size: 12px; padding: 10px 20px 9px; border-radius:3px;}
.btnXLBlue { color:#FFF; background-color: #fa64a4; font-size: 14px; padding: 10px 85px 9px; border-radius:3px;}
.btnSGreen { color:#FFF; background-color: #fa64a4; font-size: 10px; padding: 3px 25px; border-radius:3px;}
.btnMGreen { color:#FFF; background-color: #fa64a4; font-size: 12px; padding: 10px 20px 9px; border-radius:3px;}
.btnXLGreen { color:#FFF; background-color: #fa64a4; font-size: 14px; padding: 10px 85px 9px; border-radius:3px;}
.btnSOrange { color:#FFF; background-color: #fa64a4; font-size: 10px; padding: 3px 25px; border-radius:3px;}
.btnMOrange { color:#FFF; background-color: #fa64a4; font-size: 12px; padding: 10px 20px 9px; border-radius:3px;}
.btnXLOrange { color:#FFF; background-color: #fa64a4; font-size: 14px; padding: 10px 85px 9px; border-radius:3px;}
.btnSGold { color:#FFF; background-color: #fa64a4; font-size: 10px; padding: 3px 25px; border-radius:3px;}
.btnMGold { color:#FFF; background-color: #fa64a4; font-size: 12px; padding: 10px 20px 9px; border-radius:3px;}
.btnXLGold { color:#FFF; background-color: #fa64a4; font-size: 14px; padding: 10px 85px 9px; border-radius:3px;}
.btnXLVoiceC { color:#FFF; background-color: #fa64a4; font-size: 14px; padding: 10px 85px 9px; border-radius:3px;}
.btnXLVoiceS { color:#FFF; background-color: #fa64a4; font-size: 14px; padding: 10px 15px 9px; border-radius:3px;}
.btnSBkGd { padding:4px 16px; font-size:12px; border-radius:5px; background:#000; color:#dec583 !important;}
.mgnLRs { padding-left:10px !important; padding-right:10px !important;}


/*ヘッダー部*/
#translate { /*background: #ffddec;*/background: #fa64a4; padding: 4px 0 1px 0;}
#translate .translateInn { text-align: right; width: 978px; margin:0 auto; }
#translate .translateInn .box { width: 50%; display: table-cell; vertical-align: middle;}
#translate .translateInn #srchForm { margin: 0px; }
#translate .translateInn img { padding-left: 3px; }
#translate .translateInn select { display: none; }

#header { border-bottom: 1px solid #A3A3A3; line-height:1; }
#header p { margin:0;}
#header .headerInn { text-align:left; width:978px; margin:0 auto; }
#header h1 { width: 550px; font-size: 11px; float:left; font-weight: normal; margin:8px 0 0; }
#header .headerTel { float:right; margin: 8px 5px 0px 0px; }
#header .headerLogo { float:left; margin-top:24px; }
#header .headerButton { float: right; margin: 10px 0px 0px; height: 45px;}
#header .headerButton img { margin-left: 10px; float: left; }

#navigation { clear:both; padding: 22px 0px 0px;}
#navigation ul.naviMenuList { position:relative; margin:0; padding:0; list-style: none;}
#navigation ul.naviMenuList > li > a {height:45px; margin:0; cursor:pointer; background-size: 978px 90px; background-repeat: no-repeat; text-indent: -9999px; outline:none; display:block; }
#navigation ul.naviMenuList > li > a {background-image: url("/files/img/navi@2x.png");}
#navigation ul.naviMenuList.top > li > a {background-image: url("/files/img/navi_top@2x.png");}
 
#navigation ul.naviMenuList > li { float:left; margin:0 10px; padding:0 }
#navigation div.naviSubMenu { position:absolute; background-color:#FFF; left: 0px; top: 45px; margin:0; border: 3px solid #fa64a4; z-index:1;}
#navigation div.navi4menu { left:130px;}
#navigation div.naviSubMenu ul { margin: 0px; padding: 0px; list-style: none; }

#navigation li.navi1 > a { background-position: -10px 0px; width:150px; }
#navigation li.navi2 > a { background-position: -180px 0px; width:119px; }
#navigation li.navi3 > a { background-position: -319px 0px; width: 114px; }
#navigation li.navi4 > a { background-position: -453px 0px; width: 110px; }
#navigation li.navi5 > a { background-position: -583px 0px; width: 110px; }
#navigation li.navi6 > a { background-position: -713px 0px; width: 120px; }
#navigation li.navi7 > a { background-position: -853px 0px; width: 115px; }

#navigation li.navi1.selected > a,
#navigation li.navi1 > a:hover { background-position: -10px -45px;}
#navigation li.navi2.selected > a,
#navigation li.navi2 > a:hover { background-position: -180px -45px;}
#navigation li.navi3 > a:hover { background-position: -319px -45px;}
#navigation li.navi4 > a:hover { background-position: -453px -45px;}
#navigation li.navi5 > a:hover { background-position: -583px -45px;}
#navigation li.navi6 > a:hover { background-position: -713px -45px;}
#navigation li.navi7 > a:hover { background-position: -853px -45px;}

#navigation div.naviSubMenu a { color:#333; text-decoration: none; }
#navigation div.naviSubMenu a:hover { text-decoration: underline; }
#navigation div.naviSubMenu .dropMenuCol { width:131px; display:table-cell; padding: 19px 0px 17px 19px; vertical-align:top; }
#navigation div.naviSubMenu .dropMenuColBanner { width:222px; display:table-cell;background-color: #FBE6EF; text-align:center; vertical-align:top; padding-top:19px;}
#navigation div.naviSubMenu .dropMenuColBanner p { margin-bottom:20px; line-height:1.2;}
#navigation div.naviSubMenu .dropMenuCol.dropMenuColLeft {background-color: #FDF4F8; }
#navigation div.naviSubMenu .dropMenuCol ul li { border-left: 2px solid #fa64a4; margin: 5px 0px 0px; padding: 4px 0px 4px 8px; line-height: 1.3; }
#navigation div.naviSubMenu .dropMenuCol .dropMenuColTilte { font-size:16px; color:#fa64a4; padding-bottom:10px;}
#navigation div.naviSubMenu .dropMenuCol.dropMenuColLeft .dropMenuColTilte {color:#333;}

.breadCrumb { font-size: 10px; margin: 10px 0px 10px 4px; }
.breadCrumb a { color:#333;}
.breadCrumb a:hover { text-decoration:underline;}


/*右サイドボタン*/
#page_side_btn { left: 50%; overflow: hidden; position: fixed; top: 20px; width: 50px; margin: 0px 0px 0px 520px; padding: 0px; list-style: none; }
#page_side_btn li { float: right; line-height: 0; margin: 0 0 4px 0; padding: 0px; }
#page_side_btn a:hover img { opacity: 0.7; }

#left_side_btn { right: 50%; overflow: hidden; position: fixed; top: 20px; width: 53px; margin: 0px 520px 0px 0px; padding: 0px; list-style: none; }
#left_side_btn li { float: right; line-height: 0; margin: 0 0 20px 0; padding: 0px; }
#left_side_btn a:hover img { opacity: 0.7; }

/*右サイド壁バナー*/
#sideWall_btn_L { right: 50%; overflow: hidden; position: absolute; top: 262px; width: 170px; margin: 0px 510px 0px 0px; padding: 0px;}
#sideWall_btn_R { left: 50%; overflow: hidden; position: absolute; top: 262px; width: 170px; margin: 0px 0px 0px 510px; padding: 0px;}

/*フッター部*/

.copyR { clear:both; background-color:#f2f2f2; font-size: 10px; color: #333; text-align: center; padding: 6px; margin: 0px; }
#footer { clear:both; }
#footer .pagetop { width:978px; margin:0 auto 7px; text-align:right; }
#footer .footerMenuBox { border-top: 1px solid #CCC; }
#footer .footerMenuBox .footerMenuBoxInn { margin: 0px auto; width: 978px; text-align:left; line-height:1.4; padding:10px 0 0; }

#footer .footerMenuBox .footerBanner {float: left; width: 221px; margin-left:31px; padding:20px 0 30px;}
#footer .footerMenuBox .footerBanner p { margin:0 0 10px;}
#footer .footerMenuBox .footerBanner .pbox { text-align:center; font-size: 10px; /*background-color: #FDF4F8; padding: 4px; */padding: 0; margin-right: 20px; margin-left: 20px; }
#footer .footerMenuBox ul.footerMenu a { color:#333;}
#footer .footerMenuBox ul.footerMenu a:hover { text-decoration:underline;}
#footer .footerMenuBox ul.footerMenu { margin: 0px; padding: 0 0 30px; list-style: none; float: left; width: 221px; margin-left:31px; }
#footer .footerMenuBox ul.footerMenu:first-child { margin-left:0;}
#footer .footerMenuBox ul.footerMenu ul { list-style: none; margin:0; padding:0; font-size:12px;}
	#footer .footerMenuBox ul.footerMenu ul > li a{
		display:block;
		padding-left:26px;
		line-height:30px;
		background:url(../img/bg_main_conv.png) no-repeat 10px center;}
#footer .footerMenuBox ul.footerMenu > li {
	margin-bottom:8px;}
#footer .footerMenuBox ul.footerMenu > li > a { border-bottom: 1px solid #919191; padding: 8px 4px; display:block; }
#footer .footerMenuBox ul.footerMenu > li > span { border-bottom: 1px dotted #919191; padding: 8px 4px; display:block; }
/*#footer .footerMenuBox ul.footerMenu .mgt { margin-top:15px;}*/
#footer .footerMenuBox.top ul.footerMenu { width: 347px; }
#footer .footerMenuBox.top ul.footerMenu:first-child { margin-left: 0; }
#footer .footerMenuBox.top .footerBanner { width: 221px; }


/* フッター背景変更 2021.02.04 
#footer .footerConversion { background-color: #FDEDF3; }*/
#footer .footerConversion { background: url(/files/img/bg_footerConversion.jpg) center top no-repeat; -moz-background-size:cover; background-size:cover; }
	

#footer .footerConversionInn { margin: 0px auto; width: 978px; text-align:left; padding:20px 0 15px; }
#footer .footerConversion .cellL { float:left; text-align:right; width:471px;}
#footer .footerConversion .cellR { float:right; width:500px;}
#footer .footerConversion .cellL p { margin:12px 0 0;}
#footer .footerConversion .cellR p { margin:0;}
#footer .footerConversion .cellR p img { margin-left:30px;}

.footerArea { width:978px; margin:0 auto; padding:7px 0;}
.footerArea .cellL { width:458px; float:left; text-align:right; line-height:0;}
.footerArea .cellR { width:470px; float:right; text-align:left;}
.footerArea .cellR h2 { font-size: 18px; font-weight: normal; color: #fa64a4; margin:15px 0 1px; }
.footerArea .cellR p { margin:0 0 3px;}


/*メイン・サイドバー部*/

#container { width:978px; margin:5px auto 0; text-align:left; }
#main .pagetop { margin:4px 0; text-align:right; }

#main_col1 { margin:50px 0 0 0; }
#main_col1 h2{ margin:0 0 50px 0; }

/*左サイドバー*/
#sideWrap { float:left; width:204px; }
#sidebar { float:left; width:204px; margin-top:20px; }
#sidebar .sidebarClinicSelect { background-image: url(../img/side_clinic.png); background-repeat: no-repeat; height: 200px; width: 204px; text-align:center; margin-bottom:30px;}
#sidebar .sidebarClinicSelect h3 { text-indent:-9999px; font-size:12px; line-height:1; padding-top:145px; margin-top:0;}
#sidebar .sidebarClinicSelect select { width:134px; text-align:left;}
#sidebar .sidebarClinicSelect .btn { border-radius:3px; border: 1px solid #CCC; cursor:pointer; padding:1px 3px; }

#sidebar .sidebarBanner { margin-bottom:20px;}
#sidebar .sidebarBanner p { font-size:11px;　margin-top:18px;}
#sidebar .sidebarBanner p:first-child { margin-top:0px;}
#sidebar .sidebarBanner p img { display:block; max-width:100%; width /***/:auto; _width:100%; height:auto; margin:0 auto; -ms-interpolation-mode:bicubic;}

#sidebar .sidebarConsultation  { margin-bottom:50px; margin-top:50px;border-bottom: 1px solid #CCC;}
#sidebar .sidebarConsultation h2 { font-size:16px; font-weight:normal; margin:0 0 7px;}
#sidebar .sidebarConsultation h2 .eFont { font-size:10px; color: #fa64a4;}
#sidebar .sidebarConsultation h3 { font-size: 14px; font-weight: normal; background-color: #fa64a4; padding: 8px; margin: 20px 0 0; color:#FFF; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0;	/* 角丸 */}
#sidebar .sidebarConsultation h2 + h3 { margin:0;}
#sidebar .sidebarConsultation h3 .eFont { font-size: 10px; color: #FDF4F8; }
#sidebar .sidebarConsultation ul { margin: 0; padding: 0px; list-style: none; }
#sidebar .sidebarConsultation ul li { margin: 0px; border-top: 1px solid #CCC; font-size:14px; }
#sidebar .sidebarConsultation ul li:first-child { border-top:none;}
#sidebar .sidebarConsultation ul li a { display:block; padding: 8px; }
#sidebar .sidebarConsultation ul li a:hover,
#sidebar .sidebarConsultation ul li a.selected { background-color: #FBE6EF; color: #fa64a4; } 
#sidebar .sidebarConsultation .subMenu { font-size: 10px; float: right; padding-right: 5px; line-height: 11px;}

#sidebar .sidebarConsultation h3:nth-of-type(1) { background: #fa64a4; /* フェイス */ }
#sidebar .sidebarConsultation h3:nth-of-type(2) { background: #fa64a4; /* ボディ */ }
#sidebar .sidebarConsultation h3:nth-of-type(3) { background: #fa64a4; /* スキンケア */ }
#sidebar .sidebarConsultation h3:nth-of-type(4) { background: #fa64a4; /* その他 */ }

#sidebar .sidebarPopular  { margin-bottom:30px;}
#sidebar .sidebarPopular h2 { font-size:16px; font-weight:normal; margin:0 0 7px; border-bottom: 1px solid #fa64a4; padding: 0px 0px 3px 1px;}
#sidebar .sidebarPopular h2 .eFont { font-size:10px; color:#fa64a4;}
#sidebar .sidebarPopular ul { margin: 0px; padding: 0px; list-style: none; }
#sidebar .sidebarPopular ul li { font-size:14px; border-bottom: 1px solid #CCC; }
#sidebar .sidebarPopular ul li img { vertical-align: middle; margin-right: 8px; }
#sidebar .sidebarPopular ul li a { display:block; padding: 6px 0px; }
#sidebar .sidebarPopular ul li a:hover,
#sidebar .sidebarPopular ul li a.selected { background-color: #FBE6EF; color: #fa64a4; } 
#sidebar .sidebarPopular ul li a:hover img { opacity: 1; }

#sidebar .sidebarMenu { margin-bottom:36px;}
#sidebar .sidebarMenu h2 { color:#FFF; background-color: #333; margin: 0px; padding:8px; font-size: 14px; letter-spacing:0.08em; }
#sidebar .sidebarMenu h2 a { color:#FFF; display:block;}
#sidebar .sidebarMenu > ul { border-bottom: 2px solid #333; border-left: 2px solid #333; margin: 0px; list-style: none; padding:0; }
#sidebar .sidebarMenu > ul > li { border-top: 1px solid #CCC; margin: 0; font-size:14px; }
#sidebar .sidebarMenu > ul > li > a { display:block; padding: 9px 0 9px 9px;}
#sidebar .sidebarMenu > ul > li:first-child { border-top:none; margin-top:0; }
#sidebar .sidebarMenu ul ul { /*background-color: #f2f2f2;*/background-color: #fff; margin: 0px; padding: 0px 0px 3px; list-style: none; font-size: 12px; }
#sidebar .sidebarMenu ul ul li { margin: 0 0; padding: 0; }
#sidebar .sidebarMenu ul ul li a { display: block; background-repeat: no-repeat; background-position: 8px 10px; padding: 8px 8px 8px 26px; }
#sidebar .mgNarrow ul ul li a { display: block; background-repeat: no-repeat; background-position: 8px 8px; padding: 5px 8px 5px 26px; }

#sidebar .sidebarMenu ul li a.selected { text-decoration:underline !important;}
#sidebar .sidebarMenu ul ul.sideSub { background-color:#fff !important;}
#sidebar .sidebarMenu ul ul.sideSub li a:hover,
#sidebar .sidebarMenu ul ul.sideSub li a.selected {background-color:#fff !important;}
#sidebar .sidebarMenu ul ul.sideSub li { margin-left:20px;}




/*メイン*/
#main { line-height:1.8; float: right; width:726px; margin-top:20px; padding-bottom:1px; }
h2.mainTitle { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 24px; line-height: 1.1; font-weight: normal; /*border: 4px solid #CCC;*/border: 1px solid #ccc; padding: 19px 260px 19px 22px; margin: 0px 0px 1em; background-repeat: no-repeat; background-position: right top; background-color:#FFF; color: #000;
min-height:30px; }


.topNewsTab { margin-top:50px; }
.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: #fa64a4; */}
.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 #fa64a4; background-color: #fa64a4; 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: #000; border: 1px solid #eee; text-decoration: none; }
.topNewsTab .tab li a.selected:hover { text-decoration: none; }
.topNewsTab .tab li.blue a { border: 1px solid #fa64a4; background-color: #fa64a4; 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: #fa64a4; 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: #000; 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 dl dd.all { text-align: right; font-weight: bold; }
.topNewsTab dl dd.all a { text-decoration: underline; }
.topNewsTab .fPink {color:#000 !important;}

.historyBanner { margin:60px 0;}
.historyBanner.top { min-height: 230px; background-image: url('/files/img/bnr_main_message_bg@2x.jpg'); background-size: 726px 230px; background-color: #fdf2f6; background-repeat: no-repeat; }

.historyBanner.top h3 { font-size: 24px !important; line-height: 1.2; font-weight: normal; color: #3f0000; padding: 15px 22px 0 283px; margin: 0; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "MS PMincho", serif;}
.historyBanner.top p { font-size: 12px; line-height: 1.6; padding: 0px 22px 0 283px; margin: 10px 0 10px !important; }
.historyBanner.top div { text-align: center; padding: 7px 0 10px; }

.shiromotoPoint { padding: 20px; margin: 65px 0 60px; border: 1px solid #D6D6D6; }
.shiromotoPoint h2 { font-size: 14px; font-weight: normal; color: #333; line-height: 1; margin: -28px 0px 0px; padding: 0px 6px; background-color:#FFF; float: left; }
.shiromotoPoint h3 { clear:left; font-size: 14px; font-weight: normal; color: #fa64a4; margin-top: 5px; margin-bottom: 10px; }
.shiromotoPoint p { margin-bottom:0;}

.douiPDF { padding: 20px; margin: 60px 0; /*border: 3px solid #000;*/border: 1px solid #CCC; }
.douiPDF h3 { clear:left; font-size: 18px; font-weight: bold; /*color: #00b3a3; */margin-top: 5px; margin-bottom: 10px; }
.douiPDF p { margin-bottom:0;}

.recommendMenu { margin-top: 50px; }
.recommendMenu h2 { font-weight:normal; font-size: 20px; text-align: center; margin: 0px 0px 5px; padding: 0px; }
.recommendMenu h2 .eFont { font-size: 14px; color: #000; }
.recommendMenu ul { margin: 0px; padding: 0px; list-style: none; }
.recommendMenu ul li { float: left; width: 165px; font-size: 12px; color: #fa64a4; line-height:1.2; margin: 0px 0px 8px 22px; padding: 0px; }
.recommendMenu ul li:first-child { margin-left:0;}
.recommendMenu ul li a { /*color: #fa64a4;*/color: #000;}

.recommendMenu { margin-top: 50px; }
.recommendMenu h2 { font-weight:normal; font-size: 20px; text-align: center; margin: 0px 0px 5px; padding: 0px; }
.recommendMenu h2 .eFontL { font-size: 14px; color: #fa64a4; }

.clinicData1 + .conversionMenu { margin-top: 0px; }
.conversionMenu { border: 1px solid #fa64a4; margin-top: 60px; }
.conversionMenu .bannerLine { /*background-image: url(../img/bg_main_conv.png);*/background:#fa64a4; text-align: center; padding: 13px 0px 11px; border-bottom: 1px solid #fa64a4; line-height: 1; margin-bottom: 9px; }
.conversionMenu .bannerLine img { margin: 0px 13px; }
.conversionMenu .cellL { float:left; text-align: right; width: 337px; }
.conversionMenu .cellR { float:right; width: 333px; }
.conversionMenu .cellR h3 { font-size: 18px; font-weight: normal; color: #fa64a4; margin:12px 0 1px; }
.conversionMenu .cellR p { margin:0 0 3px;}

.conversionMenu .bannerLine.top a { color: #fff; float: left; display: block; width: 182px; height: 74px; padding: 0 13px; position: relative;  }
.conversionMenu .bannerLine.top a:hover { text-decoration: none; }
.conversionMenu .bannerLine.top a div { margin: 2px 0 0 13px; width: 182px; font-size: 11px; line-height: 1.1; }
.conversionMenu .bannerLine.top a:first-child { width: 246px; height: 71px;  }


.contentsMenu { margin-top: 40px;}
.contentsMenu h2 { font-weight:normal; font-size: 20px; text-align: center; margin: 0px; padding: 0px; clear:both; }
.contentsMenu h2 .eFontL { font-size: 14px; }
.contentsMenu .contentsMenuBox { padding: 15px 28px; border: 1px solid #000; }
.contentsMenu .contentsMenuBox p { margin:0; font-size:14px;}
.contentsMenu .contentsMenuBox ul { margin: 13px 0px 0px -5px; padding: 0px; list-style: none; line-height:1; }
.contentsMenu .contentsMenuBox ul li { float: left; margin: 5px; white-space: nowrap; }
.contentsMenu .contentsMenuBox ul.single li { width: 99.3314% }
.contentsMenu .contentsMenuBox ul.double li { width: 48.51% }
.contentsMenu .contentsMenuBox ul.triple li { width: 31.84% }
.contentsMenu .contentsMenuBox ul.quad li { width: 23.51% }
.contentsMenu .contentsMenuBox ul li a { display:block;padding:9px 7px; border: 1px solid #000;background-color: #fff;}
.contentsMenu .contentsMenuBox ul li a:hover,
.contentsMenu .contentsMenuBox ul li a.selected { text-decoration:none; font-weight:bold; }

/*動画用モーダル*/
.modal,
.modalMovie iframe{ display:none; }
.modalBody { position: fixed; z-index:10000; background: #FFF; width:560px; left:50%; top:50%; height: 345px; text-align:left; }
.modalBody.sizeAuto {/*position:absolute; */background: #FFF; width:auto;height: auto; top:25px; }
.modalBK { position: fixed; z-index:9999; height:100%; width:100%; background:#000;opacity: 0.9;filter: alpha(opacity=90);-moz-opacity:0.9; top:0; left:0; }
.modalBtns,
.modalimgBtns { cursor: pointer }
.modalBtns:hover,
.modalimgBtns:hover,
.modalBody .modalClose span:hover {opacity: 0.8;}
.modalBody .modalClose span{ cursor: pointer; background-image: url(../img/btn_close.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 16px; width: 84px; outline:none; float:right;}
.modal { width:690px; color: #eee; }
.modalBody { padding: 20px; border-radius:6px;}
.modalMovie { height:315px; background-color:#000;}

.modalView { position:relative}
.modalimgBtns img { border: 3px solid #83CB8F; }
.modalView .iconView { left:50%; top:50%; margin-left:-29px; margin-top:-29px; position:absolute; border:none; }
.modalView .iconView:hover {opacity: 1 !important;}

.blinking {
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}