/*<agl.folder "COMMON">*/
body { color: #000; font-family: "ms pgothic",arial, helvetica, hirakakupro-w3, osaka, sans-serif }
body { background-color: #fff; text-align: center; margin: 0 auto }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0 }
img { border-style: none; }
table { border-collapse: collapse; border-spacing: 0 }
th { text-align: left; vertical-align: top }
td { vertical-align: top }
a { color: #009; text-decoration: underline }
a:hover { color: #009; text-decoration: none }
.zero { margin: 0 }
.nb { text-align: center; margin: 0; padding-top: 30px }
.break { clear: both }
.area { font-size: 80%; line-height: 180%; text-align: left; margin: 0 }
.line01 { background-image: url(../images/common/line01.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; height: 3px }
ul.none { line-height: 100%; list-style-type: none; margin: 0; padding: 0 }
ul.none li  { margin: 0 0 15px; padding: 0 }
ul.none li span { color: #666; margin-left: 30px }
/*</agl.folder>*/

/*<agl.folder "LAYOUT">*/
#parent { margin-right: auto; margin-left: auto }
#header { background-image: url(../images/common/bg_header.gif); background-repeat: repeat-x; background-position: center bottom; text-align: center; margin-right: auto; margin-left: auto; height: 104px }
.header-inner { margin-right: auto; margin-left: auto; width: 800px }
#content { text-align: center; margin-right: auto; margin-left: auto; width: 800px }
#content-inner { text-align: left; margin: 0; padding-top: 22px; width: 800px }
#layout { margin: 0; width: 800px }
#layout td.left { margin: 0; width: 136px }
#layout td.right { margin: 0; padding-right: 42px; padding-left: 32px }

.note{ margin: 0; width: 590px }
.note td.note-top { background-image: url(../images/common/note_top.gif); background-repeat: no-repeat; background-position: 0 0; height: 34px }
.note td.note-left { background-image: url(../images/common/note_left.gif); background-repeat: repeat-y; background-position: 0 0 }
.note td.note-center { background-color: #d9ecf4; width: 470px }
.note td.note-right { background-image: url(../images/common/note_right.gif); background-repeat: repeat-y; background-position: 0 0 }
.note td.note-bottom { background-image: url(../images/common/note_bottom.gif); background-repeat: no-repeat; background-position: 0 0; height: 41px }
.note .note-center-inner { padding-left: 10px }
.note .note-center-inner2 { padding-left: 20px }
/*</agl.folder>*/

/*<agl.folder "MENU">*/
.menu { margin: 0; padding-top: 10px }
.menu ul { list-style-type: none; margin: 0; padding: 0 }
.menu li { padding-top: 5px; padding-bottom: 5px; vertical-align: top }
.menu li span { display: none }
.menu ul a { background-repeat: no-repeat; display: block; height: 24px }
.menu ul a:hover { background-position: 0 -25px; }
.menu ul a.active { background-position: 0 -50px; }
.menu a.top { background-image: url(../images/common/menu_top.gif); width: 136px; vertical-align: top }
.menu a.shikumi { background-image: url(../images/common/menu_shikumi.gif); width: 136px; vertical-align: top }
.menu a.kayumi { background-image: url(../images/common/menu_kayumi.gif); width: 136px; vertical-align: top }
._menu , ._menu ul { list-style-type: none; margin: 0; padding:0px; }
._menu li  { margin: 0 0 0; padding: 0 0 10px }
._menu li li { margin: 0; padding: 0 }
._menu a { display: block }
._menu span { display: none }
._menu .top a { background-image: url("../images/common/menu_top.gif"); background-repeat: no-repeat; width: 136px; height: 24px }
._menu .shikumi a { background-image: url("../images/common/menu_shikumi.gif"); background-repeat: no-repeat; width: 136px; height: 24px }
._menu .shikumi01 a { background-image: url("../images/common/smenu_shikumi01.gif"); background-repeat: no-repeat; width: 136px; height: 20px }
._menu .shikumi02 a { background-image: url("../images/common/smenu_shikumi02.gif"); background-repeat: no-repeat; width: 136px; height: 20px }
._menu .kayumi a { background-image: url("../images/common/menu_kayumi.gif"); background-repeat: no-repeat; width: 136px; height: 24px }
._menu .kayumi01 a  { background-image: url("../images/common/smenu_kayumi01.gif"); background-repeat: no-repeat; width: 136px; height: 35px }
._menu .kayumi02 a { background-image: url("../images/common/smenu_kayumi02.gif"); background-repeat: no-repeat; width: 136px; height: 20px }
._menu .top a:hover , ._menu .shikumi a:hover , ._menu .kayumi a:hover { background-position: 0 -25px }
._menu .top a.active , ._menu .shikumi a.active , ._menu .kayumi a.active { background-position: 0 -50px }
._menu .shikumi01 a:hover , ._menu .shikumi02 a:hover , ._menu .kayumi01 a:hover , ._menu .kayumi02 a:hover { background-position: -136px 0 }
._menu .shikumi01 a.active , ._menu .shikumi02 a.active , ._menu .kayumi01 a.active , ._menu .kayumi02 a.active { background-position: -272px 0 }
/*</agl.folder>*/
/*<agl.folder "SMENU">*/
.smenu { margin: 0; padding: 0 }
.smenu ul { list-style-type: none; margin: 0; padding: 0 }
.smenu li { vertical-align: top }
.smenu li span { display: none }
.smenu ul a { background-repeat: no-repeat; display: block; width: 136px }
.smenu ul a:hover { background-position: -136px 0 }
.smenu ul a.active { background-position: -272px 0 }
.smenu a.shikumi01 { background-image: url(../images/common/smenu_shikumi01.gif); height: 20px; vertical-align: top }
.smenu a.shikumi02 { background-image: url(../images/common/smenu_shikumi02.gif); height: 20px; vertical-align: top }
.smenu a.kayumi01 { background-image: url(../images/common/smenu_kayumi01.gif); height: 35px; vertical-align: top }
.smenu a.kayumi02 { background-image: url(../images/common/smenu_kayumi02.gif); height: 20px; vertical-align: top }
/*</agl.folder>*/

/*<agl.folder "FOOTER">*/
#footer { text-align: right; margin: 0; padding-top: 3px; padding-bottom: 30px }
p.copy { color: #999; font-size: 10px; margin: 0 }
/*</agl.folder>*/

/*<agl.folder "CONTENT">*/
#profile { background-image: url(../images/index/btn_profile.gif); background-repeat: no-repeat; background-position: 248px 0; margin: 0; position: relative; width: 460px; height: 25px }
#profile span { display: none }
a.profile { display: block; position: absolute; top: 5px; left: 248px; width: 212px; height: 25px }
a.profile:hover { background-image: url(../images/index/profile.gif); background-repeat: no-repeat; top: -170px; left: 211px; width: 261px; height: 447px }
dl.con-hihu01 { margin: 0; padding: 0 }
dl.con-hihu01 dt { font-size: 130%; font-weight: bold; margin: 0 }
dl.con-hihu01 dd { margin: 0; padding-bottom: 10px; padding-left: 20px }
dl.con-hihu02 { margin: 0; padding: 0 }
dl.con-hihu02 dt { color: #0099b4; font-size: 130%; font-weight: bold; margin: 0 }
dl.con-hihu02 dd { margin: 0; padding-bottom: 15px }
.con-hihu03 { margin: 0; padding: 0 }
.con-hihu03 h3 { color: #0099b4; font-size: 130% }
/*</agl.folder>*/

/*<agl.folder "SPACE">*/
.m_b5 { margin-bottom: 5px; }
.m_b10 { margin-bottom: 10px; }
.m_b15 { margin-bottom: 15px; }
.m_b20 { margin-bottom: 20px; }
.m_b25 { margin-bottom: 25px; }
.m_b30 { margin-bottom: 30px; }
.m_b40 { margin-bottom: 40px; }

.m_t5 { margin-top: 5px; }
.m_t10 { margin-top: 10px; }
.m_t15 { margin-top: 15px; }
.m_t20 { margin-top: 20px; }
.m_t25 { margin-top: 25px; }
.m_t30 { margin-top: 30px; }
.m_t35 { margin-top: 35px; }

.m_l5 { margin-left: 5px; }
.m_l10 { margin-left: 10px; }
.m_l15 { margin-left: 15px; }
.m_l20 { margin-left: 20px; }
.m_l25 { margin-left: 25px; }
.m_l30 { margin-left: 30px; }

.m_r5 { margin-right: 5px; }
.m_r10 { margin-right: 10px; }
.m_r15 { margin-right: 15px; }
.m_r20 { margin-right: 20px; }
.m_r25 { margin-right: 25px; }
.m_r30 { margin-right: 30px; }
.m_r40 { margin-right: 40px; }

.p_b5 { padding-bottom: 5px; }
.p_b10 { padding-bottom: 10px; }
.p_b15 { padding-bottom: 15px; }
.p_b20 { padding-bottom: 20px; }
.p_b25 { padding-bottom: 25px; }
.p_b30 { padding-bottom: 30px; }

.p_t5 { padding-top: 5px; }
.p_t10 { padding-top: 10px; }
.p_t15 { padding-top: 15px; }
.p_t20 { padding-top: 20px; }
.p_t25 { padding-top: 25px; }
.p_t30 { padding-top: 30px; }
.p_t35 { padding-top: 35px; }
.p_t40 { padding-top: 40px; }

.p_l5 { padding-left: 5px; }
.p_l10 { padding-left: 10px; }
.p_l15 { padding-left: 15px; }
.p_l20 { padding-left: 20px; }
.p_l25 { padding-left: 25px; }
.p_l30 { padding-left: 30px; }

.p_r5 { padding-right: 5px; }
.p_r10 { padding-right: 10px; }
.p_r15 { padding-right: 15px; }
.p_r20 { padding-right: 20px; }
.p_r25 { padding-right: 25px; }
.p_r30 { padding-right: 30px; }
/*</agl.folder>*/