@charset 'utf-8';
@import '/Portals/0/Skins/skincmn.css';

/* ===========================================================
 header
=========================================================== */
header{position:relative;z-index:10;}

/* ===========================================================
 main
=========================================================== */
main{padding-bottom:50px;background:url(images/bg_content.png) 0 0 repeat-x;}

/* ===========================================================
 gNav tokenMenu
=========================================================== */

/* bg */

.headBottom{background:url(images/bg_gnav_repeat.png) 0 0 repeat-x;}
.headBottom .inner,
.headBottom .inner #gNav{height:100%;}
.headBottom .inner{background:url(images/bg_gnav.png) top center no-repeat;}

/* txt */
#gNav .tokenMenu ul{position:relative;}
#gNav .tokenMenu ul,
#gNav .tokenMenu ul li{margin:0;padding:0;list-style:none;}
#gNav .tokenMenu ul:after{display:block;clear:both;content:'';}
#gNav .tokenMenu > ul > li{float:left;height:75px;}
#gNav .tokenMenu > ul > li{position:static;border:none;}
#gNav .tokenMenu > ul{background:none;}
#gNav .tokenMenu{position:relative;}
#gNav .tokenMenu > ul > li{display:none;}
#gNav .tokenMenu ul li.Tab235,
#gNav .tokenMenu ul li.Tab282,
#gNav .tokenMenu ul li.Tab290{display:block;}
#gNav .tokenMenu ul li a{display:block;height:100%;}
#gNav .tokenMenu > ul > li > a{overflow:hidden;white-space:nowrap;text-indent:200%;}
#gNav .tokenMenu ul li.Tab235{width:320px;margin:0 6px;}
#gNav .tokenMenu ul li.Tab282{width:308px;margin:0 6px;}
#gNav .tokenMenu ul li.Tab290{width:316px;margin:0 6px;}
#gNav .tokenMenu ul li.Tab235 > a{background:url(images/txt_gnav01.png) center center no-repeat;}
#gNav .tokenMenu ul li.Tab282 > a{background:url(images/txt_gnav02.png) center center no-repeat;}
#gNav .tokenMenu ul li.Tab290 > a{background:url(images/txt_gnav03.png) center center no-repeat;}
#gNav .tokenMenu > ul > li:hover{padding:5px;background-color:#241d1a;}
#gNav .tokenMenu > ul > li:hover > a{border:#928e8d solid 1px;}
#gNav .tokenMenu > ul > li:hover:after,
#gNav .tokenMenu > ul > li:hover:before{position:absolute;z-index:30;display:block;content:'';}
#gNav .tokenMenu > ul > li:hover:after{bottom:-1px;width:12px;height:12px;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(135deg);vertical-align:middle;border-top:1px solid #928e8d;border-right:1px solid #928e8d;background:#241d1a;}
#gNav .tokenMenu > ul > li:hover:before{bottom:-10px;width:0;height:0;margin:0 0 0 -4px;border-width:10px 10px 0 10px;border-style:solid;border-color:#241d1a transparent transparent transparent;}
#gNav .tokenMenu ul li.Tab235:hover:before,
#gNav .tokenMenu ul li.Tab235:hover:after{left:160px;}
#gNav .tokenMenu ul li.Tab282:hover:before,
#gNav .tokenMenu ul li.Tab282:hover:after{left:494px;}
#gNav .tokenMenu ul li.Tab290:hover:before,
#gNav .tokenMenu ul li.Tab290:hover:after{left:826px;}

/* 2 */
#gNav .tokenMenu > ul > li > ul > li{display:none;}
#gNav .tokenMenu > ul > li > ul > li.Tab236,

/*治療を受ける*/
#gNav .tokenMenu > ul > li > ul > li.Tab237,
#gNav .tokenMenu > ul > li > ul > li.Tab238,
#gNav .tokenMenu > ul > li > ul > li.Tab239,
#gNav .tokenMenu > ul > li > ul > li.Tab280,
#gNav .tokenMenu > ul > li > ul > li.Tab284,

/*水道橋病院について*/

#gNav .tokenMenu > ul > li > ul > li.Tab285,
#gNav .tokenMenu > ul > li > ul > li.Tab286,
#gNav .tokenMenu > ul > li > ul > li.Tab288,
#gNav .tokenMenu > ul > li > ul > li.Tab289,
#gNav .tokenMenu > ul > li > ul > li.Tab291,

/*医療関係者へ*/

#gNav .tokenMenu > ul > li > ul > li.Tab293,
#gNav .tokenMenu > ul > li > ul > li.Tab469,
#gNav .tokenMenu > ul > li > ul > li.Tab470,
#gNav .tokenMenu > ul > li > ul > li.Tab295{display:block;}
#gNav .tokenMenu > ul > li > ul > li.Tab293{position:absolute;right:20px;}
#gNav .tokenMenu > ul > li > ul > li.Tab291 a{position:relative;overflow:hidden;white-space:nowrap;text-indent:200%;}
#gNav .tokenMenu > ul > li > ul > li.Tab291 a:before{position:absolute;z-index:1;top:91px;left:1px;width:175px;height:20px;content:'紹介・依頼する';text-indent:0;}
#gNav .tokenMenu > ul > li > ul > li.Tab291:hover a:before{top:90px;left:0;}
#gNav .tokenMenu > ul > li > ul:after{display:block;clear:both;content:'';}
#gNav .tokenMenu > ul > li > ul{position:absolute;z-index:20;top:75px;left:0;display:none;width:980px;height:auto;padding:15px 20px 20px;border-radius:0 0 3px 3px;background:rgb(91,79,72);background:-moz-linear-gradient(top,rgba(91,79,72,.9) 0%,rgba(47,40,36,.9) 100%);background:-webkit-linear-gradient(top,rgba(91,79,72,.9) 0%,rgba(47,40,36,.9) 100%);background:linear-gradient(to bottom,rgba(91,79,72,.9) 0%,rgba(47,40,36,.9) 100%);-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);box-shadow:0 3px 3px 0 rgba(0,0,0,.1);}
#gNav .tokenMenu > ul > li > ul > li{position:relative;float:left;margin:0 6px;text-align:center;}
#gNav .tokenMenu > ul > li > ul > li:before,
#gNav .tokenMenu > ul > li > ul > li:after{position:absolute;top:0;bottom:0;display:block;width:1px;height:100px;margin:auto;content:'';}
#gNav .tokenMenu > ul > li > ul > li:before{left:-7px;background-color:#4b413b;}
#gNav .tokenMenu > ul > li > ul > li:after{left:-6px;background-color:#88807b;}
#gNav .tokenMenu > ul > li > ul > li.Tab236:before,
#gNav .tokenMenu > ul > li > ul > li.Tab236:after,
#gNav .tokenMenu > ul > li > ul > li.Tab284:before,
#gNav .tokenMenu > ul > li > ul > li.Tab284:after,
#gNav .tokenMenu > ul > li > ul > li.Tab291:before,
#gNav .tokenMenu > ul > li > ul > li.Tab291:after{display:none;}
#gNav .tokenMenu > ul > li > ul > li > a{font-size:107.1%;position:relative;width:165px;height:135px;margin:5px;padding:91px 1px 0 1px;text-decoration:none;color:#fff;}
#gNav .tokenMenu > ul > li > ul > li:hover > a{padding:90px 0 0 0;border:#6d625d solid 1px;background-color:#29211e;}
#gNav .tokenMenu > ul > li > ul > li:hover{background:rgb(84,71,65);background:-moz-linear-gradient(top,rgba(84,71,65,1) 0%,rgba(84,71,65,1) 100%);background:-webkit-linear-gradient(top,rgba(84,71,65,1) 0%,rgba(84,71,65,1) 100%);background:linear-gradient(to bottom,rgba(84,71,65,1) 0%,rgba(84,71,65,1) 100%);}

/*各背景画像*/
#gNav .tokenMenu > ul > li > ul > li a{background-repeat:no-repeat;background-position:center 28px;}
#gNav .tokenMenu > ul > li > ul > li:hover a{background-position:center 27px;}
#gNav .tokenMenu > ul > li > ul > li.Tab236 a{background-image:url(images/ico_megamenu_sh_a01.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab237 a{background-image:url(images/ico_megamenu_sh_a02.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab238 a{background-image:url(images/ico_megamenu_sh_a03.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab239 a{background-image:url(images/ico_megamenu_sh_a04.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab280 a{background-image:url(images/ico_megamenu_sh_a05.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab284 a{background-image:url(images/ico_megamenu_sh_b01.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab285 a{background-image:url(images/ico_megamenu_sh_b02.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab286 a{background-image:url(images/ico_megamenu_sh_b03.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab288 a{background-image:url(images/ico_megamenu_sh_b04.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab289 a{background-image:url(images/ico_megamenu_sh_b05.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab291 a{background-image:url(images/ico_megamenu_sh_c01.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab469 a{background-image:url(images/ico_megamenu_sh_c02.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab470 a{background-image:url(images/ico_megamenu_sh_c03.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab295 a{background-image:url(images/ico_megamenu_sh_c04.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab293 a{background-image:url(images/ico_megamenu_sh_c05.png);}

/* 3階層目からは非表示*/
#gNav .tokenMenu > ul > li > ul li ul{display:none;}

/* ===========================================================
 css for each skin
=========================================================== */

/* index */
#skinIndex main{background:url(images/bg_contentBottom.png) bottom center no-repeat #eae6dc;background-size:100% auto;}
#skinIndex .mainArea{float:left;width:750px;}
#skinIndex .contentTop{position:relative;padding:0;background:#000;}
#skinIndex .ContentTopPane{position:absolute;right:0;bottom:-20px;left:0;width:1040px;min-height:188px;margin:0 auto;}
#skinIndex .TopPane:after{position:absolute;z-index:0;bottom:0;left:0;display:block;width:100%;height:294px;content:'';background:url(images/bg_contentTop.png) bottom center no-repeat;background-size:100% 294px;}
.adminMode #skinIndex .TopPane:after{position:static;}
#skinIndex .contentMiddle{padding-top:80px;background:url(images/bg_contentmiddle.png) top center no-repeat;background-size:100% auto;}
#skinIndex .sideArea{float:right;width:210px;}

/* 2col */
#skin2Columns .mainArea{float:left;width:750px;}
#skin2Columns .mainArea{min-height:400px;padding:20px;background:url(images/bg_contentTop_under.png) 0 0 no-repeat;}
#skin2Columns .mainArea .ContentPane{padding:60px 20px 0;background:-moz-linear-gradient(top,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);}

/*#skin2Columns .mainArea .ContentPane h2:first-of-type{margin-top:0;}*/
#skin2Columns .sideArea{float:right;width:210px;}

/* 1col */
#skin1Column .mainArea{min-height:400px;padding:20px;background:url(images/bg_contentTop_under_large.png) 0 0 no-repeat;}
#skin1Column .mainArea .ContentPane{padding:60px 20px 0;background:-moz-linear-gradient(top,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);}

/* 1col-1_2 */
#skin1Column-1_2 .mainArea{min-height:400px;padding:20px;background:url(images/bg_contentTop_under_large.png) 0 0 no-repeat;}
#skin1Column-1_2 .mainArea .columnArea:after{display:block;clear:both;content:'';}
#skin1Column-1_2 .mainArea .ContentMainPane{float:left;width:710px;padding:0 20px 0;background:-moz-linear-gradient(top,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.03) 0%,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);}
#skin1Column-1_2 .mainArea .ContentSidePane{float:right;width:210px;}

/* 2col-1_2_2 */
#skin2Columns-1_2_2 .mainArea{float:left;width:750px;}
#skin2Columns-1_2_2 .mainArea{min-height:400px;padding:20px;background:url(images/bg_contentTop_under_large.png) 0 0 no-repeat;}
#skin2Columns-1_2_2 .mainArea .columnArea:after{display:block;clear:both;content:'';}
#skin2Columns-1_2_2 .mainArea .Content01Pane,
#skin2Columns-1_2_2 .mainArea .Content03Pane,
#skin2Columns-1_2_2 .mainArea .Content05Pane{float:left;width:340px;padding:0;}
#skin2Columns-1_2_2 .mainArea .Content02Pane,
#skin2Columns-1_2_2 .mainArea .Content04Pane,
#skin2Columns-1_2_2 .mainArea .Content06Pane{float:right;width:340px;padding:0;}
#skin2Columns-1_2_2 .sideArea{float:right;width:210px;}

/**/