/*-------------
layout
-------------*/

body{ min-width:1040px; font-size:100%; color:#535353;-webkit-text-size-adjust: 100%;}
a:link { color: #0071bc; text-decoration: underline;}
a:visited { color: #0071bc; text-decoration: underline;}
a:hover { color: #d2fcff; text-decoration: underline;}

/*----------header----------*/
#header{ border-bottom:4px solid #b52c24;}
#header .headerTop{ width:1000px; margin:10px auto;}
#header .logo{ float:left;}
#header .headerMenu{ width:525px; float:right; padding-top:6px;}
#header .headerMenu ul{ list-style:none; float:left;}
#header .headerMenu ul li{ float:left; margin-right:10px;}
#header .headerMenu .headerSearch{ width:235px; float:right; background:#f4f4f4;}
#header .headerMenu .headerSearch .serchTxt{ float:left; border:none; padding:9px 5px; font-size:100%; width:185px; font-size:14px; background:#f4f4f4;}
#header .headerMenu .headerSearch .serchBtn{ float:right;}
#header .headerNav{ position:relative;}
#header ul#menuNav{ width:1152px; margin:0 auto; list-style:none;}
#header ul#menuNav li{ float:left;}
#header ul#menuNav li a,#header ul#menuNav li span{ display:block; text-indent:-9999px; overflow:hidden; line-height:0.1; height:52px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
#header ul#menuNav li span.no_pointer{cursor:default;}
#header ul#menuNav li a:hover,#header ul#menuNav li a.current,#header ul#menuNav li span:hover{ background-position:0 -52px;}
#header ul#menuNav li span.open{ background-position:0 -104px;}
#header ul#menuNav li .nav01{ width:177px; background-image:url(../img/nav_01.gif);}
#header ul#menuNav li .nav02{ width:209px; background-image:url(../img/nav_02.gif);}
#header ul#menuNav li .nav03{ width:166px; background-image:url(../img/nav_03.gif);}
#header ul#menuNav li .nav04{ width:152px; background-image:url(../img/nav_04.gif);}
#header ul#menuNav li .nav05{ width:133px; background-image:url(../img/nav_05.gif);}
#header ul#menuNav li .nav06{ width:163px; background-image:url(../img/nav_06.gif);}
#header ul#menuNav li .nav07{ width:152px; background-image:url(../img/nav_07.gif);}
#header .headerNav .drop{ display:none; position:absolute; top:52px; left:0px; width:100%; background:#535353; padding:0 0 60px; z-index:10000;}
#header ul#menuNav li .drop ul{ width:1000px; margin:0 auto; list-style:none;}
#header ul#menuNav li .drop ul li{ float:left; margin:0 20px 0 0; width:235px;}
#header ul#menuNav li .drop ul li.last{ margin-right:0px;}
#header ul#menuNav li .drop ul li a{ text-indent:0px; height:auto;}
#header ul#menuNav li .drop ul li ul{ width:auto;}
#header ul#menuNav li .drop ul li ul li{ float:none;}
#header ul#menuNav li .drop .closeArea{  width: 1000px; margin: 0 auto;text-align:right;}
#header ul#menuNav li .drop .closeArea .close{display:inline-block; margin-top:20px; margin-bottom:16px; cursor:pointer; ertical-align:bottom;}
#header ul#menuNav li .drop .closeArea .close img{}

/*----------footer----------*/
#footer{clear: both; line-height:1.5; background:#535353; color:#ffffff; font-size:87.5%; margin-top:50px;}
#footer .footerArea{ width:1000px; margin:0 auto; padding:20px 0; position:relative;}
#footer .footerAddress{ width:600px; float:left;}
#footer .footerAddress .footerLogo{ margin:0 0 5px;}
#footer .footerAddress p{ margin:5px 0 0;}
#footer .footerSns{ float:right; list-style:none;}
#footer .footerSns li{ float:left; margin-right:10px;}
#footer .footerSns li.last{ margin-right:0px;}
#footer .footerArea .footerNav{ position:absolute; right:0px; bottom:20px; list-style:none;}
#footer .footerArea .footerNav li{ float:left; margin-right:40px;}
#footer .footerArea .footerNav li.last{ margin-right:0px;}
#footer .footerArea .footerNav li a{ display:inline-block; color:#ffffff; font-weight:bold; text-decoration:none; background:url(../img/icon_footer.gif) 0 0.3em no-repeat; padding-left:15px;}
#footer .footerArea .footerNav li a:hover{ text-decoration:underline;}
#footer .footerCopy{ background:#3e3e3e;}
#footer .footerCopy p{ width:1000px; margin:0 auto; padding:7px 0; text-align:center;}

/*----------top----------*/
#topArea{}

#topArea .topMain{ background:url(../img/top_main.jpg) top center no-repeat; padding:50px 0;}
#topArea .topMain .topMainArea{ width:1000px; margin:0 auto; position:relative; height:330px;}
#topArea .topMain .topMainArea .slideArea{ position:absolute; top:30px; left:0px; width:735px;}
#topArea .topMain .topMainArea .btnGreet{ position:absolute; top:0px; right:0px;}

#topArea #topSlide li{ width:735px; height:270px;}
#topArea .bx-wrapper{ background:none; border:none; box-shadow:none;}
#topArea .bx-wrapper .bx-controls-direction a{ width:55px; height:63px; margin-top:-31px;}
#topArea .bx-prev{ background:url(../img/slide_prev.png) top center no-repeat; left:-14px; display:none;}
#topArea .bx-prev:hover{ background:url(../img/slide_prev_on.png) top center no-repeat;}
#topArea .bx-next{ background:url(../img/slide_next.png) top center no-repeat; right:-14px; display:none;}
#topArea .bx-next:hover{ background:url(../img/slide_next_on.png) top center no-repeat;}
#topArea .bx-wrapper .bx-pager.bx-default-pager a{ border-radius:0px; width:120px; height:10px; background:#ffffff; -webkit-box-shadow: 0 0 15px #666666; box-shadow: 0 0 15px #666666;  display:none;}
#topArea .bx-wrapper .bx-pager.bx-default-pager a:hover,#topArea .bx-wrapper .bx-pager.bx-default-pager a.active,#topArea .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#b52c24;}

#topArea .topMenu{ background:#f4f4f4; padding:50px 0 45px;}
#topArea .topMenu ul{ width:1000px; margin:0 auto; list-style:none;}
#topArea .topMenu ul li{ float:left; margin:0 35px 0 0;}
#topArea .topMenu ul li.last{ margin-right:0px;}

/* Youworks修正 */
#topArea .pickupInfo{ width:1000px; margin:50px auto;}
#topArea .pickupInfo h2{height:60px; line-height:60px; background-color:#B52C24; color:#ffffff; font-size:19px; font-family: "Yu Gothic"; }
#topArea .pickupInfo .scrollArea{ overflow-y:scroll; height:auto; max-height: 280px; line-height:1.5;}
#topArea .pickupInfo .scrollArea table{ width:970px;}
#topArea .pickupInfo .scrollArea table th, #topArea .pickupInfo .scrollArea table td{ border-bottom:1px solid #d3d3d3; text-align:left; vertical-align:top;}
#topArea .pickupInfo .scrollArea table th{ padding:14px 10px 12px 10px; font-weight:normal; width:12%;}
#topArea .pickupInfo .scrollArea table td{ padding:14px 12px 12px 0px;}
#topArea .pickupInfo .scrollArea table td.icon{ width:15%; padding-top:12px;}
#topArea .pickupInfo .scrollArea table td.icon span{ display:block; text-align:center; font-size:75%; color:#ffffff; padding:7px 5px 5px; font-weight:bold;}
#topArea .pickupInfo .scrollArea table td.icon span.red{ background:#d4908c;}
#topArea .pickupInfo .scrollArea table td.icon span.green{ background:#7ec3a8;}
#topArea .pickupInfo .scrollArea table td.icon span.blue{ background:#8cafcf;}
#topArea .pickupInfo .scrollArea table td.icon span.purple{ background:#a897cf;}
#topArea .pickupInfo .scrollArea table td.icon span.yellow{ background:#e2bc69;}
#topArea .pickupInfo .scrollArea table td a{ color:#535353; text-decoration:none; display:block; background:url(../img/icon_arrow_rd.png) right 0.3em no-repeat; padding-right:30px;}
#topArea .pickupInfo .scrollArea table td a:hover{ color:#B52C24;}
/* Youworks修正 */

#topArea .topInfo{ width:1000px; margin:50px auto;}
#topArea .topInfo ul.tabNav{ list-style:none; margin:0 0 10px;}
#topArea .topInfo ul.tabNav li{ float:left; margin-right:2px;}
#topArea .topInfo ul.tabNav li.last{ margin-right:0;}
#topArea .topInfo ul.tabNav li a{ display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:0 0; height:70px; line-height:0.1;}
#topArea .topInfo ul.tabNav li a:hover,#topArea .topInfo ul.tabNav li a.active{ background-position:0 -70px;}
#topArea .topInfo ul.tabNav li a.tab01{ background-image:url(../img/tab_01.gif); width:180px;}
#topArea .topInfo ul.tabNav li a.tab02{ background-image:url(../img/tab_02.gif); width:208px;}
#topArea .topInfo ul.tabNav li a.tab03{ background-image:url(../img/tab_03.gif); width:198px;}
#topArea .topInfo ul.tabNav li a.tab04{ background-image:url(../img/tab_04.gif); width:198px;}
#topArea .topInfo ul.tabNav li a.tab05{ background-image:url(../img/tab_05.gif); width:208px;}
#topArea .topInfo .tabArea{}
#topArea .topInfo .tabArea .tabHead{ background:#f4f4f4; padding-left:20px; margin-bottom:12px; min-height:40px;}
#topArea .topInfo .tabArea .tabHead a.btnList{ float:right; border-left:2px solid #ffffff;}
#topArea .topInfo .tabArea .tabHead a.btnList img{ vertical-align:bottom;}
#topArea .topInfo .tabArea .tabHead ul{ list-style:none; float:left; /*width:828px;*/ line-height:1.4; margin-top:10px; margin-bottom:10px;}
#topArea .topInfo .tabArea .tabHead ul li{ float:left; margin-right:40px; font-weight:bold;}
#topArea .topInfo .tabArea .tabHead ul li .iconClr{ display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px; position:relative; top:-1px;}
#topArea .topInfo .tabArea .tabHead ul li .iconClr.red{ background:#d4908c;}
#topArea .topInfo .tabArea .tabHead ul li .iconClr.green{ background:#7ec3a8;}
#topArea .topInfo .tabArea .tabHead ul li .iconClr.blue{ background:#8cafcf;}
#topArea .topInfo .tabArea .tabHead ul li .iconClr.purple{ background:#a897cf;}
#topArea .topInfo .tabArea .tabHead ul li .iconClr.yellow{ background:#e2bc69;}
#topArea .topInfo .tabArea .scrollArea{ height:672px; overflow:auto; line-height:1.5;}
#topArea .topInfo .tabArea .scrollArea table{ width:970px;}
#topArea .topInfo .tabArea .scrollArea table th,#topArea .topInfo .tabArea .scrollArea table td{ border-bottom:1px solid #d3d3d3; text-align:left; vertical-align:top;}
#topArea .topInfo .tabArea .scrollArea table th{ padding:14px 10px 12px 10px; font-weight:normal; width:12%;}
#topArea .topInfo .tabArea .scrollArea table td{ padding:14px 12px 12px 0px;}
#topArea .topInfo .tabArea .scrollArea table td.icon{ width:15%; padding-top:12px;}
#topArea .topInfo .tabArea .scrollArea table td.icon span{ display:block; text-align:center; font-size:75%; color:#ffffff; padding:7px 5px 5px; font-weight:bold;}
#topArea .topInfo .tabArea .scrollArea table td.icon span.red{ background:#d4908c;}
#topArea .topInfo .tabArea .scrollArea table td.icon span.green{ background:#7ec3a8;}
#topArea .topInfo .tabArea .scrollArea table td.icon span.blue{ background:#8cafcf;}
#topArea .topInfo .tabArea .scrollArea table td.icon span.purple{ background:#a897cf;}
#topArea .topInfo .tabArea .scrollArea table td.icon span.yellow{ background:#e2bc69;}
#topArea .topInfo .tabArea .scrollArea table td a{ color:#535353; text-decoration:none; display:block; background:url(../img/icon_arrow_rd.png) right 0.3em no-repeat; padding-right:30px;}
#topArea .topInfo .tabArea .scrollArea table td a:hover{ color:#B52C24;}