@charset "UTF-8";

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

/*body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;}*/
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html	{ overflow-y:scroll; background-color:#DDF1FF;}  
body	{ background:#DDF1FF url(../img/base/bg.jpg) repeat-x; text-align:center; color:#333;}
a			{ color:#39f; text-decoration:none;}
a:visited	{ color:#06c; text-decoration:none;}
a:hover		{ color:#f60; text-decoration:underline;}
a:active	{ color:#f60; text-decoration:underline;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
#container{ width:840px; height:auto; margin:0 auto; padding:0; background:#DDF1FF; text-align:center;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header{ position:relative; width:840px; height:122px; background:url(../img/base/header.jpg) no-repeat top;}
h1{ display:inline; position:absolute; top:15px; left:22px; color:#333; font-size:0.9em; font-weight:bold;}
#logo{ position:absolute; top:57px; left:21px;}
#headTel{ position:absolute; top:16px; right:10px;}
#headAccess{ position:absolute; bottom:6px; right:22px;}

/*-------------------------------------------------------------------------
Flash, Heading, main
-------------------------------------------------------------------------*/
/*navi-flash-heading Background*/
#naviBg{ position:relative; width:840px; height:350px; margin:0 0 10px 0; background:url(../img/base/naviBg.jpg) no-repeat top;}
#swf_heading{ position:absolute; top:15px; right:15px; width:640px; height:310px; margin:0; padding:0;}
#navi{ position:absolute; left:11px; top:15px; width:174px; height:315px; text-align:left;}
#navi ul,#navi dl{ list-style-type:none; line-height:0;}

/*contents*/
#contents{ background:#fff; margin:0 auto; padding:0;}

/*leftSideArea*/
#leftContent{ float:left; width:200px; height:auto; margin:0 0 10px 0; padding:5px 0 0 10px; text-align:left;}
#leftContent img{ margin:0 0 10px 0;}

/*rightSideArea*/
#rightContent{ float:right; width:610px; height:auto; margin:0; padding:0 0 0 0; text-align:left;}

/*article*/
.article { width:595px; padding:0;}
.article h3{ clear:both; margin:0 0 8px 0;}
.article h4{ margin:0 0 5px 0; font-size:1.2em; color:#1F45BB; font-weight:bold;}
h4#sig{ width:350px; margin:0 0 10px 0; padding:3px 0 3px 6px; border-bottom:1px solid #333; border-left:7px solid #1F45BB; color:#333; font-size:1.3em; font-weight:bold;}
.unit	{ clear:both; margin:0 0 18px 0; padding:0 10px 0 10px; text-align:left; background:#fff;}
.unit p	{ margin:0 0 1.2em 0; padding:0 0 0 1em; font-size:1em; line-height:1.4;}
.floatImgBox{ width:548px; margin:0 auto; text-align:center;}

.TimeTable{ width:100%;margin:0 0 10px 0;padding:0;border:1px solid #ccc; background:#fff;text-align:center;}
.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#thFix{ width:55px;}
.TimeTable td	{ padding:4px 0 4px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal; text-align:center;}
.TimeTable .ampm{ background:#fc0; font-weight:bold; color:#333;}
.TimeTable .tdGen{ background:#f2f2f2; font-weight:normal; color:#333;}
.TimeTable .tdGen2{ background:#999; font-weight:normal; color:#fff;}
.TimeTable .tdSat{ background:#f2f2f2; font-weight:normal; color:#1F45BB;}
.TimeTable .Sat{ width:65px; background:#1F45BB; color:#fff;}
.TimeTable .Holy{ background:#f99; font-weight:bold; color:#fff;}
.TimeTable .thGen{ width:65px; background:#93DBDB;}
.TimeTable .thGen2{ width:65px; background:#DDF1FF;}

.priceTable{ width:280px; margin:0 0 10px 0;padding:0;border:1px solid #ccc; background:#fff;text-align:left;}
.priceTable tr	{ vertical-align:middle;}
.priceTable th	{ padding:6px; background:#fcc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.priceTable td	{ padding:6px; background:#f2f2f2; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal;}


/*Top page Contents*/
.unitTop	{ clear:both; margin:0 0 18px 0; padding:0 10px 0 10px; text-align:left; background:#fff;}
iframe { overflow:visible;}
#topTopics{}
#topTopics p{ padding:6px 0 5px 0; border-top:1px dotted #ccc;}
#topTopics p:first-child{ border:none;}


/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
.totop{ clear:both; margin:0 15px 0 0; text-align:right;}
#footer{ clear:both; position:relative; width:840px; height:95px; margin:0 0 15px 0; padding:0; background:url(../img/base/footer.jpg) no-repeat top; text-align:center;}
#footerAddTel{ position:absolute; bottom:15px; left:15px; font-size:0.9em; text-align:left;}
#copyright{ position:absolute; right:15px; bottom:10px; color:#333; font-family:Arial, Helvetica, sans-serif;}
#getFlash{ position:absolute; right:15px; top:20px;}
#footerLink { display:block; position:absolute; top:17px; left:10px; color:#fff; font-size:1.1em; text-align:left; line-height:1.6;}
#footerLink a			{ color:#fff; text-decoration:underline;}
#footerLink a:visited	{ color:#fff; text-decoration:underline;}
#footerLink a:hover		{ color:#fff; background:#f90; text-decoration:none;}
#footerLink a:active	{ color:#fff; background:#f90; text-decoration:none;}


/*-------------------------------------------------------------------------
style, decoration 
-------------------------------------------------------------------------*/
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.center{ margin:0 auto; text-align:center;}
.indent{ text-indent:1em;}
.bBox{ border:2px solid #1F45BB;}
.mgn{ margin:0 0 15px 0;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 10px 10px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.red{ color:#f00;}
.orange{ color:#f60;}
.f80{ font-size:0.8em;}
.f120{ font-size:1.2em;}
strong{ font-weight:bold;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}