@charset "utf-8";

#Second h1.titles{border-top:none; border-bottom:none; clear:both; box-shadow:none; margin:0; padding:0;}

/* ヘッダーメニュー */
#headmenu li.operation a{background-color:#6699CC; border-bottom:1px solid #003366;}

#Second{}
#Second #Main{width:72%; float:left; margin-bottom:40px;}
#Second #Menu{width:26%; float:right; margin-bottom:40px;}
#Second #Menu dl{margin:0; float:none; width:auto;}

#Second h2{border-left:5px solid #FF6600; padding:8px; margin:10px 0; clear:both;}
#Second h3{ border-bottom:3px double #CCCCCC; padding:4px; margin:20px 0 10px; clear:both; color:#0033CC; background-color:#FFFFCC;}

/*ページ内リンク*/
#Main ul.menulist{margin:12px 0 80px 0; list-style:none;}
#Main ul.menulist li{margin-bottom:8px; float:left; padding-right:8px; white-space:nowrap;}
#Main ul.menulist a{background-color:#CCCCCC; padding:6px 8px; display:block;
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;	
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;	
	border:none;
    -webkit-border-top-left-radius: 22px;
    -webkit-border-top-right-radius: 22px;	  
    -webkit-border-bottom-left-radius: 22px;
    -webkit-border-bottom-right-radius: 22px; 	 
    -moz-border-radius-topleft: 22px;
    -moz-border-radius-topright: 22px;	  
    -moz-border-radius-bottomright: 22px;}
#Main ul.menulist a:hover{background-color:#336699; color:#FFFFFF; text-decoration:none;}

/*別サイトへリンク*/
#Main p.lnk{background-color:#FFCCFF; padding:8px; text-align:center; border-top-left-radius: 12px;
	border-top-right-radius: 12px;	
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;	
	border:none;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;	  
    -webkit-border-bottom-left-radius:12px;
    -webkit-border-bottom-right-radius:12px; 	 
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;	  
    -moz-border-radius-bottomright:12px;
	margin:0;
	padding:14px 12px 11px;
	width:auto;		
	clear:both;}

/*初診予約へリンク*/
p.link_reserve{margin-top:22px; font-size:105%;}
p.link_reserve a{color:#FF6600; border:1px solid #FF9966; padding:3px 6px 2px; display:inline-block; border-radius:4px;	-webkit-border-radius:4px; -moz-border-radius:4px;}
p.link_reserve a:after{ content:">>"; font-size:80%; padding-left:2px; position:relative; vertical-align:top;}
p.link_reserve a:hover{background-color:#FFFAE6; text-decoration:none;}

	
/*バナー*/
#Main p.banar{margin:20px auto;}
#Main p.banar img{width:100%;}

/*ボックス青*/
#Main .BoxBlue{border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px; background-color:#E1E9FB; padding:8px 8px 8px 14px; margin:30px 0; line-height:1.6em;}
#Main .BoxBlue ul{list-style-type:square; margin-left:18px;}
#Main .BoxBlue li{float:left; padding:0 40px 0 0; margin-left:6px; white-space:nowrap;}

/*順番*/
#Main ul.flow{margin:6px 0 20px 0; list-style:none; line-height:1.6em;}
#Main ul.flow li{background-color:#DEEAF8; padding:4px; clear:both; overflow:hidden; zoom:1;}
#Main ul.flow li.arrow{height:18px; background:url(../images/arrow_down.png) no-repeat bottom left; background-color:#FFFFFF; padding:0; margin:6px 0;}


/**動画*****************/
div.movie{ text-align:center; border:1px solid #EEEEEE; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .3); padding:12px; width:60%; margin:12px auto 30px;}
div.movie p{margin:0; padding:0; font-size:0.85em;}

.video-container {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden; margin-bottom:8px;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width:684px) {
div.movie{float:none; width:90%; margin:18px auto 60px;}
}
/******************/


/********/
/**サイドメニュー**/
/********/
.operation dl{float:left; width:46%; height:inherit; margin:20px 14px;}
.operation dl.ccl{clear:both;}
.operation dt{background-color:#006699; color:#FFFFFF; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px;
	margin:0;
	padding:14px 12px 11px;
	width:auto;		
	clear:both;}

.operation dd{border-bottom:1px dotted #FF3300; margin:12px; padding:6px;}
.operation dd span{padding-left:14px; line-height:1.5em; background:url(../images/menu_icon.jpg) no-repeat left center;}

/*フッター*/
ul.FNavi {margin:40px 0 6px 0; padding:6px 0; clear:both; border-top:2px solid #003366; list-style-type: none; color:#333333; font-size:0.9em; line-height:1.6em;}

ul.FNavi li { display: inline;}
ul.FNavi li a {background-color:#929292; padding: 15px 15px 15px 10px; background: url(../../common/images/topicarrow.png) no-repeat right; color:#ffffff;}
ul.FNavi a:hover {background: url(../../common/images/topicarrow2.png) no-repeat right; color: #ffffff; text-decoration:none;}

@media screen and (max-width:1070px){
#Second h1.titles img{width:100%;}
}

@media screen and (max-width: 950px){
#Second #Main{width:100%; float:none;}
#Second #Menu{ display:none;}

.operation dl{float:left; width:46%; margin:20px 12px 20px 0;}

	
}

@media screen and (max-width: 650px){
.operation dl{float:none; width:100%;}
}