@charset "utf-8";

/* =========================================================
　◆general style
========================================================= */
body { margin:0 auto; }


/* =========================================================
　◆titlestyle
========================================================= */


/* =========================================================
　◆boxstyle
========================================================= */


/* =========================================================
　◆liststyle
========================================================= */

/* header fixed */
#Main { padding-top: 120px; margin-bottom: 100px; }

.network .map_area { background:url(../jpg/bg_map.jpg) left top no-repeat; }
.map_area_inner { width:960px; height:550px; margin:0 auto; background:url(../png/img_map-2.png) center top no-repeat; position:relative; }
.map_area_inner .north_america { position:absolute; top:180px; left:150px; }
.map_area_inner .latin_america { position:absolute; top:330px; left:244px; }
.map_area_inner .europe { position:absolute; top:180px; left:448px; }
.map_area_inner .africa { position:absolute; top:280px; left:452px; }
.map_area_inner .middle_east { position:absolute; top:230px; right:290px; }
.map_area_inner .asia { position:absolute; top:180px; right:180px; }
.map_area_inner .oceania { position:absolute; top:330px; right:115px; }
.network .titlearea { padding:45px 0; text-align:center; font-size:56px; font-family: "AlternateGothicCom-No2",Arial\9, Helvetica\9, sans-serif\9; line-height: 1.0; color: #333333; }
.network .networkarea { width:960px; margin:0 auto 30px; }


.networkarea .areabox .list { width:960px; clear: both; }
.networkarea .areabox .list:after { visibility:hidden; font-size:0; clear:both; display:block; }
.networkarea .areabox .list li { display:inline; float:left; width:300px; margin-right:30px; border-bottom:solid 1px #DDDDDD; }
.networkarea .areabox .list li.last { margin-right:0; }
.networkarea .areabox li div.line .area { display:block; width:300px; position: relative; }

.networkarea .areabox li div.line .disp_tb { display: table; width: 100%; }
.networkarea .areabox li div.line .disp_tb .country { display: table-cell; width: 100%; padding: 0; height: 49px; vertical-align: middle; text-decoration: none; }
.networkarea .areabox li div.line .country .country_txt { line-height:1.2; background:url(../jpg/icon_01.jpg) left center no-repeat; text-decoration:none; font-size:16px; color:#0085B2; width: 50%; display: block; padding-left: 25px; }
.networkarea .areabox li div.line .country:hover .country_txt { text-decoration: underline; }
.networkarea .areabox li div.line .country.opened .country_txt { color:#E60012; background:url(../jpg/icon_02.jpg) left center no-repeat; text-decoration: none; }

.networkarea .areabox li div.line .option_area { right:0px; position:absolute; top:10px; }
.networkarea .areabox li div.line .option_website,
.networkarea .areabox li div.line .option_facebook { display:inline; float:right; margin-left:5px; }
.networkarea .areabox li div.line .option_website { width:84px; height: 30px;}
.networkarea .areabox li div.line .option_facebook { width:30px; height: 30px;}
.networkarea .areabox li div.line .wb_btn { width: 84px; height: 30px; }
.networkarea .areabox li div.line .wb_btn.multi { width: 90px; height: 30px; }
.networkarea .areabox li div.line .fb_btn { width: 30px; height: 30px; }
.networkarea .areabox .list .data .trigger a{ display: block;}
.networkarea .areabox li div.boder_top .area { border-top:solid 1px #DDDDDD; }
.networkarea .areabox li div.line .area.last { margin-right:0 !important; }
.networkarea .areabox .list .data { display:none; }
.clone { display: none; }
.clone .accordion { position:relative;}
.clone .accordion .close { position:absolute; width:40px; height: 40px; top:15px; right:15px; }
.clone .accordion .arrow01 { position:absolute; width:16px; top:-8px; left:142px; }
.clone .accordion .arrow02 { position:absolute; width:16px; top:-8px; left:472px; }
.clone .accordion .arrow03 { position:absolute; width:16px; top:-8px; left:802px; }

.gray { background:#333333 !important; margin-bottom:20px; padding:32px 0 0 30px;}
.gray .country_name { color:#fff; font-size:36px; margin-bottom:15px; font-family: "AlternateGothicCom-No2",Arial\9, Helvetica\9, sans-serif\9; }
.gray .gray_inner {	padding-bottom: 20px; margin-bottom:31px; color:#FFFFFF; width:440px; border-bottom:1px solid #666666; display:inline-block; margin-right:20px; vertical-align:top;}
.gray .gray_inner.odd { margin-right: 0; }
.gray .gray_inner .address { font-size:16px; margin-bottom:23px; line-height: 1.4; }
.gray .gray_inner .address span { font-weight:bold; }
.gray .gray_inner .phone { font-size: 16px; line-height: 1.4; }
.gray .gray_inner .phone2 { font-size: 16px; line-height: 1.4; }
.gray .gray_inner .phone3 { font-size: 16px; line-height: 1.4; }
.gray .gray_inner .fax { font-size: 16px; line-height: 1.4; }
.gray .gray_inner .fax2 { font-size: 16px; line-height: 1.4; }
.gray .gray_inner .email,
.gray .gray_inner .contact_us { font-size: 16px; line-height: 1.4; }
.gray .gray_inner .email a,
.gray .gray_inner .contact_us a { color: #FFF; }
.gray .gray_inner .website { font-size: 16px; line-height: 1.4; height: 30.1094px;}
.gray .gray_inner .website a { color: #FFF; }
.gray .gray_inner .websiteclose { font-size: 16px; line-height: 1.4; color: #FFF; }
.gray .gray_inner .small { font-size: 12px; color: #CCCCCC; font-style: italic; padding-top: 19px;  }

.facebook { display:inline; float:left; width:30px; padding-top:15px; margin-right:5px;}
.website { display:inline; float:left; width:84px; padding-top:15px;}