/*<agl.folder "COMMON">*/
body { color: #333; font-family: "ms pgothic",arial, helvetica, hirakakupro-w3, osaka, sans-serif }
body { background-color: #a7d0ef; text-align: center; margin: 0 auto }
h1,h2,h3,h4,h5,h6 { font-size: 105%; 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: #069; text-decoration: underline }
a:hover { color: #f66; text-decoration: none }
div.pagetop { margin: 25px 0 0; padding-top: 15px; padding-bottom: 40px; border-top: 1px dotted #999 }
div.pagetop table { margin: 0; width: 484px }
div.pagetop table td.nb { text-align: left; width: 376px }
div.pagetop table td.pg { text-align: right; width: 108px }
.warm { color: #c00 }
.warm02 { font-size: 130%; font-weight: bold; background-color: #fc0; margin: 0; padding: 0 }
.warm03 { color: #fff; font-size: 120%; font-weight: bold; background-color: #c69; margin: 0; padding-right: 10px; padding-left: 10px }
.zero { margin: 0 }
.break { clear: both }
.bg_menu01 { background-image: url(../images/common/bg_menu.gif); background-repeat: no-repeat; background-position: center top; height: 35px }
.pink { color: #c69 }
.yellow { color: #fc0 }
.green  { color: #1c9397; border: solid 1px }
.bold { font-weight: bold }
.large  { font-size: 110% }
hr.dot { height: 1px; clear: both; border-style: dotted none none; border-width: 1px medium medium; border-color: #999 }
.line-pink { background-image: url(../images/common/line_pink.gif); background-repeat: no-repeat; height: 5px }
.bg-g-r   { color: #1C9397; font-size: 15px; font-weight: bold; line-height: 100%; background-image: url(../images/diafrajin-v/bg-g-r.gif); background-repeat: no-repeat; padding-top: 11px; padding-bottom: 11px; padding-left: 20px }
.arrow { background-image: url(../images/diafrajin-v/howto05.gif); background-repeat: no-repeat; background-position: 80px 0; height: 72px }
.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_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_10 { padding: 10px }
.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_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>*/

/*<agl.folder "LAYOUT">*/
#parent { background-image: url("../images/common/bg_shadow.gif"); background-repeat: repeat-y; background-position: center 0; margin-right: auto; margin-left: auto; width: 757px }
#header { background-color: white; text-align: center; margin-right: auto; margin-left: auto; width: 730px }
#header-inner { margin: 0; padding-right: 3px; padding-left: 3px }
.header1 { margin: 0; padding-top: 55px }
.header2 { margin: 0; padding-top: 9px; padding-bottom: 23px }
.header2 p { margin: 0 }
.header-flash { margin: 0; padding: 2px 3px 10px }
.header-flash p { margin: 0 }
table#header-menu { margin: 0 }
table#header-menu td { vertical-align: top }
#content { background-color: white; text-align: center; margin-right: auto; margin-left: auto; width: 730px }
.content-inner { text-align: left; margin: 0; padding-right: 100px; padding-left: 100px }
.content-inner-faq { text-align: left; margin: 0; padding-right: 49px; padding-left: 49px }
#footer { background-image: url("../images/common/bg_shadow_bottom.gif"); background-repeat: no-repeat; background-position: center top; margin: 0 auto; padding: 0; width: 757px; height: 60px }
/*</agl.folder>*/

/*<agl.folder "HEADER MENU">*/
#hmenu { margin: 0; padding: 0 3px; height: 31px }
#hmenu ul { list-style-type: none; margin: 0; padding: 0; height: 31px }
#hmenu li { margin: 0; padding: 0; height: 31px; float: left }
#hmenu li span { display: none }
#hmenu ul a { background-repeat: no-repeat; display: block; height: 31px }
#hmenu ul a:hover { background-position: 0 -33px }
#hmenu ul a.active { background-position: 0 -66px }
#hmenu li a.diafrajin-a { background-image: url("../images/common/new-hmenu_diafrajin-a.gif"); width: 145px }
#hmenu li a.diafrajin { background-image: url("../images/common/new-hmenu_diafrajin.gif"); width: 141px }
#hmenu li a.diafrajin-v { background-image: url("../images/common/new-hmenu_diafrajin-v.gif"); width: 133px }
#hmenu li a.diafrajin-s { background-image: url("../images/common/new-hmenu_diafrajin-s.gif"); width: 140px }
#hmenu li a.dokuhon { background-image: url("../images/common/new-hmenu_dokuhon.gif"); width: 83px }
#hmenu li a.contact { background-image: url("../images/common/new-hmenu_contact.gif"); width: 82px }
/*</agl.folder>*/

/*<agl.folder "SUB MENU">*/
#sub-menu { margin: 0; padding: 0 3px; height: 26px; border-top: 1px solid white }
#sub-menu ul { background-image: url("../images/common/bg_smenu.gif"); background-repeat: repeat-x; list-style-type: none; margin: 0; padding: 0; width: 724px; height: 26px }
#sub-menu li { margin: 0; padding: 0; height: 26px; float: left }
#sub-menu li span { display: none }
#sub-menu ul a { background-repeat: no-repeat; display: block; height: 26px }
#sub-menu ul a:hover { background-position: 0 -28px }
#sub-menu ul a.active { background-position: 0 -56px }
#sub-menu li a.smenu01-a { background-image: url("../images/sub_menu/smenu01-a.gif"); width: 168px }
#sub-menu li a.smenu02-a { background-image: url("../images/sub_menu/smenu02-a.gif"); width: 250px }
#sub-menu li a.smenu03-a { background-image: url("../images/sub_menu/smenu03-a.gif"); width: 306px }
#sub-menu li a.smenu04-a { background-image: url("../images/sub_menu/smenu04-a.gif"); width: 185px }

#sub-menu li a.smenu01 { background-image: url("../images/sub_menu/smenu01.gif"); width: 168px }
#sub-menu li a.smenu02 { background-image: url("../images/sub_menu/smenu02.gif"); width: 250px }
#sub-menu li a.smenu03 { background-image: url("../images/sub_menu/smenu03.gif"); width: 306px }
#sub-menu li a.smenu04 { background-image: url("../images/sub_menu/smenu04.gif"); width: 185px }

#sub-menu li a.smenu01-s { background-image: url("../images/sub_menu/smenu01-s.gif"); width: 168px }
#sub-menu li a.smenu02-s { background-image: url("../images/sub_menu/smenu02-s.gif"); width: 169px }
#sub-menu li a.smenu03-s { background-image: url("../images/sub_menu/smenu03-s.gif"); width: 169px }
#sub-menu li a.smenu04-s { background-image: url("../images/sub_menu/smenu04-s.gif"); width: 218px }

#sub-menu li a.smenu01-v { background-image: url("../images/sub_menu/smenu01-v.gif"); width: 168px }
#sub-menu li a.smenu02-v { background-image: url("../images/sub_menu/smenu02-v.gif"); width: 233px }
#sub-menu li a.smenu03-v { background-image: url("../images/sub_menu/smenu03-v.gif"); width: 323px }
/*</agl.folder>*/

/*<agl.folder "FOOTER">*/
p.fmenu { color: white; font-size: 12px; margin: 0; padding-top: 15px; padding-bottom: 10px }
p.fmenu a { color: #069 }
p.fmenu a:hover { color: #333 }
p.copy { font-size: 10px; margin: 0; padding-bottom: 0.8em }
/*</agl.folder>*/

/*<agl.folder "MAIN CONTENTS">*/
div.area { font-size: 80%; line-height: 180%; margin: 0; padding-right: 23px; padding-left: 23px }
.item-list { width: 100% }
.item-list th { width: 20% }
.item-list td { width: 80% }
.area-faq { background-image: url(../images/common/bg_faq-top.gif); background-repeat: no-repeat; padding-top: 21px; height: 100% }
.area-faq-inner { font-size: 80%; line-height: 180%; background-image: url(../images/common/bg_faq.gif); background-repeat: repeat-y; padding-right: 32px; padding-left: 32px }
.area-faq-bottom { background-image: url(../images/common/bg_faq-bottom.gif); background-repeat: no-repeat; height: 26px }
.area-faq dl { margin: 0; padding-top: 7px; padding-bottom: 25px }
.area-faq dt { color: #0099b4; font-size: 110%; font-weight: bold; margin: 0; padding-bottom: 10px; padding-left: 50px }
.area-faq dd { color: #c39; background-image: url(../images/common/answer.gif); background-repeat: no-repeat; margin: 0; padding-top: 5px; padding-left: 50px }
.area-caution { }
.area-caution-inner { font-size: 80%; line-height: 180%; padding-right: 32px; padding-left: 32px }
.area-caution-txt { color: #0099b4; font-size: 110%; font-weight: bold; padding-left: 50px }
.howto-list { width: 100% }
.howto-list th { padding-top: 10px; padding-bottom: 10px; width: 20%; border-bottom: 1px dotted #999 }
.howto-list td { padding-top: 10px; padding-bottom: 10px; width: 80%; border-bottom: 1px dotted #999 }
dl.item-list-soap { margin: 0; padding: 0 }
dl.item-list-soap dt { color: #c69; font-size: 110%; font-weight: bold; margin: 0; padding: 0 }
dl.item-list-soap dd { margin: 0; padding: 0 0 10px 27px }
dl.item-list-soap span { color: #fff; background-color: #c69; margin-right: 7px; padding: 3px 5px }
.s-howto-list { width: 100%; border-top: 1px dotted #c69 }
.s-howto-list th { padding-top: 10px; padding-bottom: 10px; width: 110px }
.s-howto-list td { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #c69 }
.s-howto-list h3 { color: #c69; font-size: 110% }
/*</agl.folder>*/