@charset "UTF-8";

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

/**************************************************************************************
Copyright (c) 医療法人社団さくらファミリークリニック All Rights Reserved.
**************************************************************************************/

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html		{ color:#333;}
body		{ background:url(../img/mainBg.jpg) repeat; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
a			{ color:#06f; text-decoration:underline;}
a:visited	{ color:#06c; text-decoration:underline;}
a:hover		{ color:#F90; text-decoration:none;}
a:active	{ color:#F90; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH		{ overflow:visible; min-height:317px; background:url(../img/bgH.jpg) top repeat-x;}
#bgImgHtop	{ overflow:visible; min-height:574px; background:url(../img/bgHtop.jpg) top repeat-x;}
#pagetop	{ overflow:visible; width:1020px; margin:0 auto; background:; text-align:center;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#headerTop	{ position:relative; width:1020px; height:179px; margin:0 auto; background:url(../img/header.jpg) no-repeat top left;}
#header		{ position:relative; width:1020px; height:179px; margin:0 auto; background:url(../img/header.jpg) no-repeat top left;}
h1			{ z-index:10; position:absolute; top:12px; right:6px; color:#333; font-size:0.8em; font-weight:normal; line-height:1.2; text-align:right;}
#logo		{ z-index:1; position:absolute; top:11px; left:5px;}
#headDept	{ position:absolute; top:33px; left:592px;}
#headNav	{ position:absolute; bottom:7px; left:0; width:1020px; height:42px;}
#headNav li	{ float:left;}
#headLinkYoyaku{ position:absolute; top:33px; right:0;}

/*Navi*/
#nav 		{ position:relative; list-style:none; width:1020px; height:61px; padding:0;}
#nav li		{ z-index:1; float:left; position:relative; height:61px; margin:0; padding:0; line-height:0;}
#nav li ul 	{ z-index:2; display:none; position:absolute; top:60px; left:0; text-align:left;}
* html #nav ul { z-index:3; line-height:0;}
#nav li ul li { z-index:4; float:none; height:40px; box-shadow:0px 1px 3px #ccc;}
#vaccine_subnav{ width:215px;}


/*mainImg*/
#mainImg	{ position:relative; width:1020px; height:395px; background:url(../img/mainImgBg.jpg) no-repeat left top;}
#mainImgLogo{ position:absolute; top:9px; right:0;}
#heading	{ position:relative; width:1020px; height:138px; background:url(../img/h2Bg.jpg) no-repeat left top;}
#heading h2	{ position:absolute; top:56px; right:69px;}
#headingTopics	  { position:relative; width:1020px; height:138px; background:url(../img/h2Bg.jpg) no-repeat left top;}
#headingTopics h2 { position:absolute; top:56px; right:75px; color:#444; font-size:2em; font-weight:bold; text-align:right; font-family:"メイリオ", sans-serif;
					text-shadow:-2px -2px 2px #FFF, 2px -2px 1px #FFF, 2px 2px 2px #FFF, -2px 2px 1px #FFF, 1px 2px 10px #333, 1px 2px 5px #333;}

/*-------------------------------------------------------------------------
mainContentsArea
-------------------------------------------------------------------------*/
/*General*/
#cont		{ clear:both; width:1020px; margin:0 auto; padding:26px 0 0 0; text-align:left;}


/*Top Page's Only*/
#topEm1		{}
#topEm1L	{ float:left; width:728px; height:323px; margin:0 0 15px 0; padding:19px 0 0 16px; background:url(../img/topEmbg.jpg) no-repeat left top;}
#topEm1L div	{ float:left; width:/*460*/698px; padding:15px 15px 15px 20px; text-align:center;}
#topEm1L div h3	{ margin:0 0 19px 0; text-align:center;}
#topEm1L div h4	{ margin:0 0 15px 0; color:#C00; font-weight:bold; font-size:1.2em; text-align:center;}
#topEm1L div p	{ margin:0 0 8px 0; padding:; line-height:1.4; text-align:/*left*/center;}
#topEm1L div p strong{ color:#C00;}
#topEm1R		{ float:right; width:260px;}
#topEm1R	div { margin:0 0 12px 0;}
#vaccineNav		{ width:250px; /*height:251px;*/height:221px; margin:0 0 15px 0; padding:5px 0 0 10px; background:url(../img/vaccineNavBg.jpg) no-repeat top left; line-height:0;}
#vaccineNav dt	{ margin:0 0 9px 0;}
#vaccineNav dd	{ margin:0 0 4px 0;}

#influenzaAlert		 { clear:both; position:relative; margin:10px 0 25px 0; width:1020px; height:131px; background:url(../img/bnrInfluBg.jpg) no-repeat;}
#influenzaAlert h3	 { position:absolute; top:0; left:10px; width:345px; height:31px;}
#influenzaAlert ul	 { position:absolute; top:45px; left:20px; width:979px; height:63px;}
#influenzaAlert ul li{ float:left;}

#topEm2			{ height:250px; margin:0 0 15px 0;}
#topEm2L		{ float:left; position:relative; width:745px; height:242px; background:url(../img/floorguideBg.jpg) no-repeat top left;}
#topEm2L h3		{ position:absolute; top:0; left:0;}
#topEm2L h4		{ position:absolute; right:16px; bottom:13px;}
#topEm2L p		{ position:absolute; top:19px; right:17px;}
#topEm2R		{ float:right; position:relative; width:260px; height:242px;}
#sideQRbg		{ z-index:1; position:absolute; left:0; top:0;}
#sideQRBtn		{ z-index:5; position:absolute; left:10px; top:129px;}


.sect			{ margin:0 auto; padding:14px 14px 12px 14px; background:#fff; border-radius:6px; text-align:left;}
.sect h3		{ margin:0 0 10px 0; padding:13px 0 4px 54px; border-bottom:3px solid #C00; border-radius:6px 6px 0 0; background:#FDEDF3 url(../img/h3bg.jpg) no-repeat 4px 4px; color:#C00; font-size:1.4em; font-weight:bold; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;}
.sect h3 strong	{ color:#333;}
.sect p			{ margin:0 0 10px 0; line-height:1.4;}
.sect p strong	{ font-weight:bold;}
.sect ul		{ margin:0 0 15px 0; padding:0 0 0 24px;}
.sect ul li		{ padding:0 0 3px 0; line-height:1.2;}
.unit			{ padding:2px 16px 10px 16px; margin:0 0 15px 0;}
.unit h4		{ margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:3px dotted #FFB4CA; color:#333; font-size:1.2em; font-weight:bold;}
.unit p			{ line-height:1.4 !important;}
h5				{ margin:0 0 2px 0; padding:0; color:#F36; font-size:1.2em; font-weight:bold;}
.unit dl dt		{ margin:0 0 2px 0; font-weight:bold;}
.unit dl dd		{ margin:0 0 8px 0; padding:0 0 0 1em;}

/*Top Page's Only*/
#topEm			{ margin:0 0 27px 0;}


/*diaryPro*/
#topTopics		{ position:absolute; top:48px; left:18px; width:492px; height:307px; padding:1px 0 0 4px; background:url(../img/topTopicsBg.jpg) no-repeat top left;}
#topTopics h3	{ position:relative; display:block; width:488px; height:54px; margin:0; padding:0;}
#topTopics h3 > img    { z-index:1; position:absolute; display:inline; top:0; left:0;}
#topTopics h3 span img { z-index:2; position:absolute; display:inline; top:11px; right:6px;}
#topTopics dl	{ list-style:none; width:470px; margin:0; padding:10px 0 0 8px; text-align:left;}
#topTopics dt	{ float:left; padding:0 8px 2px 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.2;}
#topTopics dd	{ margin:0 0 10px 0; padding:0 0 8px 0; border-bottom:1px dashed #CCC;}
#topTopics dd span { font-size:0.8em;}
#topTopics dd:last-child{ margin:0; padding:0; border-bottom:none !important;}
p.diaryproImgs		{ float:right; margin:0 0 15px 15px;}
p.diaryproImgs > img{ width:200px !important; height:auto;}

/*Diarypro対策*/
#cont > #contents{ overflow:outo !important; width:auto !important; margin:0 auto; padding:0 !important; background:none !important;}
/*diarypro-Article*/
#diaryPro		{}
#diaryPro dl	{ padding:10px 8px 8px 12px; font-size:1.2em;}
#diaryPro dt	{ padding:0 0 2px 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.2;}
#diaryPro dd	{ margin:0 0 13px 0; padding:0 0 12px 7px; background:url(../img/listmark.gif) no-repeat 0px 4px; border-bottom:1px dashed #999;}
#diaryPro dd:last-child{ margin:0; padding:0 0 6px 7px; background:url(../img/listmark.gif) no-repeat 0px 4px; border-bottom:none;}
#diaryPro img	{ float:right; margin:0 0 8px 0; padding:0 15px 10px 10px; width:250px;}
#diaryPro a:hover	{ background:none; opacity:0.5; text-decoration:none;}	
#diaryPro > div.sect { padding:10px 8px 8px 2px; background:#fff; border-radius:5px; font-size:1.2em;}

/*UnderDir*/
#Topics2	{ margin:0 0 0 0; padding:14px 14px 12px 14px; background:#FFFAE5; border-radius:6px; text-align:left;}
#Topics2 dl	{ list-style:none; margin:0 0 13px 0; background:#FFFAE5; font-size:0.8em !important;}
#Topics2 dt	{ padding:0 0 2px 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.2;}
#Topics2 dd	{ margin:0 0 12px 0; padding:0 0 14px 0; border-bottom:1px dashed #ccc;}
#Topics2 dd:last-child{ margin:0; padding:0; border-bottom:none;}


/*List*/
.priceList		{ margin:0; font-size:1.6em;}
.priceList li	{ margin:0 0 12px 0; padding:0 0 0 20px !important; background:url(../img/h4Icon.gif) no-repeat 3px 5px;}
.ListInBox		{ display:inline-block; padding:3px 3px 1px 3px; margin:0; background:#66C; border:1px solid #666; color:#fff; font-size:0.6em; vertical-align:middle;}

/*Table*/
.basicTable		{ width:70%; margin:0 0 10px 0; font-size:1em;}
.basicTable tr	{ vertical-align:middle;}
.basicTable th	{ width:300px; padding:8px 8px 8px 14px; background:#efefef; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #f90; font-weight:bold;}
.basicTable td	{ padding:8px 8px 8px 14px; background:#efefef; border-bottom:1px solid #ccc; font-weight:bold;}

.TimeTable		{ width:80%; margin:0 0 5px 0; padding:0;border:1px solid #ccc; background:#fff; text-align:center; font-size:0.8em;}
.TimeTable tr	{ vertical-align:middle;}
.TimeTable th	{ padding:4px 0 4px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; text-align:center;}
.TimeTable th[scope="row"]{ width:70px;}
.TimeTable th.Holy	{}
.TimeTable th#thFix	{ width:50px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.TimeTable td		{ padding:4px 0 4px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; text-align:center;}
.TimeTable .ampm	{ width:15px; height:50px; background:#fc0; font-weight:bold; color:#333;}
.TimeTable .thGen	{ width:; background:#209D78; color:#fff;}
.TimeTable .thGen2	{ width:; background:#62BAA0; color:#fff;}
.TimeTable .Sat		{ width:; background:#09f; color:#fff;}
.TimeTable .Holy	{ background:#f99; font-weight:bold; color:#fff;}
.TimeTable .tdGen	{ background:#E6E6E6; font-weight:normal; color:#333;}
.TimeTable .tdGen2	{ background:#f2f2f2; font-weight:normal; color:#333;}
.TimeTable .tdSat	{ background:#f2f2f2; font-weight:normal; color:#1F45BB;}
caption{ caption-side:bottom; padding:4px 0 0 0; margin-bottom:5px; font-size:1.2em;}

/*moheji*/
#mohejiList		{ width:610px; padding:10px 0 0 20px; background:#fefefe;}
#mohejiList	li	{ margin:0 0 0.5em 0; padding:0 0 0.5em 0; border-bottom:1px dashed #ccc; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.4;}
#mohejiList	li:last-child{ margin:0; padding:0; border-bottom:none;}

/*gallery*/
.Gallery		{}
.galleryBox		{ float:left; width:352px; height:272px; margin:0 25px 15px 45px; padding:30px 0 0 45px; background:url(../img/galleryBoxBg.jpg) no-repeat top left;}
.galleryBox img { margin:0 auto 10px; width:290px; border:5px solid #fff; box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; text-align:center;}
.galleryBox img:hover{ opacity:0.7;}
.galleryBox h4  { margin:0; padding:0 25px 0 0; background:none; border:none; color:#C00; font-size:1.2em; font-weight:bold; text-align:right; text-shadow:0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;}
.galleryBox p   { line-height:1.2; font-size:1em;}

/*facility*/
#facilityList	{ display:block; position:relative; width:900px; height:532px; margin:0; padding:0; background:url(../img/facilityBg.jpg) no-repeat left;}
#facilityBtn00_1{ list-style:none; position:absolute; left:330px; bottom:0; width:118px; height:37px; margin:0; padding:0;}
#facilityBtn00_2{ list-style:none; position:absolute; left:491px; bottom:0; width:119px; height:37px; margin:0; padding:0;}
#facilityBtn00_3{ list-style:none; position:absolute; left:698px; bottom:0; width:118px; height:37px; margin:0; padding:0;}
#facilityBtn01	{ list-style:none; position:absolute; left:308px; bottom:75px; width:54px; height:36px; margin:0; padding:0;}
#facilityBtn02	{ list-style:none; position:absolute; left:300px; top:263px; width:65px; height:44px; margin:0; padding:0;}
#facilityBtn03	{ list-style:none; position:absolute; left:157px; bottom:70px; width:57px; height:69px; margin:0; padding:0;}
#facilityBtn04	{ list-style:none; position:absolute; left:410px; bottom:193px; width:77px; height:36px; margin:0; padding:0;}
#facilityBtn05	{ list-style:none; position:absolute; left:305px; top:213px; width:54px; height:29px; margin:0; padding:0;}
#facilityBtn06	{ list-style:none; position:absolute; left:400px; top:211px; width:74px; height:49px; margin:0; padding:0;}
#facilityBtn07	{ list-style:none; position:absolute; left:212px; top:175px; width:35px; height:95px; margin:0; padding:0;}
#facilityBtn08	{ list-style:none; position:absolute; left:35px; top:269px; width:118px; height:36px; margin:0; padding:0;}
#facilityBtn09	{ list-style:none; position:absolute; left:35px; top:168px; width:118px; height:36px; margin:0; padding:0;}
#facilityBtn10	{ list-style:none; position:absolute; left:101px; top:50px; width:77px; height:36px; margin:0; padding:0;}
#facilityBtn11	{ list-style:none; position:absolute; left:283px; top:37px; width:98px; height:60px; margin:0; padding:0;}
#facilityBtn12	{ list-style:none; position:absolute; left:401px; top:47px; width:96px; height:36px; margin:0; padding:0;}
#facilityBtn13	{ list-style:none; position:absolute; right:93px; top:49px; width:96px; height:36px; margin:0; padding:0;}
#facilityBtn14	{ list-style:none; position:absolute; right:0px; top:151px; width:120px; height:36px; margin:0; padding:0;}
#facilityBtn15	{ list-style:none; position:absolute; right:249px; bottom:163px; width:27px; height:79px; margin:0; padding:0;}
#facilityBtn16	{ list-style:none; position:absolute; right:92px; bottom:144px; width:96px; height:60px; margin:0; padding:0;}
#facilityBtn17	{ list-style:none; position:absolute; right:296px; bottom:67px; width:119px; height:37px; margin:0; padding:0;}

#ajaxDetailBox{ width:600px; height:auto; margin:15px auto; padding:0; text-align:center;}
#DetailBoxP{ width:580px; height:; margin:15px auto; padding:10px 10px 8px 10px; background:#60CEF3; background:#F9C; text-align:left;}
#DetailBoxP p{ padding-bottom:0.5em;}
#DetailBoxP p strong{ font-size:1.2em;}
#DetailBoxP p a{ padding:2px; color:#fff; font-weight:bold; font-size:0.8em;}
#DetailBoxP p a:visited{ color:#fff; text-decoration:underline;}
#DetailBoxP p a:hover	{ color:#fc0; background:#f00; text-decoration:none;}
#DetailBoxP p a:active{ color:#fc0; background:#f00; text-decoration:none;}

/*access*/
#map_canvas   { width:100%; height:600px; margin:0 0 10px 0; border:1px solid #666; text-align:left;}


/*QandA*/
#qandaList, #qandaList2, #qandaList3	  							{ list-style:none; padding:10px 20px 10px 20px; border:1px solid #ccc; border-radius:5px;}
#qandaList li, #qandaList2 li, #qandaList3 li	 					{ display:block; padding:10px 30px 5px 0; /*background:url(../img/qandaBg.jpg) no-repeat right 14px;*/}
#qandaList li:after, #qandaList2 li:after, #qandaList3 li:after 	{ content:url(../img/qandaBg.jpg)}
#qandaList li strong, #qandaList2 li strong, #qandaList3 li strong	{ color:#C00; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
#qandaList li a, #qandaList2 li a, #qandaList3 li a					{ display:inline-block; font-size:1em;}
.qandaAnsr			{ margin:0 0 15px 0; padding:5px 0 15px 0; border-bottom:1px solid #ccc;}
.qandaAnsr:last-child{ border-bottom:none;}
.qandaAnsr dt		{ margin:0; color:#C00; font-size:1.2em; font-weight:bold;}
.qandaAnsr dt strong{ font-family:Arial, Helvetica, sans-serif;}
.qandaAnsr dd img	{ margin:10px 0 0 0;}
.qandaAnsr dd	{}

/*Link*/
#linkList dl	{ margin:0 0 1em 0; padding:0 0 0 0; border-bottom:1px dashed #ccc;}


/*General Mail Form*/
.table_basic{ width:100%; margin:0 auto 10px; border:1px solid #ccc; border-collapse:separate; color:#333;}
.table_basic tr,.table_basic td{ vertical-align:top;}
.table_basic th,.table_basic td{ padding:8px 10px; border-bottom:1px solid #ccc;}
.table_basic th[scope="col"]{ background:#ddd; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold;}
.table_basic th[scope="row"]{ width:180px;}
.table_basic tr th		{ background:#eee; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold;}
.table_basic tr.odd td	{ background:FFF; border-bottom:1px solid #ddd;}
.table_basic tr.even td	{ background:#FEFEFE; border-bottom:1px solid #ddd;}
.table_basic td.THead	{ background:#06c !important; color:#fff; font-weight:bold;}
#tableBdr{ margin:0 !important; padding:0 !important; height:4px !important; background:#06c; line-height:0 !important; font-size:1px !important;}



.table_basic2{ width:100%; margin:0 auto 10px; border:1px solid #ccc; border-collapse:separate; color:#333;}
.table_basic2 th{ vertical-align:middle;}
.table_basic2 td{ vertical-align:baseline; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:1.2em;}
.table_basic2 td strong{ display:block; margin:5px; padding:12px; background:#fff; border:2px solid #555; border-radius:6px; font-weight:normal;}
.table_basic2 td strong span{ font-weight:bold;}
.table_basic2 th,.table_basic2 td{ padding:8px 10px; border-bottom:1px solid #ccc;}
.table_basic2 th[scope="col"]{ width:5px; background:#FDEDF3; text-align:center; line-height:1.1;}
.table_basic2 th[scope="row"]{ width:300px; background:#FDEDF3 url(../img/h3bg.jpg) no-repeat 8px 6px; color:#C00; text-align:center; line-height:1.4;}
.table_basic2 th	{ border-bottom:1px solid #ddd; font-size:1.4em; font-weight:bold;}
.table_basic2 th span	{ font-size:0.8em;}
.table_basic2 tr.even td{ background:#FFF7FB;}
.table_basic2 tr.odd td	{ background:#FFFCE8;}
.table_basic2 ul	{ margin:0; padding:0;}
.table_basic2 hr	{ clear:both; height:1px; margin:12px auto 12px; padding:0; background:#ccc; border:none; border-bottom:1px solid fff; line-height:0;}


/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
.toTop		{ clear:both; margin:0 0 15px 0; padding:10px 0 0 0; text-align:center;}

#footer		{ clear:both; position:relative; width:1010px; margin:0 auto 15px; padding:19px 0 0 10px; color:#333;}
#footer	h2	{ margin:0 0 10px 0;}
#footer	h3	{ margin:0 0 10px 0;}

#footInc	{ float:left; width:730px; height:280px; margin:0 0 0 0; padding:0 20px 0 0; border-right:1px solid #999;}
#footInc h4	{ margin:0 0 12px 0; padding:0;}
#footInc p	{ line-height:1.6; margin:0 0 12px 0;}
.TTTable		{ margin:0 0 1em 0; margin:0 0 1em 0; background:#69382A; border:1px solid #69382A; caption-side:bottom; width: 100%;}
.TTTable th[scope="row"]{ padding:2px; background:#E8E3D7; font-weight:bold; text-align:center;}
.TTTable th[scope="col"]{ padding:8px 4px; background:#E8E3D7; color:#333; font-weight:bold; text-align:center;}
.TTTable td		{ padding:2px; background:#fff; color:#333; text-align:center; vertical-align:middle; font-weight:bold;}
.midTime		{ background:#E6E6E6 !important;}
.TTTable td.Holy{ background:#fcc; font-weight:bold; color:#fff;}
.TTTable  .note { color:#F00;}
.TTTable caption{ color:red; font-size:1em; font-weight:bold; text-align:left; line-height:1.6;}
.TTTable caption strong{ color:#333;}
#sat{ background:#0066FF; color:#FFF;}
#sun{ color:#F00;}
#hol{ color:#F00;}

#footLink		 { padding:0 0 0 1em; line-height:1.6;}
#footLink a		 { color:#333; text-decoration:underline;}
#footLink a:hover{ color:#F90; text-decoration:none;}

address	{ display:block; position:relative; width:100%; height:28px; margin:0 auto; padding:12px 0 0 0; background:#AD3050; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center;}

/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.btn{ cursor:pointer;}
.oBtn:hover{ opacity:0.7;}
.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;}
.bgb{ background:#000;}
.mgn{ margin:0 0 8px 0 !important;}
.mgnB{ margin-bottom:28px !important;}
.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:#00C29D;}
.f0{ font-size:0.001em;}
.f60{ font-size:0.6em;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size: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;}
.bold{ font-weight:bold;}
.indent{ text-indent:1em;}
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; border-radius:6px;}
img.rndImg	{ border-radius:6px;}
.outlink	{ padding:0 22px 0 0; background:url(../img/outlink.gif) no-repeat right;}
.mailLink	{ padding:0 18px 0 0; background:url(../img/mailLink.jpg) no-repeat right;}
.mailLink:hover, .mailLink:active{ padding:0 18px 0 0; color:#f60; background:url(../img/mailLink.jpg) no-repeat right; font-weight:normal;}
.EmBox { display:inline-block; margin:0 0 1.8em 0; padding: 6px; background: none repeat scroll 0 0 #FFC;
    border: 2px solid #000; border-radius: 3px 3px 3px 3px; box-shadow: 2px 2px 1px #666; text-align: left;}
.EmBox h5{ font-weight:bold; color:#F60;}
.EmBox p{ margin:0 !important; padding:0 0 0 4px !important; border-left:4px solid #F60; font-weight:bold;}
.EmBox ul{ margin:0 !important;}
.EmBox ul li{ margin:5px 0 0 0 !important; padding:2px;}
#DemoSpacer{ display:block; height:700px;}

.table-box{
  width: 568px;
}

.pink{
  color: #f86db7;
}

.green{
  color: #1b9870;
}

.clear{
  clear: both;
}