/*<agl.folder "COMMON ELEMENT">*/
/*html {height: 100%;}*/
body   { color: #333; font-size: 80%; font-family: Meiryo ,ms pgothic, osaka, arial; line-height: 150%; background-image: url("image_df/bg.gif"); text-align: center; height: 100% }
* { margin: 0; }
/**{zoom:1;}*/
* { min-height:0; }
/*
a  { color: #f39 }
a:hover  { color: #00afec; text-decoration: underline }
a:link, a:visited  { color: #f39 }
*/
a   { color: #e60012 }
a:hover  { color: #00afec; text-decoration: underline }
a:link, a:visited  { color: #e60012 }
img { border: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 ;font-size:100%   }
caption, th { text-align: left }
address { font-style: normal; font-weight: normal; display: inline }
blockquote, ol, ul { margin-left: 1em }
h-mini  { height: 1% }
/*</agl.folder>*/

/*<agl.folder "COMMON STYLE">*/
.dot { height: 1px; clear: both; border-style: dotted none none; border-width: 1px medium medium; border-color: #999 }
/*DISPLAY*/
.break { clear: both }
.hidden { display: none;}
.ul-style01  { list-style-type: none; margin: 0; padding: 0 }
.ul-style01 li   { background-image: url(image_tw/icon01.gif); background-repeat: no-repeat; background-position: 3px 7px; padding-left: 15px }
/*FONT*/
.large { font-size: 120% }
.small { font-size: 80%; }
.lh_100 { line-height: 100%; }
.lh_120 { line-height: 120%; }
.lh_150 { line-height: 150%; }
.warn   { color: #e60012 }
.mess  { color: #f39 }
/*ALIGN*/
.ta_center { text-align: center }
.ta_right { text-align: right }
.ta_left  { text-align: left }
.va-top { vertical-align: top }
.va-center { vertical-align: middle }
.va-bottom { vertical-align: bottom }
.fl_left { float: left }
.fl_right { float: right }
/*MARGIN*/
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }
.m_15 { margin: 15px; }
.m_20 { margin: 20px; }
.m_25 { margin: 25px; }
.m_30 { margin: 30px; }
.m_35 { margin: 35px }
.m_40 { margin: 40px }
.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_b35 { margin-bottom: 35px; }
.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_t40 { margin-top: 40px; }

.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_l35 { margin-left: 35px; }
.m_l40 { margin-left: 40px; }

.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_r35 { margin-right: 35px; }
.m_r40 { margin-right: 40px; }

/*PADDING*/
.p_1 { padding: 1px; }
.p_2 { padding: 2px; }
.p_3 { padding: 3px; }
.p_4 { padding: 4px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_15 { padding: 15px; }
.p_20 { padding: 20px; }
.p_25 { padding: 25px; }
.p_30 { padding: 30px; }
.p_35 { padding: 35px; }
.p_40 { padding: 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_b35 { padding-bottom: 35px; }
.p_b40 { padding-bottom: 40px }

.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_l35 { padding-left: 35px; }
.p_l40 { padding-left: 40px; }

.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; }
.p_r35 { padding-right: 35px; }
.p_r40 { padding-right: 40px; }

.topicpath  { margin-left: 20px }
.topicpath .dir { font-size: 10px }
.topicpath .current { }
.pagetop { text-align: right }
.pagetop span { }
/*</agl.folder>*/
/*<agl.folder "LAYOUT">*/
#container    { background-position: center; text-align: center; margin-right: auto; margin-left: auto; width: 808px }
#container-inner  { margin-right: auto; margin-left: auto; min-height: 0 }
.alfa #alpha  { text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#alpha-inner      { background-color: #fff; padding: 20px 45px 50px }
/* alfa-beta-gamma */
#footer  { text-align: left; margin: 25px auto 20px; width: 800px }
#footer p { display: inline }
#footer p img { vertical-align: middle }
.copy  { margin-left: 20px }
/*</agl.folder>*/
/*<agl.folder "TW">*/
#tw_head { background-image: url(image_tw/header.jpg); background-repeat: no-repeat; position: relative; height: 365px }
#tw_head p { position: absolute; top: 308px; left: 525px }
#tw_present { text-align: center }
#tw_oubo { font-family: Meiryo; padding: 35px 30px 50px }
#tw_process { width: 350px; float: left }
#tw_process p  { margin-bottom: 10px }
#tw_process ul  { font-size: 16px; list-style-type: none; margin: 0 0 0 10px; padding: 0 }
#tw_process li  { background-repeat: no-repeat; background-position: 0 5px; margin-left: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 30px; height: 1% }
#tw_process li.tw_01  { background-image: url(image_tw/1.gif) }
#tw_process li.tw_02  { background-image: url(image_tw/2.gif) }
#tw_process li.tw_03  { background-image: url(image_tw/3.gif) }
#tw_oubo_hash  { padding-top: 20px; width: 270px; float: right }
#tw_hash  { font-size: 14px; font-weight: bold; text-align: center; padding-top: 20px; padding-bottom: 20px; border: solid 4px #00afec }


#tw_oubo-2  { font-family: Meiryo; padding-right: 30px; padding-bottom: 50px; padding-left: 30px }
#tw_process_area  { background-image: url(image_tw/logo_diafrajin.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 20px }
#tw_process_area_inner  { padding-left: 193px }
#tw_process-2 { }
#tw_process-2 p  { margin-bottom: 10px }
#tw_process-2 ul   { font-size: 16px; line-height: 140%; list-style-type: none; margin: 0; padding: 0 }
#tw_process-2 li  { background-repeat: no-repeat; background-position: 0 5px; margin-left: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 30px; height: 1% }
#tw_process-2 li.tw_01 { background-image: url(image_tw/1-red.gif) }
#tw_process-2 li.tw_02 { background-image: url(image_tw/2-red.gif) }
#tw_process-2 li.tw_03 { background-image: url(image_tw/3-red.gif) }
#tw_oubo_hash-2  { background-color: #003686; background-image: url(image_tw/kopipe.gif); background-repeat: no-repeat; background-position: 30px center; height: 1% }
#tw_oubo_hash-2-inner  { padding: 10px 10px 10px 230px }
#tw_hash-2   { font-size: 16px; font-weight: bold; background-color: #fff; text-align: center; padding-top: 20px; padding-bottom: 20px }


#tw_shosai   { margin-top: 30px; width: 650px }
#tw_shosai caption  { text-align: left; padding: 10px; border-bottom: 1px solid #b2b2b2 }
#tw_shosai th , #tw_shosai td  { padding: 10px; vertical-align: top; border-bottom: 1px solid #b2b2b2 }
#tw_shosai th   { color: #003686; font-family: Meiryo; text-align: left; width: 130px }
#tw_shosai th span { color: #666 }
#tw_shosai td { }
#tw_form_left { width: 350px; float: left }
#tw_form_right   { line-height: 100%; width: 270px; float: right }

#tw_form   { margin: 30px auto; width: 650px }
#tw_form caption    { color: #fff; font-family: Meiryo; background-color: #003686; text-align: center; padding: 10px; border-bottom: 1px solid #b2b2b2 }
#tw_form th , #tw_form td  { padding: 10px; vertical-align: top; border-bottom: 1px solid #b2b2b2 }
#tw_form th    { color: #003686; font-family: Meiryo; text-align: left; width: 180px }
#tw_form td { }
#tw_form_warn { background-color: #d6e9f8; padding: 25px; border: solid 1px #b2b2b2 }
.tw_form_01  { color: #fff; background-color: #003686; text-align: center; padding: 7px }
.tw_form_02 { text-align: center; padding: 10px; border-bottom: 1px dotted #b2b2b2 }
.tw_form_03 { font-weight: bold; padding-top: 10px }
.tw_form_04 { text-align: left; padding-bottom: 10px; border-bottom: 1px dotted #b2b2b2 }
.tw_form_05 { font-weight: bold; text-align: center; padding: 10px; border-bottom: 1px dotted #b2b2b2 }
.tw_form_06 { text-align: center; padding-top: 10px; padding-right: 10px; padding-left: 10px }
/*</agl.folder>*/