@charset "utf-8";
/*
Theme Name: NISHITOKYO DENTAL ASSOCIATION
Theme URI: http://www.0424ha.com//
Author: Tag
Author URI: http://www.tagssite.com/
Description: NISHITOKYO DENTAL ASSOCIATION
Version: 1.0
License: Not allowed.
License URI: Nothing
*/

/* Init
----------------------------------------------*/
* { margin:0px; padding:0px; border:none; }
html , body { height:100%; }
body { font-size: 13px; font-size: 0.85em; color:#333333; line-height:175%; /*\*/ letter-spacing: -0.02em; /**/ font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,"メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif; height: 100%; text-align:center; background:url(common/img/bg.png) top repeat-x; background-color:#2E2E30; }
.clear { clear:both; height:1px; overflow:hidden; }
/* Link */
a { /* \*/ overflow:hidden; /* */ }
a:link { color:#006BB4; }
a:visited { color:#909; }
a:hover , a:active { color: #FF690D; }
/* LIne */
hr { border-style: dotted none none none; border-top-width: 1px; border-top-color:#181512; height:1px; margin:5px 0; clear:both; }
/* List */
section ul { margin-bottom:1em; }
section ul li{ list-style:none; padding:0px 0px 0px 17px; background:url(common/img/list_mark.png) no-repeat 3px 5px; }
section ol {
    counter-reset:li; /* Initiate a counter */
    padding:5px; /* Remove the default left padding */
}
section ol li {
    position:relative; /* Create a positioning context */
    margin:0 0 2px 1.6em; /* Give each list item a left margin to make room for the numbers */
}
section ol li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left:-1.9em;
	top:2px;
    width:1.4em;
	line-height:130%;
    padding:0px;
    border-top:2px solid #666;
    color:#fff;
    background:#666;
    font-weight:bold;
    text-align:center;
	font-size:85%;
}
/* Size */
.small { font-size:85%; line-height:150%; }
.large { font-size:135%; line-height:175%; }
/* Align */
.txt-r { text-align:right; }
.txt-center { text-align:center; }
/* Color */
.txt-red { color:#F33; display:inline; }
/* img */
.img-border { border:1px solid #E7E7E7; padding:10px; }
 /* zoom Icon */
a.zoomIcon { display:inline-block; position:relative; line-height:0px; vertical-align:bottom;}
a.zoomIcon span{ position:absolute; right:0; bottom:0; display:inline-block; width:22px; height:22px; background-image:url(./common/img/lightbox/glass.png); background-repeat:no-repeat; }

 /* Font Face
----------------------------------------------*/
/*!
 * "M+ OUTLINE FONTS" is lisenced under the free Font License.
 * http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/index.html#license
 * http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/index.html
 */
@font-face {
	font-family: 'mPlus2cM';
	src: url('common/font/mplus-2c-medium.eot');
	src: url('common/font/mplus-2c-medium.eot?#iefix') format('embedded-opentype'),
		url('common/font/mplus-2c-medium.woff') format('woff'),
		url('common/font/mplus-2c-medium.ttf') format('truetype'),
		url('common/font/mplus-2c-medium.svg#calibri_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
 * Webfont: Calibri Bold by Ascender
 * URL: http://www.myfonts.com/fonts/ascender/calibri/bold/
 * Copyright: © 2007 Microsoft Corporation. All Rights Reserved.
 * Licensed pageviews: 250,000
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2748884
*/
@font-face {
	font-family: 'Calibri-Bold';
	src: url('common/font/calibri_bold.eot');
	src: url('common/font/calibri_bold.eot?#iefix') format('embedded-opentype'),
		url('common/font/calibri_bold.woff') format('woff'),
		url('common/font/calibri_bold.ttf') format('truetype'),
		url('common/font/calibri_bold.svg#calibri_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Table
----------------------------------------------- */
table { border-collapse:collapse; border-top:1px solid #D1D1D1; width:auto; border-left:1px solid #D1D1D1; margin-bottom:1em; width:100%; }
td , th { border-right:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; padding:6px 5px 3px 5px; }
th { background-color:#F0F0F0; white-space:nowrap; }

/*add for radio page */
td.td_center {
  width: 25%;
  text-align: center;
}
.audio_width{
  width: 200px;
}

/* Enclose
----------------------------------------------- */
.enclose { background-color:#FFFBF3; border:1px solid #EFECE7; padding:8px; margin-bottom:1em; }
.tanzaku { border:1px solid #000; display:inline-block; padding:2px 3px 0px 3px; margin-right:3px; line-height:90%; }

/* Pager
----------------------------------------------*/
#pager{
	text-align:center;
	margin-bottom:35px;
	clear:both;
}
a.page-numbers, #pager .current{
	background:#FBFBFB;
	border:solid 1px #262626;
	padding:5px 8px;
	margin:0 2px;
	color:#262626;
	text-decoration:none;
}
#pager .current{
	background:#262626;
	border:solid 1px #262626;
	color:#FFF;
}

/* Scroll Bar
----------------------------------------------*/
/*Scroll bar nav*/
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-track-piece {
	background-color:#EBEBEB;
}
::-webkit-scrollbar-thumb {
  background-color:#CBCBCB;
  /*-webkit-border-radius: 5px;*/
  cursor: pointer;
}
::-webkit-scrollbar-thumb:hover{
  background-color:#FFC55D;
  cursor: pointer
}
::-webkit-scrollbar-thumb:active {
  background-color:#FFC55D;
  cursor: pointer
}
::-webkit-scrollbar-button:decrement ,
::-webkit-scrollbar-button:increment {
  display: none
}

/* Cols
----------------------------------------------- */
.colSpacer { height:10px; width:3%; float:left; }
.cols2 { width:48.5%; float:left; }
.cols3 { width:31.3%; float:left; }
.enclose .cols3 { width:31.3%; }
.cols2-3 { float:left; width:65.7%; }
.cols4 { width:22.6%; float:left; }
.cols5 { width:17.5%; float:left; }

/* For Print
----------------------------------------------- */
.logo_for_print { display:none; }


/* For Contact Form
----------------------------------------------- */
#contact-form span.required { color: #F00; margin-left: 5px;}

#contact-form input,
#contact-form select,
#contact-form textarea {
	margin: auto;
	padding: 1px;
	border: solid 1px #999;
}

#contact-form input[type="submit" i],
#contact-form input[type="button" i],
#contact-form input[type="reset" i],
#contact-form button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
}}

/* For Members
----------------------------------------------- */
div.members-menu {
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
}
div.members-menu ul { margin-bottom:1em; }
div.members-menu ul li{
	list-style:none; padding:0px 10px 0px 17px; background:url(common/img/list_mark.png) no-repeat 3px 5px;
	display: inline-block;
}