html { height:100%;}
body { height:100%; margin:0; padding:0; text-align:center;}
body > #TopMainBody {height: auto;}
body > #DetailMainBody {height: auto;}
#TopBg{ background-image:url(../images/top_headbg01.jpg); background-repeat:repeat-x;}
#DetailBg{ background-image:url(../images/head_bg.jpg); background-repeat:repeat-x;}
.clear { clear:both;}
/*ﾋ･蝪ｼ*/
.MenuBox01 { width:200px; margin:0 0 15px 0;}
.line01{ width:200px; height:1px; background-color:#CCCCCC;}
.line02{ width:200px; height:1px; background-image:url(../images/menu_line02.gif);
background-repeat:repeat-x;
background-position:top;
margin:0;
 background-color:#E6E6E6;
}


.Head-Box01 { width:800px; margin:0 0 15px 0;}



/*SPACE*/
.sp05 { margin-bottom:5px;}
.sp10 { margin-bottom:10px;}
.sp15 { margin-bottom:15px;}
.sp20 { margin-bottom:20px;}
.sp25 { margin-bottom:25px;}





/*ﾈ･aﾗ･ﾚ｡*/
/*positionﾊｲﾏ･ﾕ･aк*/
#TopMainBody { width:800px; text-align:center; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin:0 auto; position: relative;height: 100%; min-height: 100%; padding-bottom: 20px;}

#TopHead01 { width:800px; margin:0 auto;}
#TopHead02 { width:800px; margin:0 auto 20px auto; text-align:left;}

#TopMainContainer { width:760px; margin:0 auto; text-align:left;}
#TopMenu { width:200px; float:left;}
#TopContents{ width:540px; margin:0 0 30px 20px; float:left;}

#TopContents .hdl{ width:538px; margin:0 0 10px; height:25px; border:1px solid #CCCCCC; background-image:url(../images/top_hdl_bg.gif); background-repeat:repeat-x;}
#TopContents .BtnBox01{ width:538px; margin:0 0 15px 0; text-align:center; }

/*ﾜｺ*/
/*positionﾊｲﾏ･ﾕ･aк*/
#DetailMainBody { width:800px; text-align:center; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin:0 auto; position: relative;height: 100%; min-height: 100%; padding-bottom: 20px;}

#DetailHead01 { width:800px; height:55px; margin:0 auto; text-align:left;}
#DetailHeadLogo { width:272px; height:55px; margin:0; float:left;}
#DetailHeadMap { width:272px; height:55px; margin:0; float:right; text-align:right;}
#DetailHead02 { width:800px; height:85px; margin:0 auto; text-align:left;}
#DetailHead02 .MenuList{ width:150px; float:left; text-align:left; margin-top:5px; }
#DetailHead02 .MenuBtn { width:320px; float:left; text-align:right; }
#DetailHead02 .MenuLine{ width:1px; height:70px; margin:5px 4px; float:left; background-color:#FFFFFF;}
#DetailHead02 ul{ margin:0 0 0 20px; padding:0;}
#DetailHead02 li{ list-style:none; line-height:120%;}
#DetailHead02 p.hdl{ margin:0 0 5px 5px;}

#DetailMainImg01 { width:800px; height:230px; margin:0 auto 20px 0;}
#DetailMainImg02 { width:800px; height:0px; margin:0 auto 20px 0;}
#DetailMainContainer { width:760px; margin:0 auto; text-align:left;}
#DetailMenu { width:200px; float:left; padding:0 0 100px 0}
#DetailContents{ width:540px; margin:0 0 20px 20px; float:left; padding:0 0 100px 0;}

#DetailContents .hdl{ width:538px; margin:0 0 10px 0; height:25px; border:1px solid #CCCCCC; background-image:url(../images/detail_hdl_bg01.jpg); background-repeat:repeat-y;}

#DetailContents .Cnthdl{ width:533px; margin:0 0 10px 0; padding:3px 0 3px 5px; height:25px; border:1px solid #CCCCCC;}

#DetailContents .mds01{ width:538px; margin:0 0 5px 0; height:25px; border-bottom:1px solid #0099FF; background-image:url(../images/detail_hdl_icon01.gif); background-repeat:no-repeat; background-position:left;}
#DetailContents .mds02{ width:538px; margin:0 0 5px 0; border-bottom:1px solid #999999;}
#DetailContents .mdsmg01{ margin:2px 0 0 12px;}
#DetailContents .mdsmg02{ text-align:left; 0 0 13px;}
#DetailContents td{ text-align:center; background-color:#FFFFFF;}
#DetailContents td.mds{ text-align:center; background-color:#E7E7E7;}
#DetailContents td.mds2{ text-align:left;}
#DetailContents td.bg{ text-align:center; background-color:#C8C8C8;}
#DetailContents td.BgPrice01{ background-color:#F9F9F9;}
#DetailContents td.BgPrice02{ background-color:#E1E1E1;}

/*土日*/
#DetailContents td.mds_sat{ text-align:center; background-color:#D1E2F2;}
#DetailContents td.mds_sat2{ text-align:center; background-color:#F3F7FA;}
#DetailContents td.mds_sun{ text-align:center; background-color:#F9D5D5;}
#DetailContents td.mds_sun2{ text-align:center; background-color:#FFF0F1;}

#DetailContents p.detail01{ margin:0; padding:0;}

#DetailContents .BtnBox{text-align:center; margin:10px 0;}


/**/
.MainBox01{ width:538px; margin:0 0 18px 0; }
.LeftBox01{ width:150px; float:left;}
.RightBox01{ width:367px; float:left; margin:0 0 0 15px; text-align:left;}
.LeftBox02{ width:100px; float:left;}
.RightBox02{ width:417px; float:left; margin:0 0 0 15px; text-align:left;}
.LeftBox03{ width:215px; float:left;}
.RightBox03{ width:302px; float:left; margin:0 0 0 15px; text-align:left;}
p{ margin:0; padding:0;}
p.mg08{ margin:0 0 8px 0; padding:0;}
.ALTBox01{ width:538px; margin:3px 0; }
.ALTBox02{ width:538px; margin:3px 0 15px 0; }

/*ﾕ･a*/
#footer { width: 100%; background: #006ACC;	position: absolute;	bottom: 0; height: 20px; margin:0; padding: 0; left: 0;}
#footer .copyright{ width:800px; height:20px; text-align:right; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin:0 auto; padding:0;}


/**/
ul.access{list-style:dot outside; margin:0 0 15px 0; padding:0;}
li.access{margin:0 0 0 30px;  padding:0 0 0 2px; line-height:1.5;}

ul.access2{list-style:none outside; margin:0 0 3px 0; padding:0;}
li.access2{margin:0 0 0 12px;  padding:2px 0 0 1px; line-height:1.5;}

ul.sitemap{list-style:none outside; margin:0 0 3px 0; padding:0;}
li.sitemap{margin:0 0 8px 12px;  padding:2px 0 0 1px; line-height:1.5;}



/*MEMBERS*/
#MmbContents .Box01{ width:538px; border:1px solid #CCCCCC; margin-bottom:15px;}
#MmbContents .Box02{ width:528px; margin:5px;}
#MmbContents .Box03{ width:400px; border:1px solid #CCCCCC; margin:0 auto ;}
#MmbContents .Box04{ width:380px; margin:10px;}
#MmbContents .CntrBox{ width:538px; text-align:center; margin-bottom:15px;}

#SiteMap td{ text-align:left;}

/*LIST*/
#ListContainer { width:538px;}
#ListContainer p.mds{ margin:0 0 5px 0;}
#ListContainer .DtlBox01{ width:260px; margin:0 0 5px 0;}
#ListContainer .LeftBox01{ width:260px; float:left;}
#ListContainer .LeftBox02{ width:60px; float:left; margin:0 0 0 3px;}
#ListContainer .RightBox01{ width:260px; float:left; margin:0 0 0 18px;}
#ListContainer .RightBox02{ width:185px; float:left; margin:0 0 0 10px;}
#ListContainer .mds01{ width:250px; margin:0 0 3px 0; padding:0 0 0 10px; height:25px; border-bottom:1px solid #0099FF; background-image:url(../images/detail_hdl_icon02.gif); background-repeat:no-repeat; background-position:left;}
#ListContainer .LnkBox01{ width:260px; text-align:right;}