@charset "UTF-8";
/* CSS Document */

/* --------------------------------
 * base
 * -------------------------------- */
/* reset style
-------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,address,form,fieldset,input,textarea,p,blockquote { margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
img {border: 0;vertical-align: top;}
hr {display:none;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
dt,th {font-weight: normal;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
a:hover {cursor: pointer;}
a:focus {outline: none;}
li p,li li,th p,th li,td p,td li,li dt,li dd,td select,td input,td textarea,td option,dd p,dd li,dd select,dd input,dd textarea,dd option {font-size:100%;}

/* common style
-------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; letter-spacing: 0.2em;}
p,td,th,li,dt,dd,pre { font-size: 93%; line-height:1.5;}
.clear { clear: both; }

body {font:13px/1 "メイリオ", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif; line-height: 1.4; color: #4b0082;}

/*clearfix */
.clearfix:after, ul:after, ol:after, dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
 
body.top-bg { background: url(../images/bg_03.png) repeat center 0px, url(../images/bg_02.png) repeat 0px -100px, url(../images/bg_01c.png) repeat 0px -600px}

body.sub-bg { background: url(../images/bg_03.png) repeat center 0px, url(../images/bg_02.png) repeat 0px -100px, url(../images/bg_01_2.jpg) repeat 0px -600px}

a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }


.delay1{	
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;	
animation-delay: 0.5;	
}
.delay2{	
-moz-animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;	
animation-delay: 1.5s;	
}
.delay3{	
-moz-animation-delay: 2s;
-webkit-animation-delay: 2s;
-ms-animation-delay: 2s;	
animation-delay: 2s;	
}
.delay4{	
-moz-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
-ms-animation-delay: 2.5s;	
animation-delay: 2.5s;	
}

.sub-header { width: 960px; min-height: 360px; margin: 0 auto; position: relative; background: url(../images/footer_bg.png) no-repeat center -50px;}
#sub-logo { position: absolute; top: 5px; left: 351px;}
.sub-g-navi { position: absolute;}

.sub-g-navi .bt_01 { position:absolute; top:0px; left: 0px; z-index: 1; }
.sub-g-navi .bt_02 { position:absolute; top:76px; left: 104px; z-index: 1; }
.sub-g-navi .bt_03 { position:absolute; top:128px; left: 222px; z-index: 1; }
.sub-g-navi .bt_04 { position:absolute; top:148px; left: 348px; z-index: 1; }
.sub-g-navi .bt_05 { position:absolute; top:148px; left: 482px; z-index: 1; }
.sub-g-navi .bt_06 { position:absolute; top:128px; left: 610px; z-index: 1; }
.sub-g-navi .bt_07 { position:absolute; top:76px; left: 728px; z-index: 1; }
.sub-g-navi .bt_08 { position:absolute; top:0px; left: 829px; z-index: 1; }
.sub-g-navi .bt_09 { position:absolute; top:170px; left: 858px; z-index: 1; }

.sub-header-title { position:absolute; top:280px; width: 960px; height: 90px; background-image: url(../images/header_bg.png); text-align: center; }
.sub-header-title img {margin-top: 25px;}

/* SD chara 
-------------------------------------- */
#on-topbt-sd { position: relative; left: 870px; top: 200px; width: 81px; height: 88px;}
#on-topbt-sd a .bttop{ width: 81px; height: 88px; z-index: 2;}
#on-topbt-sd a .sd-chara, #on-topbt-sd2 a .sd-chara2, #on-topbt-sd a .sd-chara3{ display: none;}
#on-topbt-sd a:hover .sd-chara{ display: block; position: absolute; top: -7px; left: -70px; z-index: 0; opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
#on-topbt-sd a:hover .sd-chara3{ display: block; position: absolute; top: 0px; left: -65px; z-index: 0; opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
#on-topbt-sd2 { position: relative; left: 825px; top: 198px; width: 81px; height: 88px;}
#on-topbt-sd2 a .bttop{ width: 81px; height: 88px; z-index: 2;}
#on-topbt-sd2 a:hover .sd-chara2{ display: block; position: absolute; top: -3px; left: 55px; z-index: 0; opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}

/* footer style 
-------------------------------------- */
.footer { width:960px; height:430px; background: url(../images/footer_bg.png) no-repeat center 0px; text-align:center; margin:50px auto 0;}
.bnp {margin:20px 0px;}
.sunrise {margin:20px 0px;}

/* to top style
-------------------------------------- */
#page-top { position: fixed; bottom: 50px; right: 20px;}
#page-top a { background:url(../images/pagetop.png) no-repeat; width: 76px; height: 105px; padding: 20px 0 0px; text-align: center; display: block; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
#page-top a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

/* font style
-------------------------------------- */
 {font-size: 197%;/*26px*/}
 {font-size: 182%;/*24px*/}
 {font-size: 167%;/*22px*/}
 {font-size: 154%;/*20px*/}
 {font-size: 139%;/*18px*/}
 {font-size: 123%;/*16px*/}
 {font-size: 116%;/*15px*/}
 {font-size: 108%;/*14px*/}
 {font-size: 85%;/*11px*/}
 {font-size: 77%;/*10px*/}

a:link, a:focus, a:visited { color: #e93cac; text-decoration:none; }