@import "yui.css";

/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
//////////////////////////////////////// */

/*ClearFix*/
.clearfix {clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0;}

.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

body { color: #EEDFBE; width: 100%; height: 100%; background: #000; /*line-height: 1.8;*/ }

a:link, a:visited, a:active { color: #EEDFBE; text-decoration: underline;}
a:hover { color: #EEDFBE; text-decoration: underline; }

#container { width: 1024px; height: 768px; font-size: 93%; background: #000; background: url(/images/bg.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -512px; margin-top: -384px;}
#container_p { width: 627px; font-size: 93%; margin: 0px auto; color:#353535; padding-top: 40px;}

#contents_box { width: 1024px; margin: 108px 0px 0px 0px;}

#page_title { width: 213px; height: 35px; padding: 0px 0px 0px 811px;}
#menu_navi { width: 213px; padding: 16px 0px 0px 0px;}
#photo_s { width: 264px; height: 437px; float: left;}
#navi { width: 217px; float: left;}
#navi ul {}
#navi li { list-style: none; height: 20px; padding-bottom: 5px;}
#navi a { display: block; padding-bottom: 5px; text-decoration:none; line-height:normal;}
#main_contents { width: 543px; height: 437px; float: left;}

#logo { width: 169px; margin: 0px auto; padding: 81px 0px 16px 0px;}

#space_bg { background:url(/images/space_image02.png) no-repeat; width: 543px; height: 437px;}

ul#navi_space      { width: 366px; height: 53px; position: relative; overflow: hidden; list-style: none; margin: 0; }
ul#navi_space li a { width: 53px;  height: 53px; position: absolute; overflow: hidden; padding: 0; top: 0; text-indent: -5000px; }
html>body ul#navi_space li a { height: 53px; }

/*　*/
li#space01 a  { background: transparent url(/space/images/bttn01.png) no-repeat 0 0; left:   0px; }
li#space02 a  { background: transparent url(/space/images/bttn02.png) no-repeat 0 0; left: 63px; }
li#space03 a  { background: transparent url(/space/images/bttn03.png) no-repeat 0 0; left: 126px; }
li#space04 a  { background: transparent url(/space/images/bttn04.png) no-repeat 0 0; left: 189px; }
li#space05 a  { background: transparent url(/space/images/bttn05.png) no-repeat 0 0; left: 252px; }
li#space06 a  { background: transparent url(/space/images/bttn06.png) no-repeat 0 0; left: 315px; }
li#space01 a:hover, li#space02 a:hover, li#space03 a:hover, li#space04  a:hover, li#space05 a:hover, li#space06 a:hover { background-position: 0px -53px; }

#space_zumen { padding: 86px 0px 0px 66px; }
#space_sumb { padding: 29px 0px 0px 86px;}


#news_bg { background:url(/images/news_image02.png) no-repeat; width: 543px; height: 437px;}
#news_bg ul { padding: 85px 97px;}
#news_bg li { padding-bottom: 18px;}
.news_date { font-size: 93%; line-height: 140%;}
.news_text { font-size: 108%; line-height: 140%;}

#sitemap_bg { background:url(/images/sitemap_image02.png) no-repeat; width: 543px; height: 437px;}
#sitemap_bg a { text-decoration: none;}
#sitemap_bg dl { padding: 105px 0px 0px 95px;} 
#sitemap_bg dt { width: 170px; vertical-align: top; float: left; }
#sitemap_bg dd { vertical-align: top; padding-left: 175px;}
#sitemap_bg p { padding: 0px 0px 4px 0px;}

#access_bg { background:url(/images/access_image02.png) no-repeat; width: 450px; height: 349px; float: left; padding: 88px 0 0 93px;}
#access_bg dl { background: url(/images/menu_line.gif) bottom repeat-x; width: 391px; margin: 1px 0 3px 0; line-height: 150%;} 
#access_bg dt { width: 60px; vertical-align: top; float: left; }
#access_bg dd { vertical-align: top; padding-left: 65px; text-align: left;}
#access_map { padding-top: 12px;}
#access_print ul { margin-top: 4px;}
#access_print li { display: inline; list-style: none;}

#print_dl { padding-top: 12px; float: left; width: 470px;}
#print_dl  dl { width: 470px; margin: 2px 0 4px 0;} 
#print_dl  dt { width: 85px; vertical-align: top; float: left; }
#print_dl  dd { vertical-align: top; padding-left: 90px; text-align: left;}
#print_btn { padding-top: 12px; width: 139px; float: right;}

#menu_bg { background:url(/images/menu_image02.png) no-repeat; width: 543px; height: 389px; padding-top: 48px;}
#menu_copy { font-size: 116%; padding-top: 25px;}
#menu_bg h2 { font-size: 116%; font-weight: bold; padding: 25px 0px 8px 0px;}

#menu_bg dl { background: url(/images/menu_line.gif) bottom no-repeat; width: 357px; margin: 0px 0px 3px 0px;} 
#menu_bg dt { width: 260px; vertical-align: top; float: left; }
#menu_bg dd { vertical-align: bottom; padding-left: 265px; text-align: right; }

#menu_bg02 { background:url(/images/menu_image04.png) no-repeat; width: 455px; height: 369px; padding: 132px 0px 0px 88px;}
#menu_bg02 ul { margin: 26px 0px 0px 4px;}
#menu_bg02 li { display: inline; list-style: none; margin-right: 10px;}
#menu_monthly { width: 142px; height: 22px; behavior: expression(IEPNGFIX.fix(this));}

#menu_caution {  padding: 0px 0px 24px 6px; font-size: 85%; font-family:Verdana,"Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,sans-serif; color: #726052;}

#footer_p { width: 627px; margin: 0px auto; padding-bottom: 30px; border-top: 1px solid #cccccc;}
#copyright_p { float: left; padding: 8px 0px 0px 0px; }
#close_p {  float: right; padding: 9px 0px 0px 0px;}

#footer { width: 445px; margin: 0px auto;}
#sitemap { float: left; padding: 40px 0px 0px 0px;}
#copyright { float: right; padding: 42px 0px 0px 0px;}