/* PARALLAX SCROLLING EXPERIMENT
   Master Styles
   Author: Jonathan Nicol (f6design.com)
*****************************************************************/
/* Global reset
   http://meyerweb.com/eric/tools/css/reset/ 
*****************************************************************/
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: myfont;
	src: url("../font/07YasashisaAntique.eot");
}
@font-face {
	font-family: myfont;
	src: url("../font/07YasashisaAntique.otf");
}

/* cf
*****************************************************************/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* parallax back ground
*****************************************************************/
/* foreground (ballons/landscape) */
#parallax-bg3 {
	z-index:-1;
	position: fixed;
	/*left: 50%;  align left edge with center of viewport */
	top: 0;
	width: 100%; /*940px;*/
	/*margin-left: -470px;  move left by half element's width */
	}
	#bg3-1 {
		position: fixed;
		top: 0;
		left: 0;
		width:100%;
		height: auto;/* 背景となる画像の高さ index.html内で指定 */
		}
		
/* Extended base styles (site specific)
*****************************************************************/
strong {color:#0099bd;}
/*base color #004269*/
/*accent color #0099bd*/

html { 
	overflow-y: scroll; /* always force a scrollbar in non-IE */
	}
body {
	font-family:'myfont','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.5;
	color: #444;
	font-size:14px;
	background-image: url(../img/open-house/ptn-tile.png);
	width:100%;
	min-width: 960px; 
	/*max-width:none;
	height:1024px;
	overflow:visible;*/
}
article h1 {
	
font-family: 'Questrial', sans-serif;
/*font-family: 'Quando', serif;*/
text-transform:uppercase;

color: #0099bd;

  text-shadow: -1px 1px 0 rgba(255,255,255,0.5);
	color: #004269;
	padding-top:20px;

}
/*article#introduction h1 {
color: #0099bd!important;
text-shadow: -1px 1px 0 rgba(0,0,0,0.5);
}*/

h2 {
font-size: 1.2em;
}
h3 {
margin-top: 10px;
line-height: 1.1;
text-align:center;
}
a, 
a:link,
a:active,
a:visited {
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color:#004269;
	outline: none;
	text-decoration:none;
	}
	a:hover { 
		color:#0099bd;
		}
#menu a, 
#menu a:link,
#menu a:active,
#menu a:visited {
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color:#dde4e7;
	outline: none;
	text-decoration:none;
	}
	#menu a:hover { 
		color:#004269;
		}
img { 
	display:block;
	}
/**/p {
	margin:1em 0;
	}

/* Common shared styles
*****************************************************************/
hr {
	margin: 0 auto;
	border-top: 1px solid #004269;
}

/* Page structure
*****************************************************************/
header#branding {
	width:100%;
	height:auto;
	margin:0;
	padding: 20px 0 0 0;
	/*position:fixed;*/
	z-index:100;
	background-image: url(../img/open-house/ptn-tile.png);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5); /* CSS3 */
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/
	}	
#branding h1#logo {
		padding: 10px 0 0 20px;
		}
header#branding ul {
	height:100%;
	padding: 15px 20px 15px 0;
	margin-top:30px;
	background: #0099bd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTliZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQyNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #0099bd 0%, #004269 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0099bd), color-stop(100%,#004269)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #0099bd 0%,#004269 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #0099bd 0%,#004269 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #0099bd 0%,#004269 100%); /* IE10+ */
	background: linear-gradient(to right,  #0099bd 0%,#004269 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099bd', endColorstr='#004269',GradientType=1 ); /* IE6-8 */
	z-index:101;
	}
header#branding li {
	float:left;
	padding: 5px 40px 5px 20px;	
	list-style-image:url(../img/common/symbol-star.png);
	list-style-position:outside;
	line-height:1;
	}
header#branding li:first-child {
	list-style-image:none;
	}
#branding {
	width: 100%;
	}
	
/* sub menu
================================================*/
header#branding nav.sub-info ul {
	border-bottom: none;
	background:none;
	}
nav.sub-info {
	position: absolute;
	right: 10px;
	top: 20px;
	width:50%;
	font-size:30px;
	}
nav.sub-info span,
nav.sub-info img {
float:right;
	}
nav.sub-info img {
padding:10px 10px 10px 0;
	}
/* Nav
*****************************************************************/
nav.next-prev {
	margin: 20px auto 0;
	}
	a.prev,
	a.next {
		display: block;
		width: 15px;
		height: 11px;
		text-indent: -9999px;
		}
	a.prev {
		margin: 0 auto 5px auto;
		background: transparent url('../img/modal/scroll-arrow-up.png') 0 0 no-repeat;
		}
		a.prev:hover {
			background: transparent url('../img/modal/scroll-arrow-up.png') 0 -11px no-repeat;
			}
	a.next {
		margin: 5px auto 0 auto;
		background: transparent url('../img/modal/scroll-arrow-down.png') -1px 0 no-repeat;
		}
		a.next:hover {
			background: transparent url('../img/modal/scroll-arrow-down.png') -1px -11px no-repeat;
			}

/* campaign
*****************************************************************/
#introduction .bnr {
width:100%;
/*position:relative;*/
margin:0 auto;/*背景写真の扱い方によってtop位置調整*/
	}
#introduction .bnr ul {
margin-right:-20px;
	}
#introduction .bnr img {
float:left;
/*position:relative;*/
padding-right:20px;
	}
	
/* 設備紹介
*****************************************************************/
#our-office h2 {
border-left: 4px solid #0099bd;
line-height: 1.1;
padding-left: 8px;
color: #0099bd;
border-bottom: solid 1px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 40px;
	}
#our-office h3 {
margin: 40px 0 20px 0;
line-height: 1.1;
color: #0099bd;
	}
#our-office h4 {
margin-top: 20px;
line-height: 1.1;
background-image: url(../img/common/bg_noise.jpg);
/**/display: inline-block;
padding: 2px 5px 5px;
	}
#our-office .bnr {
width:100%;
position:relative;
margin:0 auto 0;/*背景写真の扱い方によってtop位置調整*/
	}
#our-office .bnr ul {
margin-right:-20px;
display: flex;
flex-wrap: wrap;
	}
	
	#our-office .bnr li {
width:300px;
position:relative;
padding-right:20px;
padding-bottom:20px;
	}

/* google maps
*****************************************************************/
#access-info h2 {
	margin:40px 0 20px 0;
	border-left:4px solid #0099bd;
	line-height:1.1;
	padding-left:8px;
	color: #0099bd;
	/*font-weight:700;*/
	border-bottom: solid 1px;
	padding-bottom: 10px;
	}
#access-info .bnr {
width:100%;
position:relative;
margin:0 auto 0;/*背景写真の扱い方によってtop位置調整*/
	}
#access-info .bnr ul {
margin-right:-20px;
	}
#access-info .bnr img {
float:left;
position:relative;
padding-right:20px;
	}

/* Parallax
*****************************************************************/
/* content */
#content {
	/*z-index: 4;*/
	position: relative;
	min-height: 100%;
	width: 940px;
	margin: 0 auto;
	line-height: 1.7;
	/*width: 96%;ブラウザサイズ狭い場合*/
	text-align: left;
	
	}
	#content article {
	width: 100%;
	/*padding-top: 200px!important;*/
	z-index:0;
	
		}
	#content article p.description {
	text-align:center;
		}		

						
		#content h1 {
				margin: 0 0 25px 0;
				font-size: 3.8em;
				font-weight: normal;
				line-height: 65px;
				text-align:center;
				letter-spacing:8px;
				}
#content header h1:first-child {
				width:100%;/*参考サイトhttp://doberman.se/*/
				}
/* transition menus
================================================*/
#treatments img {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}
#treatments img:hover {
-webkit-filter: grayscale(0%);
filter: none;
}
#treatments ul {
	margin:-20px -20px 0 0;
	/zoom: 1;/* for IE6,7 */
	}
#treatments li {
	width:300px;
	float:left;
	margin:20px 20px 0 0;
	}
		
/* NEWS
================================================*/	
#introduction dl {
	margin: 20px auto 15px;
	padding: 0 10px 10px;
	border: 4px #0099bd solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color:rgba(255,255,255,0.7);
	position:relative;
	z-index:1;
}
#introduction dl dt {
	float: left;
	width: 9em;
	padding: 10px 0;
	/*font-weight: bold;*/
	text-indent: 1em;
	line-height: 150%;
	}
#introduction dl dd {
	padding: 10px 0 10px 9em;
	line-height: 150%;	
	border-bottom: 1px dotted #0099bd;
	border-image:url(../img/common/hr.png) 1 1 repeat;
	-webkit-border-image:url(../img/common/hr.png) 30 30 repeat; /* Safari */
	}	
		
/* 院長紹介
================================================*/
#dental-team .greeting {
	}
	
	#dental-team .greeting-txt {
	width: 60%;
	float:left;
	/*z-index:100;*/
	}
	#dental-team .greeting-dir {
		background-image:url(../img/dental-team/director.png);
		background-repeat: no-repeat;
		background-position:right;
		height:500px;
/*margin-top:-150px;*/
	}
#dental-team dl {
	margin: 20px auto 15px;
	padding: 0 10px 10px;
	border: 4px #0099bd solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color:rgba(255,255,255,0.7);
}
#dental-team dl dt {
	float: left;
	width: 18em;
	padding: 10px 0;
	/*font-weight: bold;*/
	text-indent: 1em;
	line-height: 150%;
}
#dental-team dl dd {
	padding: 10px 0 10px 18em;
	line-height: 150%;	
border-bottom: 1px dotted #0099bd;
	border-image:url(../img/common/hr.png) 1 1 repeat;
	-webkit-border-image:url(../img/common/hr.png) 30 30 repeat; /* Safari */
}	

form#mailformpro dl dt{
	width: 260px !important;
}
			
/* price list
================================================*/
#price-list {padding-bottom:40px;}
#sample-9 caption {
	color:#fff;
	text-align:center;
	margin:10px 0;
}
#sample-9 th, #sample-9 td {
text-align: center;
padding: 1em;
border: 1px solid #ddd;
text-transform:capitalize;
}
#sample-9 {	
background: #fff;
border-collapse: collapse;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
box-shadow: 0 1px 4px rgba(0,0,0,0.3);
margin: 0 auto;
width:100%;
}
tbody tr:nth-of-type(odd){ background:rgba(204,204,204,0.3); }
tbody td:nth-of-type(odd){ background:rgba(204,204,204,0.3); }

#sample-9 span {
display: inline-block;
width: 16px;
height: 16px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
	
/* access
================================================*/
#access-info #map,
#access-info #map-main {
	border:1px solid #0099bd;
	}

#access-info dl {
	margin: 20px auto 15px;
	padding: 0 10px 10px;
	border: 4px #0099bd solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color:rgba(255,255,255,0.7);
}
#access-info dl dt {
	float: left;
	width: 7em;
	padding: 10px 0;
	/*font-weight: bold;*/
	text-indent: 1em;
	line-height: 150%;
}
#access-info dl dd {
	padding: 10px 0 10px 7em;
	line-height: 150%;	
border-bottom: 1px dotted #0099bd;
	border-image:url(../img/common/hr.png) 1 1 repeat;
	-webkit-border-image:url(../img/common/hr.png) 30 30 repeat; /* Safari */
}				
/* form
================================================*/

#inquiry {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);					background-color:rgba(255,255,255,0.7);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 40px auto 0;
	width:100%;
	}
#inquiry div {padding: 0 30px 10px;}


#content h1 {
	margin: 0 0 25px 0;
	font-size: 2em;
	font-weight: normal;

	text-align:center;
	letter-spacing:8px;
	font-family: 'myfont';
	color: #004269;
	}

#inquiry h2 {
	border-left:4px solid #0099bd;
	line-height:1.1;
	padding-left:8px;
	color: #0099bd;
	border-bottom: solid 1px;
	padding-bottom: 10px;
	margin-bottom:20px;
	margin-top:40px;
	}
#inquiry h3 {
	color: #0099bd;

	}	
input, select, textarea {
    border:1px solid #004269;/*base color #004269*//*accent color #0099bd*/
    padding: 5px;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

form .must {
display: block;
background-color: #0099bd;
padding: 2px 10px 4px;
font-size: 10px;
color: #FFF;
float: left;
margin: 0px 5px 0 10px;
border-radius: 15px;
}
form .mfp_buttons {text-align:center;}



/* policy
================================================*/
#privacy-policy div {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color:rgba(255,255,255,0.7);
	padding:20px 0 20px 0;
	width:100%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

	}
#privacy-policy p {
	padding:0 40px;
	}	
	
#privacy-policy h2 {
	padding:0 40px;
	color: #004269;
	font-size: 1.4em;
	text-align:left;
}	
#privacy-policy ul {
list-style-image: url(../img/common/symbol-star-bk.png);
list-style-position:inside;
background-image:url(../img/common/bg_noise.jpg);
margin: 0 40px 20px;
}		
/* footer
================================================*/
#footer {
	color:#dde4e7!important;
	background-image:url(../img/common/bg-black.jpg);
font-size:85%;
	width:100%;
	margin-top:40px;
	}
#footer .wrapper {
width:940px;
margin:0 auto;
	}
footer p {margin:0;}		
footer nav {
/*position: relative;*/
	overflow: hidden;
	}
footer ul {
	position: relative;

	}
footer ul li { 
	position: relative;

	}
footer h1 { 
pdding-right:0;
	}
footer h4 { 
margin-bottom:20px;
	}			
footer ul li:first-child { 
	list-style-image:none;	
	}
footer ul li a { 
	color:#dde4e7!important;
	}
footer ul li a:hover { 
	color:#0099bd!important;
	}
	
	
footer .consultationHours {margin:10px 0 5px;}


footer .consultationHours th {
color:#0099bd;
}
footer .consultationHours td.t_top {
border-top: #fff 4px solid;
font-weight: 700;
}

footer .consultationHours tbody tr:nth-of-type(odd) {
background: rgba(204,204,204,0.1);
}

footer .consultationHours tbody td:nth-of-type(odd) {
background: rgba(204,204,204,0.1);
}

/* FOOTER BOTTOM ------------------------------------------------------------*/
.footer-bottom {
  /*overflow: hidden;*/
border-top: 1px dashed rgba(255, 255, 255, 0.3);
padding-bottom: 10px;
width: 100%;
padding-top: 10px;

}
.footer-bottom .left {
  width: 50%;
  padding-top: 10px;
  /**/float: left;
}
.footer-bottom .right {
  width: 50%;
  float: right;
}



/* ICONS
================================================ */
a.sb.twitter,
.sb a.twitter {
	background-image: url(../img/social/twitter_bird.png);
}
a.sb.facebook,
.sb a.facebook {
	background-image: url(../img/social/white_facebook.png);
}
#social-bar li {float:right;margin-left:5px;}

	/* WIDGET COLS ------------------------------------------------------------*/
	.widget-cols {
	  margin-top: 20px;
	  margin-bottom: 10px;
	  width:100%;
	  display: flex;
	}

	.widget-cols > li.first-col {
	  /*width: 80px;*/
	  float: left;
	  margin-right: 20px;
	}
	.widget-cols > li.first-col {

	}
	.widget-cols > li {
	  /*width: 220px;*/
	  float: left;
	  margin-right: 40px;
	}
	.widget-cols > li.fourth-col {
		/**/width: 400px;
	  margin-right: 0px;
	  float:right;
	}

/* CAT ITEMS -----------------------------------------------*/
.widget-cols .cat-item a,
.widget-cols .page_item a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 5px;
  margin-bottom: 5px;
  background: url(../img/common/arrow-right.png) no-repeat 0px 0px;
  padding-left: 17px;
}
.widget-cols .cat-item:last-child a,
.widget-cols .page_item:last-child a {
  border-bottom: none;
}

/* links
================================================*/
#links .bnr {
	width:100%;
	position:relative;
	margin:0 auto 0;/*背景写真の扱い方によってtop位置調整*/
	/*z-index:1;*/
	}
#links .bnr ul {
	margin-right:-10px;
	}
#links .bnr img {
	float:left;
	position:relative;
	padding-right:10px;
	}

/* 診療案内　モーダルウィンドウ
================================================*/	
.tre strong {
color:#0099bd;
}	
.tre h1 {
	font-family:'myfont','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	padding: 10px 10px;/**/
	margin: 0 auto;
	text-align:center;
	font-size:2.1em;
	letter-spacing:8px;
}
.tre header p,
.tre footer p {
	font-size:1.3em;
	color:#004269;
	text-align:left;
}

.tre footer {margin:20px 0 40px;}
.tre article {margin-bottom:40px;}

.tre h2 {	
	border-left:4px solid #0099bd;
	line-height:1.1;
	padding-left:8px;
	color: #0099bd;
	border-bottom: solid 1px;
	padding-bottom: 10px;
	margin-top:30px;
	}
.tre h3 {
	margin-top:40px;
	line-height:1.1;
	color: #0099bd;
	}
.tre h4 {
	margin-top:20px;
	line-height:1.1;
	background-image:url(../img/common/bg_noise.jpg);
	display: inline-block;
	padding:2px 5px 5px;
	}
/* dl dd
================================================*/		
.tre dl {
	margin: 20px auto 15px;
	padding: 0 10px 10px;
	border: 4px #0099bd solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color:rgba(255,255,255,0.7);
	position:relative;
}
.tre dl dt {
	float: left;
	width: 18em!important;
	padding: 10px 0;
	/*font-weight: bold;*/
	text-indent: 1em;
	line-height: 150%;
}
.tre dl dd {
	padding: 10px 0 10px 18em!important;
	line-height: 150%;
	border-bottom: 1px dotted #0099bd;
	border-image:url(../img/common/hr.png) 1 1 repeat;
}

.tre ul {
list-style-image: url(../img/common/symbol-star-bk.png);
list-style-position:inside;
background-image:url(../img/common/bg_noise.jpg);
}	
.tre ul.bg-ptn {padding:10px;
margin-bottom:20px;}

/* original scroll bar 
================================================*/	
.contentHolder { position:relative; margin:0px auto; padding:0px; max-width: 940px; height: 100%; overflow: hidden;  }
.contentHolder article {width: 100%; }
.spacer { text-align:center }
/* modal window
================================================*/	
#box1,
#box2,
#box3,
#box4,
#box5,
#box6,
#box7,
#box8,
#box9 {
	display: none;
	background-color: #ffffff;
	padding:0 40px;
	/**/position:absolute;
	max-width: 960px;
	min-height:500px;/* ここを後々修正 */
	height:100%;
	overflow:hidden;
	margin: 0 auto 40px;
	vertical-align:middle;
	background-image: url(../img/open-house/ptn-tile.png);
}

.link {
	text-align: center;
}
.modal-close {
	margin-top: 1em;
	text-align: center;
}
#modal-win {
	width: 100%;
	position: absolute;
	padding-bottom:20px;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
	padding:0!important;
	width:80%;
}
/*#modal-win-inner > * {width: 80%;}*/

#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	/*z-index: 100;*/
	cursor: pointer;
}

/* table
================================================*/	
table {
	border-collapse: collapse;
	width:100%;
}
th.t_top {
    border-top: #0099bd 4px solid;
	/*font-weight:700;*/
	color :#0099bd;
}
th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #004269 4px solid;
	/*font-weight:700;*/
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
table ul {
	padding:0 0 0 74px;
	background-image: none!important;
}
table li {
	text-indent: -74px;
	
}