@charset "utf-8";
/* Ver2.0.2-CLSTK-090512 */

/* [common] ------------------------------------------------*/

/* ----- check ----- */
#charmdrop_container { background-color:transparent; }*/

#charmdrop_container #cd_header      { background-color:transparent; }
#charmdrop_container #cd_content     { background-color:transparent; }
#charmdrop_container #article     { background-color:transparent; }
#charmdrop_container #aside       { background-color:transparent; }
#charmdrop_container #cd_footer      { background-color:transparent; }

#charmdrop_container #index    { color: #000; }
#charmdrop_container #products { color: #000; }
/* Common
------------------------------------------------------------*/
/* ----- body ----- */
/*
body { color:#4d4c4b; border-top:6px solid #e88e2c; background:url(../img/img4/cd_bg_container.gif) repeat-y top center #ffffff; padding:0; }
*/
* html body { padding:0 0 0 2px; } /* for ie6 */
*+html body { padding:0 0 0 1px; } /* for ie7 */

/* ----- a ----- */
#charmdrop_container #index a:link { color:#472a1e; }
#charmdrop_container #index a:visited { color:#472a1e; }
#charmdrop_container #index a:hover { color:#cc2c6c; }
#charmdrop_container #index a:active { color:#472a1e; }

a.charmdrop-region { display:inline-block; text-indent:1.5em; background:url(../img/img4/cd_icon_exterior.gif) no-repeat 0 center transparent; line-height:2em; }
a.charmdrop-region:hover { background-image:url(../img/img4/cd_icon_exterior_r.gif); }


/* ----- ul.charmdrop-disc ----- */
ul.charmdrop-disc li { margin:0 0 0 20px; list-style-type:disc;}

/* ----- ol.charmdrop-decimal ----- */
ol.charmdrop-decimal li { margin:0 0 0 20px; list-style-type:decimal;}


/* Font-Size by YUI ver2.6 2008-09-23
   Please write the font-size here.
------------------------------------------------------------*/
/* ----- fs18 ----- */
.charmdrop-fs18,
h2
{font-size:138.5%;}

/* ----- fs16 ----- */
.charmdrop-fs16,
h3
{font-size:123.1%;}

/* ----- fs14 ----- */
.charmdrop-fs14,
h4
{font-size:108%;}

/* ----- fs13 ----- */
.charmdrop-fs13 {font-size:100%;}

/* ----- fs12 ----- */
.charmdrop-fs12,
h5,
h6,
.charmdrop-pagetop, p,
.charmdrop-nav li
{font-size:93%;}

/* ----- fs11 ----- */
.charmdrop-fs11 {font-size:85%;}

/* ----- fs10 ----- */
.charmdrop-fs10,
.charmdrop-copyright
{font-size:77%;}


/* [Structure] ---------------------------------------------*/

/* Outline Layout
------------------------------------------------------------*/
/* ----- center ----- */
/*body { text-align:center; }*/

/* ----- outline ----- */
#charmdrop_container { width:725px; margin:0 auto; text-align:left; padding:0 24px 0 25px; }
#charmdrop_container { color: #4d4c4b; }

#charmdrop_container #cd_header,#cd_content,#cd_footer { clear:both; }
#charmdrop_container #cd_header { width:725px; padding:7px 17px 0 18px; margin:0 -10px 0 -25px; }
#charmdrop_container #cd_content { min-height:335px; padding:28px 17px 0 18px; margin:0 -10px 0 -25px; background:url(../img/img4/cd_bg_global.gif) repeat-x 0 3px transparent; }
* html #charmdrop_container #cd_content { height:335px; }
#charmdrop_container #cd_footer { padding:56px 0 0 0; margin:0 0px 0 -7px; }
#charmdrop_container #cd_footer { color: #4d4c4b; }
#charmdrop_container a { color: #472a1e; }
#charmdrop_container a:hover { color: #cc2c6c; }

#charmdrop_container #article { position:relative; }

/* ----- pane1 ----- */
.charmdrop-pane1 #article {width:725px;}

/* ----- pane2 ----- */
#cd_products.charmdrop-pane2 #article {float:left; width:506px;}
#cd_products.charmdrop-pane2 #aside {float:right; width:200px;}

/* Navigation
------------------------------------------------------------*/
/* ----- #header ----- */
/* .charmdrop-nav.charmdrop-utility */
#cd_header .charmdrop-logo { float:left; display:block; width:186px; height:43px; margin:0 0 11px -1px; }
* html #cd_header .charmdrop-logo { margin:0 0 11px -1px; }
#cd_header .charmdrop-logo a { display:block; width:186px; height:43px; text-indent:-9999px; overflow:hidden; background:url(../img/img4/cd_logo.gif) no-repeat 0 0 transparent; }

#cd_header .charmdrop-nav.charmdrop-utility { float:right; margin-top:3px; margin-right:-7px; }
* html #cd_header .charmdrop-nav.charmdrop-utility { margin-right:-3px; }
#cd_header .charmdrop-nav.charmdrop-utility li { margin-right:14px; }
#cd_header .charmdrop-nav.charmdrop-utility li.charmdrop-lastChild { margin-right:0; }
#cd_header .charmdrop-nav.charmdrop-utility li a { text-indent:-9999px; overflow:hidden; }
#cd_header .charmdrop-nav.charmdrop-utility li a:hover { background-color:transparent; background-repeat:no-repeat; background-position:0 -20px; }
#cd_header .charmdrop-nav.charmdrop-utility li.charmdrop-inquiry { float:left; width:89px; height:20px; }
#cd_header .charmdrop-nav.charmdrop-utility li.charmdrop-buy { float:left; width:89px; height:20px; }
#cd_header .charmdrop-nav.charmdrop-utility li.charmdrop-inquiry a { display:block; width:89px; height:20px; background-image:url(../img/img4/cd_btn_inquiry.gif); }
#cd_header .charmdrop-nav.charmdrop-utility li.charmdrop-buy a { display:block; width:89px; height:20px; background-image:url(../img/img4/cd_btn_buy_step.gif); }

/* .charmdrop-nav.charmdrop-global */
#cd_header .charmdrop-nav.charmdrop-global { clear:both; position:relative; width:726px; height:29px; margin:0; padding:0; }
#cd_header .charmdrop-nav.charmdrop-global li { float:left; width:121px; height:29px; }
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-lastChild { width:120px; }
#cd_header .charmdrop-nav.charmdrop-global li a { display:block; width:121px; height:29px; text-indent:-9999px; overflow:hidden; background:url(../img/img4/cd_btn_global.gif) no-repeat 0 0 transparent; }

#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-home a { background-position:0 0;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-concept a { background-position:-121px 0;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-products a { background-position:-242px 0;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-message a { background-position:-363px 0;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-step a { background-position:-484px 0;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-qa a { background-position:-605px 0;}

/* current global category for IE bug */
#cd_index #cd_header .charmdrop-nav.charmdrop-global li.charmdrop-home.charmdrop-current a { background-position:0 -30px;}
#cd_concept #cd_header .charmdrop-nav.charmdrop-global li.charmdrop-concept.charmdrop-current a { background-position:-121px -30px;}
#cd_products #cd_header .charmdrop-nav.charmdrop-global li.charmdrop-products.charmdrop-current a { background-position:-242px -30px;}
#cd_message #cd_header .charmdrop-nav.charmdrop-global li.charmdrop-message.charmdrop-current a { background-position:-363px -30px;}
#cd_step #cd_header .charmdrop-nav.charmdrop-global li.charmdrop-step.charmdrop-current a { background-position:-484px -30px;}
#cd_qa #cd_header .charmdrop-nav.charmdrop-global li.charmdrop-qa.charmdrop-current a { background-position:-605px -30px;}

#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-home a:hover { background-position:0 -30px;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-concept a:hover { background-position:-121px -30px;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-products a:hover { background-position:-242px -30px;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-message a:hover { background-position:-363px -30px;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-step a:hover { background-position:-484px -30px;}
#cd_header .charmdrop-nav.charmdrop-global li.charmdrop-qa a:hover { background-position:-605px -30px;}


/* ----- #content ----- */
#cd_content .charmdrop-pagetop {}


/* ----- #footer ----- */
/* .charmdrop-nav.charmdrop-utility */
#charmdrop_container #cd_footer {}
#cd_footer div.charmdrop-info { position:relative; width:724px; margin:0 -18px; padding:4px 18px 2px 18px; text-align:right; line-height:2em; background:url(../img/img4/cd_bg_copyright.gif) repeat left center transparent; }
#cd_footer div.charmdrop-info p.charmdrop-copyright { margin:0; padding:0; font-size:85%; }
#cd_footer div.charmdrop-info p.charmdrop-textlink { float:left; margin:0; padding:0; font-size:85%; }
#cd_footer .charmdrop-nav.charmdrop-utility { margin-top:33px; }
#cd_footer .charmdrop-nav.charmdrop-utility li { font-size:85%; }
#cd_footer .charmdrop-nav.charmdrop-utility li.charmdrop-logolink { display:inline; }
#cd_footer .charmdrop-nav.charmdrop-utility li.charmdrop-logolink a span.charmdrop-logo { display:block; width:84px; height:22px; margin-bottom:3px; background:url(../img/img4/cd_logo_jadma.gif) no-repeat 0 0 transparent; text-indent:-9999px; }
#cd_footer .charmdrop-nav.charmdrop-utility li.charmdrop-logolink a span { display:inline-block; }

/* [Module] ------------------------------------------------*/


/* Table Typ/
------------------------------------------------------------*/
/* ----- table ----- */

/* ----- indent ----- */
.charmdrop-indent1 { padding:0 0 0 1em; text-indent:-1em; }
.charmdrop-indent1-5 { padding:0 0 0 1.5em; text-indent:-1.5em; }
.charmdrop-indent2 { padding:0 0 0 2em; text-indent:-2em; }
.charmdrop-indent2-5 { padding:0 0 0 2.5em; text-indent:-2.5em; }
.charmdrop-indent3 { padding:0 0 0 3em; text-indent:-3em; }
.charmdrop-indent3-5 { padding:0 0 0 3.5em; text-indent:-3.5em; }

/* common
------------------------------------------------------------*/
/* sectioning */
.charmdrop-section {}
.charmdrop-section .charmdrop-section {}

/* heading */
.charmdrop-article-title {}
.charmdrop-section-title {}
.charmdrop-section-title2 {}

/* image & text */
#article .charmdrop-figure .charmdrop-figcaption p { margin:2em 0 0 0; }
#article .charmdrop-figure .charmdrop-figcaption p.charmdrop-firstChild { margin-top:0; }
#article .charmdrop-figure .charmdrop-image.charmdrop-center { text-align:center; }

#article .charmdrop-figure .charmdrop-type1-r .charmdrop-figcaption {}
#article .charmdrop-figure .charmdrop-type1-r .charmdrop-image {}

#article .charmdrop-figure .charmdrop-type1-l .charmdrop-figcaption {}
#article .charmdrop-figure .charmdrop-type1-l .charmdrop-image {}

/* images */
#article .charmdrop-figure .charmdrop-images li { float:left; margin-left:10px; }
#article .charmdrop-figure .charmdrop-images li.charmdrop-firstChild { margin-left:0; }


/* text */
#article p { margin-bottom:2em; line-height:1.5em; }
#article p.charmdrop-firstChild { margin-bottom:0; }

/* list */
/* dl.charmdrop-square-list */
dl.charmdrop-square-list {}

/* ul.charmdrop-square-list */
ul.charmdrop-square-list li {}

/* ol.charmdrop-decimal-list */
ol.charmdrop-decimal-list {}

/* pagetop */
.charmdrop-pagetop { clear:both; text-align:right; width:100%; }

/*EOF*/

