@charset "UTF-8";

/* Global CSS */
/* 2006-11-19 taka@intoneo */

#no_flash { margin:0px; padding:0px; width:320px;}
#no_flash a        { display:block; background:#000000; padding:9px 10px; margin:0px 0px 10px;}
#no_flash a:hover  { background:url(images/sgr_top_no_flash_btn_line.gif) no-repeat;}

/* Common */
body { margin:0px; padding:0px; background:#000000; text-align:center; font-size:12px; line-height:17px; color:#333333; }
#wrapper { padding:0px 10px; width:740px; height:960px; text-align:left; }


#head_lang { border-bottom:1px solid #666666; }

/* Head: Global */
#head { padding:6px 0px 6px;}
#head_logo { width:320px; float:left; padding:0px 0px 9px;}

#head_main     { padding:5px 0px 0px; text-align:right;}
#head_main_sgr { padding:0px 0px 6px; float:left; width:210px;}
#head_main_sb  { padding:1px 0px 5px; }
#head_menu     { padding:4px 0px 0px; float:none; font-size:11px; color:#666666;}
#head_menu a        { color:#999999; background:url(../css/images/arrow_9_000_999_right.gif) no-repeat 0px 2px; padding:0px 6px 0px 12px; text-decoration:none;}
#head_menu a:hover  { color:#FFFFFF; background:url(../css/images/arrow_9_000_fff_right.gif) no-repeat 0px 2px; text-decoration:underline;}
#head_menu a.active { color:#CCCCCC; background:url(../css/images/arrow_9_000_ccc_right.gif) no-repeat 0px 2px;}

/* Head: JP(IN,OUT), EN, CN, KR */
#head_navi { background:url(../css/images/head_navi_background.gif) no-repeat 0px 6px; padding:6px 20px 0px; color:#CCCCCC;}
#head_navi td a        { color:#CCCCCC; font-weight:bold; text-decoration:none;}
#head_navi td a:hover  { color:#FFFFFF;}
#head_navi td.active a { color:#FFFFFF;}

/* Foot: Global */
#foot      { padding:9px 0px 9px; color:#666666; text-align:center; font-size:11px;}
#foot_copy { padding:9px 0px 9px; color:#666666;}

/* Foot: Menu */
#foot_menu { padding:9px 0px 0px;}
#foot_menu a        { color:#999999; background:url(../css/images/arrow_9_000_999_right.gif) no-repeat 6px 2px; padding:0px 12px 0px 18px; text-decoration:none;}
#foot_menu a:hover  { color:#FFFFFF; background:url(../css/images/arrow_9_000_fff_right.gif) no-repeat 6px 2px; text-decoration:underline;}
#foot_menu a.active { color:#CCCCCC; background:url(../css/images/arrow_9_000_ccc_right.gif) no-repeat 6px 2px;}

/* Content: */
#cont { background:#FFFFFF; }
#cont .indent      { padding:0px 20px; }
#cont .indent_line { padding:0px 20px; border-top:1px solid #CCCCCC; }
#cont .indent2     { padding:0px 0px 0px 20px; }
#cont h1 { font-size:18px; border-bottom:3px dotted #DDDDDD; padding:3px 0px 3px; color:#3399DD;}
#cont h2 { font-size:14px; border-left:6px solid #CCCCCC; padding:3px 0px 3px 6px; color:#000000;}
#cont h3 { font-size:14px;}

/* Content: Navi */
#cont_navi { background:#FFFFFF url(../css/images/cont_navi_background.gif) no-repeat 0px 0px; padding:0px 20px 10px; color:#666666; font-size:11px;}
#cont_navi td          { border-bottom:3px solid #FFFFFF;}
#cont_navi td.active   { border-bottom:3px solid #3399DD;}
#cont_navi td a        { color:#333333; text-decoration:none; padding:0px 18px;}
#cont_navi td a:hover  { color:#333333;}
#cont_navi td.active a { color:#334455;}

/* Content: Devide LR */
#cont_left  { width:170px; float:left;}
#cont_left ul { padding:0px; font-size:11px;}
#cont_right { width:510px; float:right; padding:0px 0px 0px 14px; border-left:1px solid #DDDDDD;}


/* Common */
/* en/css/style.css */
#head { font-family:Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック"; }
#cont { font-family:Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック"; }
#foot { font-family:Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック"; }

div { margin:0px;}

a       { color:#3399CC; text-decoration:none;}
a:hover { color:#DDAA33; text-decoration:underline;}
a img   { border:0px;}

/* Font */
.size16      { font-size:16px;}
.size14      { font-size:14px;}
.size12      { font-size:12px;}
.size11      { font-size:11px;}
.size10      { font-size:10px;}

.normal      { font-weight:normal;}
.bold        { font-weight:bold;}
.linethrough { text-decoration:line-through;}
.blink       { text-decoration:blink;}

/* Color */
.gray        { color:#666666;}
.silver      { color:#CCCCCC;}
.red         { color:#FF1100;}
.blue        { color:#3399DD;}
.orange      { color:#FFDD66;}


#cont .footnote { padding:3px 0px; font-size:11px; color:#666666; }


/*************************
        Popup
*************************/

#info_head { margin:0px; padding:15px 10px 10px; background:#000000; width:480px; text-align:left;}
#info_main { margin:0px; padding:15px; background:#FFFFFF; width:460px; border-left:5px solid #000000; border-right:5px solid #000000; font-family:Verdana;}
#info_main .info_title {margin:0px; padding:10px 0px 5px; width:460px; text-align:left; font-size:16px; font-weight:bold; border-bottom:1px solid #999999;} 
#info_main .info_comment {margin:0px; padding:20px 0px 0px; width:460px; text-align:left;} 
#info_main .info_image {margin:0px; padding:10px 0px 20px; width:460px; text-align:center;} 
#info_main .btn_close {margin:0px; padding:10px 0px 0px; width:460px; text-align:right; border-top:1px solid #999999;} 
#info_foot { margin:0px; padding:10px 10px 15px; background:#000000; width:480px; color:#666666; font-size:11px; font-family:Arial; }


/*************************
        Company
*************************/

#cont table.profile {border-collapse:collapse;}
#cont table.profile th { border-bottom:1px solid #CCCCCC; padding:3px 9px; text-align:left; font-weight:normal; white-space:nowrap; width:120px; background:#EEEEEE;}
#cont table.profile td { border-bottom:1px solid #CCCCCC; padding:3px 9px; text-align:left;}
#cont table.profile td table td { border:none; padding:0px; vertical-align:top;}
#cont table.profile tr.top td, #cont table.profile tr.top th { border-top:1px solid #CCCCCC;}

/* en/css/style.css */
#cont .history       { width:600px; padding:3px 0px; border-bottom:1px dashed #CCCCCC; }
#cont .history .date { float:left; width:100px;}
#cont .history .desc { float:right; width:480px;}



/*************************
        Phones
*************************/

#cont .phone h2 {border-left:6px solid #999999; border-top:1px solid #999999; font-size:12px;}
#cont .phone .image { width:220px; float:left; }
#cont .phone .image img     { border:1px solid #CCCCCC; }
#cont .phone .image_caption { padding:3px 0px; font-size:11px; color:#666666; text-align:center; }
#cont .phone .info  { width:460px; float:right; }
#cont .phone .info_title    { border-bottom:1px solid #999999; padding:3px 0px; font-size:11px; font-weight:bold; color:#000000; }
#cont .phone .info_price    { border-bottom:1px solid #CCCCCC; padding:12px 0px 6px 24px; font-size:12px; font-weight:bold; background:#FEFEFF; text-align:left; }
#cont .phone .info_feature  { border-bottom:1px solid #CCCCCC; padding:3px 0px; font-size:12px; }
#cont .phone .info_footnote { padding:3px 0px; font-size:11px; color:#666666; }
#cont .phone .info table.spec {border-collapse:collapse; font-size:11px;}
#cont .phone .info table.spec th { border-bottom:1px solid #CCCCCC; padding:3px 9px; text-align:left; font-weight:normal; white-space:nowrap; width:120px; background:#EEEEEE;}
#cont .phone .info table.spec td { border-bottom:1px solid #CCCCCC; padding:3px 9px; text-align:left;}
#cont .phone .addedtable img     { border:0px; }
#cont .phone .addedtable_back    { background:#CCCCCC;}
#cont .phone .addedtable_front   { background:#ffffff;}

/*************************
        Price
*************************/

#cont table.price {border-collapse:collapse; font-size:11px;}
#cont table.price td        { padding:3px 6px; border:1px solid #CCCCCC;}
#cont table.price th        { background:#3399DD; color:#FFFFFF; border:1px solid #44AADD; text-align:center; }
#cont table.price th.gray   { background:#999999; color:#FFFFFF; border:1px solid #CCCCCC; text-align:center; }
#cont table.price th.level2 { background:#DDEEFF; font-weight:normal; color:#333333; border:1px solid #CCCCCC; text-align:center; }
#cont table.price td.title  { background:#F7F7F7; white-space:nowrap;}
#cont table.price td.price  { background:#FFFFFF; text-align:center; white-space:nowrap; }
#cont table.price tr.gray td { background:#EEEEEE; }
#cont table.price tr.attention td { border:none; text-align:center; color:#FF0000; }
#cont .price_footnote { padding:3px 0px; font-size:11px; color:#666666; }



/*************************
        Area
*************************/

#cont .download_pdf { background:url(../css/images/icon_pdf.gif) no-repeat 12px 6px; margin:0px; padding:6px 12px 6px 54px; border-top:1px dashed #CCCCCC;}
#cont .download_pdf_1l { background:url(../css/images/icon_pdf.gif) no-repeat 12px 6px; margin:0px; padding:12px 12px 12px 54px; border-top:1px dashed #CCCCCC;}

/* Outbound */
#cont table.area           { border-collapse:collapse; font-size:11px;}
#cont table.area td        { padding:2px 3px; border:1px solid #CCCCCC;}
#cont table.area th        { padding:2px 3px; border:1px solid #CCCCCC; background:#EEEEEE; color:#333333; font-weight:normal; text-align:center;}


/*************************
        Booking
*************************/

#cont h3.arrow { color:#3399DD; padding-left:20px; background:url(./images/arrow_right.gif) no-repeat 2px 2px; font-size:12px;}

#cont table.flow           { }
#cont table.flow td.box        { border-right:1px solid #DDDDDD; border-bottom:1px solid #CCCCCC; padding:6px 12px; }
#cont table.flow td.box div.head { padding:6px; color:#000000; text-align:center; font-size:12px; font-weight:bold; }
#cont table.flow td.box div.note { padding:6px; color:#333333; border-top:1px dashed #DDDDDD; }
#cont table.flow td div.arrow { padding:6px 0px; width:340px; }
#cont table.flow3c           { }
#cont table.flow3c td.box        { border-right:1px solid #DDDDDD; border-bottom:1px solid #CCCCCC; padding:6px 12px; }
#cont table.flow3c td.box div.head { padding:6px; color:#000000; text-align:center; font-size:12px; font-weight:bold; }
#cont table.flow3c td.box div.note { padding:6px; color:#333333; border-top:1px dashed #DDDDDD; }
#cont table.flow3c td div.arrow { padding:6px 0px; width:220px; }
#cont .booking .addedtable_back    { background:#CCCCCC;}
#cont .booking .addedtable_front   { background:#FFEEDD;}

/*************************
        FAQ
*************************/

#cont .faq        { padding:0px;}
#cont .faq .faq_q { background:url(../css/images/icon_faq_q.gif) no-repeat 12px 6px; margin:0px; padding:6px 12px 6px 36px; }
#cont .faq .faq_a { background:url(../css/images/icon_faq_a.gif) no-repeat 12px 6px; margin:0px; padding:6px 12px 18px 36px; border-bottom:1px dashed #CCCCCC; }


/*************************
        Order
*************************/

#cont table.step    { margin:6px 0px 0px;}
#cont #kiyaku       { padding:6px 12px; border:1px solid #CCCCCC; height:320px; overflow:auto; font-size:11px;}
#cont #kiyaku h3,#cont #kiyaku p  { margin:0px; padding:0px 0px 6px;}
#cont #kiyaku ul,#cont #kiyaku ol { margin:0px; padding:0px 0px 6px 24px;}
#cont #kiyaku h3    { font-size:12px;}
#cont #kiyaku table.price {border-collapse:collapse; font-size:11px;}
#cont #kiyaku table.price td         { padding:3px 6px; border:1px solid #CCCCCC;}
#cont #kiyaku table.price th         { padding:3px 6px; border:1px solid #CCCCCC; color:#333333; font-weight:normal;}
#cont #kiyaku table.price td.price   { background:#FFFFFF; text-align:center; }
#cont #kiyaku table.price tr.gray td { background:#EEEEEE; }
#cont #kiyaku table.price tr.gray th { background:#DDDDDD; }
#cont #kiyaku .price_footnote { padding:3px 0px; font-size:11px; color:#666666; }

#cont table.form           { border-collapse:collapse;}
#cont table.form td        { padding:3px 6px 6px; border-bottom:1px solid #CCCCCC;}
#cont table.form th        { padding:3px 6px 6px; border-bottom:1px solid #CCCCCC; background:#EEEEEE; color:#333333; font-weight:normal; text-align:left; width:120px;}
#cont table.form tr.top td, #cont table.form tr.top th { border-top:1px solid #CCCCCC;}
#cont table.form td td, #cont table.form td th { padding:3px 3px 0px 0px; border:none;}
#cont table.form td.select_small select   { font-size:11px; width:540px; margin:0px 0px 3px 12px}
#cont .button              { text-align:center;}
#cont .button input        { width:120px; padding:3px 6px;}