/* --------------------------------------------------------------------------- */
/* [1] New Layout                                                              */
/*  - Used since 2011/10                                                       */
/* --------------------------------------------------------------------------- */

/*_______________________[1-0] General Settings _______________________________*/
#header_column{
margin:0 auto;
width:960px;
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}
#header_column h1{
margin:0 auto .2em auto;
width:960px;
font-size:80%;
}
#mainHeader_Area{
margin:0 auto;
padding:5px 0 7px;
width:960px;
text-align:left;
background:url(/element/shared/images/header/header_bg01_001.jpg) no-repeat center top;
}
#mainHeader_Area:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*_______________________[1-1]   Top Header Boxes ______________________________*/
#mainHeader_Area #mainHeader_Box{
display:inline;
float:left;
margin:0 0 0 2px;
width:485px;
}

/*_______________________[1-1-1] Heading Block    ______________________________*/
#mainHeader_Area h1,
#mainHeader_Area #siteLogo_Box{
display:table-cell;
padding:0 0 0 4px;
width:245px;
vertical-align:bottom;
}
#mainHeader_Area h1 img,
#mainHeader_Area #siteLogo_Box img{
margin-top:2px;
}

#mainHeader_Area #topVendorLogo{
height:61px;
line-height:61px;
}
#mainHeader_Area #topVendorLogo img{
vertical-align:middle;
}

/*_______________________[1-1-2] Basic Site Navigation _________________________*/
#mainHeader_Area #siteInfoNav_List{
display:table-cell;
vertical-align:bottom;
padding:0 8px;
width:220px;
}

#mainHeader_Area #siteInfoNav_List li{
float:left;
padding:0 3px 0 0;
height:15px;
line-height:1.0;
font-size:80%;
}
#mainHeader_Area #siteInfoNav_List li a{
display:inline-block;
height:13px;
line-height:1.3;
background-image:url(/element/shared/images/header/siteinfo_ic01_001.png);
background-repeat:no-repeat;
}
#mainHeader_Area #siteInfoNav_List li.beginner a{
padding:0 0 0 12px;
background-position:0 0;
}
#mainHeader_Area #siteInfoNav_List li.faq a{
padding:0 0 0 15px;
background-position:-250px 0;
}
#mainHeader_Area #siteInfoNav_List li.mail a{
padding:0 0 0 15px;
background-position:-500px 0;
}

/*_______________________[1-2] Header Promotion Box ____________________________*/
#header_column #headerApv_Box{
float:right;
width:468px;
height:60px;
text-align:right;
margin:0;
position: relative;
}
#header_column #headerApv_Box p.headerPR_Bg{
position:absolute;
top:-5px;
right:0;
border-top-width: 5px;
border-left-width: 5px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #FFF;
border-left-color: #FFF;
}
#header_column #headerApv_Box img{
vertical-align:top;
}
#header_column #headerApv_Box #closeButton_Area{
margin:18px 10px 0 0;
width:458px;
}


/*_______________________[1-3] Main Navigation Box ___________________________*/
#headerNav_Area{
clear:both;
margin:0 auto;
width:960px;
}
#headerNav_Area:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*_______________________[1-3-1] Area Selection Box ___________________________*/
#headerNav_Area #siteAreaNav_Box{
position:relative;
z-index:200;
float:left;
height:37px;
white-space:nowrap;
}
#headerNav_Area .modalSelector_Area{
width:198px;
}
#headerNav_Area .homeGuide_Area{
width:115px;
}
#headerNav_Area .homeGuide_Area a{
display:block;
height:37px;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background:url(/element/shared/images/header/ps01_001.png?x=201404110001) no-repeat left -100px;
}
#headerNav_Area .homeGuide_Area a:hover{
background-position:left -150px;
}

#headerNav_Area #siteAreaNav_Box em{
float:left;
padding:.8em 2px 0 2px;
width:115px;
text-align:center;
font-weight:bold;
}
#headerNav_Area #siteAreaNav_Box em b{
margin:0 .4em 0 0;
font-size:120%;
}
#headerNav_Area #siteAreaNav_Box .extension{
float:right;
margin:8px 10px 0 0;
}
#headerNav_Area #siteAreaNav_Box .extension,
#headerNav_Area #siteAreaNav_Box .extension span{
display:inline-block;
height:21px;
line-height:21px;
background-image:url(/element/shared/images/header/ps01_001.png?x=201404110001);
background-repeat:no-repeat;
}
#headerNav_Area #siteAreaNav_Box .extension{
padding:0 17px 0 0;
width:50px;
background-position:right -350px;
}
#headerNav_Area #siteAreaNav_Box .extension span{
cursor:pointer;
padding:0 0 0 8px;
font-size:80%;
color:#333;
background-position:-760px -350px;
}
#headerNav_Area #siteAreaNav_Box .extension:hover span{
color:#0b41a1;
}


/*_______________________[1-3-2] Global Navigation Box ________________________*/
#headerNav_Area #siteMainNav_Box{
float:left;
width:749px;
}
#headerNav_Area #siteMainNav_Box li{
position:relative;
z-index:200;
float:left;
height:37px;
}
#headerNav_Area #siteMainNav_Box li a{
overflow:hidden;
display:block;
height:37px;
text-indent:-9999px;
background-image:url(/element/shared/images/header/ps01_001.png?x=201404150001);
background-repeat:no-repeat;
}
#headerNav_Area #siteMainNav_Box li.w_travel{
width:145px;
}
#headerNav_Area #siteMainNav_Box li.w_travel a{
background-position:-115px -100px;
}
#headerNav_Area #siteMainNav_Box li.w_travel a:hover{
background-position:-115px -150px;
}
#headerNav_Area #siteMainNav_Box li.j_travel{
width:145px;
}
#headerNav_Area #siteMainNav_Box li.j_travel a{
background-position:-260px -100px;
}
#headerNav_Area #siteMainNav_Box li.j_travel a:hover{
background-position:-260px -150px;
}
#headerNav_Area #siteMainNav_Box li.bestselect{
width:145px;
}
#headerNav_Area #siteMainNav_Box li.bestselect a{
background-position:-405px -100px;
}
#headerNav_Area #siteMainNav_Box li.bestselect a:hover{
background-position:-405px -150px;
}
#headerNav_Area #siteMainNav_Box li.w_review{
width:160px;
}
#headerNav_Area #siteMainNav_Box li.w_review a{
background-position:-550px -100px;
}
#headerNav_Area #siteMainNav_Box li.w_review a:hover{
background-position:-550px -150px;
}
#headerNav_Area #siteMainNav_Box li.joho{
width:154px;
}
#headerNav_Area #siteMainNav_Box li.joho a{
background-position:-710px -100px;
}
#headerNav_Area #siteMainNav_Box li.joho a:hover{
background-position:-710px -150px;
}


/*_______________________[1-4]   Clip List Box      ______________________________*/
#headerNav_Area #clipGuide_Box{
position:relative;
z-index:200;
float:right;
width:92px;
height:37px;
background:url(/element/shared/images/header/ps01_001.png?x=201404110001) no-repeat -868px -100px;
}
#headerNav_Area #clipGuide_Box p a{
display:block;
width:92px;
height:37px;
line-height:16px;
white-space:nowrap;
text-align:center;
font-size:80%;
color:#777;
}
#headerNav_Area #clipGuide_Box p a span{
cursor:pointer;
display:block;
width:92px;
height:17px;
text-indent:-9999px;
overflow:hidden;
background:url(/element/shared/images/header/sitenav_bg01_002.gif) no-repeat right top;
}
#headerNav_Area #clipGuide_Box p a b{
cursor:pointer;
font-size:125%;
color:#0b41a1;
}

#container #headerNav_Area .noItem,
#container #headerNav_Area .noItem p a span{
background-position: -868px -150px;
}


/*_______________________[1-5]   Announce      ______________________________*/
p.announce{
text-align:center;
margin:0 0 10px 0;
}
p.announce span{
display:inline-block;
margin:10px auto 0 auto;
padding:.6em 2em;
text-align:left;
background:#fff5f5;
border:1px solid #ffcccc;
}
p.announce span img{
vertical-align:middle;
margin-right:3px;
}


/*_______________________[1-6] Extra Leading Button Area -> Leading for Smart Phone _________________________*/
#headerLeading_Area{
clear:both;
padding:30px 0 24px 0;
width:960px;
}
#headerLeading_Area img{
vertical-align:top;
}


/*_______________________[2]   Content Title Navigation ______________________*/
/*______________________ [2-1] Topic Path               ______________________*/
#topicPath_Area{
clear:both;
margin:0 auto;
padding:0;
width:960px;
line-height:1.2;
}
#topicPath_Area ol{
padding:.5em 0 .5em 16px;
width:944px;
overflow-y:hidden;
}
#topicPath_Area h1{
display:inline;
margin:0;
font-size:100%;
}
#topicPath_Area li{
display:inline;
float:left;
margin:-.5em 0;
padding:.5em 7px .5em 10px;
background:url(/element/shared/images/header/topicpath_tx01_001.gif) no-repeat left center;
}
#topicPath_Area li.home{
margin:-.5em 0 -.5em -16px;
padding:.3em 3px .1em 4px;
background-image:none;
}
#topicPath_Area li.home a{
display:inline-block;
padding:.4em 6px .4em 7px;
 }
#topicPath_Area li img{
vertical-align:middle;
}


/*______________________ [2-2]   Page Title               ____________________________*/
/*______________________ [2-2-1] Basic Setting            ____________________________*/
#contentMenu_Area{
clear:both;
padding:0 10px 0 14px;
width:936px;
height:43px;
background:url(/element/shared/images/header/ps01_001.png?x=201404110001) no-repeat left -300px;
}
#contentMenu_Area.appeal,
#header_column div.appeal{
padding:9px 10px 6px 14px;
width:936px;
height:75px;
line-height:1.2;
background:url(/element/shared/images/header/ps01_001.png?x=201404110001) no-repeat left -200px;
position:relative;
}
#contentMenu_Area .btnArea	{
position:absolute;
right:10px;
top:7px;
}
#contentMenu_Area img{
vertical-align:middle;
}

/*______________________ [2-2-2] Title Text (simple)      ____________________________*/
#contentTitle_Txt{
float:left;
padding:12px 0 0 0;
line-height:21px;
font-weight:bold;
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
font-size:160%;
}
#contentTitle_Txt a{
display:inline-block;
color:#333;
}
#contentTitle_Txt a:hover{
text-decoration:none;
}
.appeal #contentTitle_Txt{
margin:-10px 0 0 0;
line-height:24px;
}
.appeal #contentTitle_Txt a{
margin:1px 0 0 0;
}
#contentTitle_Txt .apealTxt{
font-size:60%;
padding:0 0 0 5px;
vertical-align:middle;
margin-top:-3px;
display:inline-block;
color:#4e4e4e;
line-height:1;
}

/*______________________ [2-2-3] Content Navigation       ____________________________*/
#contentMenu_Nav{
float:right;
text-align:right;
}
#contentMenu_Nav li{
display:inline-block;
padding:1em 0 0 .8em;
line-height:1.2;
vertical-align:middle;
}
.appeal #contentMenu_Nav li{
padding:.3em 0 0 .8em;
}
#contentMenu_Nav li.messageTxt_Lst{
padding:1em 0 0 0;
}
#contentMenu_Nav li.messageTxt_Lst p{
display:inline;
}
#contentMenu_Nav li a{
display:inline-block;
line-height:1.4;
vertical-align:middle;
}
#contentMenu_Nav li a img{
margin-left:3px;
}
#contentMenu_Nav #facebookLogin{
padding:.8em 0 0 .8em;
}
.appeal #contentMenu_Nav #facebookLogin{
padding:.1em 0 0 .8em;
}
#contentMenu_Nav #facebookLogin a,
#contentMenu_Nav .fb-login-button{
line-height:1.3;
color:#ffffff;
}
#contentMenu_Nav #memberMypage a{
padding-left:14px;
background:url(/element/shared/images/icon/ic_mypage.gif) no-repeat left 0;
}
#contentMenu_Nav #memberLogin a{
padding-left:17px;
background:url(/element/shared/images/icon/ic_login.gif)  no-repeat left 1px;
}
#contentMenu_Nav #memberRegist a{
padding-left:21px;
background:url(/element/shared/images/icon/ic_regist.gif) no-repeat left 1px;
}
#contentMenu_Nav #memberLogout a{
padding-left:21px;
background:url(/element/shared/images/icon/ic_logout.gif) no-repeat left 1px;
}
#contentMenu_Nav #bloggerEdit a{
padding-left:17px;
background:url(/element/shared/images/icon/ic_edit.gif)   no-repeat left 2px;
}
#contentMenu_Nav #howtoUse a{
padding-left:19px;
background:url(/element/shared/images/icon/ic_ticket.gif) no-repeat left 1px;
}
#contentMenu_Nav #mailRegist a{
padding-left:18px;
background:url(/element/shared/images/icon/ic_mail.gif) no-repeat left 3px;
}
#contentMenu_Nav #historyList{
position:relative;
z-index:100;
text-align:left;
}
#contentMenu_Nav #historyList a{
padding-left:16px;
background:url(/element/shared/images/icon/ic_hotel.gif) no-repeat left 1px;
}
#contentMenu_Nav #historyList a span{
display:inline-block;
min-width:2.6em;
text-align:center;
white-space:nowrap;
}
#container #contentMenu_Nav .noItem a{
filter:alpha(opacity=50);
opacity:0.5;
}
#container #contentMenu_Nav .noItem a{
cursor:default;
color:#505050;
outline:none;
}
#container #contentMenu_Nav .noItem a:hover{
text-decoration:none;
}

/*______________________ [2-2-4]   History Viewer List Box               ________________________*/
/*______________________ [2-2-4-1] Each Parts Settings                   ________________________*/
#historyList_Box p{
height:25px;
border-bottom:solid 1px #bdbdbd;
background-color:#f5f3f4;
padding-top:3px;
}
#historyList_Box p a{
display:block;
margin:0 0 0 auto;
padding:21px 7px 0 0 !important;
width:52px;
height:0;
overflow:hidden;
background:url(/element/shared/images/header/history_ic01_001.gif) no-repeat left top !important;
}
#historyList_Box ul{
overflow-x:hidden;
overflow-y:scroll;
width:270px;
height:250px;
background-color:#FCFCFC;
}
#historyList_Box li{
display:block;
height:auto;
padding:0 !important;
width:270px;
border-bottom:dotted 1px #C8C8C8;
background-color:#fff;
}
#historyList_Box li a{
display:block;
padding:0.3em 20px 0.3em 15px !important;
width:235px;
height:auto;
background:url(/element/shared/images/burette/ar04_f001.gif) no-repeat 8px 0.7em !important;
}
#historyList_Box li a:hover{
background-color:#f0f0f0;
}
#historyList_Box p span{
float:left !important;
}
#historyList_Box p a.clearBtn{
background:url(/element/shared/images/header/historylist_bt01_001.png) no-repeat !important;
text-indent:0;
width:112px;
padding:18px 0 0 0 !important;
margin:2px 0 0 5px;
}

/*______________________ [2-2-5] Content Appeal Image     ___________________________*/
#contentAppeal_Box{
clear:both;
position:relative;
padding:6px 0 0 0;
width:936px;
}
#contentAppeal_Pic img{
vertical-align:top;
}
#contentAppeal_List{
width:936px;
}
#contentAppeal_List a{
background-image:url(/element/shared/images/spacer.gif);
}


/*______________________ [3] SNS Button Settings          ___________________________*/
#snsButton_Area{
float:right;
margin:8px 0 0 0;
overflow-y:hidden;
}
#snsButton_Area li{
display:table-cell;
padding:0 0 0 10px;
vertical-align:top;
}


/*______________________ [4] pr Text                      ___________________________*/
#header_column #pradBlock{
clear:both;
margin:8px 0 0 0;
padding:0 0 7px 0;
line-height:1.0;
font-weight:bold;
width:930px;
 }
#header_column #pradBlock img{
margin:0 3px 0 0;
}
#header_column #pradBlock p.announce{
margin:0;
padding:0 0 2px 0;
line-height:1.2;
text-align:right;
}


/*_________________________[10] Only Use in agt_link Page ___________________________*/
#navigation_Col #topLogo_Area img{
vertical-align:top;
}
#navigation_Col #userVoice_Area{
clear:both;
}
#navigation_Col #userVoice{
margin:0 auto 8px auto;
width:730px;
}
#navigation_Col #userVoice li{
float:none;
text-align:left;
}


/*_________________________[20] Noscript BOX _____________________________*/
#container .noscript_Area{
margin:1.5em auto;
padding:1em 10px 10px 10px;
width:800px;
border:solid 1px #d8d8d8;
line-height:1.3;
font-size:120%;
color:#444;
background-color:#f7f7f7;
}
#container .noscript_Area a{
font-weight:bold;
}
#container .noscriptSetting_Area{
margin:.6em 0 0 0;
padding:.7em 9px;
width:780px;
border:solid 1px #d8d8d8;
background-color:#f0f0f0;
}
#container .noscriptSetting_Area dl{
margin:.5em 0 0 0;
font-size:82.5%;
}
#container .noscriptSetting_Area dt{
font-weight:bold;
}
#container .noscriptSetting_Area dd{
padding:0 0 .3em 1em;
}


/*______________________ [OLD] [2-2] Hedding -> Page Title    ______________________*/
#contentInfo_Area{
clear:both;
margin:0 auto;
width:960px;
line-height:1.0;
text-align:right;
background:url(/element/shared/images/header_v2/header_linkarea.gif) repeat-x left bottom;
}
#contentInfo_Area #contentInfo_Box{
padding:2px 0 2px 8px;
width:943px;
height:28px;
line-height:27px;
border-left-style:solid;
border-left-width:9px;
}
#contentInfo_Area:after,
#contentInfo_Box:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}


/*______________________ [OLD] [2-2-1] coloring each content  ______________________*/
.kaigai #contentInfo_Area #contentInfo_Box,
.w_simple #contentInfo_Area #contentInfo_Box{
border-color:#5189C4;
background:url(/element/shared/images/header_v2/menutitlearea_kyotu_bg01_002.gif) repeat-x left bottom #f5f3f4;
}
.kokunai #contentInfo_Area #contentInfo_Box,
.j_simple #contentInfo_Area #contentInfo_Box{
border-color:#FF6633;
background:url(/element/shared/images/header_v2/menutitlearea_kyotu_bg01_002.gif) repeat-x left bottom #f5f3f4;
}
.joho #contentInfo_Area #contentInfo_Box{
border-color:#18A6A1;
background:url(/element/shared/images/header_v2/menutitlearea_kyotu_bg01_002.gif) repeat-x left bottom #f5f3f4;
}
.support #contentInfo_Area #contentInfo_Box{
border-color:#ffcc33;
background:url(/element/shared/images/header_v2/menutitlearea_kyotu_bg01_002.gif) repeat-x left bottom #f5f3f4;
}
.sogo #contentInfo_Area #contentInfo_Box,
.simple #contentInfo_Area #contentInfo_Box{
border-color:#3399ff;
background:url(/element/shared/images/header_v2/menutitlearea_kyotu_bg01_002.gif) repeat-x left bottom #f5f3f4;
}
.g_simple #contentInfo_Area #contentInfo_Box{
border-color:#83b820;
background:url(/element/shared/images/header_v2/menutitlearea_kyotu_bg01_002.gif) repeat-x left bottom #f5f3f4;
}

/*______________________ [OLD] [2-2-2] Hedding Txt -> Content Title ___________________*/
#contentInfo_Area h2{
float:left;
padding:0;
height:27px;
border-width:0;
font-size:140%;
vertical-align:middle;
background:transparent;
}
#contentInfo_Area h2 a{
display:inline-block;
color:#333;
text-decoration:none;
}

/*______________________ [OLD] [2-2-3] ___________________*/
#contentInfo_Area #headerLink_Area{
float:left;
margin:0 1em 3px 10px;
height:25px;
line-height:27px;
white-space:nowrap;
vertical-align:middle;
font-weight:bold;
}
#contentInfo_Area #headerLink_Area a{
display:inline-block;
vertical-align:middle;
font-weight:normal;
}
#contentInfo_Area #headerLink_Area a span{
font-weight:bold;
} /* for voyager */
#contentInfo_Area #headerLink_Area a.link01_f001{
font-weight:normal;
background-position:left center;
}

/*______________________ [OLD] [2-2-4] Sub Nagigation          ________________________*/
#contentInfo_Area #member_Area{
float:right;
margin:0 0 0 auto;
padding:0 0 2px 0;
height:25px;
line-height:25px;
white-space:nowrap;
text-align:right;
}
#contentInfo_Area #member_Area ul{
display:inline;
padding:0 .5em 0 0;
text-align:right;
}
#contentInfo_Area #member_Area li{
display:inline;
margin:0 0 0 0.6em;
vertical-align:middle;
}
#contentInfo_Area #member_Area #clip{
padding:1px 0 1px 17px;
background:url(../../images/icon/clip.gif) no-repeat left center;
}
#contentInfo_Area #member_Area #beginner{
padding:1px 0 1px 15px;
background:url(../../images/icon/beginner.gif) no-repeat left center;
}
#contentInfo_Area #member_Area #computer{
padding:1px 0 1px 15px;
background:url(../../images/icon/mypage.gif) no-repeat left center;
}
#contentInfo_Area #member_Area #mypage{
padding:1px 0 1px 15px;
background:url(../../images/icon/login.gif) no-repeat left center;
}
#contentInfo_Area #member_Area li a{
display:inline-block;
height:14px;
}
#contentInfo_Area #member_Area li > a{
height:auto;
min-height:14px;
}


/*_______________________[10-1]   Global Navigation Box ___________________________*/
/*_______________________[10-1-1] Common Settings   _____________________________*/
#header_column #headerNav_Area .headerGuide_Box{
display:none;
position:absolute;
z-index:2000;
top:37px;
padding:12px 0 0 0;
}
#header_column #headerNav_Area .headerGuide_one_column{
position:relative;
z-index:1500;
padding:0 0 7px 0;
}
#header_column #headerNav_Area .headerGuide_main_Col{
padding:0.7em 17px;
color:#666666;
}
#header_column #headerNav_Area .headerGuide_main_Col ul{
overflow:hidden;
}
#header_column #headerNav_Area .headerGuide_main_Col ul:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#header_column #headerNav_Area .headerGuide_main_Col li{
position:static;
float:none;
margin:0 0 -1px 0;
height:auto;
border-bottom:dotted 1px #b9b9b9;
line-height:1.2;
color:#666666;
background-image:none;
}
#header_column #headerNav_Area .headerGuide_main_Col li a{
display:block;
margin:1px 0 0 0;
padding:.35em 0;
height:auto;
text-indent:0;
background-image:none;
}
#header_column #headerNav_Area .headerGuide_main_Col li a:link b{
color:#0b41a1;
}
#header_column #headerNav_Area .headerGuide_main_Col li a:visited b{
color:#800080;
}
#header_column #headerNav_Area .headerGuide_main_Col li a:hover{
background-color:#f0f0f0;
text-decoration:none;
}
#header_column #headerNav_Area .headerGuide_main_Col li a:hover   b{
text-decoration:none;
}
#header_column #headerNav_Area #siteMainNav_Box .headerGuide_main_Col li a b{
display:inline-block;
margin:0 5px 0 0;
}
#header_column #headerNav_Area .headerGuide_main_Col li a img{
margin:0 0 0 3px;
vertical-align:middle;
}
#header_column #headerNav_Area .headerGuide_main_Col li.new a b + img{
margin:-1px 3px 0 0;
}
#header_column #headerNav_Area .headerGuide_main_Col li a b.normal{
font-weight:normal;
}
#header_column #headerNav_Area .headerGuide_main_Col li.w_travel,
#header_column #headerNav_Area .headerGuide_main_Col li.j_travel{
text-align:right;
}
#header_column #headerNav_Area .headerGuide_main_Col li.w_travel a,
#header_column #headerNav_Area .headerGuide_main_Col li.j_travel a{
padding:.3em 0 !important;
}
#header_column #headerNav_Area .headerGuide_main_Col li.w_travel a b{
background:url(/element/shared/images/burette/ar03_a001.gif) no-repeat left 3px;
padding-left:11px;
}
#header_column #headerNav_Area .headerGuide_main_Col li.j_travel a b{
background:url(/element/shared/images/burette/ar03_j001.gif) no-repeat left 3px;
padding-left:11px;
}


/*_______________________[10-1-3] w_Travel, j_Travel Popup ______________________*/
#header_column #headerNav_Area .w_travel .headerGuide_Box,
#header_column #headerNav_Area .j_travel .headerGuide_Box{
width:371px;
}
#header_column #headerNav_Area .w_travel .headerGuide_one_column,
#header_column #headerNav_Area .j_travel .headerGuide_one_column{
border: 1px solid #c7c7c7;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 4px rgba(0,0,0,.2)
}
#header_column #headerNav_Area .w_travel .headerGuide_one_column:before,
#header_column #headerNav_Area .j_travel .headerGuide_one_column:before,
#header_column #headerNav_Area .w_travel .headerGuide_one_column:after,
#header_column #headerNav_Area .j_travel .headerGuide_one_column:after{
position: absolute;
margin: 0;
width: 0;
height: 0;
border-style: solid;
content: '';
top: -12px;
left: 20%;
display: block;
margin-left: -8px;
border-width: 0 8px 11px;
border-color: transparent transparent #c7c7c7;
}
#header_column #headerNav_Area .w_travel .headerGuide_one_column:after,
#header_column #headerNav_Area .j_travel .headerGuide_one_column:after{
top: -10px;
border-color: transparent transparent #fff;
border-width: 0 8px 11px;
}

#header_column #headerNav_Area .w_travel .headerGuide_main_Col,
#header_column #headerNav_Area .j_travel .headerGuide_main_Col{
width:337px;
}
#header_column #headerNav_Area .w_travel .headerGuide_main_Col ul,
#header_column #headerNav_Area .j_travel .headerGuide_main_Col ul{
width:337px;
}
#header_column #headerNav_Area .w_travel .headerGuide_main_Col li,
#header_column #headerNav_Area .j_travel .headerGuide_main_Col li{
width:337px;
font-size:80%;
}
#header_column #headerNav_Area .w_travel .headerGuide_main_Col li a,
#header_column #headerNav_Area .j_travel .headerGuide_main_Col li a{
padding:0.5em 0;
width:337px;
color:#666;
}
#header_column #headerNav_Area .w_travel .headerGuide_main_Col li a b{
cursor:pointer;
min-width:113px;
font-size:125%;
letter-spacing:0;
}
#header_column #headerNav_Area #siteMainNav_Box .j_travel .headerGuide_main_Col li a b{
cursor:pointer;
min-width: 106px;
font-size: 115%;
letter-spacing:0;
margin: 0 5px 0 0;
}

/*_______________________[10-1-4] information Contents Popup ______________________*/
#header_column #headerNav_Area .joho .headerGuide_Box{
width:215px;
}
#header_column #headerNav_Area .joho .headerGuide_one_column{
width:215px;
border: 1px solid #c7c7c7;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 4px rgba(0,0,0,.2)
}

#header_column #headerNav_Area .joho .headerGuide_one_column:before,
#header_column #headerNav_Area .joho .headerGuide_one_column:after{
position: absolute;
margin: 0;
width: 0;
height: 0;
border-style: solid;
content: '';
top: -12px;
left: 36%;
display: block;
margin-left: -8px;
border-width: 0 8px 11px;
border-color: transparent transparent #c7c7c7;
}
#header_column #headerNav_Area .joho .headerGuide_one_column:after{
top: -10px;
border-color: transparent transparent #fff;
border-width: 0 8px 11px;
}

#header_column #headerNav_Area .joho .headerGuide_main_Col{
width:181px;
}
#header_column #headerNav_Area .joho .headerGuide_main_Col ul{
width:181px;
}
#header_column #headerNav_Area .joho .headerGuide_main_Col li{
padding:0 5px 0 0;
width:181px;
}
#header_column #headerNav_Area .joho .headerGuide_main_Col li a{
width:181px;
}
#header_column #headerNav_Area .joho .headerGuide_main_Col li a b{
cursor:pointer;
}

/*_______________________[10-1-5] Clipping Contents Navigation _____________________________*/
#header_column #headerNav_Area #clipGuide_Box .headerGuide_Box{
width:159px;
}
#header_column #headerNav_Area #clipGuide_Box .headerGuide_one_column{
width:159px;
border: 1px solid #c7c7c7;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 4px rgba(0,0,0,.2)
}
#header_column #headerNav_Area #clipGuide_Box .headerGuide_one_column:before,
#header_column #headerNav_Area #clipGuide_Box .headerGuide_one_column:after{
position: absolute;
margin: 0;
width: 0;
height: 0;
border-style: solid;
content: '';
top: -12px;
right: 26%;
display: block;
margin-left: -8px;
border-width: 0 8px 11px;
border-color: transparent transparent #c7c7c7;
}
#header_column #headerNav_Area #clipGuide_Box .headerGuide_one_column:after{
top: -10px;
border-color: transparent transparent #fff;
border-width: 0 8px 11px;
}

#header_column #headerNav_Area #clipGuide_Box .headerGuide_main_Col{
width:125px;
}
#header_column #headerNav_Area #clipGuide_Box .headerGuide_main_Col ul{
width:125px;
}
#header_column #headerNav_Area #clipGuide_Box .headerGuide_main_Col li{
width:125px;
}
#header_column #headerNav_Area #clipGuide_Box .headerGuide_main_Col li a{
color:#666666;
white-space:nowrap;
}
#header_column #headerNav_Area #clipGuide_Box .headerGuide_main_Col li a b{
cursor:pointer;
display:inline-block;
margin:0 2px 0 0;
min-width:100px;
}


/*_______________________[10-2] Modal Position        ___________________________*/
#siteAreaNav_Box .headerGuide_Box,
#siteMainNav_Box .headerGuide_Box{
left: -2px;
}
#clipGuide_Box   .headerGuide_Box{
right:-2px;
}


/*_______________________[11-1] SocialService        ___________________________*/
#userVoice{
display:block;
width:960px;
margin:8px 0 8px 0;
vertical-align:top;
text-align:right;
}
#userVoice li{
float:left;
padding:0;
}
#userVoice li#Act_opinion_form{
padding-right:10px;
}
#userVoice li.opinion a{
overflow:hidden;
display:inline-block;
padding:22px 0 0 0;
width:184px;
height:0;
}
#userVoice li.opinion a#Act_OpinionPost{
background:url(/element/shared/images/header/opinion_bt01_001.gif?x=20130712) no-repeat left top;
}
#userVoice li.opinion a#Act_AgentOpinionPost{
background:url(/element/shared/images/header/opinion_bt01_002.gif?x=20130712) no-repeat left top;
}
#userVoice li.opinion a:hover{
background-position:left -22px !important;
}
#userVoice li.socialmedia{
float:right;
margin-top:1px;
position:relative;
/*left:544px;
*/ z-index:100;
}
#userVoice li.socialmedia #socialService{
display:inline;
position:relative;
 }
#userVoice li#Area_socialButton_Facebook{
margin-right:5px;
z-index:10;
}
#userVoice li#Area_socialButton_Facebook iframe{
z-index: 1000;
min-width: 107px !important;
}
#userVoice li#Area_socialButton_Mixi{
width:58px;
padding:0 8px 0 0;
z-index:30;
}
#userVoice li#Area_socialButton_Mixi iframe{
width:58px !important;
}
#userVoice li#Area_socialButton_Twitter{
padding:0 10px 0 0;
z-index:20;
}

/* ----------------------------------------------------------------
 Layout Flexible
----------------------------------------------------------------- */
#container.lyt-flexible #header_column,
#container.lyt-flexible #mainHeader_Area,
#container.lyt-flexible #headerNav_Area{
width: auto;
min-width: 960px;
}

#container.lyt-flexible #header_column #mainHeader_Area{
background-position: left top;
}


/* contants nav container
----------------------------------------------- */
#container.lyt-flexible #header_column #headerNav_Area .siteNavi_Box{
float: left;
box-sizing: border-box;
width: 90%;
min-width: 864px;
border-width: 1px 0;
border-style: solid;
border-color: #ccc transparent #acacac;
border-radius: 4px;
}

#container.lyt-flexible #header_column #headerNav_Area .siteNavi_Box:before,
#container.lyt-flexible #header_column #headerNav_Area .siteNavi_Box:after{
display: table;
content: '';
}

#container.lyt-flexible #header_column #headerNav_Area .siteNavi_Box:after{
clear: both;
}

#container.lyt-flexible #header_column #headerNav_Area #siteAreaNav_Box{
width: 13.31019%;
min-width: 115px;
height: 35px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteAreaNav_Box a{
height: 35px;
border-left: 1px solid #ccc;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background: url(/element/shared/images/header/sitenav_flexible_01.gif) no-repeat center 0;
}

/* contents nav
----------------------------------------------- */
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box{
width: 86.68981%;
min-width: 749px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li{
box-sizing: border-box;
height: 35px;
border-left: 1px solid #ccc;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li a{
height: 35px;
border-left: 1px solid #fff;
background-image: url(/element/shared/images/header/sitenav_flexible_01.gif);
background-repeat: no-repeat;
background-position: center 0;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li ul li{
width: auto;
height: auto;
border-left: none;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li ul li a{
display: block;
height: auto;
border-left: none;
background: none;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li ul li a:active,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li ul li a:hover,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li ul li a:focus{
background-color: #f0f0f0;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li ul li.w_travel,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li ul li.j_travel{
width: auto;
min-width: none;
}

/* w_travel
----------------------------------------------- */
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_travel{
width: 19.35915%;
min-width: 145px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_travel a{
background-position: center -35px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_travel a:active,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_travel a:hover,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_travel a:focus{
background-position: center -70px;
}

/* j_travel
----------------------------------------------- */
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.j_travel{
width: 19.35915%;
min-width: 145px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.j_travel a{
background-position: center -105px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.j_travel a:active,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.j_travel a:hover,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.j_travel a:focus{
background-position: center -140px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.bestselect{
width: 19.35915%;
min-width: 145px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.bestselect a{
background-position: center -175px;
}

/* bestselect
----------------------------------------------- */
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.bestselect a:active,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.bestselect a:hover,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.bestselect a:focus{
background-position: center -210px;
}

/* w_review
----------------------------------------------- */
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_review{
width: 21.36182%;
min-width: 160px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_review a{
background-position: center -245px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_review a:active,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_review a:hover,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.w_review a:focus{
background-position: center -280px;
}

/* blog
----------------------------------------------- */
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.joho{
width: 20.56075%;
min-width: 154px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.joho a{
border-right: 1px solid #ccc;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-position: center -315px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.joho a:active,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.joho a:hover,
#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.joho a:focus{
background-position: center -350px;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.joho ul li a{
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

#container.lyt-flexible #header_column #headerNav_Area #siteMainNav_Box li.joho .headerGuide_Box{
background-position: -500px 2px;
}

#container.lyt-flexible #header_column #headerNav_Area .headerGuide_Box{
top: 35px;
padding-top: 13px;
}

#container.lyt-flexible #header_column #headerNav_Area #clipGuide_Box{
width: 9.58333%;
min-width: 92px;
height: 37px;
background: none;
}

#container.lyt-flexible #header_column #headerNav_Area #clipGuide_Box p a{
width: auto;
height: 35px;
padding: 0 5px;
border: 1px solid #d5d5d5;
border-bottom-color: #acacac;
border-radius: 3px;
}

#container.lyt-flexible #header_column #headerNav_Area #clipGuide_Box p a span{
width: auto;
margin-left: -2px;
background: url(/element/shared/images/header/sitenav_flexible_03.gif) center 4px no-repeat;
}

#container.lyt-flexible #header_column #headerNav_Area #clipGuide_Box.noItem p a span{
margin-top: 6px;
background: url(/element/shared/images/header/sitenav_flexible_02.gif) center 4px no-repeat;
}

#container.lyt-flexible #header_column #topicPath_Area{
width: auto;
min-width: 688px;
}

#container.lyt-flexible #header_column .appeal{
width: auto;
min-width: 936px;
border-width: 1px 1px 0;
border-style: solid;
border-color: #d7d7d7 #dadada transparent;
border-radius: 4px 4px 0 0;
background: url(/element/shared/images/header/flexible_header_bg_01.gif) 0 100% repeat-x;
}

#container.lyt-flexible #header_column .appeal #contentAppeal_Box{
width: auto;
min-width: 936px;
background: url(/element/shared/images/header/flexible_header_bg_02.gif) 0 100% repeat-x;
}

#container.lyt-flexible #header_column #userVoice{
width: auto;
min-width: 960px;
}