@charset "Shift_JIS";

/* ------------------------------------------------------
body style
------------------------------------------------------ */
body{
background: #f4f4f4 url(../img/bg_wrapper.gif) no-repeat center top;
font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif,Osaka;
font-size: 100.01%;
}

/* ------------------------------------------------------
wrapper style
------------------------------------------------------ */
div#wrapper{
width: 1014px;
margin: 0 auto;
background: #f4f4f4 url(../img/bg_body.gif) repeat-y center top;
}

/* ------------------------------------------------------
container style
------------------------------------------------------ */
div#container{
width: 1014px;
background: url(../img/bg_wrapper.gif) no-repeat center top;
}

/* ------------------------------------------------------
header style
------------------------------------------------------ */
div#header{
padding: 0 16px;
width: 976px;
border-top: 3px solid #1d2087;
font-size: 0.8em;
letter-spacing: 0.05em;
}
div#header p#logo{
margin: 21px 0 0 0;
float: left;
}
div#header p.loginIcon{
margin: 24px 0 0 15px;
float: left;
}
div#header div{
margin: 13px 0 10px;
padding-left: 10px;
float: right;
}
div#header ul#headerNavi{
margin-top: 3px;
float: right;
}
div#header ul#headerNavi li{
padding: 0 18px 0 15px;
float: left;
background: url(../img/arrow01.gif) no-repeat left 0.2em;
font-size: 0.8em;
}
div#header ul#headerNavi li a:link,
div#header ul#headerNavi li a:visited{
text-decoration: none;
}
div#header ul#headerNavi li a:hover,
div#header ul#headerNavi li a:active{
text-decoration: underline;
}
div#header p#site{
float: right;
}
div#header p#search{
margin-top: 12px;
clear: both;
float: right;
}
div#header p#search input{
padding: 5px 0 0 23px;
background: url(../img/bg_search.gif) no-repeat left top;
border-top: none;
border-right: 1px solid #f4f4f4;
border-bottom: none;
border-left: none;
height: 18px;
color: #767676;
font-size: 0.9em;
}
div#header p#search input#searchBtn{
margin-left: 3px;
padding: 0;
background: none;
border: none;
height: 23px;
vertical-align: bottom;
}
div#header ul#globalNavi{
position: relative;
clear: both;
}
div#header ul#globalNavi li{
float: left;
padding-right: 2px;
}
div#header ul#globalNavi li#gNavi04{
margin-top: 6px;
padding-left: 1px;
}
div#header ul#globalNavi li#gNavi05{
margin-top: 6px;
padding-right: 0;
}
div#header ul#subNavi{
padding-top: 8px;
font-size: 0.9em;
}
body.seminar div#header ul#globalNavi{
border-bottom: 27px solid #6E9B02;
}

* html div#header ul#subNavi{
padding-bottom: 8px;
}
*:first-child+html div#header ul#subNavi{
padding-bottom: 8px;
}
div#header ul#subNavi li{
margin-bottom: 8px;
padding: 0 5px 0;
float: left;
}
div#header ul#subNavi li a{
padding: 1px 20px 0;
display: block;
text-decoration: none;
}

/* ------------------------------------------------------
search style
------------------------------------------------------ */
div#header form#bizsearchAspForm{
margin-top: 12px;
clear: both;
float: right;
}
/* div#header p.pw{
margin: 5px 0 0 0;
padding: 0;
float: none;
font-size: 0.9em;
text-align: right;
} */
div#header form#bizsearchAspForm input#bizsearchAspQuery{
padding: 5px 0 0 23px;
background: url(../img/bg_search.gif) no-repeat left top;
border-top: none;
border-right: 1px solid #f4f4f4;
border-bottom: none;
border-left: none;
height: 18px;
color: #767676;
font-size: 0.9em;
}
div#header form#bizsearchAspForm input#searchBtn{
margin-left: 3px;
padding: 0;
background: none;
border: none;
height: 23px;
vertical-align: bottom;
}
div#header form#bizsearchAspForm a img{
vertical-align: middle;
}
*:first-child+html div#header form#bizsearchAspForm a img{
position: relative;
top: -3px;
}

/* ------------------------------------------------------
index header style
------------------------------------------------------ */
body.index div#header{
margin: 0 auto 15px;
}

/* ------------------------------------------------------
index header style
------------------------------------------------------ */
body.second div#header{
margin: 0 auto 12px;
}

/* ------------------------------------------------------
frame header style
------------------------------------------------------ */
body.frame div#header{
margin: 0 auto 12px;
}

/* ------------------------------------------------------
travel header style
------------------------------------------------------ */
body.travel ul#subNavi{
background-color: #2494e3;
}
body.travel ul#subNavi li{
background: url(../img/gnavi_line_home.gif) no-repeat right center;
}
body.travel ul#subNavi a{
color: #fff;
}
body.travel ul#subNavi a:hover{
color: #2494e3;
background-color: #fff;
}
body.travel ul#subNavi li.current a{
color: #2494e3;
background-color: #fff;
}

/* ------------------------------------------------------
membership header style
------------------------------------------------------ */
body.membership ul#subNavi{
background-color: #0e9a77;
}
body.membership ul#subNavi li{
background: url(../img/gnavi_line_membership.gif) no-repeat right center;
}
body.membership ul#subNavi a{
color: #fff;
}
body.membership ul#subNavi a:hover{
color: #0e9a77;
background-color: #fff;
}
body.membership ul#subNavi li.current a{
color: #0e9a77;
background-color: #fff;
}
body.membership div#header ul#subNavi li a{
padding: 1px 13px 0;
}

/* ------------------------------------------------------
seminar header style
------------------------------------------------------ */
body.seminar ul#subNavi{
background-color: #6e9b02;
}
body.seminar ul#subNavi li{
background: url(../img/gnavi_line_seminar.gif) no-repeat right center;
}
body.seminar ul#subNavi a{
color: #fff;
}
body.seminar ul#subNavi a:hover{
color: #6e9b02;
background-color: #fff;
}
body.seminar ul#subNavi li.current a{
color: #6e9b02;
background-color: #fff;
}

/* ------------------------------------------------------
about & data header style
------------------------------------------------------ */
body.about ul#subNavi,
body.data ul#subNavi{
background-color: #cecfed;
}
body.about ul#subNavi li,
body.data ul#subNavi li{
background: url(../img/gnavi_line_about_data.gif) no-repeat right center;
}
body.about ul#subNavi a,
body.data ul#subNavi a{
color: #000;
}
body.about ul#subNavi a:hover,
body.data ul#subNavi a:hover{
color: #fff;
background-color: #5b5eb4;
}
body.about ul#subNavi li.current a,
body.data ul#subNavi li.current a{
color: #fff;
background-color: #5b5eb4;
}

/* ------------------------------------------------------
information header style
------------------------------------------------------ */
body.about div#header ul.infoNavi{
border-bottom: 4px solid #454545;
}

/* ------------------------------------------------------
video headerVideo style
------------------------------------------------------ */
body.video div#headerVideo{
border-top: none;
padding: 0;
width: 640px;
}

body.video div#headerVideo p#logo{
margin: 21px 0 0 0;
float: left;
}

div#headerVideo p#site{
margin: 28px 0 27px 0;
float: right;
}

/* ------------------------------------------------------
footer style
------------------------------------------------------ */
div#footer{
padding-bottom: 14px;
clear: both;
width: 1014px;
background: #fff url(../img/bg_footer.gif) no-repeat left bottom;
font-size: 0.8em;
letter-spacing: 0.05em;
}
*:first-child+html div#footer{
padding-bottom: 7px;
}
div#footer ul#footerGlobalNavi{
margin: 0 3px 1px;
padding: 9px 17px 7px;
width: 974px;
background: #747474 url(../img/bg_footer_gnavi.gif) no-repeat left bottom;
font-size: 0.9em;
}
div#footer ul#footerGlobalNavi li{
padding: 0 22px 0 16px;
float: left;
background: url(../img/arrow02.gif) no-repeat left 0.3em;
}
div#footer ul#footerGlobalNavi li a{
color: #fff;
}
div#footer ul#footerGlobalNavi li a:link,
div#footer ul#footerGlobalNavi li a:visited{
text-decoration: none;
}
div#footer ul#footerGlobalNavi li a:hover,
div#footer ul#footerGlobalNavi li a:active{
text-decoration: underline;
}
div#footer ul#footerNavi{
margin: 0 3px;
padding: 12px 17px 10px;
float: left;
width: 700px;
font-size: 0.8em;
}
div#footer ul#footerNavi li{
margin-right: 10px;
padding-right: 8px;
border-right: 1px solid #000;
float: left;
}
div#footer ul#footerNavi li#footerNaviLast{
border: none;
}
div#footer ul#footerNavi a{
color: #000;
}
div#footer p#footerTxt{
margin: 0 0 7px 20px;
clear: both;
color: #676767;
font-size: 0.8em;
line-height: 1.5;
}
div#footer p#logoFooter{
padding: 0 13px 0 20px;
float: left;
}
div#footer h3{
margin-top: 4px;
padding-right: 10px;
float: left ;
font-weight: normal;
font-size: 0.9em;
}
div#footer p#copyright{
margin-top: 4px;
padding-right: 19px;
float: right;
}
div#footer p.pw{
margin: 10px 19px 0 0;
float: right;
background: url(../img/bg_btm_abs.gif) no-repeat left bottom;
color: #676767;
font-size: 0.8em;
text-align: center;
}
* html div#footer p.pw{
display: inline;
}
div#footer p.pw span{
padding: 3px 0 4px;
width: 235px;
display: block;
background: url(../img/bg_top_abs.gif) no-repeat left top;
}
div#footer p.pw a{
color: #000;
}

/* ------------------------------------------------------
footerVideo style
------------------------------------------------------ */
#footerVideo{
border-top: 1px solid #cccccc;
margin: 40px 0 20px 0;
}

#footerVideo #copyright{
margin: 20px 0 0 0;
text-align: center;
}

/* ------------------------------------------------------
clearfix
------------------------------------------------------ */
div#headerVideo:after,
div#header:after,
div#header div:after,
ul#headerNavi:after,
ul#globalNavi:after,
ul#subNavi:after,
div#content:after,
div#footer:after,
ul#footerGlobalNavi:after,
ul#footerNavi:after,
div#topInfoQa:after,
div#topInfo:after,
div.hlCategory div:after,
div.imgLayoutR01:after,
ul.imgList04:after,
ul.pageLink01:after,
ul.linkList01:after,
ul.linkList02:after,
div.hl01Catch div:after,
div.hlListBlock:after,
div.column2:after,
div.column3:after,
div.gpBoxD2col:after,
div.gpBox2col:after,
div.contactBlock02:after,
dl.plugin:after,
div.imgLayoutRight:after,
div.imgLayoutLeft:after,
ul.imgList07:after,
ul.imgList08:after,
ul.imgList09:after,
ul.imgList10:after,
div.imgList10Block:after,
dl.dl01:after,
dl.dl02:after,
div.membershipMenu:after,
div.membershipInfoInner:after,
div.membershipInfoInner div:after,
ul.linkList05col2 li:after,
div#headerSearch:after,
div#mainContent ul.pager:after,
div#topInfo .lytCol:after,
div.topInfoData:after,
div#seminarInfo .listlink:after,
ul#listIdxImportant:after{
display: block;
height: 0;
clear: both;
visibility: hidden;
content: ".";
}
div#header,
div#header div,
ul#headerNavi,
ul#globalNavi,
ul#subNavi,
div#content,
div#footer,
ul#footerGlobalNavi,
ul#footerNavi,
div#topInfoQa,
div#topInfo,
div.hlCategory div,
div.imgLayoutR01,
ul.imgList04,
ul.pageLink01,
ul.linkList01,
ul.linkList02,
div.hl01Catch div,
div.hlListBlock,
div.column2,
div.column3,
div.gpBoxD2col,
div.gpBox2col,
div.contactBlock02,
dl.plugin,
div.imgLayoutRight,
div.imgLayoutLeft,
ul.imgList07,
ul.imgList08,
ul.imgList09,
ul.imgList10,
div.imgList10Block,
dl.dl01,
dl.dl02,
div.membershipMenu,
div.membershipInfoInner,
div.membershipInfoInner div,
ul.linkList05col2 li,
div#headerSearch,
div#mainContent ul.pager,
div#topInfo .lytCol,
div.topInfoData,
div#seminarInfo .listlink,{
display: inline-block;
}
/* Hides from IE-mac \*/
* html div#header,
* html div#header div,
* html ul#headerNavi,
* html ul#globalNavi,
* html ul#subNavi,
* html div#content,
* html div#footer,
* html ul#footerGlobalNavi,
* html ul#footerNavi,
* html div#topInfoQa,
* html div#topInfo,
* html div.hlCategory div,
* html div.imgLayoutR01,
* html ul.imgList04,
* html ul.pageLink01,
* html ul.linkList01,
* html ul.linkList02,
* html div.hl01Catch div,
* html div.hlListBlock,
* html div.column2,
* html div.column3,
* html div.gpBoxD2col,
* html div.gpBox2col,
* html div.contactBlock02,
* html dl.plugin,
* html div.imgLayoutRight,
* html div.imgLayoutLeft,
* html ul.imgList07,
* html ul.imgList08,
* html ul.imgList09,
* html ul.imgList10,
* html div.imgList10Block,
* html dl.dl01,
* html dl.dl02,
* html div.membershipMenu,
* html div.membershipInfoInner,
* html div.membershipInfoInner div,
* html ul.linkList05col2 li,
* html div#headerSearch,
* html div#mainContent ul.pager,
ul#listIdxImportant{
height: 1%;
}
div#header,
div#header div,
ul#headerNavi,
ul#globalNavi,
ul#subNavi,
div#content,
div#footer,
ul#footerGlobalNavi,
ul#footerNavi,
div#topInfoQa,
div#topInfo,
div.hlCategory div,
div.imgLayoutR01,
ul.imgList04,
ul.pageLink01,
ul.linkList01,
ul.linkList02,
div.hl01Catch div,
div.hlListBlock,
div.column2,
div.column3,
div.gpBoxD2col,
div.gpBox2col,
div.contactBlock02,
dl.plugin,
div.imgLayoutRight,
div.imgLayoutLeft,
ul.imgList07,
ul.imgList08,
ul.imgList09,
ul.imgList10,
div.imgList10Block,
dl.dl01,
dl.dl02,
div.membershipMenu,
div.membershipInfoInner,
div.membershipInfoInner div,
ul.linkList05col2 li,
div#headerSearch,
div#mainContent ul.pager,
ul#listIdxImportant{
display: block;
}
/* End hides from IE-mac */