@charset"utf-8";

/* ----- ----- -----
 reset
 ----- ----- ----- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{vertical-align:top;}
/*changecolourstosuityourneeds*/
ins{background-color:#ff9;color:#000;text-decoration:none;}
/*changecolourstosuityourneeds*/
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/*changebordercolourtosuityourneeds*/
hr{display:block;border:0;border-top:none;margin:0;padding:0;}
input,select{vertical-align:middle;}
/*forIE6/IE7/IE8*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
ol,ul{list-style:none;}
li{list-style:none;}

/* default Style */
html{
padding:0; margin:0;
/*font-size:10px;*/
}
body{
background:url(../img/bg_69.gif) repeat-x;
line-height:1.6;
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#545454;
-webkit-text-size-adjust:none;
}

/* link Style */
a{
color:#004EA2;
-webkit-tap-highlight-color:rgba(0,78,162,.4);
text-decoration:none;
}
a:hover{
opacity:0.5;
-moz-opacity:0.5;
}

#ie8 a:hover{
color:#7FA6D0;
opacity:inherit;
-moz-opacity:inherit;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#004EA250',EndColorStr='#004EA250')";
}



/* layout */
#hiddenMessage{
position:absolute;
z-index:100;
top:0px;
right:5000px;
width:1px;
height:1px;
border-style:none;
overflow:hidden;
}
#page{
width:960px;
height:auto;
margin:0 auto;
padding-bottom:50px;
}
#header{
width:960px;
height:71px;
padding:17px 0 0 0;
background:url(../img/header_bg_01.gif) no-repeat;
zoom:1;
}
#header:before, #header:after{
content:"";
display:table;
}
#header:after{
clear:both;
}
#header .hgroup{
float:left;
width:447px;
height:48px;
padding:4px 0 0 4px;
position:relative;
}
#header .hgroup h1{
width:174px;
height:48px;
padding-top:3px;
}
#header .hgroup p{
width:258px;
height:16px;
position:absolute;
top:34px;
left:193px; 
}
#header .hBox{
float:right;
width:340px;
height:60px;
padding:0 0px 0 0;
}
#header .hBox #hNav{
width:340px;
height:20px;
margin-bottom:16px;
position:relative;
}
#header .hBox #hNav .hsNav{
position:absolute;
}
#header .hBox #hNav .hsNav li{
float:left;
padding-top:4px;
}
#header .hBox #hNav .hsNav li:first-child{
width:84px;
padding-right:8px;
}
#header .hBox #hNav .hsNav li:last-child{
width:78px;
}
#header .hBox #hNav .langNav{
width:154px;
position:absolute;
top:0px;
right:0px;
z-index:10;
overflow:hidden;
}
#header .hBox #hNav .langNav li{
display:none;
padding:2px 0;
line-height:0;
cursor:pointer;
}
#header .hBox #hNav .langNav.show li{
display:block;
background:url(../img/header_bg_02.jpg) 0 0 repeat-y;
}
#header .hBox #hNav .langNav li a{
display:block;
opacity:1;
}
#header .hBox #hNav .langNav li a:hover img{
margin-left:-154px;
}
#header .hBox #hNav .langNav li:first-child{
display:block;
padding:0 !important;
background:none !important;
}
#header .hBox #hNav .langNav li:last-child{
padding-bottom:0 !important;
}
#header .hBox .aside{
clear:both;
position:relative;
}
#header .hBox .aside #gsc{
width:180px;
height:24px;
position:absolute;
right:170px;
top:0;
}


/* gss */
#___gcse_0 {
width:169px !important;
}
#___gcse_0 form.gsc-search-box{
margin:0 !important;
}
#___gcse_0 form.gsc-search-box table.gsc-search-box{
margin:0 !important;
border-spacing:0px;
}
#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-input{
padding:0 !important;
}
#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-input input{
width:141px !important;
height:16px !important;
padding:3px 5px !important;
border:1px solid #C3C3C3 !important;
border-right:none !important;
}
#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-search-button{
width:28px !important;
}
#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-search-button input.gsc-search-button{
width:28px !important;
min-width:28px !important;
height:24px !important;
margin:0 0 0 0px !important;
padding:0px !important;
background:#FFFFFF url(../img/header_btn_09.gif) no-repeat !important;
text-indent:200% !important;
white-space:nowrap !important;
overflow:hidden !important;
border:none !important;
filter:none !important;
cursor:pointer !important;
display:block !important;
}
#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-clear-button{
display:none;
}
#header .hBox .aside #fontSize{
width:93px;
height:24px;
padding-left:60px;
background:url(../img/header_bg_10.gif) no-repeat;
position:absolute;
right:0;
top:0;
}
#header .hBox .aside #fontSize li{
float:left;
width:26px;
height:24px;
margin-left:5px;
list-style:none;
text-indent:100%; white-space:nowrap; overflow:hidden;
cursor:pointer;
}
#header .hBox .aside #fontSize li.small {background:url(../img/header_btn_11.jpg) no-repeat;}
#header .hBox .aside #fontSize li.middle{background:url(../img/header_btn_12.jpg) no-repeat;}
#header .hBox .aside #fontSize li.large {background:url(../img/header_btn_13.jpg) no-repeat;}
#header .hBox .aside #fontSize li:hover,
#header .hBox .aside #fontSize li.current {background-position:0 -24px !important;}


/* #gNav */
#gNav{
width:960px;
height:56px;
margin-bottom:16px;
position:relative;
zoom:1;
}
#gNav:before, #gNav:after{
content:"";
display:table;
}
#gNav:after{
clear:both;
}
#gNav li{
float:left;
}
#gNav li.train{width:198px;margin-right:4px;}
#gNav li.recommend{width:186px;margin-right:4px;}
#gNav li.search{width:200px;margin-right:4px;}
#gNav li.profile{width:186px;margin-right:4px;}
#gNav li.manaca{width:166px;}
#gNav li a{
display:block !important;
height:56px;
text-indent:100%; white-space:nowrap; overflow:hidden;
}
#gNav li.train a{background:url(../img/gnavi_btn_06.gif) no-repeat;}
#gNav li.recommend a{background:url(../img/gnavi_btn_07.gif) no-repeat;}
#gNav li.search a{background:url(../img/gnavi_btn_08.gif) no-repeat;}
#gNav li.profile a{background:url(../img/gnavi_btn_09.gif) no-repeat;}
#gNav li.manaca a{background:url(../img/gnavi_btn_10.gif) no-repeat;}
#gNav > li > a:hover{
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
-ms-filter:"alpha(opacity=100)";
}
#gNav > li > a:hover{background-position:0 -70px !important;}
#gNav > li > a.current,
#gNav > li > a.parentsLink{background-position:0 -140px !important;}

/* mdd */
#gNav .megaTri:hover .megaMenu{
opacity:1;
visibility:visible;
top:56px;
-mos-transition-delay:0.2s;
-webkit-transition-delay:0.2s;
transition-delay:0.2s;
zoom:1 !important;
}
#gNav .megaTri .megaMenu{
display:block !important;
width:832px;
padding-top:20px;
visibility:hidden;
opacity:0;
position:absolute;
left:60px;
top:56px;
z-index:10000;
-webkit-transition:visibility 0s linear 0.05s,opacity 0.1s ease-in-out,top 0.3s ease-out;
transition:visibility 0s linear 0.05s,opacity 0.1s ease-in-out,top 0.3s ease-out;
zoom:1 !important;
}
#ie8 #gNav .megaTri:hover .megaMenu{
background-color:#fff;
visibility:visible;
opacity:1;
top:56px;
}
#ie8 #gNav .megaTri .megaMenu{
visibility:visible;
opacity:1;
top:-1000px;
}
#gNav .megaTri .megaMenu .megaMenuIn{
width:810px;
padding:16px 0 3px 18px;
background:url(../img/gnavi_bg_67.png) 0 0 repeat;
border:2px solid #195fab;
border-radius:5px;
position:relative;
}
#ie8 #gNav .megaTri .megaMenu .megaMenuIn{
background-color:#fff;
}
#gNav .megaTri .megaMenu .megaMenuIn iframe{
width:810px;
opacity:1;
}
#gNav .megaTri .megaMenu .megaMenuIn .arrow{
position:absolute;
top:-12px;
}
#gNav .train .megaMenu .megaMenuIn .arrow{left:28px;}
#gNav .recommend .megaMenu .megaMenuIn .arrow{left:230px;}
#gNav .search .megaMenu .megaMenuIn .arrow{left:425px;}
#gNav .profile .megaMenu .megaMenuIn .arrow{left:620px;}
#gNav .manaca .megaMenu .megaMenuIn .arrow{left:800px;}

/* mdd common */
.megaMenuContents{
width:810px;
font-size:12px;
background-image:none !important;
}
.megaMenuContents a{
height:auto !important;
text-indent:0 !important;
background:none !important;
}
#ie8 .megaMenuContents a:hover{
opacity:0.7 !important;
filter:alpha(opacity=70) !important;
background-color:#fff !important;
}
.contInner{
overflow:hidden;
}


/* #contents */
#contents:before, #contents:after{content:"";display:table;}
#contents:after{clear:both;}
#contents{zoom:1;}

#main{
float:left;
width:736px;
}

/* .entryBody default */
.entryBody p,
.entryBody .table{margin-bottom:1em;}
.entryBody > p{padding:0 20px;}
.entryBody > .table{margin-left:20px;}

/* .introArea default */
.introArea{margin-bottom:2em;}
.introArea p,
.introArea .table{margin-bottom:1em;}
.introArea > p{padding:0 20px;}
.introArea > .table{margin-left:20px;}

#side{
float:right;
width:208px;
}
.pageTop{
position:fixed;
right:0;
bottom:145px;
margin:0;
padding:0;
z-index:10000;
}
#footer{
width:100%;
padding-top:90px;
background-color:#E3E6E8;
background-image:url(../img/footer_bg_04.png), url(../img/footer_bg_03.png), url(../img/footer_bg_02.png), url(../img/footer_bg_01.jpg), url(../img/footer_bg_05.jpg);
background-repeat:repeat-x, no-repeat, repeat-x, repeat-x, repeat-x;
background-position:center top, center top, center top, center top, left 90px;
}
#ie8 #footer{
background:url(../img/footer_bg_07.jpg) center bottom no-repeat;
}
#footer .inner{
width:940px;
min-height:24px;
padding:24px 10px;
margin:0 auto;
display:table;
}
#footer .fNav{
display:table-cell;
width:69%;
}
#footer .fNav li{
clear:both;
float:none;
display:inline;
color:#004EA2;
font-size:11px;
letter-spacing:1px;
}
#footer .fNav li a:hover{
text-decoration:none;
}
#footer .copyRight{
display:table-cell;
width:30%;
font-size:12px;
text-align:right;
}

/* common parts */
#breadCrumbs{
width:955px;
height:32px;
padding-left:5px;
margin:0 auto 16px;
background:url(../img/bg_57.jpg) no-repeat;
zoom:1;
}
#breadCrumbs:before, #breadCrumbs:after{content:""; display:table;}
#breadCrumbs li{
float:left;
list-style:none;
}
#breadCrumbs li a{
float:left;
display:block !important;
color:#666666;
line-height:1;
font-size:12px;
padding:10px 0;
margin:0 10px;
}
#breadCrumbs li span.arrow{
float:left;
display:block;
width:11px;
height:32px;
background:url(../img/misc_58.jpg) no-repeat;
text-indent:100%; white-space:nowrap; overflow:hidden;
}
#ie8 #breadCrumbs li:last-child a:hover{
color:#545454;
}
#breadCrumbs li a.adjust{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}