/*<agl.folder "COMMON">*/
body { color: #000; font: "ms gothic",arial, helvetica, hirakakupro-w3, osaka, sans-serif }
body { background-color: #fff; text-align: center; margin: 0 auto }
h1,h2,h3,h4,h5,h6 { font-size: 105%; margin: 0; padding: 0 }
h1 span , h2 span , h3 span , h4 span { display: none; }
img { border-style: none; }
table { border-collapse: collapse; border-spacing: 0 }
a { color: #009; text-decoration: underline }
a:hover { color: #009; text-decoration: none }
td { vertical-align: top }
.zero { margin: 0 }
.nb { text-align: center; margin: 0; padding-top: 30px }
.brown { color: #930; padding-left: 10px }
.break { clear: both }
.txt-s { font-size: 10px }
.line02 { margin: 0; padding-top: 20px; padding-bottom: 30px }
.line03 { margin: 0; padding-top: 20px }
.orange { color: #f90; padding-left: 10px }
/*</agl.folder>*/

/*<agl.folder "LAYOUT">*/
#parent { margin-right: auto; margin-left: auto }
#header { text-align: center; margin-right: auto; margin-left: auto; border-bottom: 1px solid #ccc }
.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: 48px; 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 }

.hyoushi-index { margin: 0; padding-right: 39px; padding-left: 70px }
.hyoushi-index h3 { text-align: center; padding-top: 40px; padding-bottom: 10px }
.hyoushi-index h4 { padding-top: 35px; padding-bottom: 5px }
.hyoushi-index h5 { margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 10px }
.hyoushi-index h5 span { display: none; }

.hyoushi { margin: 0; padding-right: 39px; padding-left: 70px }
.hyoushi h3 { text-align: center; padding-top: 40px; padding-bottom: 10px }
.hyoushi h4 { padding-top: 35px; padding-bottom: 5px }
.hyoushi h5 { margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 16px }
.hyoushi h5 span { display: none; }
.hyoushi-illust { text-align: right; margin: 0; padding-right: 40px }

.area { text-align: left; margin: 0; padding-top: 30px }
.area h3.con-title { text-align: center; margin: 0; padding-left: 10px }
.area h4.title { text-align: center; margin: 0; padding-top: 20px; padding-left: 10px }
.area h4.title-green { color: #060; font-size: 95%; margin: 0; padding-bottom: 30px }
.area h4.title-pink { color: #f30; font-size: 95%; margin: 0; padding-bottom: 30px }
.area h4.title01 { color: #333; font-size: 95%; background-color: #ffffc8; margin: 30px 0 0 10px; padding: 0.2em 0.5em; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 5px solid #c30 }
.area h4.fusen { margin: 30px 0 0 10px }
.area h5 { font-size: 100%; margin: 0 }
.area h6 { margin: 0; padding-left: 10px }
.area h6 span { display: none; }
.area p { font-size: 80%; line-height: 160%; margin: 0; padding-left: 10px }
.area p.title-blue { color: #069; font-weight: bold; margin: 0; padding-top: 15px; padding-left: 10px }
.area p.title-green { color: #060; font-weight: bold; margin: 0; padding-top: 15px; padding-left: 10px }
.area p.title-pink { color: #f30; font-weight: bold; margin: 0; padding-top: 15px; padding-left: 10px }
.area ul { font-size: 80%; line-height: 130%; list-style-type: none; margin: 0; padding: 0 }
.area li { background-image: url(../images/common/bull01.gif); background-repeat: no-repeat; background-position: 25px 7px; margin: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 33px; vertical-align: middle }
/*</agl.folder>*/

/*<agl.folder "MENU">*/
.menu { margin: 0; padding-top: 36px }
.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.what { background-image: url(../images/common/menu_what.gif); width: 136px; vertical-align: top }
.menu a.zutsuu { background-image: url(../images/common/menu_zutsuu.gif); width: 136px; vertical-align: top }
.menu a.seiritsuu { background-image: url(../images/common/menu_seiritsuu.gif); width: 136px; vertical-align: top }
.menu a.youtsuu { background-image: url(../images/common/menu_youtsuu.gif); width: 136px; vertical-align: top }
/*</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: -136px 0 }

.smenu a.what01 { background-image: url(../images/what/smenu01.gif); height: 35px; vertical-align: top }
.smenu a.what02 { background-image: url(../images/what/smenu02.gif); height: 22px; vertical-align: top }
.smenu a.what03 { background-image: url(../images/what/smenu03.gif); height: 35px; vertical-align: top }
.smenu a.what04 { background-image: url(../images/what/smenu04.gif); height: 22px; vertical-align: top }

.smenu a.zutsuu01 { background-image: url(../images/zutsuu/smenu01.gif); height: 34px; vertical-align: top }
.smenu a.zutsuu02 { background-image: url(../images/zutsuu/smenu02.gif); height: 22px; vertical-align: top }
.smenu a.zutsuu03 { background-image: url(../images/zutsuu/smenu03.gif); height: 22px; vertical-align: top }

.smenu a.seiritsuu01 { background-image: url(../images/seiritsuu/smenu01.gif); height: 22px; vertical-align: top }
.smenu a.seiritsuu02 { background-image: url(../images/seiritsuu/smenu02.gif); height: 35px; vertical-align: top }
.smenu a.seiritsuu03 { background-image: url(../images/seiritsuu/smenu03.gif); height: 22px; vertical-align: top }

.smenu a.youtsuu01 { background-image: url(../images/youtsuu/smenu01.gif); height: 22px; vertical-align: top }
.smenu a.youtsuu02 { background-image: url(../images/youtsuu/smenu02.gif); height: 34px; vertical-align: top }
.smenu a.youtsuu03 { background-image: url(../images/youtsuu/smenu03.gif); height: 22px; vertical-align: top }
/*</agl.folder>*/

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

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

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

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

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

/*<agl.folder "FAQ">*/
.content-faq { margin: 0; padding-top: 40px }
.content-faq p.faq-q { font-weight: bold }
.content-faq p.faq-a { padding-top: 10px }
.line-faq { margin: 0; padding-bottom: 20px }
/*</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>*/