/*==================================================

  Copyright (c) 2008 医療法人社団　修命会 アリオ西新井デンタルクリニック

  ==================================================*/


@charset "Shift_JIS";

/* Whole */
*{ margin:0; padding:0; 
    font:normal normal normal 14px/1.5em Osaka,Helvetica,Arial,"ＭＳ Ｐゴシック",sans-serif; }
	
/* change of font size ↓ */
body{ text-align:center; font-size:12px; color:#555; background-image: url(../img/back.gif); background-repeat: repeat-y; background-position: center center; background-color: #a39e73;
padding:1em 0; }

/* page-Large framework setting  */
#PAGETOP{ width:680px; margin:0 auto; text-align:left; background:#fff url(./img/st.gif); border:7px solid #fff; }
.top-margin{ width:680px; height:250px; margin:0 auto; text-align:center; }

/* header・photo-change */
#HEADER{ width:680px; padding: 0px; color:#555; }
#HEADER a:link,#HEADER a:visited{ color:#555; text-decoration:none; }
#HEADER a:hover{ color:#999; text-decoration:underline; }
.HEADER-TOP{ width:680px; padding: 0px; color:#555; border:7px solid #fff; background-color: #FFFFFF; }

/* site name - font */
h1{ font:normal 14px/2.5em Osaka, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif; padding:0px; letter-spacing:1pt; color:#000; background:url(../img/st.gif) repeat-x left top; height: auto; }

/* pan */
ul#PAN{ list-style:none; text-align:right; }
ul#PAN li{ display:inline; }
ul#PAN a{ padding:0 0.7em 0 0; background:url("../img/pan.gif") no-repeat 100% 50%; } 

/* menu */
#MENU{ margin:10px; padding:0px 0; background:#fff; width:180px; float:left; }
html*#MENU{ _margin:10px 5px; }
#MENU h2{ margin:0 7px; padding:0.1em 0.3em;font-weight:bold; letter-spacing:0.5pt; background:url(../img/st.gif) repeat-x 0% 100%; }

/* menu list link */
#MENU ul{ list-style-type:none; margin:0 7px; }
#MENU li{ display:inline; }
#MENU li a{ display:block; text-decoration:none; padding-left:15px; margin:0.2em 0; letter-spacing:0.5pt; }
#MENU li a:link,#MENU li a:visited{ color:#333; }
#MENU li a:hover,#MENU li.menu-on a:link,#MENU li.menu-on a:visited{ color:#999; background:url(../img/icon.gif) no-repeat 0% 50%; }

/* text area */
#KIZI{ margin:10px 10px 0 200px; padding:10px; background:#fff; }
#KIZI-top{ width: 445px; height:100px; margin-bottom:4px; background:#fff; }
#KIZI-top2{ width: 445px; height:250px; margin-bottom:4px; background:#fff; }
#KIZI-text{ width: 445px; height:120px; margin-top:4px; margin-bottom:4px; background:#fff; }
#KIZI-clinic{ width: 445px; height:150px; margin-top:0px; background:#fff; }
#KIZI-clinic2{ width: 445px; height:150px; margin-right:4px; margin-top: 15px;background:#fff; }
#KIZI-clinic3{ width: 445px; height:150px; margin-right:4px; margin-top: 15px;background:#fff; }
#KIZI-clinic4{ width: 445px; height:150px; margin-right:4px; margin-top: 15px;background:#fff; }
#KIZI-clinic5{ width: 445px; height:267px; margin-right:4px; margin-top: 15px;background:#fff; }

#KIZI-gosmile{ width: 445px; height:150px; margin-top:0px; background:#fff; }
#KIZI-gosmile2{ width: 445px; height:150px; margin-right:4px; margin-top: 15px;background:#fff; }
#KIZI-gosmile3{ width: 445px; height:150px; margin-right:4px; margin-top: 15px;background:#fff; }
#KIZI-gosmile4{ width: 445px; height:150px; margin-right:4px; margin-top: 15px;background:#fff; }
#KIZI-gosmile5{ width: 445px; height:150px; margin-right:4px; margin-top: 15px;background:#fff; }

.margin-text{ margin-right:20px; margin-top: 15px; margin-bottom: 15px; margin-left: 20px; }
.margin-text2{ margin-right:20px; margin-top: 15px; margin-bottom: 10px; margin-left: 20px; }
.margin-text-gosmile{ margin-right:20px; margin-top: 55px; margin-bottom: 15px; margin-left: 20px; }

/* Return setting */
#KIZI a{ text-decoration:underline; }
#KIZI a:link{ color:#34578e; }
#KIZI a:visited{ color:#458e34; }
#KIZI a:hover{ color:#8e4134; }
#KIZI .text{ padding:0 0 2em; letter-spacing:0.35pt; }

#KIZI ul.modori{ list-style:none; }
#KIZI ul.modori li{ list-style:none; display:block; text-align:right; }
#KIZI ul.modori li a{ display:inline; text-decoration:none; font-size:84%; font-weight:bold; padding-left:10px; background:url(../img/modori.gif) no-repeat 0% 40%; }
#KIZI ul.modori a:link,#KIZI ul.modori a:visited{ color:#555; }
#KIZI ul.modori li a:hover{ color:#a0a0a0; }

/* font */
.font10{ font-size:10px; color:#fff; }
.brown10{ font-size:10px; color:#65391f; }
.brown12{ font-size:12px; color:#65391f; }
.brown12{ font-size:12px; color:#65391f; }
.bl12{ font-size:12px; color:#555; }
.brown14{ font-size:14px; color:#65391f; }

/* footer */
#FOOTER{ font-size:10px; text-align:center; margin:0px; padding:0.3em 0.5em; background:#a39e73 url(../img/st4-2.gif) repeat-x 0% 100%;}
#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ font-size:10px;color:#fff; text-decoration:none; }
#FOOTER a:hover{ font-size:10px;color:#b5b5b5; text-decoration:underline; }
#FOOTER ul{ font-size:10px;list-style:none; }
#FOOTER li{ font-size:10px;display:inline; margin:0 0.5em; }
#FOOTER li a{font-size:10px;  }
#FOOTER li address{ display:inline; }

/* index  */
h3,h4{ color:#000; font-weight:bold; margin:1em 0 0.2em; letter-spacing:1px; }
h5,h6{ margin:0.8em 0 0.4em; }
#KIZI h2{ font-weight:bold; font-size:118%; letter-spacing:1pt; color:#fff; padding:0.1em 0.5em; margin:0 0 0.5em; background:#a39e73 url(../img/st4-2.gif) repeat-x 0% 100%; }
h3{ font-size:112%; padding-left:15px; background:url(../img/icon2.gif) no-repeat 0% 4px; }
h4{ font-size:108%; }
h5{ font-weight:bold; }
.bk01{ color:#000; font-weight:bold; margin:1em 0 0.2em; letter-spacing:1px; }
/* In addition */

/* line  noline*/
hr{ display:none; }

/* photo link-The closing line of link is turned off  */
img{ border:none; }

/* address */
address{ }

/* Emphasis  */
em{ font-weight:bold; color:#458e34; }
strong{ font-weight:bold; color:#6e8aa4; }

/* Addition */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }

/* Deletion */
del{ text-decoration:line-through; }

/* Quotation  */
q,cite{ border-bottom:1px dotted #999; }

/* Upper attachment ・Inferior letters  */
sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }

/* Physical tag  */
tt{ font-family:monospace; } /* And so on width  */
b{ font-weight:bold; } /* Bold type  */
i{ font-style:oblique; } /* Non-commutative field  */
big{ font-size:132%; }/* Letter large  */
small{ font-size:84%; }  /* Letter small  */

/* form */
input,textarea,select{ background:#fff; color:#555; border:1px solid #ccc; margin:0.1em 0; }

/* number list */
#KIZI ol{ list-style-position:outside; padding:5px; margin:0 1em 0 1.5em; }
#KIZI ol li{ padding:0; }

/*list */
#KIZI ul{ list-style:outside disc; padding:5px; margin:0 0 0 1.5em; }
#KIZI li{ padding:0; }

/* Explanation attachment list */
#KIZI dl{ list-style-position:inside; padding:5px; }
#KIZI dt{ font-weight:bold; color:#191919; }
#KIZI dd{ padding:0 5px; margin:0 0 0 0.8em; }
.icon{ font-size:112%; padding-left:15px; background:url(../img/icon2.gif) no-repeat 0% 4px; }

/* Conclusion */
p{ margin:0 0 0.4em; }

/* Quotation sentence */
blockquote{ border:1px solid #ccc; margin:0.5em 1em; padding:5px; }

/* Fairing being completed text */
pre{ background:#eee; color:#333; margin:0.5em; padding:5px; width:94.5%; overflow:scroll; }


/* table */

TABLE {
  width:420px; 
  cellspacing:0px; 
  cellpadding:0px; 
  border:0px; 
  margin:0px; 
  
}

TD {
  color: #555;
  width:auto;
  
}

/* tab */


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive { margin-top:1em; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { margin:0; padding: 0px 0; font: bold 12px Verdana, sans-serif; }
ul.tabbernav li { list-style: none; margin: 0; display: inline; }
ul.tabbernav li a { padding: 6px 0.5em; margin-left: 3px; border: 1px solid #a39e73; border-bottom: none; background: #a39e73; text-decoration: none; }
ul.tabbernav li a:link { color: #555; }
ul.tabbernav li a:visited { color: #555; }
ul.tabbernav li a:hover { color: #ECE8C8; background: #ECE8C8; border-color: #a39e73; }
ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; }
ul.tabbernav li.tabberactive a:hover { color: #ECE8C8; background: #ECE8C8; border-bottom: 1px solid white; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding:6px; border:1px solid #a39e73; }

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { overflow:auto; }
.tabberlive#tab2 { overflow:auto; }
.tabberlive#tab2 .tabbertab { height:250px; overflow:auto; }

/* popup-ajax */

* { font-family: Verdana, Helvetica; font-size: 10pt; }
.highslide-html { background-color: white; }
.highslide-html-blur { }
.highslide-html-content { position: absolute; display: none; }
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
.control { float: right; display: block;/*position: relative;*/ margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #999; }
.control:hover { color: black !important; }
.highslide-move { cursor: move; }

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* Ajax whitening Area*/
#content {

}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#fade-example-3 {
	border: 0px solid #000;
}
#fade-example-1 li,#fade-example-2 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 270px;
	background-color: #FFF;
	visibility: hidden;
}
#fade-example-3 li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
li img {
	display: block;

}
.caption {
	clear: both;
	padding: 1em;
	background-color: #FFF;
}
.example {
	position: relative;
	padding:1.7em;
	margin-bottom: 1.5em;
	width: 250px;
	height: 270px;
}

code {
	font-family: monospace;
}
.control2 {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2.5em;
	font-weight: bold;
	color: #a39e73;
}

.control2:hover { color: black !important; }

#fade-example-1-next {
	right: 0%;
	top: 11%;
}
#fade-example-1-previous {
	left: 14%;
	top: 11%;
}
.ajax {
	margin: 2em;
	padding: 1em;
}



	

/* 追加 */
td.bg{ padding:10px; width:100%; background:#a39e73 url(../img/st4-1.gif) repeat-x 0% 100%;}
td.bg-itv{ height:10px }
.bg{ padding:10px; width:95%; background-color:#ECE8C8;}
.kys-step{ padding:5px; width:95%; border:1px solid #ECE8C8; }
.kys-step2{ margin:0px; padding-left:10px; line-height:30px; background-color:#ECE8C8; vertical-align:middle; text-transform: none; font-weight: bold;}

@import "http://";
.margin-text-blue {
	margin-right:20px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	color: #6e8aa4;
}