/* ============ ELEMENT ============= */
*       { font-family:arial; }
body    { margin:0px; text-align:center; background:url(images/site_body.gif) repeat-x; }
img     { border:none; }
a       { color:#034da2; }
a:hover { color:#73be1e; text-decoration:underline; }
hr      { position:absolute; visibility:hidden; width:1px; }
table   { border-collapse:collapse; font-size:1em; line-height:1.6em; }
strong  { font-size:1.5em; }
/* =========== /ELEMENT ============= */




/* ============= HEADER ============= */
h1#header   { width:800px; height:70px; padding:0px; margin:0px auto; background:url(images/site_header.gif) no-repeat; text-align:left; }
h1#header a { width:800px; height:70px; display:block; }
/* ============ /HEADER ============= */




/* ============== MAIN ============== */
div#main-h { width:840px; height:70px; padding:0px; margin:0px auto; background:url(images/site_main_01.gif) no-repeat; }
div#main-b { width:840px; padding:0px; margin:0px auto; background:url(images/site_main_02.gif) repeat-y; }
div#main-c { width:800px; margin:0px auto; } 
div#main-f { width:840px; height:50px; padding:0px; margin:0px auto; background:url(images/site_main_03.gif) no-repeat; }
/* ============= /MAIN ============== */




/* ============= FOOTER ============= */
div#footer { width:100%;  height:70px; background:url(images/site_footer.gif) repeat-x; } 
address    { width:800px; height:70px; padding:0px; margin:0px auto; background:url(images/copyright.gif) no-repeat; }
/* ============ /FOOTER ============= */




/* ============== MENU ============== */
#menulist    { width:150px; float:left; padding:0px 15px; margin:0px; }
#menulist li { list-style:none; margin:3px 0px; padding:0px; }
#menulist li.banner { margin:30px 0px 10px 0px; }
#menulist a  { width:150px; height:40px; display:block; }
#menulist a.top             { background:url(images/menulist.gif) no-repeat    0px    0px;}
#menulist a.top_on          { background:url(images/menulist.gif) no-repeat -150px    0px;}
#menulist a.top:hover       { background:url(images/menulist.gif) no-repeat -150px    0px;}
#menulist a.about           { background:url(images/menulist.gif) no-repeat    0px  -40px;}
#menulist a.about_on        { background:url(images/menulist.gif) no-repeat -150px  -40px;}
#menulist a.about:hover     { background:url(images/menulist.gif) no-repeat -150px  -40px;}
#menulist a.beginner        { background:url(images/menulist.gif) no-repeat    0px  -80px;}
#menulist a.beginner_on     { background:url(images/menulist.gif) no-repeat -150px  -80px;}
#menulist a.beginner:hover  { background:url(images/menulist.gif) no-repeat -150px  -80px;}
#menulist a.suitstyle       { background:url(images/menulist.gif) no-repeat    0px -120px;}
#menulist a.suitstyle_on    { background:url(images/menulist.gif) no-repeat -150px -120px;}
#menulist a.suitstyle:hover { background:url(images/menulist.gif) no-repeat -150px -120px;}
#menulist a.price           { background:url(images/menulist.gif) no-repeat    0px -160px;}
#menulist a.price_on        { background:url(images/menulist.gif) no-repeat -150px -160px;}
#menulist a.price:hover     { background:url(images/menulist.gif) no-repeat -150px -160px;}
#menulist a.order           { background:url(images/menulist.gif) no-repeat    0px -200px;}
#menulist a.order_on        { background:url(images/menulist.gif) no-repeat -150px -200px;}
#menulist a.order:hover     { background:url(images/menulist.gif) no-repeat -150px -200px;}
#menulist a.contact         { background:url(images/menulist.gif) no-repeat    0px -240px;}
#menulist a.contact_on      { background:url(images/menulist.gif) no-repeat -150px -240px;}
#menulist a.contact:hover   { background:url(images/menulist.gif) no-repeat -150px -240px;}
#menulist div.banner_1      { width:150px; height:150px;  background:url(images/banner1.gif) no-repeat; }
#menulist a.banner_2        { width:150px; height:160px; background:url(images/banner2.gif) no-repeat; }
/* ============= /MENU ============== */





/* ============ CONTENTS ============ */
div#contents  { width:610px; float:left; text-align:left; font-size:.8em; line-height:1.6em; padding-left:10px; }
.title        { width:580px; height:40px; margin:0px; padding:0px;  }
.stitle       { width:580px; height:40px; margin:10px 0px; padding:0px; }
.stitle2      { width:570px; height:40px; margin:10px 0px; padding:0px; }
.stitle3      { width:580px; height:40px; margin:0px 10px; padding:0px; }

/* <top> */
h2#top-BG-h     { padding:0px; margin:0px; width:580px; height:40px; background:url(images/top_background_01.jpg) no-repeat; }
div#top-BG-b    { padding:0px; margin:0px; width:580px; height:210px; background:url(images/top_background_02.jpg) no-repeat; }
div#top-CAP1      { padding:0px; margin:10px 0px 0px 0px; }
div#top-CAP1 img  { margin:0px 20px 0px 10px; float:left; }
div#top-CAP1 dl   { padding:0px; margin:0px; width:360px; float:left; }
div#top-CAP1 dt   { padding:0px; margin:0px; width:360px; height:40px; background:url(images/top_caption1_01.gif) no-repeat; }
div#top-CAP1 dd.b { margin:0px; width:360px; background:url(images/top_caption1_02.gif) repeat-y; }
div#top-CAP1 dd.f { margin:0px; width:360px; height:20px; background:url(images/top_caption1_03.gif) no-repeat; }
div#top-CAP1 p    { margin:0px 25px 0px 15px; padding:15px 0px; background:url(images/dot_line1.gif) bottom repeat-x;}
div#top-CAP1 span { color:#f30000; font-weight:bold; }
#top-CAP2         { background:url(images/top_caption2.gif) 0px 0px no-repeat; }
/* </top> */

/* <aoubt> */
h2#about-TITLE  { background:url(images/about_title.gif) no-repeat; }
h3#about-STITLE { background:url(images/about_subtitle.gif) no-repeat; }
/* </aoubt> */

/* <beginner> */
h2#beginner-TITLE  { background:url(images/beginner_title.gif) no-repeat; }
h3#beginner-STITLE1 { background:url(images/beginner_subtitle.gif) no-repeat 0px    0px; }
h3#beginner-STITLE2 { background:url(images/beginner_subtitle.gif) no-repeat 0px  -50px; }
h3#beginner-STITLE3 { background:url(images/beginner_subtitle.gif) no-repeat 0px -100px; }
h3#beginner-STITLE4 { background:url(images/beginner_subtitle.gif) no-repeat 0px -150px; }
h3#beginner-STITLE5 { background:url(images/beginner_subtitle.gif) no-repeat 0px -200px; }
/* </beginner> */



/* <suitstyle> */
ul#suitstyle_menulist    { width:580px; float:left; padding:0px; margin:0px; }
ul#suitstyle_menulist li { float:left; list-style:none; margin:20px 0px 0px 0px; padding:0px; }
ul#suitstyle_menulist a       { height:45px; display:block; }
ul#suitstyle_menulist a.style1         { width:190px; background:url(images/suitstyle_menulist.gif) no-repeat    0px    0px;}
ul#suitstyle_menulist a.detail1        { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -190px    0px;}
ul#suitstyle_menulist a.detail1:hover  { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -190px  -50px;}
ul#suitstyle_menulist a.options1       { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -385px    0px;}
ul#suitstyle_menulist a.options1:hover { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -385px  -50px;}

ul#suitstyle_menulist a.style2         { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat    0px -100px;}
ul#suitstyle_menulist a.style2:hover   { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat    0px -150px;}
ul#suitstyle_menulist a.detail2        { width:190px; background:url(images/suitstyle_menulist.gif) no-repeat -195px -100px;}
ul#suitstyle_menulist a.options2       { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -385px -100px;}
ul#suitstyle_menulist a.options2:hover { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -385px -150px;}

ul#suitstyle_menulist a.style3         { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat    0px -200px;}
ul#suitstyle_menulist a.style3:hover   { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat    0px -250px;}
ul#suitstyle_menulist a.detail3        { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -195px -200px;}
ul#suitstyle_menulist a.detail3:hover  { width:195px; background:url(images/suitstyle_menulist.gif) no-repeat -195px -250px;}
ul#suitstyle_menulist a.options3       { width:190px; background:url(images/suitstyle_menulist.gif) no-repeat -390px -200px;}

h2#suitstyle-TITLE    { background:url(images/suitstyle_title.gif) no-repeat; }

h3#suitstyle-STITLE1 { background:url(images/suitstyle_subtitle.gif) 0px    0px no-repeat; }
h3#suitstyle-STITLE2 { background:url(images/suitstyle_subtitle.gif) 0px  -40px no-repeat; }
h3#suitstyle-STITLE3 { background:url(images/suitstyle_subtitle.gif) 0px  -80px no-repeat; }
h3#suitstyle-STITLE4 { background:url(images/suitstyle_subtitle.gif) 0px -120px no-repeat; }
h3#suitstyle-STITLE5 { background:url(images/suitstyle_subtitle.gif) 0px -160px no-repeat; }

div#suitstyle_frame              { width:580px; background:#efefef; }
div#suitstyle_frame div.frame    { padding:5px; }
div#suitstyle_frame div.contents { width:100%; background:#fff; }
div#suitstyle_frame h4           { padding:0px; margin:0px auto; width:100%; height:30px; text-indent:-9999em;}
div#suitstyle_frame h5           { padding:0px; margin:1px auto; text-align:center; width:159px; height:30px; text-indent:-9999em; }
div#suitstyle_frame table        { width:570px; margin:0px; background:#fff;  }
div#suitstyle_frame tr           { }
div#suitstyle_frame tr.alt       { background-color:#ffe; }
div#suitstyle_frame th           { padding:0px; }	
div#suitstyle_frame td           { width:190px; padding:2px 0px; vertical-align:top; padding-bottom:20px; text-align:center; border-bottom:1px solid #ddd;}
div#suitstyle_frame p            { padding:5px 0px 2px 10px; margin:0px;  line-height:.9em; font-weight:bold; }
div#suitstyle_frame span         { display:block; font-size:.9em; line-height:1em; margin-top:4px; }
div#suitstyle_frame div.img      { width:160px; height:181px; background:url(images/img_background1.gif) no-repeat; margin:0px auto;}
div#suitstyle_frame img          { margin:1px 0px 0px -3px; }

div#suitstyle_frame h4.h1_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center    0px; }
div#suitstyle_frame h4.h2_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center  -30px; }
div#suitstyle_frame h4.h3_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center  -60px; }
div#suitstyle_frame h4.h4_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center  -90px; }
div#suitstyle_frame h4.h5_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center -120px; }
div#suitstyle_frame h4.h6_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center -150px; }
div#suitstyle_frame h4.h7_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center -180px; }
div#suitstyle_frame h4.h8_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center -210px; }
div#suitstyle_frame h4.h9_1        { background:url(images/suitstyle_sub2title1.gif) no-repeat center -240px; }
div#suitstyle_frame h4.h10_1       { background:url(images/suitstyle_sub2title1.gif) no-repeat center -270px; }
div#suitstyle_frame h4.h11_1       { background:url(images/suitstyle_sub2title1.gif) no-repeat center -300px; }
div#suitstyle_frame h4.h12_1       { background:url(images/suitstyle_sub2title1.gif) no-repeat center -330px; }
div#suitstyle_frame h4.h13_1       { background:url(images/suitstyle_sub2title1.gif) no-repeat center -360px; }
div#suitstyle_frame h4.h14_1       { background:url(images/suitstyle_sub2title1.gif) no-repeat center -390px; }

div#suitstyle_frame h5.h1_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px    0px; }
div#suitstyle_frame h5.h2_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px  -30px; }
div#suitstyle_frame h5.h3_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px  -60px; }
div#suitstyle_frame h5.h4_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px  -90px; }
div#suitstyle_frame h5.h5_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -120px; }
div#suitstyle_frame h5.h6_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -150px; }
div#suitstyle_frame h5.h7_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -180px; }
div#suitstyle_frame h5.h8_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -210px; }
div#suitstyle_frame h5.h9_1        { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -240px; }
div#suitstyle_frame h5.h10_1       { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -270px; }
div#suitstyle_frame h5.h11_1       { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -300px; }
div#suitstyle_frame h5.h12_1       { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -330px; }
div#suitstyle_frame h5.h13_1       { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -360px; }
div#suitstyle_frame h5.h14_1       { background:url(images/suitstyle_headerlist1.gif) no-repeat 0px -390px; }

div#suitstyle_frame h5.h1_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px    0px; }
div#suitstyle_frame h5.h2_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px  -30px; }
div#suitstyle_frame h5.h3_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px  -60px; }
div#suitstyle_frame h5.h4_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px  -90px; }
div#suitstyle_frame h5.h5_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -120px; }
div#suitstyle_frame h5.h6_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -150px; }
div#suitstyle_frame h5.h7_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -180px; }
div#suitstyle_frame h5.h8_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -210px; }
div#suitstyle_frame h5.h9_2        { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -240px; }
div#suitstyle_frame h5.h10_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -270px; }
div#suitstyle_frame h5.h11_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -300px; }
div#suitstyle_frame h5.h12_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -330px; }
div#suitstyle_frame h5.h13_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -360px; }
div#suitstyle_frame h5.h14_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -390px; }
div#suitstyle_frame h5.h15_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -420px; }
div#suitstyle_frame h5.h16_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -450px; }
div#suitstyle_frame h5.h17_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -480px; }
div#suitstyle_frame h5.h18_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -510px; }
div#suitstyle_frame h5.h19_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -540px; }
div#suitstyle_frame h5.h20_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -570px; }
div#suitstyle_frame h5.h21_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -600px; }
div#suitstyle_frame h5.h22_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -630px; }
div#suitstyle_frame h5.h23_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -660px; }
div#suitstyle_frame h5.h24_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -690px; }
div#suitstyle_frame h5.h25_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -720px; }
div#suitstyle_frame h5.h26_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -750px; }
div#suitstyle_frame h5.h27_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -780px; }
div#suitstyle_frame h5.h28_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -810px; }
div#suitstyle_frame h5.h29_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -840px; }
div#suitstyle_frame h5.h30_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -870px; }
div#suitstyle_frame h5.h31_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -900px; }
div#suitstyle_frame h5.h32_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -930px; }
div#suitstyle_frame h5.h33_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -960px; }
div#suitstyle_frame h5.h34_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -990px; }
div#suitstyle_frame h5.h35_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -1020px; }
div#suitstyle_frame h5.h36_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -1050px; }
div#suitstyle_frame h5.h37_2       { background:url(images/suitstyle_headerlist2.gif) no-repeat 0px -1080px; }

div#suitstyle_frame h5.h1_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px    0px; }
div#suitstyle_frame h5.h2_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px  -30px; }
div#suitstyle_frame h5.h3_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px  -60px; }
div#suitstyle_frame h5.h4_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px  -90px; }
div#suitstyle_frame h5.h5_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -120px; }
div#suitstyle_frame h5.h6_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -150px; }
div#suitstyle_frame h5.h7_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -180px; }
div#suitstyle_frame h5.h8_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -210px; }
div#suitstyle_frame h5.h9_3        { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -240px; }
div#suitstyle_frame h5.h10_3       { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -270px; }
div#suitstyle_frame h5.h11_3       { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -300px; }
div#suitstyle_frame h5.h12_3       { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -330px; }
div#suitstyle_frame h5.h13_3       { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -360px; }
div#suitstyle_frame h5.h14_3       { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -390px; }
div#suitstyle_frame h5.h15_3       { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -420px; }
div#suitstyle_frame h5.h16_3       { background:url(images/suitstyle_headerlist3.gif) no-repeat 0px -450px; }
/* </suitstyle> */

/* <price> */
h2#price-TITLE    { background:url(images/price_title.gif) no-repeat; }
h3#price-STITLE1  { background:url(images/price_subtitle.gif) 0px    0px no-repeat; }
h3#price-STITLE2  { background:url(images/price_subtitle.gif) 0px  -50px no-repeat; }
h3#price-STITLE3  { background:url(images/price_subtitle.gif) 0px -100px no-repeat; }
h3#price-STITLE4  { background:url(images/price_subtitle.gif) -300px -100px no-repeat; }
h4#price-S2TITLE1 { background:url(images/price_sub2title.gif) 0px   -0px no-repeat; }
h4#price-S2TITLE2 { background:url(images/price_sub2title.gif) 0px  -40px no-repeat; }
h4#price-S2TITLE3 { background:url(images/price_sub2title.gif) 0px  -80px no-repeat; }
h4#price-S2TITLE4 { background:url(images/price_sub2title.gif) 0px -120px no-repeat; }
/* </price> */


/* <order> */
h2#order-TITLE   { background:url(images/order_title.gif) no-repeat; }
h3#order-STITLE1 { background:url(images/order_subtitle.gif) 0px   0px no-repeat; }
h3#order-STITLE2 { background:url(images/order_subtitle.gif) 0px -40px no-repeat; }
table#order_flow      { width:580px; margin:15px 0px;}
table#order_flow th   { padding:0px; margin:0px; text-indent:-9999px; line-height:1px; }
table#order_flow td   { padding:0px; margin:0px; text-indent:-9999px; line-height:1px; }
table#order_flow .f1  { background:url(images/order_flow_01.gif) no-repeat; width:580px; height:40px; }
table#order_flow .f2  { background:url(images/order_flow_02.gif) no-repeat; width:580px; height:40px; }
table#order_flow .f3  { background:url(images/order_flow_03.gif) no-repeat; width:196px; height:80px; }
table#order_flow .f4  { background:url(images/order_flow_04.gif) no-repeat; width:196px; height:80px; }
table#order_flow .f5  { background:url(images/order_flow_05.gif) no-repeat; width:188px; height:80px; }
table#order_flow .f6  { background:url(images/order_flow_06.gif) no-repeat; width:196px; height:40px; }
table#order_flow .f7  { background:url(images/order_flow_07.gif) no-repeat; width:196px; height:40px; }
table#order_flow .f8  { background:url(images/order_flow_08.gif) no-repeat; width:188px; height:40px; }
table#order_flow .f9  { background:url(images/order_flow_09.gif) no-repeat; width:392px; height:40px; }
table#order_flow .f10 { background:url(images/order_flow_10.gif) no-repeat; width:188px; height:40px; }
table#order_flow .f11 { background:url(images/order_flow_11.gif) no-repeat; width:392px; height:160px; }
table#order_flow .f12 { background:url(images/order_flow_12.gif) no-repeat; width:188px; height:40px; }
table#order_flow .f13 { background:url(images/order_flow_13.gif) no-repeat; width:188px; height:80px; }
table#order_flow .f14 { background:url(images/order_flow_14.gif) no-repeat; width:188px; height:40px; }
table#order_flow .f15 { background:url(images/order_flow_15.gif) no-repeat; width:580px; height:40px; }
table#order_flow .f16 { background:url(images/order_flow_16.gif) no-repeat; width:98px; height:40px; }
table#order_flow .f17 { background:url(images/order_flow_17.gif) no-repeat; width:98px; height:280px; }
table#order_flow .f18 { background:url(images/order_flow_18.gif) no-repeat; width:98px; height:40px; }
table#order_flow .f19 { background:url(images/order_flow_19.gif) no-repeat; width:98px; height:280px; }
table#order_flow .f20 { background:url(images/order_flow_20.gif) no-repeat; width:98px; height:40px; }
table#order_flow .f21 { background:url(images/order_flow_21.gif) no-repeat; width:90px; height:160px; }
table#order_flow .f22 { background:url(images/order_flow_22.gif) no-repeat; width:98px; height:80px; }
table#order_flow .f23 { background:url(images/order_flow_23.gif) no-repeat; width:98px; height:80px; }
table#order_flow .f24 { background:url(images/order_flow_24.gif) no-repeat; width:98px; height:80px; }
table#order_flow .f25 { background:url(images/order_flow_25.gif) no-repeat; width:98px; height:160px; }
table#order_flow .f26 { background:url(images/order_flow_26.gif) no-repeat; width:98px; height:160px; }
table#order_flow .f27 { background:url(images/order_flow_27.gif) no-repeat; width:98px; height:40px; }
table#order_flow .f28 { background:url(images/order_flow_28.gif) no-repeat; width:98px; height:80px; }
table#order_flow .f29 { background:url(images/order_flow_29.gif) no-repeat; width:90px; height:80px; }
table#order_flow .f30 { background:url(images/order_flow_30.gif) no-repeat; width:98px;  height:40px; }
table#order_flow .f31 { background:url(images/order_flow_31.gif) no-repeat; width:90px;  height:40px; }
table#order_flow .f32 { background:url(images/order_flow_32.gif) no-repeat; width:392px; height:80px; }
table#order_flow .f33 { background:url(images/order_flow_33.gif) no-repeat; width:188px; height:80px; }
/* </order> */


/* <contact> */
div#contact_contents    { width:500px; }
div#contact_contents ul { margin-top:0px; }

h2#contact-TITLE   { background:url(images/contact_title.gif) no-repeat; }
h3#contact-STITLE1 { background:url(images/contact_subtitle.gif) 0px    0px no-repeat; }
h3#contact-STITLE2 { background:url(images/contact_subtitle.gif) 0px  -40px no-repeat; }
h3#contact-STITLE3 { background:url(images/contact_subtitle.gif) 0px  -80px no-repeat; }
h3#contact-STITLE4 { background:url(images/contact_subtitle.gif) 0px -120px no-repeat; }
h3#contact-STITLE5 { background:url(images/contact_subtitle.gif) 0px -160px no-repeat; }
h4#contact-LOGO    { background:url(images/logo.gif) 0px 0px no-repeat; }

/* </contact> */


/* <custom> */
#custom { width:580px; } 
#custom h2 { padding:10px 0px 0px 40px; margin:0px; font-size:13pt; font-weight:bold; width:580px; height:50px; background:url(images/custom_title.gif) no-repeat; }
/*#custom h3 { padding:0px; margin:0px 0px 0px 10px; font-size:1.1em; }
#custom table { background:url(images/dot_line1.gif) repeat-x bottom; margin-bottom:20px; }
#custom td { vertical-align:top; }
#custom p  { padding:10px; margin:0px;}
#custom strong { color:#f00; font-family:MS UI GOTHIC; font-size:1.4em; }
/* </custom> */


/* ============= FRAME ============== */
.frame1      { padding:0px; margin:10px 10px 0px 0px; float:left; }
.frame1 dl   { padding:0px; margin:0px; width:580px; }
.frame1 dt   { padding:5px; margin:0px; width:580px; font-weight:bold; font-size:1.5em; }
.frame1 dd.b { margin:0px; padding:5px 40px; font-size:.9em; }
.frame1 dd.f { margin:0px 10px; height:10px; background:url(images/dot_line1.gif) repeat-x; }
.frame1 p    { margin:0px 15px; padding:15px 0px; background:url(images/dot_line1.gif) bottom repeat-x;}
.frame1 span { color:#f30000; font-weight:bold; }


.frame2           { margin:20px 0px; padding:0px; }
.frame2 h3        { height:50px; width:580px; padding:0px; margin:0px; } 
.frame2 div.bd    { padding:0px; margin:0px; background:url(images/frame2_02.gif) repeat-y; }
.frame2 div.ft    { padding:0px; margin:0px; background:url(images/frame2_03.gif) no-repeat; height:20px; }
.frame2 p         { padding:10px 30px 0px 20px; margin:0px; color:#000; font-size:1em; font-family:‚l‚r ƒSƒVƒbƒN; letter-spacing:-0.1em; }
.frame2 p.p1      { padding:10px 30px 10px 45px; }

.frame3           { float:left; margin:0px 10px 0px 0px; width:280px; }
.frame3 div.bd    { width:280px; padding:0px; margin:0px; background:url(images/frame3_02.gif) repeat-y; }
.frame3 div.ft    { width:280px; padding:0px; margin:0px; background:url(images/frame3_03.gif) no-repeat; height:20px; }
.frame3 h3        { height:50px; width:280px; padding:0px; margin:0px; }
.frame3 p         { margin:0px; padding:10px; text-align:center; }

.frame4           { float:left; margin:0px 0px 0px 10px; width:250px; }

.frame5           { margin:0px 30px; padding:0px; display:block; }
.frame5 dt        { float:left; padding:5px 0px; margin:0px; width:240px; font-weight:bold; background:url(images/dot_line1.gif) bottom left repeat-x; }
.frame5 dd.p      { float:left; padding:5px 0px; margin:0px; width:200px; color:#f30000; font-weight:bold; font-size:1.3em; background:url(images/dot_line1.gif) bottom left repeat-x; text-align:right; }
.frame5 dd.c      { clear:both; line-height:.1em; font-size:.1em; padding:0px; margin:0px; }
/* ============ /FRAME ============== */


/* =========== /CONTENTS ============ */
.point1        { margin:0px 0px 0px 15px; padding-left:25px; height:15px; background:url(images/point1.gif) left no-repeat; }
.point1:hover  { background:url(images/point1_on.gif) left no-repeat; }

.tl1    { width:580px; margin-top:20px; }
.tl1 th { width:100px; padding:8px 0px 8px 20px; font-weight:bold; color:#369; text-align:left; vertical-align:top; background:url(images/dot_line1.gif) bottom left repeat-x;}
.tl1 td { padding:8px 0px 8px 20px; background:url(images/dot_line1.gif) bottom left repeat-x; }
.tl1 ul { margin-left:17px; padding:0px;}

.tl2    { width:400px; margin:5px 0px 10px 20px; }
.tl2 th { width:120px; padding:8px 0px 8px 20px; font-weight:bold; text-align:left; vertical-align:top; background:url(images/dot_line1.gif) bottom left repeat-x;}
.tl2 td { padding:8px 0px 8px 20px; background:url(images/dot_line1.gif) bottom left repeat-x; }

.move_top   { padding:5px 10px; float:right; margin:0px;}
.move_top a { width:130px; height:15px; background:url(images/move_top.gif) 0px 0px no-repeat; display:block; line-height:1px; }
.move_top a:hover { background:url(images/move_top.gif) 0px -15px no-repeat; }


.nd     { text-indent:-9999px; font-size:.1px; line-height:.1px; }
.line   { height:5px; margin:10px 20px 0px 0px; background:url(images/dot_line1.gif) ;line-height:.1em; font-size:.1em; }
.line2  { height:1px; margin:10px 20px 0px 0px; background:url(images/dot_line1.gif) ;line-height:.1em; font-size:.1em; }
.line3  { height:5px; margin:10px 20px 0px 0px; background:url(images/gra_line1.gif) ;line-height:.1em; font-size:.1em; }
.pd-5   { padding:5px;  }
.pd-10  { padding:10px; }
.pd-20  { padding:20px; }
.mg-0   { margin:0px; }
.mg-10  { margin:10px; }
.fl     { float:left; }
.fr     { float:right; }
.fs1    { margin:0px; padding:10px 30px 10px 20px; }
.fs2    { color:#d33; }
.fs3    { color:#d33; font-family:MS UI GOTHIC; }
.mp1    { margin:0px; padding:10px 30px 10px 20px; }
.mp2    { margin:0px; padding:10px 20px }
.mp3    { margin:0px; padding:0px 0px 0px 20px; }
.small  { font-size:.8em; }
.clear  { clear:both; line-height:.1em; font-size:.1em; }
.center { text-align:center; }
.pointer { cursor:pointer; }