@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/**************************************************************************
Copyright (c) ENAMI DENTAL CLINIC All rights reserved.
**************************************************************************/

body { background:#C5FEDF; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html		{}  
a			{ color:#f90; text-decoration:underline;}
a:visited	{ color:#C93; text-decoration:underline;}
a:hover		{ color:#f60; text-decoration:none;}
a:active	{ color:#f90; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH		{ overflow:visible; min-height:350px; background:url(../img/bgH.jpg) top repeat-x;}
#container	{ width:910px; margin:0 auto; text-align:center;}
#pagetop	{ width:910px; margin:0 auto; text-align:center;}
#bgImgF		{ clear:both; height:auto; background:url(../img/bgF.jpg) repeat-x;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#headerTop	{ position:relative; width:910px; height:445px; background:url(../img/headerTop.jpg) no-repeat top left;}
#header		{ position:relative; width:910px; height:350px; background:url(../img/header.jpg) no-repeat top left;}
h1			{ display:block; position:absolute; top:6px; left:8px; color:#fff; font-size:0.8em; font-weight:normal; line-height:1;}
#logo		{ position:absolute; top:55px; left:0;}
#headTelBox	{ position:absolute; top:35px; right:8px; width:279px; height:95px;}

/*Heading Level 2*/
#mainImg	{ position:relative; position:absolute; top:153px; right:15px; overflow:hidden; width:880px; height:280px; margin:0 auto; padding:0; background:url(../img/mainImgBg.jpg) no-repeat top left;}
#mainImg h2	{ position:absolute; top:48px; right:19px;}
#mainImg h3	{ position:absolute; top:149px; right:89px;}
#undrH2		{ position:absolute; top:153px; left:15px; width:880px; height:137px; margin:0 auto; padding:0;}

/*Navi*/
#naviBox 	{ position:relative; list-style:none; width:880px; height:52px; margin:0 auto 11px; padding:3px 0 0 3px; background:url(../img/GnaviBg.jpg) no-repeat; text-align:center; font-size:0px;}
#naviBox li	{ float:left; height:49px; margin:0; padding:0; line-height:0; font-size:0px;}
/*Navi Under*/
#naviBoxUndr   { position:absolute; bottom:0; left:15px; list-style:none; width:880px; height:52px; margin:0; padding:3px 0 0 3px; background:url(../img/GnaviBg.jpg) no-repeat; text-align:center; font-size:0px;}
#naviBoxUndr li{ float:left; height:49px; margin:0; padding:0; line-height:0; font-size:0px;}

/*-------------------------------------------------------------------------
mainContentsArea
-------------------------------------------------------------------------*/
#content	{ overflow:hidden; width:880px; margin:0 auto; padding:0 15px 0 15px; background:#fff url(../img/bgC.jpg) repeat-y; text-align:left;}
.contUndr	{ padding:10px 15px 0 15px !important;}

#Lside		{ float:left; width:618px;}
#Rside		{ float:right; width:250px; height:auto;}
#Lside > h3	{ margin:0 0 12px 0; padding:0 0 0 0;}
#Rside div	{ margin:0 0 7px 0;}
#sideMap	{ width:240px; border:5px solid #4EA873; background:#fff;}
#sideMap p	{ padding:5px; font-size:0.9em; line-height:1.4;}
#sideMap p strong{ color:#090;}

#content > h3	{
	clear:both; margin:0 0 12px 0; width:840px; height:26px; margin:0 0 12px 0; padding:8px 0 0 40px;
	background:url(../img/H3bg.jpg) no-repeat left top; font-family:"メイリオ", sans-serif; font-size:1.4em; font-weight:bold;
	}

.sect			{ clear:both; padding:0 12px 8px 12px; text-align:left;}
.sect > h4		{ margin:0 0 5px 0; padding:3px 0 2px 4px; background:#FFD; border-left:4px solid #4EA873; border-bottom:1px solid #4EA873; font-family:"メイリオ", sans-serif; font-size:1.2em; font-weight:bold; color:#4EA873;}
.sect p			{ margin:0 0 0.6em 0; line-height:1.2;}
.sect p strong	{ font-weight:bold;}
.sect ul		{ margin:0 0 10px 0;}
.sect ul li		{ padding:0 0 5px 0; line-height:1.2;}
.unit			{ padding:5px 16px 16px 16px;}
.unit h5		{ margin:0 0 4px 0; color:#4EA873; font-size:1.1em; font-weight:bold;}
.unit p			{}

/*Top Page's Only*/
.sectTop	{ clear:both; width:622px; padding:0 6px 16px 12px; text-align:left;}
.sectTop h4	{ margin:0 0 5px 0; padding:0 0 0 0; border-left:4px solid #4EA873; font-size:1.2em; font-weight:bold; color:#339;}
.sectTop p	{ margin:0 0 10px 0; line-height:1.4;}
#topEm		{ list-style:none; margin:0; padding:0;}
#topEm li	{ float:left;}
#topTimeBox	{ float:right; width:460px;}
#topTimeBox h4{ margin:0 0 5px 0; padding:0 0 0 4px; border-left:4px solid #4EA873;color:#4EA873; font-size:1em; font-weight:bold;}

/*Diarypro対策*/
#content > #contents{ overflow:outo !important; width:auto !important; margin:0 auto; padding:0 !important; background:none !important;}
/*diaryPro*/
dl#Topics	{ list-style:none; margin:0 0 0.5em 0; padding:0; text-align:left;}
#Topics dt	{ padding:0; line-height:1.2; font-size:1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#Topics dd	{ margin:0 0 0.5em 0; padding:0 0 8px 0; border-bottom:1px dashed #EBEBEB;}
#Topics dd:last-child{ margin:0 0 0.5em 0; padding:0; border-bottom:none;}

/*table*/
.basicTable		{ width:100%; margin:0 0 0.6em 0; background:#4EA873; border:1px solid #4EA873;}
.basicTable th	{ padding:5px; background:#fff; color:#333; text-align:center;}
.basicTable th.week	{ width:48px;}
.basicTable td	{ padding:10px 5px 10px 5px; background:#fff; color:#4EA873; text-align:center; vertical-align:middle;}
.basicTable td span	{ color:#333 !important; font-size:0.6em !important;}

.blank	{ height:200px;}

/*greeting*/
.profBox	{ float:right; width:670px;}
.proftable		{ margin:0 0 15px 0;}
.proftable tr	{ vertical-align:top;}
.proftable th	{ padding:6px; border-bottom:1px dashed #ddd; width:60px; text-align:right; font-weight:bold;}
.proftable td	{ padding:6px; border-bottom:1px dashed #ddd;}


/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#footer		 { clear:both; position:relative; width:910px; height:125px; margin:0 auto; padding:0; background:url(../img/footer.jpg) no-repeat left top; color:#333; text-align:center;}
#toTop		 { position:absolute; top:0; right:43px; width:175px; height:28px; margin:0; text-align:center;}
#footLogo	 { position:absolute; top:55px; left:16px;}
#footer h3	 { position:absolute; top:35px; left:16px;}
#footTextArea{ position:absolute; display:block; top:58px; left:232px; width:386px; line-height:1.2; text-align:left;}
#footBtnMap	 { display:block; position:absolute; top:55px; left:395px;}
#footEm		 { display:block; position:absolute; top:55px; left:500px;}
#footNaviArea{ position:absolute; top:42px; right:10px; color:#333; font-size:1em; line-height:1.4; text-align:right;}
#footLink			{}
#footLink a			{ color:#f90; text-decoration:underline; font-weight:bold;}
#footLink a:visited	{ color:#C93; text-decoration:underline; font-weight:bold;}
#footLink a:hover	{ color:#f60; text-decoration:none; font-weight:bold;}
#footLink a:active	{ color:#fff; background:#f90; text-decoration:none; font-weight:bold;}
#copyright	{ position:absolute; right:290px; bottom:6px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:1em;}


/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.bn{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 11px 0;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 5px 5px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.flimg3{ float:left; margin:0 10px 10px 15px;}
.frimg3{ float:right; margin:0 15px 10px 10px;}
.red{ color:#f00;}
.blue{ color:#09f;}
.orange{ color:#f60;}
.green{ color:#3c0;}
.f0{ font-size:0.001em;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size:1em;}
.f110{ font-size:1.1em;}
.f120{ font-size:1.2em;}
.f160{ font-size:1.6em;}
.f180{ font-size:1.8em;}
.f200{ font-size:2em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
strong{ font-weight:bold;}
.indent{ text-indent:0.8em;}
img.bdrImg	{ padding:1px; background:#fff; border:1px solid #ccc; box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc;}

#DemoSpacer{ display:block; height:700px;}

/* API Topics Added CSS */

#topics_paging {
    display: block;
    width: 100%;
    text-align: center;
}

#topics_paging li {
    padding: 3px 10px;
    border: 1px solid #ccc;
    text-align: center;
    list-style-type: none;
    list-style-image: none;
    margin-right: 5px;
}

#topics_paging li, #topics_paging li a {
    display: inline-block;
}