html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } body {
line-height:1;
color:black;
background:white;
} ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; }
body { background:#e0e5e5 left top; color:#333; text-align:center; margin:0 auto; min-height:100%;}
body {
font-size:12px;/*フォントサイズfirefox*/
*font-size:90%;/*フォントサイズIE7.0*/
*font:90%;/*フォントサイズIE6.0）*/
}
#container { text-align:center ; z-index:1; background:url(../images/container.gif) repeat-y top center;}
a { color:#ff921e; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a:hover { color:#39a919; }
strong { font-weight:bold; }
h1,h2,h3,h4,h5,h6{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
text-indent:-10000em;
line-height:0px;
}
/* コンテナーr*/
.container { margin:0px auto; width:830px; height:auto;border:none;}
.pad { width:830px;padding:10px; }
/*ヘッダー*/
#header { background:url(../images/title.png) no-repeat top center; width:830px ; height:201px; margin:0px auto 0 auto; overflow:visible; position:relative; z-index:20; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/title.png',sizingMethod='crop'); }
#header .container { position:relative; overflow:visible; height:201px;}
#header h1 { position:absolute ; float:right; left:-2px ; top:3px ; text-indent:-10000em;line-height:0px; background:url(../images/logo.png) no-repeat;width:397px; height:130px; background-position: 0 9px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/logo.png',sizingMethod='crop'); _background-position: 0 9px; overflow:hidden ; }
#header_back { background:url(../images/header.gif) repeat-x top center ; height:201px ; margin:0px auto 0px auto ; overflow:hidden ; z-index:19 ; }
#header_line { background:url(../images/header_line.gif) repeat-x top center ; height:39px ; }
/*ヘッドナビゲーション*/
#navi {
position:absolute;
left:12px;
top:146px;
}
#navi ul { margin:0; padding:0; }
#navi ul li { float:left; margin:0 4px 0 0; }
#navi ul li a{ display:block; overflow:hidden ; text-indent:-10000em;}
* html #navi ul li a{ background:none !important; position:relative ; cursor:pointer ;}
#navi ul li .home{ float:left; margin:0px 0; background:url(../images/home_button.png) no-repeat; width:130px; height:27px; }
#navi ul li a.home{background:url(../images/home_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.home { background:url(../images/home_button_on.png) no-repeat;}
* html #navi ul li .home{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_button.png',sizingMethod='scale'); }
* html #navi ul li a .home { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .home { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_button_on.png',sizingMethod='scale');}
#navi ul li .about{ float:left; margin:0px 0; background:url(../images/about_button.png) no-repeat; width:130px; height:27px; }
#navi ul li a.about{ background:url(../images/about_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.about { background:url(../images/about_button_on.png) no-repeat; }
* html #navi ul li .about{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_button.png',sizingMethod='scale'); }
* html #navi ul li a .about { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .about { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_button_on.png',sizingMethod='scale');}
#navi ul li .artist{ float:left; margin:0px 0; background:url(../images/artist_button.png) no-repeat; width:130px; height:27px; }
#navi ul li a.artist { background:url(../images/artist_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.artist { background:url(../images/artist_button_on.png) no-repeat; }
* html #navi ul li .artist{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist_button.png',sizingMethod='scale'); }
* html #navi ul li a .artist { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .artist { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist_button_on.png',sizingMethod='scale');}
#navi ul li .school{ float:left; margin:0px 0; background:url(../images/school_button.png) no-repeat; width:130px; height:27px; text-indent:-10000em; }
#navi ul li a.school {float:left; background:url(../images/school_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.school { background:url(../images/school_button_on.png) no-repeat; }
* html #navi ul li .school{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/school_button.png',sizingMethod='scale'); }
* html #navi ul li a .school { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/school_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .school { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/school_button_on.png',sizingMethod='scale');}
#navi ul li .event{ float:left; margin:0px 0; background:url(../images/event_button.png) no-repeat; width:130px; height:27px ; text-indent:-10000em;}
#navi ul li a.event { background:url(../images/event_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.event { background:url(../images/event_button_on.png) no-repeat; }
* html #navi ul li .event{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/event_button.png',sizingMethod='scale'); }
* html #navi ul li a .event { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/event_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .event { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/event_button_on.png',sizingMethod='scale');}
#navi ul li .link{ float:left; margin:0px 0; background:url(../images/link_button.png) no-repeat; width:130px; height:27px ; text-indent:-10000em;}
#navi ul li a.link { background:url(../images/link_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.link { background:url(../images/link_button_on.png) no-repeat; }
* html #navi ul li .link{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/link_button.png',sizingMethod='scale'); }
* html #navi ul li a .link { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/link_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .link { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/link_button_on.png',sizingMethod='scale');}
* html #navi ul li a{ background:none !important; position:relative ; cursor:pointer ;}
#navi ul li .home{ float:left; margin:0px 0; background:url(../images/home_button.png) no-repeat; width:130px; height:27px; text-indent:-10000em; }
#navi ul li a.home{background:url(../images/home_button.png) no-repeat; cursor: pointer; }
#navi ul li a:hover.home { background:url(../images/home_button_on.png) no-repeat;}
* html #navi ul li .news{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news_button.png',sizingMethod='scale'); }
* html #navi ul li a .news { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news_button.png',sizingMethod='scale'); }
* html #navi ul li a:hover .news { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news_button_on.png',sizingMethod='scale');}
/*トップナビゲーション*/
#header_navi {
position:absolute;
right:-13px;
top:7px;
width:250px;
overflow:hidden;
line-height:0;
}
#header_navi ul { margin:0px;padding:0; border:0 ; padding-top:0px;}
#header_navi li { float:left; margin:0; list-style:none; }
#header_navi li a{ display:block; overflow:hidden ;}
* html #header_navi li a{ background:none !important; position:relative ; cursor:pointer ;}
#header_navi li .sitemap{ float:left; margin:0; background:url(../images/sitemap_sub_button.png) no-repeat; width:64px; height:28px; text-indent:-10000em; border:none; }
#header_navi li a.sitemap{background:url(../images/sitemap_sub_button.png) no-repeat; cursor: pointer; }
#header_navi li a:hover.sitemap { background:url(../images/sitemap_sub_button_on.png) no-repeat;}
* html #header_navi li .sitemap{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sitemap_sub_button.png',sizingMethod='scale'); }
* html #header_navi li a .sitemap { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sitemap_sub_button.png',sizingMethod='scale'); }
* html #header_navi li a:hover.sitemap { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sitemap_sub_button_on.png',sizingMethod='scale');}
#header_navi li .privacy{ float:left; margin:0; background:url(../images/privacy_sub_button.png) no-repeat; width:92px; height:27px; text-indent:-10000em; border:none; }
#header_navi li a.privacy{background:url(../images/privacy_sub_button.png) no-repeat; cursor: pointer; }
#header_navi li a:hover.privacy { background:url(../images/privacy_sub_button_on.png) no-repeat;}
* html #header_navi li .privacy { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/privacy_sub_button.png',sizingMethod='scale'); }
* html #header_navi li a .privacy { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/privacy_sub_button.png',sizingMethod='scale'); }
* html #header_navi li a:hover.privacy { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/privacy_sub_button_on.png',sizingMethod='scale');}
#header_navi li .contact{ float:left; margin:0; background:url(../images/contact_sub_button.png) no-repeat; width:56px; height:27px; text-indent:-10000em; }
#header_navi li a.contact{background:url(../images/contact_sub_button.png) no-repeat; cursor: pointer; }
#header_navi li a:hover.contact { background:url(../images/contact_sub_button_on.png) no-repeat;}
* html #header_navi li .contact{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact_sub_button.png',sizingMethod='scale'); }
* html #header_navi li a .contact { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact_sub_button.png',sizingMethod='scale'); }
* html #header_navi li a:hover.contact { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact_sub_button_on.png',sizingMethod='scale');}
#search { position:absolute; right:26px; top:51px; }
#search input { font: normal 11px/1.22 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; vertical-align: middle; position:absolute;}
#q { width:15em; margin:0; height:14px; line-height:1; padding:4px 3px 4px; color:#888; border:solid 1px #ccc; right:35px; top:3px;}
#q:focus { color:#333; }
#submit { right:0; }
/* コンテナーr*/
.container { text-align:center;margin:0px auto; width:830px; height:auto;border:none; overflow: hidden; min-height: 100%; clear:both;margin:0 auto;}
* html body #container #box1 .left { margin:0 0 0 30px;}
*:first-child+html #box1 .left{ margin:0 0 0 10px;}
/*title*/
#box1 .concept_title{ width:525px;padding:0; height:47px;background: url(../images/concept_title.gif) no-repeat left center; margin:0; text-indent:-10000em;}
#box1 .about_title{ width:525px;padding:0; height:47px;background: url(../images/about_title.gif) no-repeat left center; margin:0; text-indent:-10000em;}
#box1 .news_title{ width:525px;padding:0; height:47px;background: url(../images/news_title.gif) no-repeat left center; margin:0; text-indent:-10000em; margin:0 auto;}
html{
height:100%;
}
body{
height:100%;
}
* html .container{
height:100%;
}
.container{
width: 100%;
margin:0px auto;
position:relative;
min-height: 100%;
text-align:center;
}
#container{
width: 100%;
margin:0px auto 0 auto;
position:relative;
min-height: 100%;
text-align:center;
}
body > .container {
height: auto; min-height: 100%;
}
* {margin:0;padding:0;}
html, body, .container , #container {height: 100%;}
* body .container {
height: auto; min-height: 100%;
}
* #container {
height: auto; min-height: 100%;
}
/*footer*/
#footer{ background:url(../images/footer.gif) repeat-x top center; padding:0px 0 10px 0 ; overflow:hidden;
margin-top: -111px; /* negative value of footer height */
height: 111px;
clear:both;
margin:0 auto 0 auto;
bottom:0;
position: relative;
border-top:#808080 1px solid;
}
#footer #main ul { margin:30px 0px 8px 0px; padding:0; list-style:none; text-align:center; text-transform:uppercase;}
#footer #main ul li { margin:0px 0 0 1em; padding:0;display:inline ; color:#999 ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:12px; font-weight:bold;}
#footer #main ul li a { color:#eee ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:12px;}
#footer #main ul li a:hover{ color:#fff ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:12px;}
#footer #sub ul{ margin:12px 0px 12px 0px; padding:0; list-style:none; text-align:center; text-transform:uppercase;}
#footer #sub ul li{ margin:10px 0 0 1em; padding:0;display:inline ; color:#999 ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:10px; font-weight:bold;}
#footer #sub ul li a{ color:#eee ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:10px;}
#footer #sub ul li a:hover{ color:#fff ; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace ; font-size:10px;}
#footer address{ margin:0; padding:0; position:absolute; background:url(../images/copy.png) no-repeat left top; width:250px; height:23px; top:45px; left:20px;text-indent:-10000em; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/copy.png',sizingMethod='crop'); overflow:hidden;}
#footer_box { width:830px ; height:111px; margin:0px auto 0 auto; overflow:visible; position:relative;}
#footer .page_top{ float:left; margin:0px 0; background:url(../images/page_top.png) no-repeat; width:85px; height:25px; position:absolute; top: 43px; left:728px; text-indent:-10000em; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/page_top.png',sizingMethod='crop'); cursor:pointer; overflow:hidden ; line-height:0;}
#footer .page_top a{ background:url(../images/page_top.png) no-repeat; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/page_top.png',sizingMethod='scale'); }
#footer .page_top a:hover{ background:url(../images/page_top_on.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/../images/page_top_on.png',sizingMethod='scale')}
/*IE6 IE7*/
#footer .page_top { /top: 74px;}
#footer address { /top: 75px;}
/* CLEAR FIX*/
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block; clear:both;margin:0 auto;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; clear:both;margin:0 auto;}
/* End hide from IE-mac */