@charset "UTF-8";

body { margin: 0px; padding: 0px; background: url(../images/common/back.gif) 0px 0px repeat-x; color: #222222; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; text-align: center; }

/* General Settings */
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 1px; line-height: 1; }
img { border: 0px; -ms-interpolation-mode: bicubic; }
form { margin: 0px; padding: 0px; }
a { outline: none; }
a:link { color: #006699; text-decoration: underline; }
a:visited { color: #006699; text-decoration: underline; }
a:hover { color: #006699; text-decoration: none; }
.clear { height: 0px; font-size: 0px; line-height: 0px; float: none; clear: both; }

/* Header */
#header { margin: 0px auto; width: 890px; height: 197px; background: url(../images/common/header.gif) 0px 0px no-repeat; text-align: left; }
#header_inner { margin: 0px 0px 0px 5px; width: 880px; position: relative; }
#header_inner h1 { padding: 0px 40px 0px 40px; height: 30px; background: url(../images/common/header_h1.gif) 0px 0px repeat-x; color: #FFFFFF; font-size: 12px; line-height: 30px; text-align: right; overflow: hidden; }
#header_inner h2 { position: absolute; top: 50px; left: 16px; }

#header_inner #navi { position: absolute; top: 129px; left: 12px; z-index: 1; }
#header_inner #navi ul { margin: 0px; padding: 0px; list-style: none; }
#header_inner #navi ul li { text-indent: -9999px; overflow: hidden; }
#header_inner #navi ul li#navi01 { width: 149px; height: 56px; background: url(../images/common/navi_on.gif) 0px 0px no-repeat; position: absolute; top: 0px; left: 0px; }
#header_inner #navi ul li#navi01 a { width: 149px; height: 56px; background: url(../images/common/navi_off.gif) 0px 0px no-repeat; display: block; }
#header_inner #navi ul li#navi01 a:hover { background: url(../images/common/navi_on.gif) 0px 0px no-repeat; }
#header_inner #navi ul li#navi02 { width: 148px; height: 56px; background: url(../images/common/navi_on.gif) -149px 0px no-repeat; position: absolute; top: 0px; left: 149px; }
#header_inner #navi ul li#navi02 a { width: 148px; height: 56px; background: url(../images/common/navi_off.gif) -149px 0px no-repeat; display: block; }
#header_inner #navi ul li#navi02 a:hover { background: url(../images/common/navi_on.gif) -149px 0px no-repeat; }
#header_inner #navi ul li#navi03 { width: 148px; height: 56px; background: url(../images/common/navi_on.gif) -297px 0px no-repeat; position: absolute; top: 0px; left: 297px; }
#header_inner #navi ul li#navi03 a { width: 148px; height: 56px; background: url(../images/common/navi_off.gif) -297px 0px no-repeat; display: block; }
#header_inner #navi ul li#navi03 a:hover { background: url(../images/common/navi_on.gif) -297px 0px no-repeat; }
#header_inner #navi ul li#navi04 { width: 149px; height: 56px; background: url(../images/common/navi_on.gif) -445px 0px no-repeat; position: absolute; top: 0px; left: 445px; }
#header_inner #navi ul li#navi04 a { width: 149px; height: 56px; background: url(../images/common/navi_off.gif) -445px 0px no-repeat; display: block; }
#header_inner #navi ul li#navi04 a:hover { background: url(../images/common/navi_on.gif) -445px 0px no-repeat; }
#header_inner #navi ul li#navi05 { width: 199px; height: 56px; background: url(../images/common/navi_on.gif) -667px 0px no-repeat; position: absolute; top: 0px; left: 662px; }
#header_inner #navi ul li#navi05 a { width: 199px; height: 56px; background: url(../images/common/navi_off.gif) -667px 0px no-repeat; display: block; }
#header_inner #navi ul li#navi05 a:hover { background: url(../images/common/navi_on.gif) -667px 0px no-repeat; }

/* Path */
#path { margin: 0px auto; padding: 6px 5px 6px 5px; width: 840px; font-size: 78%; text-align: left; }
#path ul { margin: 0px; padding: 0px; list-style: none; }
#path ul li { padding: 0px 8px 0px 13px; background: url(../images/common/arrow.gif) 0px center no-repeat; float: left; }
#path ul li.home { padding: 0px 8px 0px 18px; background: url(../images/common/home.gif) 0px center no-repeat; }

/* Container */
#container { margin: 0px auto 30px auto; width: 890px; background: url(../images/common/container.gif) 0px 0px repeat-y; text-align: left; }
#container_inner { margin: 0px; padding: 0px 0px 0px 5px; width: 885px; background: url(../images/common/container_header.gif) 0px 0px no-repeat; }
#contents { padding: 0px 0px 30px 0px; width: 620px; float: left; }
#side { padding: 25px 0px 30px 0px; width: 240px; font-size: 78%; float: left; }

#side #regist { margin: 0px 0px 5px 0px; }

#side #magazine { margin: 0px 0px 30px 0px; }
#side #magazine_inner { padding: 9px 9px 9px 9px; border: solid 1px #CCCCCC; border-width: 0px 1px 1px 1px; background: url(../images/common/side_magazine_back.gif); }
#side #magazine_inner .magazine { margin: 0px 0px 10px 0px; width: 218px; border: solid 1px #CCCCCC; }
#side #magazine_inner .magazine_inner { padding: 9px; background-color: #FFFFFF; }
#side #magazine_inner .magazine_inner .alpha { margin: 0px 0px 5px 0px; width: 199px; }
#side #magazine_inner .magazine_inner .alpha ul { margin: 5px 0px 0px 0px; padding: 0px 0px 5px 15px; }
#side #magazine_inner .magazine_inner .alpha .alpha { width: 61px; float: left; }
#side #magazine_inner .magazine_inner .alpha .beta { width: 138px; float: left; }
#side #magazine_inner .magazine_inner .alpha .beta p.name { margin: 0px; padding: 4px 3px 0px 3px; line-height: 1.1; }
#side #magazine_inner .magazine_inner .alpha .beta p.description { margin: 3px 0px 0px 0px; padding: 5px; background-color: #EEEEEE; line-height: 1.1; }

#side #magazine_inner .magazine_inner .beta { width: 199px; }
#side #magazine_inner .magazine_inner .beta ul { margin: 0px; padding: 0px; width: 199px; list-style: none; float: left; }
/*
#side #magazine_inner .magazine_inner .beta ul { margin: 0px; padding: 0px; width: 125px; list-style: none; float: left; }
*/
#side #magazine_inner .magazine_inner .beta ul li { padding: 0px 0px 3px 6px; background: url(../images/common/arrow.gif) 0px center no-repeat; }
#side #magazine_inner .magazine_inner .beta img { float: right; }

#side #search { margin: 0px 0px 21px 0px; border: solid 1px #CCCCCC; }
#side #search_inner { padding: 8px 5px 5px 5px; text-align: center; }
#side #search_inner #search_field { width: 160px; }
#side #link { margin: 0px 0px 9px 0px; }
#side #link ul { margin: 0px; padding: 0px; list-style: none; }
#side #link ul li { margin: 0px 0px 10px 0px; }
#side #link ul li img { vertical-align: top; }
#side #about { padding: 10px; border: solid 1px #CCCCCC; border-left: solid 5px #FF6600; }
#side #about strong { display: block; }
#submenu { margin: 0px 0px 0px 10px; padding: 10px; width: 840px; background-color: #EEEEEE; color: #D4D4D4; font-size: 80%; text-align: center; }
#copyright { margin: 10px 0px 15px 0px; color: #888888; font-size: 70%; text-align: center; }

/* Preloading Image(s) */
#preload { position: absolute; filter: alpha(opacity=0); opacity: .0; }